@lumx/core 3.20.1-alpha.13 → 3.20.1-alpha.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/js/constants/design-tokens.js +2294 -5389
- package/js/constants/design-tokens.min.js +1 -0
- package/js/constants/index.js +134 -107
- package/js/constants/index.min.js +1 -0
- package/js/constants/keycodes.js +13 -9
- package/js/constants/keycodes.min.js +1 -0
- package/js/custom-colors.js +22 -17
- package/js/custom-colors.min.js +1 -0
- package/js/types/Callback.js +1 -0
- package/js/types/Callback.min.js +1 -0
- package/js/types/Falsy.js +1 -0
- package/js/types/Falsy.min.js +1 -0
- package/js/types/GenericProps.js +1 -0
- package/js/types/GenericProps.min.js +1 -0
- package/js/types/HasAriaLabelOrLabelledBy.js +1 -0
- package/js/types/HasAriaLabelOrLabelledBy.min.js +1 -0
- package/js/types/HasClassName.js +1 -0
- package/js/types/HasClassName.min.js +1 -0
- package/js/types/HasCloseMode.js +1 -0
- package/js/types/HasCloseMode.min.js +1 -0
- package/js/types/HasTheme.js +1 -0
- package/js/types/HasTheme.min.js +1 -0
- package/js/types/HeadingElement.js +1 -0
- package/js/types/HeadingElement.min.js +1 -0
- package/js/types/Point.js +1 -0
- package/js/types/Point.min.js +1 -0
- package/js/types/Predicate.js +1 -0
- package/js/types/Predicate.min.js +1 -0
- package/js/types/RectSize.js +1 -0
- package/js/types/RectSize.min.js +1 -0
- package/js/types/TextElement.js +1 -0
- package/js/types/TextElement.min.js +1 -0
- package/js/types/ValueOf.js +1 -0
- package/js/types/ValueOf.min.js +1 -0
- package/js/types/index.js +1 -0
- package/js/types/index.min.js +1 -0
- package/js/utils/className/fontColorClass.js +12 -7
- package/js/utils/className/fontColorClass.min.js +1 -0
- package/js/utils/className/fontColorClass.test.js +16 -14
- package/js/utils/className/fontColorClass.test.min.js +1 -0
- package/js/utils/className/getBasicClass.js +24 -19
- package/js/utils/className/getBasicClass.min.js +1 -0
- package/js/utils/className/getBasicClass.test.js +19 -55
- package/js/utils/className/getBasicClass.test.min.js +1 -0
- package/js/utils/className/getRootClassName.js +17 -10
- package/js/utils/className/getRootClassName.min.js +1 -0
- package/js/utils/className/getRootClassName.test.js +13 -11
- package/js/utils/className/getRootClassName.test.min.js +1 -0
- package/js/utils/className/getTypographyClassName.js +7 -3
- package/js/utils/className/getTypographyClassName.min.js +1 -0
- package/js/utils/className/getTypographyClassName.test.js +7 -5
- package/js/utils/className/getTypographyClassName.test.min.js +1 -0
- package/js/utils/className/handleBasicClasses.js +31 -27
- package/js/utils/className/handleBasicClasses.min.js +1 -0
- package/js/utils/className/handleBasicClasses.test.js +32 -30
- package/js/utils/className/handleBasicClasses.test.min.js +1 -0
- package/js/utils/className/index.js +25 -12
- package/js/utils/className/index.min.js +1 -0
- package/js/utils/className/resolveColorWithVariants.js +9 -4
- package/js/utils/className/resolveColorWithVariants.min.js +1 -0
- package/js/utils/className/resolveColorWithVariants.test.js +28 -26
- package/js/utils/className/resolveColorWithVariants.test.min.js +1 -0
- package/js/utils/index.js +174 -161
- package/js/utils/index.min.js +1 -0
- package/lumx.min.css +1 -0
- package/package.json +3 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DESIGN_TOKENS={button:{height:{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-high":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D1)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}},$aliasedFrom:"color.primary.D1"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"},color:{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"border-color":{value:"transparent"}}}},"emphasis-medium":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-big)",$aliasedFrom:"spacing.unit.big"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L3)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}},$aliasedFrom:"color.light.L3"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-low":{"state-default":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-hover":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}},"state-active":{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"border-width":{value:"0"},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"transparent"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"transparent"}}}},"emphasis-selected":{"state-default":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{padding:{horizontal:{comment:"deprecated (use base emphasis padding)",value:"16px"}},"border-width":{value:"1px"},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},color:{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}},chip:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}},"theme-dark":{"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}}},material:{button:{"text-transform":{value:"none"}},checkbox:{"wrapper-size":{value:"20px"},"control-size":{value:"16px"}},chip:{"size-m":{height:{value:"36px"},"border-radius":{value:"18px"},"padding-vertical":{value:"16px"}},"size-s":{height:{value:"24px"},"border-radius":{value:"12px"},"padding-vertical":{value:"12px"}}},"input-helper":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},"input-label":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},progress:{bounce:{value:"block"},rotate:{value:"none"}},"radio-button":{"wrapper-size":{value:"20px"},"control-size":{value:"16px"},"indicator-size":{value:"8px"}},switch:{wrapper:{width:{value:"30px"},height:{value:"20px"}},control:{width:{value:"30px"},height:{value:"16px"}},indicator:{size:{value:"8px"},offset:{value:"4px"}}},"text-field":{padding:{top:{value:"0"},bottom:{value:"0"}},header:{wrapper:{"margin-bottom":{value:"8px"}},label:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}},input:{content:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}}}}},navigation:{item:{padding:{horizontal:{value:"var(--lumx-spacing-unit-regular)",$aliasedFrom:"spacing.unit.regular"}},"min-height":{value:"36px",$aliasedFrom:"size.m"},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-hover":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}},"state-active":{border:{top:{width:{value:"0px"}},right:{width:{value:"0px"}},bottom:{width:{value:"0px"}},left:{width:{value:"0px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"icon-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"label-color":{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"},"chevron-background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},"chevron-color":{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"icon-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"transparent"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}},"theme-light":{"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"icon-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"label-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"},"chevron-background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"},"chevron-color":{value:"var(--lumx-color-primary-D2)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}},$aliasedFrom:"color.primary.D2"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"icon-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"label-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},"chevron-background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},"chevron-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"side-navigation":{item:{"emphasis-selected":{"state-default":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}},$aliasedFrom:"color.primary.L6"}}},"state-hover":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L5)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}},$aliasedFrom:"color.primary.L5"}}},"state-active":{"border-width":{value:"1px"},"theme-light":{"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},"background-color":{value:"var(--lumx-color-primary-L4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}},$aliasedFrom:"color.primary.L4"}}}}}},tabs:{link:{height:{value:"48px"},"border-radius":{value:"0"},"emphasis-low":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"}}}},"emphasis-selected":{"state-default":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"transparent"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-hover":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},"state-active":{border:{top:{width:{value:"0"}},right:{width:{value:"0"}},bottom:{width:{value:"2px"}},left:{width:{value:"0"}}},"theme-light":{"background-color":{value:"var(--lumx-color-dark-L4)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}},$aliasedFrom:"color.dark.L4"},color:{value:"var(--lumx-color-dark-L1)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}},$aliasedFrom:"color.dark.L1"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"}},"theme-dark":{"background-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},color:{value:"var(--lumx-color-light-L1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}},$aliasedFrom:"color.light.L1"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}}}}},"text-field":{input:{"min-height":{value:"36px",$aliasedFrom:"size.m"},padding:{horizontal:{value:"var(--lumx-spacing-unit-medium)",$aliasedFrom:"spacing.unit.medium"}},"border-radius":{value:"var(--lumx-border-radius)",$aliasedFrom:"border-radius"}},"state-default":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}},$aliasedFrom:"color.dark.L6"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}},$aliasedFrom:"color.light.L6"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-hover":{input:{border:{top:{width:{value:"1px"}},right:{width:{value:"1px"}},bottom:{width:{value:"1px"}},left:{width:{value:"1px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"var(--lumx-color-dark-L5)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}},$aliasedFrom:"color.dark.L5"},"border-color":{value:"var(--lumx-color-dark-L3)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}},$aliasedFrom:"color.dark.L3"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"var(--lumx-color-light-L5)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}},$aliasedFrom:"color.light.L5"},"border-color":{value:"var(--lumx-color-light-L4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}},$aliasedFrom:"color.light.L4"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}},"state-focus":{input:{border:{top:{width:{value:"2px"}},right:{width:{value:"2px"}},bottom:{width:{value:"2px"}},left:{width:{value:"2px"}}}},"theme-light":{header:{label:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-primary-N)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}},$aliasedFrom:"color.primary.N"},content:{color:{value:"var(--lumx-color-dark-N)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}},$aliasedFrom:"color.dark.N"}},placeholder:{color:{value:"var(--lumx-color-dark-L2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}},$aliasedFrom:"color.dark.L2"}}}},"theme-dark":{header:{label:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}}},input:{"background-color":{value:"transparent"},"border-color":{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"},content:{color:{value:"var(--lumx-color-light-N)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}},$aliasedFrom:"color.light.N"}},placeholder:{color:{value:"var(--lumx-color-light-L2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}},$aliasedFrom:"color.light.L2"}}}}}},"border-radius":{value:"4px"},color:{dark:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},light:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},blue:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},green:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},yellow:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}},red:{D2:{version:"0.22",comment:"Darkest red color",value:"rgb(188, 9, 48)",attributes:{hex:"bc0930",rgb:{r:188,g:9,b:48,a:1}}},D1:{version:"0.22",comment:"Dark red color",value:"rgb(212, 33, 72)",attributes:{hex:"d42148",rgb:{r:212,g:33,b:72,a:1}}},N:{version:"0.22",comment:"Neutral red color",value:"rgb(223, 42, 75)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:1}}},L1:{version:"0.22",comment:"Base red color with 80% opacity",value:"rgba(223, 42, 75, 0.8)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.8}}},L2:{version:"0.22",comment:"Base red color with 60% opacity",value:"rgba(223, 42, 75, 0.6)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.6}}},L3:{version:"0.22",comment:"Base red color with 40% opacity",value:"rgba(223, 42, 75, 0.4)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.4}}},L4:{version:"0.22",comment:"Base red color with 20% opacity",value:"rgba(223, 42, 75, 0.2)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.2}}},L5:{version:"0.22",comment:"Base red color with 10% opacity",value:"rgba(223, 42, 75, 0.1)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.1}}},L6:{version:"0.22",comment:"Base red color with 5% opacity",value:"rgba(223, 42, 75, 0.05)",attributes:{hex:"df2a4b",rgb:{r:223,g:42,b:75,a:.05}}}},grey:{N:{version:"0.22",comment:"Neutral grey color",value:"rgb(117, 117, 117)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:1}}},L1:{version:"0.22",comment:"Base grey color with 80% opacity",value:"rgba(117, 117, 117, 0.8)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.8}}},L2:{version:"0.22",comment:"Base grey color with 60% opacity",value:"rgba(117, 117, 117, 0.6)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.6}}},L3:{version:"0.22",comment:"Base grey color with 40% opacity",value:"rgba(117, 117, 117, 0.4)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.4}}},L4:{version:"0.22",comment:"Base grey color with 20% opacity",value:"rgba(117, 117, 117, 0.2)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.2}}},L5:{version:"0.22",comment:"Base grey color with 10% opacity",value:"rgba(117, 117, 117, 0.1)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.1}}},L6:{version:"0.22",comment:"Base grey color with 5% opacity",value:"rgba(117, 117, 117, 0.05)",attributes:{hex:"757575",rgb:{r:117,g:117,b:117,a:.05}}}},primary:{D2:{version:"0.22",comment:"Darkest blue color",value:"rgb(21, 70, 193)",attributes:{hex:"1546c1",rgb:{r:21,g:70,b:193,a:1}}},D1:{version:"0.22",comment:"Dark blue color",value:"rgb(24, 78, 216)",attributes:{hex:"184ed8",rgb:{r:24,g:78,b:216,a:1}}},N:{version:"0.22",comment:"Neutral blue color",value:"rgb(36, 91, 231)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:1}}},L1:{version:"0.22",comment:"Base blue color with 80% opacity",value:"rgba(36, 91, 231, 0.8)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.8}}},L2:{version:"0.22",comment:"Base blue color with 60% opacity",value:"rgba(36, 91, 231, 0.6)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.6}}},L3:{version:"0.22",comment:"Base blue color with 40% opacity",value:"rgba(36, 91, 231, 0.4)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.4}}},L4:{version:"0.22",comment:"Base blue color with 20% opacity",value:"rgba(36, 91, 231, 0.2)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.2}}},L5:{version:"0.22",comment:"Base blue color with 10% opacity",value:"rgba(36, 91, 231, 0.1)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.1}}},L6:{version:"0.22",comment:"Base blue color with 5% opacity",value:"rgba(36, 91, 231, 0.05)",attributes:{hex:"245be7",rgb:{r:36,g:91,b:231,a:.05}}}},secondary:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},accent:{D2:{version:"0.22",comment:"Darkest green color",value:"rgb(25, 109, 88)",attributes:{hex:"196d58",rgb:{r:25,g:109,b:88,a:1}}},D1:{version:"0.22",comment:"Dark green color",value:"rgb(23, 122, 97)",attributes:{hex:"177a61",rgb:{r:23,g:122,b:97,a:1}}},N:{version:"0.22",comment:"Neutral green color",value:"rgb(19, 134, 105)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:1}}},L1:{version:"0.22",comment:"Base green color with 80% opacity",value:"rgba(19, 134, 105, 0.8)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.8}}},L2:{version:"0.22",comment:"Base green color with 60% opacity",value:"rgba(19, 134, 105, 0.6)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.6}}},L3:{version:"0.22",comment:"Base green color with 40% opacity",value:"rgba(19, 134, 105, 0.4)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.4}}},L4:{version:"0.22",comment:"Base green color with 20% opacity",value:"rgba(19, 134, 105, 0.2)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.2}}},L5:{version:"0.22",comment:"Base green color with 10% opacity",value:"rgba(19, 134, 105, 0.1)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.1}}},L6:{version:"0.22",comment:"Base green color with 5% opacity",value:"rgba(19, 134, 105, 0.05)",attributes:{hex:"138669",rgb:{r:19,g:134,b:105,a:.05}}}},black:{N:{version:"0.22",comment:"Neutral dark color",value:"rgba(0, 0, 0, 0.87)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.87}}},L1:{version:"0.22",comment:"Base dark color with 70% opacity",value:"rgba(0, 0, 0, 0.7)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.7}}},L2:{version:"0.22",comment:"Base dark color with 60% opacity",value:"rgba(0, 0, 0, 0.6)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.6}}},L3:{version:"0.22",comment:"Base dark color with 38% opacity",value:"rgba(0, 0, 0, 0.38)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.38}}},L4:{version:"0.22",comment:"Base dark color with 20% opacity",value:"rgba(0, 0, 0, 0.2)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.2}}},L5:{version:"0.22",comment:"Base dark color with 12% opacity",value:"rgba(0, 0, 0, 0.12)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.12}}},L6:{version:"0.22",comment:"Base dark color with 3% opacity",value:"rgba(0, 0, 0, 0.03)",attributes:{hex:"000000",rgb:{r:0,g:0,b:0,a:.03}}}},white:{N:{version:"0.22",comment:"Neutral light color",value:"rgb(255, 255, 255)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:1}}},L1:{version:"0.22",comment:"Base light color with 90% opacity",value:"rgba(255, 255, 255, 0.9)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.9}}},L2:{version:"0.22",comment:"Base light color with 80% opacity",value:"rgba(255, 255, 255, 0.8)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.8}}},L3:{version:"0.22",comment:"Base light color with 60% opacity",value:"rgba(255, 255, 255, 0.6)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.6}}},L4:{version:"0.22",comment:"Base light color with 40% opacity",value:"rgba(255, 255, 255, 0.4)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.4}}},L5:{version:"0.22",comment:"Base light color with 20% opacity",value:"rgba(255, 255, 255, 0.2)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.2}}},L6:{version:"0.22",comment:"Base light color with 10% opacity",value:"rgba(255, 255, 255, 0.1)",attributes:{hex:"ffffff",rgb:{r:255,g:255,b:255,a:.1}}}},orange:{D2:{version:"0.22",comment:"Darkest yellow color",value:"rgb(255, 161, 37)",attributes:{hex:"ffa125",rgb:{r:255,g:161,b:37,a:1}}},D1:{version:"0.22",comment:"Dark yellow color",value:"rgb(255, 179, 37)",attributes:{hex:"ffb325",rgb:{r:255,g:179,b:37,a:1}}},N:{version:"0.22",comment:"Neutral yellow color",value:"rgb(255, 196, 37)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:1}}},L1:{version:"0.22",comment:"Base yellow color with 80% opacity",value:"rgba(255, 196, 37, 0.9)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.9}}},L2:{version:"0.22",comment:"Base yellow color with 70% opacity",value:"rgba(255, 196, 37, 0.8)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.8}}},L3:{version:"0.22",comment:"Base yellow color with 60% opacity",value:"rgba(255, 196, 37, 0.6)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.6}}},L4:{version:"0.22",comment:"Base yellow color with 40% opacity",value:"rgba(255, 196, 37, 0.48)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.48}}},L5:{version:"0.22",comment:"Base yellow color with 20% opacity",value:"rgba(255, 196, 37, 0.24)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.24}}},L6:{version:"0.22",comment:"Base yellow color with 10% opacity",value:"rgba(255, 196, 37, 0.12)",attributes:{hex:"ffc425",rgb:{r:255,g:196,b:37,a:.12}}}}},size:{xxs:{value:"14px"},xs:{value:"20px"},s:{value:"24px"},m:{value:"36px"},l:{value:"64px"},xl:{value:"128px"},xxl:{value:"256px"}},spacing:{unit:{tiny:{value:"4px"},regular:{value:"8px"},medium:{value:"12px"},big:{value:"16px"},huge:{value:"24px"}}},typography:{"font-family":{value:"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'sans-serif'"},"font-weight":{regular:{value:"400"},medium:{value:"500"},bold:{value:"700"},light:{value:"300"}},interface:{display1:{"font-size":{value:"34px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"40px"}},headline:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"32px"}},title:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},subtitle2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"24px"}},subtitle1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}},body2:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body1:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},caption:{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"16px"}},overline:{"font-size":{value:"10px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"12px"}}},custom:{title1:{"font-size":{value:"40px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title2:{"font-size":{value:"30px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title3:{"font-size":{value:"24px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title4:{"font-size":{value:"20px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title5:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},title6:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},intro:{"font-size":{value:"18px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"30px"}},"body-large":{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"24px"}},body:{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},quote:{"font-size":{value:"16px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"font-style":{value:"italic"},"line-height":{value:"24px"}},"publish-info":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-regular)"},"line-height":{value:"20px"}},button:{"size-m":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}},"size-s":{"font-size":{value:"12px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"}}},"navigation-item":{"font-size":{value:"14px"},"font-weight":{value:"var(--lumx-typography-font-weight-bold)"},"line-height":{value:"20px"}}}}};
|
package/js/constants/index.js
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var js_constants_keycodes = require('./keycodes.js');
|
|
2
6
|
|
|
3
7
|
/**
|
|
4
8
|
* The prefix to use for the CSS classes.
|
|
5
9
|
*/
|
|
6
10
|
const CSS_PREFIX = 'lumx';
|
|
7
|
-
|
|
8
11
|
/**
|
|
9
12
|
* Animation duration constants. Take into consideration that if you change one of these variables,
|
|
10
13
|
* you need to update their scss counterpart as well
|
|
@@ -13,179 +16,203 @@ const DIALOG_TRANSITION_DURATION = 400;
|
|
|
13
16
|
const EXPANSION_PANEL_TRANSITION_DURATION = 400;
|
|
14
17
|
const NOTIFICATION_TRANSITION_DURATION = 200;
|
|
15
18
|
const SLIDESHOW_TRANSITION_DURATION = 5000;
|
|
16
|
-
|
|
17
19
|
/**
|
|
18
20
|
* Delay on hover after which we open or close the tooltip.
|
|
19
21
|
* Only applies to devices supporting pointer hover.
|
|
20
22
|
*/
|
|
21
23
|
const TOOLTIP_HOVER_DELAY = {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
open: 500,
|
|
25
|
+
close: 500,
|
|
24
26
|
};
|
|
25
|
-
|
|
26
27
|
/**
|
|
27
28
|
* Delay on long press after which we open or close the tooltip.
|
|
28
29
|
* Only applies to devices not supporting pointer hover.
|
|
29
30
|
*/
|
|
30
31
|
const TOOLTIP_LONG_PRESS_DELAY = {
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
open: 250,
|
|
33
|
+
close: 3000,
|
|
33
34
|
};
|
|
34
|
-
|
|
35
35
|
/**
|
|
36
36
|
* Alignments.
|
|
37
37
|
*/
|
|
38
38
|
const Alignment = {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
bottom: 'bottom',
|
|
40
|
+
center: 'center',
|
|
41
|
+
end: 'end',
|
|
42
|
+
left: 'left',
|
|
43
|
+
right: 'right',
|
|
44
|
+
spaceAround: 'space-around',
|
|
45
|
+
spaceBetween: 'space-between',
|
|
46
|
+
spaceEvenly: 'space-evenly',
|
|
47
|
+
start: 'start',
|
|
48
|
+
top: 'top',
|
|
49
49
|
};
|
|
50
50
|
const Theme = {
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
light: 'light',
|
|
52
|
+
dark: 'dark',
|
|
53
53
|
};
|
|
54
54
|
const Size = {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
55
|
+
xxs: 'xxs',
|
|
56
|
+
xs: 'xs',
|
|
57
|
+
s: 's',
|
|
58
|
+
m: 'm',
|
|
59
|
+
l: 'l',
|
|
60
|
+
xl: 'xl',
|
|
61
|
+
xxl: 'xxl',
|
|
62
|
+
tiny: 'tiny',
|
|
63
|
+
regular: 'regular',
|
|
64
|
+
medium: 'medium',
|
|
65
|
+
big: 'big',
|
|
66
|
+
huge: 'huge',
|
|
67
67
|
};
|
|
68
68
|
const Orientation = {
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
horizontal: 'horizontal',
|
|
70
|
+
vertical: 'vertical',
|
|
71
71
|
};
|
|
72
72
|
const Emphasis = {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
low: 'low',
|
|
74
|
+
medium: 'medium',
|
|
75
|
+
high: 'high',
|
|
76
76
|
};
|
|
77
77
|
/**
|
|
78
78
|
* List of typographies that can't be customized.
|
|
79
79
|
*/
|
|
80
80
|
const TypographyInterface = {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
81
|
+
overline: 'overline',
|
|
82
|
+
caption: 'caption',
|
|
83
|
+
body1: 'body1',
|
|
84
|
+
body2: 'body2',
|
|
85
|
+
subtitle1: 'subtitle1',
|
|
86
|
+
subtitle2: 'subtitle2',
|
|
87
|
+
title: 'title',
|
|
88
|
+
headline: 'headline',
|
|
89
|
+
display1: 'display1',
|
|
90
90
|
};
|
|
91
91
|
/**
|
|
92
92
|
* List of title typographies that can be customized (via CSS variables).
|
|
93
93
|
*/
|
|
94
94
|
const TypographyTitleCustom = {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
title1: 'custom-title1',
|
|
96
|
+
title2: 'custom-title2',
|
|
97
|
+
title3: 'custom-title3',
|
|
98
|
+
title4: 'custom-title4',
|
|
99
|
+
title5: 'custom-title5',
|
|
100
|
+
title6: 'custom-title6',
|
|
101
101
|
};
|
|
102
102
|
/**
|
|
103
103
|
* List of typographies that can be customized (via CSS variables).
|
|
104
104
|
*/
|
|
105
105
|
const TypographyCustom = {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
...TypographyTitleCustom,
|
|
107
|
+
intro: 'custom-intro',
|
|
108
|
+
'body-large': 'custom-body-large',
|
|
109
|
+
body: 'custom-body',
|
|
110
|
+
quote: 'custom-quote',
|
|
111
|
+
'publish-info': 'custom-publish-info',
|
|
112
|
+
button: 'custom-button',
|
|
113
113
|
};
|
|
114
114
|
/**
|
|
115
115
|
* List of all typographies.
|
|
116
116
|
*/
|
|
117
117
|
const Typography = {
|
|
118
|
-
|
|
119
|
-
|
|
118
|
+
...TypographyInterface,
|
|
119
|
+
custom: TypographyCustom,
|
|
120
120
|
};
|
|
121
121
|
/**
|
|
122
122
|
* All available aspect ratios.
|
|
123
123
|
*/
|
|
124
124
|
const AspectRatio = {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
125
|
+
/** Intrinsic content ratio. */
|
|
126
|
+
original: 'original',
|
|
127
|
+
/** Ratio 3:1 */
|
|
128
|
+
panoramic: 'panoramic',
|
|
129
|
+
/** Ratio 16:9 */
|
|
130
|
+
wide: 'wide',
|
|
131
|
+
/** Ratio 3:2 */
|
|
132
|
+
horizontal: 'horizontal',
|
|
133
|
+
/** Ratio 3:2 */
|
|
134
|
+
vertical: 'vertical',
|
|
135
|
+
/** Ratio 1:1 */
|
|
136
|
+
square: 'square',
|
|
137
|
+
/** Ratio constrained by the parent. */
|
|
138
|
+
free: 'free',
|
|
139
139
|
};
|
|
140
140
|
/**
|
|
141
141
|
* Semantic info about the purpose of the component
|
|
142
142
|
*/
|
|
143
143
|
const Kind = {
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
144
|
+
info: 'info',
|
|
145
|
+
success: 'success',
|
|
146
|
+
warning: 'warning',
|
|
147
|
+
error: 'error',
|
|
148
148
|
};
|
|
149
149
|
/**
|
|
150
150
|
* All available white-space values
|
|
151
151
|
* */
|
|
152
152
|
const WhiteSpace = {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
153
|
+
normal: 'normal',
|
|
154
|
+
nowrap: 'nowrap',
|
|
155
|
+
pre: 'pre',
|
|
156
|
+
'pre-wrap': 'pre-wrap',
|
|
157
|
+
'pre-line': 'pre-line',
|
|
158
|
+
'break-spaces': 'break-spaces',
|
|
159
159
|
};
|
|
160
160
|
/**
|
|
161
161
|
* See SCSS variable $lumx-color-palette
|
|
162
162
|
*/
|
|
163
163
|
const ColorPalette = {
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
164
|
+
primary: 'primary',
|
|
165
|
+
secondary: 'secondary',
|
|
166
|
+
blue: 'blue',
|
|
167
|
+
dark: 'dark',
|
|
168
|
+
green: 'green',
|
|
169
|
+
yellow: 'yellow',
|
|
170
|
+
red: 'red',
|
|
171
|
+
light: 'light',
|
|
172
|
+
grey: 'grey',
|
|
173
173
|
};
|
|
174
174
|
/**
|
|
175
175
|
* See SCSS variable $lumx-color-variants
|
|
176
176
|
*/
|
|
177
177
|
const ColorVariant = {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
178
|
+
D1: 'D1',
|
|
179
|
+
D2: 'D2',
|
|
180
|
+
L1: 'L1',
|
|
181
|
+
L2: 'L2',
|
|
182
|
+
L3: 'L3',
|
|
183
|
+
L4: 'L4',
|
|
184
|
+
L5: 'L5',
|
|
185
|
+
L6: 'L6',
|
|
186
|
+
N: 'N',
|
|
187
187
|
};
|
|
188
188
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
189
|
+
exports.BACKSPACE_KEY_CODE = js_constants_keycodes.BACKSPACE_KEY_CODE;
|
|
190
|
+
exports.DOWN_KEY_CODE = js_constants_keycodes.DOWN_KEY_CODE;
|
|
191
|
+
exports.ENTER_KEY_CODE = js_constants_keycodes.ENTER_KEY_CODE;
|
|
192
|
+
exports.ESCAPE_KEY_CODE = js_constants_keycodes.ESCAPE_KEY_CODE;
|
|
193
|
+
exports.LEFT_KEY_CODE = js_constants_keycodes.LEFT_KEY_CODE;
|
|
194
|
+
exports.RIGHT_KEY_CODE = js_constants_keycodes.RIGHT_KEY_CODE;
|
|
195
|
+
exports.SPACE_KEY_CODE = js_constants_keycodes.SPACE_KEY_CODE;
|
|
196
|
+
exports.TAB_KEY_CODE = js_constants_keycodes.TAB_KEY_CODE;
|
|
197
|
+
exports.UP_KEY_CODE = js_constants_keycodes.UP_KEY_CODE;
|
|
198
|
+
exports.Alignment = Alignment;
|
|
199
|
+
exports.AspectRatio = AspectRatio;
|
|
200
|
+
exports.CSS_PREFIX = CSS_PREFIX;
|
|
201
|
+
exports.ColorPalette = ColorPalette;
|
|
202
|
+
exports.ColorVariant = ColorVariant;
|
|
203
|
+
exports.DIALOG_TRANSITION_DURATION = DIALOG_TRANSITION_DURATION;
|
|
204
|
+
exports.EXPANSION_PANEL_TRANSITION_DURATION = EXPANSION_PANEL_TRANSITION_DURATION;
|
|
205
|
+
exports.Emphasis = Emphasis;
|
|
206
|
+
exports.Kind = Kind;
|
|
207
|
+
exports.NOTIFICATION_TRANSITION_DURATION = NOTIFICATION_TRANSITION_DURATION;
|
|
208
|
+
exports.Orientation = Orientation;
|
|
209
|
+
exports.SLIDESHOW_TRANSITION_DURATION = SLIDESHOW_TRANSITION_DURATION;
|
|
210
|
+
exports.Size = Size;
|
|
211
|
+
exports.TOOLTIP_HOVER_DELAY = TOOLTIP_HOVER_DELAY;
|
|
212
|
+
exports.TOOLTIP_LONG_PRESS_DELAY = TOOLTIP_LONG_PRESS_DELAY;
|
|
213
|
+
exports.Theme = Theme;
|
|
214
|
+
exports.Typography = Typography;
|
|
215
|
+
exports.TypographyCustom = TypographyCustom;
|
|
216
|
+
exports.TypographyInterface = TypographyInterface;
|
|
217
|
+
exports.TypographyTitleCustom = TypographyTitleCustom;
|
|
218
|
+
exports.WhiteSpace = WhiteSpace;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keycodes.min.js");const t={overline:"overline",caption:"caption",body1:"body1",body2:"body2",subtitle1:"subtitle1",subtitle2:"subtitle2",title:"title",headline:"headline",display1:"display1"},o={title1:"custom-title1",title2:"custom-title2",title3:"custom-title3",title4:"custom-title4",title5:"custom-title5",title6:"custom-title6"},r={...o,intro:"custom-intro","body-large":"custom-body-large",body:"custom-body",quote:"custom-quote","publish-info":"custom-publish-info",button:"custom-button"},s={...t,custom:r};exports.BACKSPACE_KEY_CODE=e.BACKSPACE_KEY_CODE,exports.DOWN_KEY_CODE=e.DOWN_KEY_CODE,exports.ENTER_KEY_CODE=e.ENTER_KEY_CODE,exports.ESCAPE_KEY_CODE=e.ESCAPE_KEY_CODE,exports.LEFT_KEY_CODE=e.LEFT_KEY_CODE,exports.RIGHT_KEY_CODE=e.RIGHT_KEY_CODE,exports.SPACE_KEY_CODE=e.SPACE_KEY_CODE,exports.TAB_KEY_CODE=e.TAB_KEY_CODE,exports.UP_KEY_CODE=e.UP_KEY_CODE,exports.Alignment={bottom:"bottom",center:"center",end:"end",left:"left",right:"right",spaceAround:"space-around",spaceBetween:"space-between",spaceEvenly:"space-evenly",start:"start",top:"top"},exports.AspectRatio={original:"original",panoramic:"panoramic",wide:"wide",horizontal:"horizontal",vertical:"vertical",square:"square",free:"free"},exports.CSS_PREFIX="lumx",exports.ColorPalette={primary:"primary",secondary:"secondary",blue:"blue",dark:"dark",green:"green",yellow:"yellow",red:"red",light:"light",grey:"grey"},exports.ColorVariant={D1:"D1",D2:"D2",L1:"L1",L2:"L2",L3:"L3",L4:"L4",L5:"L5",L6:"L6",N:"N"},exports.DIALOG_TRANSITION_DURATION=400,exports.EXPANSION_PANEL_TRANSITION_DURATION=400,exports.Emphasis={low:"low",medium:"medium",high:"high"},exports.Kind={info:"info",success:"success",warning:"warning",error:"error"},exports.NOTIFICATION_TRANSITION_DURATION=200,exports.Orientation={horizontal:"horizontal",vertical:"vertical"},exports.SLIDESHOW_TRANSITION_DURATION=5e3,exports.Size={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl",tiny:"tiny",regular:"regular",medium:"medium",big:"big",huge:"huge"},exports.TOOLTIP_HOVER_DELAY={open:500,close:500},exports.TOOLTIP_LONG_PRESS_DELAY={open:250,close:3e3},exports.Theme={light:"light",dark:"dark"},exports.Typography=s,exports.TypographyCustom=r,exports.TypographyInterface=t,exports.TypographyTitleCustom=o,exports.WhiteSpace={normal:"normal",nowrap:"nowrap",pre:"pre","pre-wrap":"pre-wrap","pre-line":"pre-line","break-spaces":"break-spaces"};
|
package/js/constants/keycodes.js
CHANGED
|
@@ -1,46 +1,50 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
1
5
|
/**
|
|
2
6
|
* The down key code.
|
|
3
7
|
*/
|
|
4
8
|
const DOWN_KEY_CODE = 40;
|
|
5
|
-
|
|
6
9
|
/**
|
|
7
10
|
* The enter/return key code.
|
|
8
11
|
*/
|
|
9
12
|
const ENTER_KEY_CODE = 13;
|
|
10
|
-
|
|
11
13
|
/**
|
|
12
14
|
* The space key code.
|
|
13
15
|
*/
|
|
14
16
|
const SPACE_KEY_CODE = 32;
|
|
15
|
-
|
|
16
17
|
/**
|
|
17
18
|
* The escape key code.
|
|
18
19
|
*/
|
|
19
20
|
const ESCAPE_KEY_CODE = 27;
|
|
20
|
-
|
|
21
21
|
/**
|
|
22
22
|
* The left key code.
|
|
23
23
|
*/
|
|
24
24
|
const LEFT_KEY_CODE = 37;
|
|
25
|
-
|
|
26
25
|
/**
|
|
27
26
|
* The right key code.
|
|
28
27
|
*/
|
|
29
28
|
const RIGHT_KEY_CODE = 39;
|
|
30
|
-
|
|
31
29
|
/**
|
|
32
30
|
* The tab key code.
|
|
33
31
|
*/
|
|
34
32
|
const TAB_KEY_CODE = 9;
|
|
35
|
-
|
|
36
33
|
/**
|
|
37
34
|
* The up key code.
|
|
38
35
|
*/
|
|
39
36
|
const UP_KEY_CODE = 38;
|
|
40
|
-
|
|
41
37
|
/**
|
|
42
38
|
* The up key code.
|
|
43
39
|
*/
|
|
44
40
|
const BACKSPACE_KEY_CODE = 8;
|
|
45
41
|
|
|
46
|
-
|
|
42
|
+
exports.BACKSPACE_KEY_CODE = BACKSPACE_KEY_CODE;
|
|
43
|
+
exports.DOWN_KEY_CODE = DOWN_KEY_CODE;
|
|
44
|
+
exports.ENTER_KEY_CODE = ENTER_KEY_CODE;
|
|
45
|
+
exports.ESCAPE_KEY_CODE = ESCAPE_KEY_CODE;
|
|
46
|
+
exports.LEFT_KEY_CODE = LEFT_KEY_CODE;
|
|
47
|
+
exports.RIGHT_KEY_CODE = RIGHT_KEY_CODE;
|
|
48
|
+
exports.SPACE_KEY_CODE = SPACE_KEY_CODE;
|
|
49
|
+
exports.TAB_KEY_CODE = TAB_KEY_CODE;
|
|
50
|
+
exports.UP_KEY_CODE = UP_KEY_CODE;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BACKSPACE_KEY_CODE=8,exports.DOWN_KEY_CODE=40,exports.ENTER_KEY_CODE=13,exports.ESCAPE_KEY_CODE=27,exports.LEFT_KEY_CODE=37,exports.RIGHT_KEY_CODE=39,exports.SPACE_KEY_CODE=32,exports.TAB_KEY_CODE=9,exports.UP_KEY_CODE=38;
|
package/js/custom-colors.js
CHANGED
|
@@ -1,17 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
1
5
|
/**
|
|
2
6
|
* Generate CSS variables for the given color palette.
|
|
3
7
|
*/
|
|
4
8
|
function generateCSSColorVariables(palette) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
9
|
+
let output = '';
|
|
10
|
+
for (const [color, variants] of Object.entries(palette)) {
|
|
11
|
+
if (!variants)
|
|
12
|
+
continue;
|
|
13
|
+
for (const [variantName, colorValue] of Object.entries(variants)) {
|
|
14
|
+
output += `--lumx-color-${color}-${variantName}: ${colorValue};\n`;
|
|
15
|
+
}
|
|
10
16
|
}
|
|
11
|
-
|
|
12
|
-
return output;
|
|
17
|
+
return output;
|
|
13
18
|
}
|
|
14
|
-
|
|
15
19
|
/**
|
|
16
20
|
* Add a css rule in a given sheet.
|
|
17
21
|
*
|
|
@@ -21,13 +25,13 @@ function generateCSSColorVariables(palette) {
|
|
|
21
25
|
* @param index The css rule index.
|
|
22
26
|
*/
|
|
23
27
|
function _addCSSRule(sheet, selector, rules, index) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
if ('insertRule' in sheet) {
|
|
29
|
+
sheet.insertRule(`${selector}{${rules}}`, index);
|
|
30
|
+
}
|
|
31
|
+
else if ('addRule' in sheet) {
|
|
32
|
+
sheet.addRule(selector, rules, index);
|
|
33
|
+
}
|
|
29
34
|
}
|
|
30
|
-
|
|
31
35
|
/**
|
|
32
36
|
* Set primary and secondary custom colors.
|
|
33
37
|
*
|
|
@@ -36,8 +40,9 @@ function _addCSSRule(sheet, selector, rules, index) {
|
|
|
36
40
|
* @param selector The selector used to scope the custom colors (defaults to ':root').
|
|
37
41
|
*/
|
|
38
42
|
function setCustomColors(sheet, colorPalette, selector = ':root') {
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
const rules = generateCSSColorVariables(colorPalette);
|
|
44
|
+
_addCSSRule(sheet, selector, rules, 0);
|
|
41
45
|
}
|
|
42
46
|
|
|
43
|
-
|
|
47
|
+
exports.generateCSSColorVariables = generateCSSColorVariables;
|
|
48
|
+
exports.setCustomColors = setCustomColors;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){let t="";for(const[o,r]of Object.entries(e))if(r)for(const[e,n]of Object.entries(r))t+=`--lumx-color-${o}-${e}: ${n};\n`;return t}Object.defineProperty(exports,"__esModule",{value:!0}),exports.generateCSSColorVariables=e,exports.setCustomColors=function(t,o,r=":root"){!function(e,t,o,r){"insertRule"in e?e.insertRule(`${t}{${o}}`,r):"addRule"in e&&e.addRule(t,o,r)}(t,r,e(o),0)};
|
package/js/types/Callback.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/js/types/Falsy.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/js/types/GenericProps.js
CHANGED