diff --git a/tokens/css-utilities.js b/tokens/css-utilities.js index 5270abd7cc..55c7b0ad09 100644 --- a/tokens/css-utilities.js +++ b/tokens/css-utilities.js @@ -2,7 +2,7 @@ * Implements bg-variant mixin from bootstrap. Creates utility classes for background colors based on theme color. */ function bgVariant(token) { - const { attributes: { type, item}, actions } = token; + const { attributes: { type, item }, actions } = token; const parent = `.bg-${type}${item === 'base' ? '' : `-${item}`}`; return `${parent} { background-color: ${`var(--${token.name})`} !important; @@ -22,7 +22,7 @@ button${parent}:focus { * Implements text-emphasis-variant mixin from bootstrap. Creates utility classes for text colors based on theme color. */ function textEmphasisVariant(token) { - const { attributes: { type, item}, actions } = token; + const { attributes: { type, item }, actions } = token; const parent = `.text-${type}${item === 'base' ? '' : `-${item}`}`; return `${parent} { color: ${`var(--${token.name})`} !important; diff --git a/tokens/style-dictionary.js b/tokens/style-dictionary.js index be2f874efc..9220f0f3bd 100644 --- a/tokens/style-dictionary.js +++ b/tokens/style-dictionary.js @@ -143,7 +143,7 @@ StyleDictionary.registerFormat({ // eslint-disable-next-line no-restricted-syntax for (const token of tokens) { - token.actions = {"default": `var(--pgn-${token.actions.default.join('-')})`}; + token.actions = { default: `var(--pgn-${token.actions.default.join('-')})` }; // eslint-disable-next-line no-restricted-syntax for (const funcName of utilityFunctionsToApply) { utilityClasses += cssUtilities[funcName](token);