@telia-ace/alliance-ui 1.0.14 → 1.0.15

package/voca/foundations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/voca/foundations/index.ts"],"sourcesContent":["import {\n    borders,\n    breakpoints,\n    colors,\n    grid,\n    layers,\n    motion,\n    shadows,\n    spacing,\n    typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n    const styleId = 'voca-foundations-style-tag';\n    const existing = document.getElementById(styleId);\n    const element = document.createElement('style');\n    element.id = styleId;\n\n    const variables: Record<string, string> = {\n        '--font-telia-heading':\n            'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n        '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n        '--font-normal': typography.weightNormal,\n        '--font-medium': typography.weightMedium,\n        '--font-bold': typography.weightBold,\n\n        '--spacing-0': spacing.spacing0,\n        '--spacing-2': spacing.spacing2,\n        '--spacing-4': spacing.spacing4,\n        '--spacing-8': spacing.spacing8,\n        '--spacing-12': spacing.spacing12,\n        '--spacing-16': spacing.spacing16,\n        '--spacing-20': spacing.spacing20,\n        '--spacing-24': spacing.spacing24,\n        '--spacing-32': spacing.spacing32,\n        '--spacing-48': spacing.spacing48,\n        '--spacing-64': spacing.spacing64,\n        '--spacing-80': spacing.spacing80,\n        '--spacing-96': spacing.spacing96,\n        '--spacing-128': spacing.spacing128,\n\n        '--box-shadow-none': shadows.none,\n        '--box-shadow-sm': shadows.sm,\n        '--box-shadow-md': shadows.md,\n        '--box-shadow-lg': shadows.lg,\n\n        '--duration-50': motion.duration50,\n        '--duration-100': motion.duration100,\n        '--duration-150': motion.duration150,\n        '--duration-200': motion.duration200,\n        '--duration-250': motion.duration250,\n        '--duration-300': motion.duration300,\n        '--duration-350': motion.duration350,\n        '--duration-400': motion.duration400,\n        '--duration-500': motion.duration500,\n        '--duration-1500': motion.duration1500,\n        '--duration-2000': motion.duration2000,\n\n        '--timing-ease-in': motion.easeIn,\n        '--timing-ease-out': motion.easeOut,\n        '--timing-ease-in-out': motion.easeInOut,\n\n        '--layer-base': layers.base,\n        '--layer-dropdown': layers.dropdown,\n        '--layer-header': layers.header,\n        '--layer-modal': layers.modal,\n\n        '--border-width-none': borders.widthNone,\n        '--border-width-xs': borders.widthXs,\n        '--border-width-sm': borders.widthSm,\n        '--border-width-md': borders.widthMd,\n\n        '--border-radius-none': borders.radiusNone,\n        '--border-radius-default': borders.radiusDefault,\n        '--border-radius-sm': borders.radiusSm,\n        '--border-radius-lg': borders.radiusLg,\n        '--border-radius-full': borders.radiusFull,\n\n        '--screen-size-sm': breakpoints.breakpointSm,\n        '--screen-size-md': breakpoints.breakpointMd,\n        '--screen-size-lg': breakpoints.breakpointLg,\n        '--screen-size-xl': breakpoints.breakpointXl,\n\n        '--purple-100': colors.purple100,\n        '--purple-200': colors.purple200,\n        '--purple-300': colors.purple300,\n        '--purple-400': colors.purple400,\n        '--purple-500': colors.purple500,\n        '--purple-600': colors.purple600,\n        '--purple-700': colors.purple700,\n        '--purple-800': colors.purple800,\n        '--purple-850': colors.purple850,\n        '--purple-900': colors.purple900,\n\n        '--beige-50': colors.beige50,\n        '--beige-100': colors.beige100,\n        '--beige-200': colors.beige200,\n        '--beige-300': colors.beige300,\n        '--beige-400': colors.beige400,\n        '--beige-500': colors.beige500,\n        '--beige-600': colors.beige600,\n        '--beige-700': colors.beige700,\n        '--beige-800': colors.beige800,\n        '--beige-900': colors.beige900,\n\n        '--gray-50': colors.gray50,\n        '--gray-100': colors.gray100,\n        '--gray-200': colors.gray200,\n        '--gray-300': colors.gray300,\n        '--gray-400': colors.gray400,\n        '--gray-500': colors.gray500,\n        '--gray-600': colors.gray600,\n        '--gray-700': colors.gray700,\n        '--gray-800': colors.gray800,\n        '--gray-900': colors.gray900,\n\n        '--green-100': colors.green100,\n        '--green-200': colors.green200,\n        '--green-300': colors.green300,\n        '--green-400': colors.green400,\n        '--green-500': colors.green500,\n        '--green-600': colors.green600,\n        '--green-700': colors.green700,\n        '--green-800': colors.green800,\n        '--green-900': colors.green900,\n\n        '--red-100': colors.red100,\n        '--red-200': colors.red200,\n        '--red-300': colors.red300,\n        '--red-400': colors.red400,\n        '--red-500': colors.red500,\n        '--red-600': colors.red600,\n        '--red-700': colors.red700,\n        '--red-800': colors.red800,\n        '--red-900': colors.red900,\n\n        '--orange-100': colors.orange100,\n        '--orange-200': colors.orange200,\n        '--orange-300': colors.orange300,\n        '--orange-400': colors.orange400,\n        '--orange-500': colors.orange500,\n        '--orange-600': colors.orange600,\n        '--orange-700': colors.orange700,\n        '--orange-800': colors.orange800,\n        '--orange-900': colors.orange900,\n\n        '--blue-100': colors.blue100,\n        '--blue-200': colors.blue200,\n        '--blue-300': colors.blue300,\n        '--blue-400': colors.blue400,\n        '--blue-500': colors.blue500,\n        '--blue-600': colors.blue600,\n        '--blue-700': colors.blue700,\n        '--blue-800': colors.blue800,\n        '--blue-900': colors.blue900,\n\n        '--white': colors.white,\n        '--black': colors.black,\n        '--functional-black': colors.functionalBlack,\n\n        /* DEPRECATED */\n        '--grid-gutter': grid.gutter,\n        '--grid-gutter-medium': grid.gutterMedium,\n        '--grid-gutter-large': grid.gutterLarge,\n        '--grid-page-padding': grid.pagePadding,\n        '--grid-page-padding-m': grid.pagePaddingM,\n        '--grid-page-padding-l': grid.pagePaddingL,\n\n        '--grid-gutter-sm': grid.gutter,\n        '--grid-gutter-md': grid.gutterMedium,\n        '--grid-gutter-lg': grid.gutterLarge,\n        '--grid-page-padding-sm': grid.pagePadding,\n        '--grid-page-padding-md': grid.pagePaddingM,\n        '--grid-page-padding-lg': grid.pagePaddingL,\n        '--grid-page-padding-xl': grid.pagePaddingXl,\n\n        // The following are not available in JS variables for some reason\n        '--functional-transparent': 'transparent',\n        '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n        '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n        '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n    };\n\n    const variableString = Object.keys(variables)\n        .map((key) => `${key}:${variables[key]};`)\n        .join('');\n\n    element.innerHTML = `\n        :root {\n            ${variableString}\n        }\n    `;\n\n    if (!!existing) {\n        document.head.replaceChild(element, existing);\n        return;\n    }\n    return document.head.append(element);\n};\n"],"names":["addCssVariables","styleId","existing","element","variables","typography","spacing","shadows","motion","layers","borders","breakpoints","colors","grid","focus","variableString","key"],"mappings":"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"}
+{"version":3,"sources":["../../src/voca/foundations/index.ts"],"names":["borders","breakpoints","colors","grid","layers","motion","shadows","spacing","typography","focus","addCssVariables","styleId","existing","document","getElementById","element","createElement","id","variables","weightNormal","weightMedium","weightBold","spacing0","spacing2","spacing4","spacing8","spacing12","spacing16","spacing20","spacing24","spacing32","spacing48","spacing64","spacing80","spacing96","spacing128","none","sm","md","lg","duration50","duration100","duration150","duration200","duration250","duration300","duration350","duration400","duration500","duration1500","duration2000","easeIn","easeOut","easeInOut","base","dropdown","header","modal","widthNone","widthXs","widthSm","widthMd","radiusNone","radiusDefault","radiusSm","radiusLg","radiusFull","breakpointSm","breakpointMd","breakpointLg","breakpointXl","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple850","purple900","beige50","beige100","beige200","beige300","beige400","beige500","beige600","beige700","beige800","beige900","gray50","gray100","gray200","gray300","gray400","gray500","gray600","gray700","gray800","gray900","green100","green200","green300","green400","green500","green600","green700","green800","green900","red100","red200","red300","red400","red500","red600","red700","red800","red900","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","white","black","functionalBlack","gutter","gutterMedium","gutterLarge","pagePadding","pagePaddingM","pagePaddingL","pagePaddingXl","focusBorderWidth","focusColor","variableString","Object","keys","map","key","join","innerHTML","head","replaceChild","append"],"mappings":";;;;AAAA,SACIA,SACAC,aACAC,QACAC,MACAC,QACAC,QACAC,SACAC,SACAC,kBACG;AACP,OAAOC,WAAW;AAIX,IAAMC,kBAAkB,6BAAA;AAC3B,QAAMC,UAAU;AAChB,QAAMC,WAAWC,SAASC,eAAeH,OAAAA;AACzC,QAAMI,UAAUF,SAASG,cAAc,OAAA;AACvCD,UAAQE,KAAKN;AAEb,QAAMO,YAAoC;IACtC,wBACI;IACJ,qBAAqB;IACrB,iBAAiBV,WAAWW;IAC5B,iBAAiBX,WAAWY;IAC5B,eAAeZ,WAAWa;IAE1B,eAAed,QAAQe;IACvB,eAAef,QAAQgB;IACvB,eAAehB,QAAQiB;IACvB,eAAejB,QAAQkB;IACvB,gBAAgBlB,QAAQmB;IACxB,gBAAgBnB,QAAQoB;IACxB,gBAAgBpB,QAAQqB;IACxB,gBAAgBrB,QAAQsB;IACxB,gBAAgBtB,QAAQuB;IACxB,gBAAgBvB,QAAQwB;IACxB,gBAAgBxB,QAAQyB;IACxB,gBAAgBzB,QAAQ0B;IACxB,gBAAgB1B,QAAQ2B;IACxB,iBAAiB3B,QAAQ4B;IAEzB,qBAAqB7B,QAAQ8B;IAC7B,mBAAmB9B,QAAQ+B;IAC3B,mBAAmB/B,QAAQgC;IAC3B,mBAAmBhC,QAAQiC;IAE3B,iBAAiBlC,OAAOmC;IACxB,kBAAkBnC,OAAOoC;IACzB,kBAAkBpC,OAAOqC;IACzB,kBAAkBrC,OAAOsC;IACzB,kBAAkBtC,OAAOuC;IACzB,kBAAkBvC,OAAOwC;IACzB,kBAAkBxC,OAAOyC;IACzB,kBAAkBzC,OAAO0C;IACzB,kBAAkB1C,OAAO2C;IACzB,mBAAmB3C,OAAO4C;IAC1B,mBAAmB5C,OAAO6C;IAE1B,oBAAoB7C,OAAO8C;IAC3B,qBAAqB9C,OAAO+C;IAC5B,wBAAwB/C,OAAOgD;IAE/B,gBAAgBjD,OAAOkD;IACvB,oBAAoBlD,OAAOmD;IAC3B,kBAAkBnD,OAAOoD;IACzB,iBAAiBpD,OAAOqD;IAExB,uBAAuBzD,QAAQ0D;IAC/B,qBAAqB1D,QAAQ2D;IAC7B,qBAAqB3D,QAAQ4D;IAC7B,qBAAqB5D,QAAQ6D;IAE7B,wBAAwB7D,QAAQ8D;IAChC,2BAA2B9D,QAAQ+D;IACnC,sBAAsB/D,QAAQgE;IAC9B,sBAAsBhE,QAAQiE;IAC9B,wBAAwBjE,QAAQkE;IAEhC,oBAAoBjE,YAAYkE;IAChC,oBAAoBlE,YAAYmE;IAChC,oBAAoBnE,YAAYoE;IAChC,oBAAoBpE,YAAYqE;IAEhC,gBAAgBpE,OAAOqE;IACvB,gBAAgBrE,OAAOsE;IACvB,gBAAgBtE,OAAOuE;IACvB,gBAAgBvE,OAAOwE;IACvB,gBAAgBxE,OAAOyE;IACvB,gBAAgBzE,OAAO0E;IACvB,gBAAgB1E,OAAO2E;IACvB,gBAAgB3E,OAAO4E;IACvB,gBAAgB5E,OAAO6E;IACvB,gBAAgB7E,OAAO8E;IAEvB,cAAc9E,OAAO+E;IACrB,eAAe/E,OAAOgF;IACtB,eAAehF,OAAOiF;IACtB,eAAejF,OAAOkF;IACtB,eAAelF,OAAOmF;IACtB,eAAenF,OAAOoF;IACtB,eAAepF,OAAOqF;IACtB,eAAerF,OAAOsF;IACtB,eAAetF,OAAOuF;IACtB,eAAevF,OAAOwF;IAEtB,aAAaxF,OAAOyF;IACpB,cAAczF,OAAO0F;IACrB,cAAc1F,OAAO2F;IACrB,cAAc3F,OAAO4F;IACrB,cAAc5F,OAAO6F;IACrB,cAAc7F,OAAO8F;IACrB,cAAc9F,OAAO+F;IACrB,cAAc/F,OAAOgG;IACrB,cAAchG,OAAOiG;IACrB,cAAcjG,OAAOkG;IAErB,eAAelG,OAAOmG;IACtB,eAAenG,OAAOoG;IACtB,eAAepG,OAAOqG;IACtB,eAAerG,OAAOsG;IACtB,eAAetG,OAAOuG;IACtB,eAAevG,OAAOwG;IACtB,eAAexG,OAAOyG;IACtB,eAAezG,OAAO0G;IACtB,eAAe1G,OAAO2G;IAEtB,aAAa3G,OAAO4G;IACpB,aAAa5G,OAAO6G;IACpB,aAAa7G,OAAO8G;IACpB,aAAa9G,OAAO+G;IACpB,aAAa/G,OAAOgH;IACpB,aAAahH,OAAOiH;IACpB,aAAajH,OAAOkH;IACpB,aAAalH,OAAOmH;IACpB,aAAanH,OAAOoH;IAEpB,gBAAgBpH,OAAOqH;IACvB,gBAAgBrH,OAAOsH;IACvB,gBAAgBtH,OAAOuH;IACvB,gBAAgBvH,OAAOwH;IACvB,gBAAgBxH,OAAOyH;IACvB,gBAAgBzH,OAAO0H;IACvB,gBAAgB1H,OAAO2H;IACvB,gBAAgB3H,OAAO4H;IACvB,gBAAgB5H,OAAO6H;IAEvB,cAAc7H,OAAO8H;IACrB,cAAc9H,OAAO+H;IACrB,cAAc/H,OAAOgI;IACrB,cAAchI,OAAOiI;IACrB,cAAcjI,OAAOkI;IACrB,cAAclI,OAAOmI;IACrB,cAAcnI,OAAOoI;IACrB,cAAcpI,OAAOqI;IACrB,cAAcrI,OAAOsI;IAErB,WAAWtI,OAAOuI;IAClB,WAAWvI,OAAOwI;IAClB,sBAAsBxI,OAAOyI;;IAG7B,iBAAiBxI,KAAKyI;IACtB,wBAAwBzI,KAAK0I;IAC7B,uBAAuB1I,KAAK2I;IAC5B,uBAAuB3I,KAAK4I;IAC5B,yBAAyB5I,KAAK6I;IAC9B,yBAAyB7I,KAAK8I;IAE9B,oBAAoB9I,KAAKyI;IACzB,oBAAoBzI,KAAK0I;IACzB,oBAAoB1I,KAAK2I;IACzB,0BAA0B3I,KAAK4I;IAC/B,0BAA0B5I,KAAK6I;IAC/B,0BAA0B7I,KAAK8I;IAC/B,0BAA0B9I,KAAK+I;;IAG/B,4BAA4B;IAC5B,0BAA0B;IAC1B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAE3B,kBAAkB,GAAGzI,MAAM0I,gBAAgB,UAAU1I,MAAM2I,UAAU;EACzE;AAEA,QAAMC,iBAAiBC,OAAOC,KAAKrI,SAAAA,EAC9BsI,IAAI,CAACC,QAAQ,GAAGA,GAAAA,IAAOvI,UAAUuI,GAAAA,CAAI,GAAG,EACxCC,KAAK,EAAA;AAEV3I,UAAQ4I,YAAY;;cAEVN,cAAAA;;;AAIV,MAAIzI,UAAU;AACVC,aAAS+I,KAAKC,aAAa9I,SAASH,QAAAA;AACpC;EACJ;AACA,SAAOC,SAAS+I,KAAKE,OAAO/I,OAAAA;AAChC,GA/M+B","sourcesContent":["import {\n    borders,\n    breakpoints,\n    colors,\n    grid,\n    layers,\n    motion,\n    shadows,\n    spacing,\n    typography,\n} from '@teliads/components/foundations';\nimport focus from '@teliads/components/foundations/focus/variables.json';\n\nexport { borders, breakpoints, colors, grid, layers, motion, shadows, spacing, typography, focus };\n\nexport const addCssVariables = () => {\n    const styleId = 'voca-foundations-style-tag';\n    const existing = document.getElementById(styleId);\n    const element = document.createElement('style');\n    element.id = styleId;\n\n    const variables: Record<string, string> = {\n        '--font-telia-heading':\n            'TeliaSansHeading, TeliaSans, HelveticaNeue, Helvetica, Arial, sans-serif',\n        '--font-telia-sans': 'TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif',\n        '--font-normal': typography.weightNormal,\n        '--font-medium': typography.weightMedium,\n        '--font-bold': typography.weightBold,\n\n        '--spacing-0': spacing.spacing0,\n        '--spacing-2': spacing.spacing2,\n        '--spacing-4': spacing.spacing4,\n        '--spacing-8': spacing.spacing8,\n        '--spacing-12': spacing.spacing12,\n        '--spacing-16': spacing.spacing16,\n        '--spacing-20': spacing.spacing20,\n        '--spacing-24': spacing.spacing24,\n        '--spacing-32': spacing.spacing32,\n        '--spacing-48': spacing.spacing48,\n        '--spacing-64': spacing.spacing64,\n        '--spacing-80': spacing.spacing80,\n        '--spacing-96': spacing.spacing96,\n        '--spacing-128': spacing.spacing128,\n\n        '--box-shadow-none': shadows.none,\n        '--box-shadow-sm': shadows.sm,\n        '--box-shadow-md': shadows.md,\n        '--box-shadow-lg': shadows.lg,\n\n        '--duration-50': motion.duration50,\n        '--duration-100': motion.duration100,\n        '--duration-150': motion.duration150,\n        '--duration-200': motion.duration200,\n        '--duration-250': motion.duration250,\n        '--duration-300': motion.duration300,\n        '--duration-350': motion.duration350,\n        '--duration-400': motion.duration400,\n        '--duration-500': motion.duration500,\n        '--duration-1500': motion.duration1500,\n        '--duration-2000': motion.duration2000,\n\n        '--timing-ease-in': motion.easeIn,\n        '--timing-ease-out': motion.easeOut,\n        '--timing-ease-in-out': motion.easeInOut,\n\n        '--layer-base': layers.base,\n        '--layer-dropdown': layers.dropdown,\n        '--layer-header': layers.header,\n        '--layer-modal': layers.modal,\n\n        '--border-width-none': borders.widthNone,\n        '--border-width-xs': borders.widthXs,\n        '--border-width-sm': borders.widthSm,\n        '--border-width-md': borders.widthMd,\n\n        '--border-radius-none': borders.radiusNone,\n        '--border-radius-default': borders.radiusDefault,\n        '--border-radius-sm': borders.radiusSm,\n        '--border-radius-lg': borders.radiusLg,\n        '--border-radius-full': borders.radiusFull,\n\n        '--screen-size-sm': breakpoints.breakpointSm,\n        '--screen-size-md': breakpoints.breakpointMd,\n        '--screen-size-lg': breakpoints.breakpointLg,\n        '--screen-size-xl': breakpoints.breakpointXl,\n\n        '--purple-100': colors.purple100,\n        '--purple-200': colors.purple200,\n        '--purple-300': colors.purple300,\n        '--purple-400': colors.purple400,\n        '--purple-500': colors.purple500,\n        '--purple-600': colors.purple600,\n        '--purple-700': colors.purple700,\n        '--purple-800': colors.purple800,\n        '--purple-850': colors.purple850,\n        '--purple-900': colors.purple900,\n\n        '--beige-50': colors.beige50,\n        '--beige-100': colors.beige100,\n        '--beige-200': colors.beige200,\n        '--beige-300': colors.beige300,\n        '--beige-400': colors.beige400,\n        '--beige-500': colors.beige500,\n        '--beige-600': colors.beige600,\n        '--beige-700': colors.beige700,\n        '--beige-800': colors.beige800,\n        '--beige-900': colors.beige900,\n\n        '--gray-50': colors.gray50,\n        '--gray-100': colors.gray100,\n        '--gray-200': colors.gray200,\n        '--gray-300': colors.gray300,\n        '--gray-400': colors.gray400,\n        '--gray-500': colors.gray500,\n        '--gray-600': colors.gray600,\n        '--gray-700': colors.gray700,\n        '--gray-800': colors.gray800,\n        '--gray-900': colors.gray900,\n\n        '--green-100': colors.green100,\n        '--green-200': colors.green200,\n        '--green-300': colors.green300,\n        '--green-400': colors.green400,\n        '--green-500': colors.green500,\n        '--green-600': colors.green600,\n        '--green-700': colors.green700,\n        '--green-800': colors.green800,\n        '--green-900': colors.green900,\n\n        '--red-100': colors.red100,\n        '--red-200': colors.red200,\n        '--red-300': colors.red300,\n        '--red-400': colors.red400,\n        '--red-500': colors.red500,\n        '--red-600': colors.red600,\n        '--red-700': colors.red700,\n        '--red-800': colors.red800,\n        '--red-900': colors.red900,\n\n        '--orange-100': colors.orange100,\n        '--orange-200': colors.orange200,\n        '--orange-300': colors.orange300,\n        '--orange-400': colors.orange400,\n        '--orange-500': colors.orange500,\n        '--orange-600': colors.orange600,\n        '--orange-700': colors.orange700,\n        '--orange-800': colors.orange800,\n        '--orange-900': colors.orange900,\n\n        '--blue-100': colors.blue100,\n        '--blue-200': colors.blue200,\n        '--blue-300': colors.blue300,\n        '--blue-400': colors.blue400,\n        '--blue-500': colors.blue500,\n        '--blue-600': colors.blue600,\n        '--blue-700': colors.blue700,\n        '--blue-800': colors.blue800,\n        '--blue-900': colors.blue900,\n\n        '--white': colors.white,\n        '--black': colors.black,\n        '--functional-black': colors.functionalBlack,\n\n        /* DEPRECATED */\n        '--grid-gutter': grid.gutter,\n        '--grid-gutter-medium': grid.gutterMedium,\n        '--grid-gutter-large': grid.gutterLarge,\n        '--grid-page-padding': grid.pagePadding,\n        '--grid-page-padding-m': grid.pagePaddingM,\n        '--grid-page-padding-l': grid.pagePaddingL,\n\n        '--grid-gutter-sm': grid.gutter,\n        '--grid-gutter-md': grid.gutterMedium,\n        '--grid-gutter-lg': grid.gutterLarge,\n        '--grid-page-padding-sm': grid.pagePadding,\n        '--grid-page-padding-md': grid.pagePaddingM,\n        '--grid-page-padding-lg': grid.pagePaddingL,\n        '--grid-page-padding-xl': grid.pagePaddingXl,\n\n        // The following are not available in JS variables for some reason\n        '--functional-transparent': 'transparent',\n        '--transparent-black-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-black-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-black-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-black-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-black-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-black-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-black-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-black-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-black-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-black-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-black-900': 'rgba(0, 0, 0, 0.9)',\n        '--transparent-white-50': 'rgba(0, 0, 0, 0.05)',\n        '--transparent-white-100': 'rgba(0, 0, 0, 0.1)',\n        '--transparent-white-200': 'rgba(0, 0, 0, 0.2)',\n        '--transparent-white-300': 'rgba(0, 0, 0, 0.3)',\n        '--transparent-white-400': 'rgba(0, 0, 0, 0.4)',\n        '--transparent-white-500': 'rgba(0, 0, 0, 0.5)',\n        '--transparent-white-600': 'rgba(0, 0, 0, 0.6)',\n        '--transparent-white-700': 'rgba(0, 0, 0, 0.7)',\n        '--transparent-white-800': 'rgba(0, 0, 0, 0.8)',\n        '--transparent-white-850': 'rgba(0, 0, 0, 0.85)',\n        '--transparent-white-900': 'rgba(0, 0, 0, 0.9)',\n\n        '--focus-border': `${focus.focusBorderWidth} solid ${focus.focusColor}`,\n    };\n\n    const variableString = Object.keys(variables)\n        .map((key) => `${key}:${variables[key]};`)\n        .join('');\n\n    element.innerHTML = `\n        :root {\n            ${variableString}\n        }\n    `;\n\n    if (existing) {\n        document.head.replaceChild(element, existing);\n        return;\n    }\n    return document.head.append(element);\n};\n"]}