@lumx/core 3.20.1-alpha.31 → 3.20.1-alpha.32

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.
Files changed (98) hide show
  1. package/js/constants/design-tokens.js +2292 -5389
  2. package/js/constants/design-tokens.min.js +1 -0
  3. package/js/constants/index.js +132 -107
  4. package/js/constants/index.min.js +1 -0
  5. package/js/constants/keycodes.js +11 -9
  6. package/js/constants/keycodes.min.js +1 -0
  7. package/js/custom-colors.js +20 -17
  8. package/js/custom-colors.min.js +1 -0
  9. package/js/types/Callback.js +1 -0
  10. package/js/types/Callback.min.js +1 -0
  11. package/js/types/Falsy.js +1 -0
  12. package/js/types/Falsy.min.js +1 -0
  13. package/js/types/GenericProps.js +1 -0
  14. package/js/types/GenericProps.min.js +1 -0
  15. package/js/types/HasAriaLabelOrLabelledBy.js +1 -0
  16. package/js/types/HasAriaLabelOrLabelledBy.min.js +1 -0
  17. package/js/types/HasClassName.js +1 -0
  18. package/js/types/HasClassName.min.js +1 -0
  19. package/js/types/HasCloseMode.js +1 -0
  20. package/js/types/HasCloseMode.min.js +1 -0
  21. package/js/types/HasTheme.js +1 -0
  22. package/js/types/HasTheme.min.js +1 -0
  23. package/js/types/HeadingElement.js +1 -0
  24. package/js/types/HeadingElement.min.js +1 -0
  25. package/js/types/Point.js +1 -0
  26. package/js/types/Point.min.js +1 -0
  27. package/js/types/Predicate.js +1 -0
  28. package/js/types/Predicate.min.js +1 -0
  29. package/js/types/RectSize.js +1 -0
  30. package/js/types/RectSize.min.js +1 -0
  31. package/js/types/TextElement.js +1 -0
  32. package/js/types/TextElement.min.js +1 -0
  33. package/js/types/ValueOf.js +1 -0
  34. package/js/types/ValueOf.min.js +1 -0
  35. package/js/types/index.js +1 -0
  36. package/js/types/index.min.js +1 -0
  37. package/js/utils/className/fontColorClass.js +10 -7
  38. package/js/utils/className/fontColorClass.min.js +1 -0
  39. package/js/utils/className/fontColorClass.test.js +16 -14
  40. package/js/utils/className/fontColorClass.test.min.js +1 -0
  41. package/js/utils/className/getBasicClass.js +17 -18
  42. package/js/utils/className/getBasicClass.min.js +1 -0
  43. package/js/utils/className/getBasicClass.test.js +19 -54
  44. package/js/utils/className/getBasicClass.test.min.js +1 -0
  45. package/js/utils/className/getBasicClass.ts +3 -2
  46. package/js/utils/className/getRootClassName.js +11 -10
  47. package/js/utils/className/getRootClassName.min.js +1 -0
  48. package/js/utils/className/getRootClassName.test.js +13 -11
  49. package/js/utils/className/getRootClassName.test.min.js +1 -0
  50. package/js/utils/className/getRootClassName.ts +2 -1
  51. package/js/utils/className/getTypographyClassName.js +5 -3
  52. package/js/utils/className/getTypographyClassName.min.js +1 -0
  53. package/js/utils/className/getTypographyClassName.test.js +7 -5
  54. package/js/utils/className/getTypographyClassName.test.min.js +1 -0
  55. package/js/utils/className/handleBasicClasses.js +23 -26
  56. package/js/utils/className/handleBasicClasses.min.js +1 -0
  57. package/js/utils/className/handleBasicClasses.test.js +32 -29
  58. package/js/utils/className/handleBasicClasses.test.min.js +1 -0
  59. package/js/utils/className/handleBasicClasses.ts +5 -3
  60. package/js/utils/className/index.js +23 -11
  61. package/js/utils/className/index.min.js +1 -0
  62. package/js/utils/className/resolveColorWithVariants.js +7 -4
  63. package/js/utils/className/resolveColorWithVariants.min.js +1 -0
  64. package/js/utils/className/resolveColorWithVariants.test.js +28 -26
  65. package/js/utils/className/resolveColorWithVariants.test.min.js +1 -0
  66. package/js/utils/index.js +168 -159
  67. package/js/utils/index.min.js +1 -0
  68. package/js/utils/index.ts +6 -4
  69. package/lumx.min.css +1 -0
  70. package/package.json +3 -5
  71. package/js/utils/collection/castArray.js +0 -4
  72. package/js/utils/collection/castArray.test.js +0 -15
  73. package/js/utils/collection/castArray.test.ts +0 -15
  74. package/js/utils/collection/castArray.ts +0 -3
  75. package/js/utils/collection/chunk.js +0 -13
  76. package/js/utils/collection/chunk.test.js +0 -28
  77. package/js/utils/collection/chunk.test.ts +0 -38
  78. package/js/utils/collection/chunk.ts +0 -11
  79. package/js/utils/collection/isEmpty.js +0 -4
  80. package/js/utils/collection/isEmpty.test.js +0 -21
  81. package/js/utils/collection/isEmpty.test.ts +0 -21
  82. package/js/utils/collection/isEmpty.ts +0 -4
  83. package/js/utils/collection/last.js +0 -4
  84. package/js/utils/collection/last.test.js +0 -19
  85. package/js/utils/collection/last.test.ts +0 -21
  86. package/js/utils/collection/last.ts +0 -2
  87. package/js/utils/collection/partitionMulti.js +0 -28
  88. package/js/utils/collection/partitionMulti.test.js +0 -26
  89. package/js/utils/collection/partitionMulti.test.ts +0 -35
  90. package/js/utils/collection/partitionMulti.ts +0 -29
  91. package/js/utils/collection/range.js +0 -6
  92. package/js/utils/collection/range.test.js +0 -10
  93. package/js/utils/collection/range.test.ts +0 -10
  94. package/js/utils/collection/range.ts +0 -2
  95. package/js/utils/string/kebabCase.js +0 -28
  96. package/js/utils/string/kebabCase.test.js +0 -41
  97. package/js/utils/string/kebabCase.test.ts +0 -50
  98. package/js/utils/string/kebabCase.ts +0 -28
@@ -0,0 +1 @@
1
+ "use strict";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"}}}}};
@@ -1,10 +1,11 @@
1
- export { BACKSPACE_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, LEFT_KEY_CODE, RIGHT_KEY_CODE, SPACE_KEY_CODE, TAB_KEY_CODE, UP_KEY_CODE } from './keycodes.js';
1
+ 'use strict';
2
+
3
+ var js_constants_keycodes = require('./keycodes.js');
2
4
 
3
5
  /**
4
6
  * The prefix to use for the CSS classes.
5
7
  */
6
8
  const CSS_PREFIX = 'lumx';
7
-
8
9
  /**
9
10
  * Animation duration constants. Take into consideration that if you change one of these variables,
10
11
  * you need to update their scss counterpart as well
@@ -13,179 +14,203 @@ const DIALOG_TRANSITION_DURATION = 400;
13
14
  const EXPANSION_PANEL_TRANSITION_DURATION = 400;
14
15
  const NOTIFICATION_TRANSITION_DURATION = 200;
15
16
  const SLIDESHOW_TRANSITION_DURATION = 5000;
16
-
17
17
  /**
18
18
  * Delay on hover after which we open or close the tooltip.
19
19
  * Only applies to devices supporting pointer hover.
20
20
  */
21
21
  const TOOLTIP_HOVER_DELAY = {
22
- open: 500,
23
- close: 500
22
+ open: 500,
23
+ close: 500,
24
24
  };
25
-
26
25
  /**
27
26
  * Delay on long press after which we open or close the tooltip.
28
27
  * Only applies to devices not supporting pointer hover.
29
28
  */
30
29
  const TOOLTIP_LONG_PRESS_DELAY = {
31
- open: 250,
32
- close: 3000
30
+ open: 250,
31
+ close: 3000,
33
32
  };
34
-
35
33
  /**
36
34
  * Alignments.
37
35
  */
38
36
  const Alignment = {
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'
37
+ bottom: 'bottom',
38
+ center: 'center',
39
+ end: 'end',
40
+ left: 'left',
41
+ right: 'right',
42
+ spaceAround: 'space-around',
43
+ spaceBetween: 'space-between',
44
+ spaceEvenly: 'space-evenly',
45
+ start: 'start',
46
+ top: 'top',
49
47
  };
50
48
  const Theme = {
51
- light: 'light',
52
- dark: 'dark'
49
+ light: 'light',
50
+ dark: 'dark',
53
51
  };
54
52
  const Size = {
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'
53
+ xxs: 'xxs',
54
+ xs: 'xs',
55
+ s: 's',
56
+ m: 'm',
57
+ l: 'l',
58
+ xl: 'xl',
59
+ xxl: 'xxl',
60
+ tiny: 'tiny',
61
+ regular: 'regular',
62
+ medium: 'medium',
63
+ big: 'big',
64
+ huge: 'huge',
67
65
  };
68
66
  const Orientation = {
69
- horizontal: 'horizontal',
70
- vertical: 'vertical'
67
+ horizontal: 'horizontal',
68
+ vertical: 'vertical',
71
69
  };
72
70
  const Emphasis = {
73
- low: 'low',
74
- medium: 'medium',
75
- high: 'high'
71
+ low: 'low',
72
+ medium: 'medium',
73
+ high: 'high',
76
74
  };
77
75
  /**
78
76
  * List of typographies that can't be customized.
79
77
  */
80
78
  const TypographyInterface = {
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'
79
+ overline: 'overline',
80
+ caption: 'caption',
81
+ body1: 'body1',
82
+ body2: 'body2',
83
+ subtitle1: 'subtitle1',
84
+ subtitle2: 'subtitle2',
85
+ title: 'title',
86
+ headline: 'headline',
87
+ display1: 'display1',
90
88
  };
91
89
  /**
92
90
  * List of title typographies that can be customized (via CSS variables).
93
91
  */
94
92
  const TypographyTitleCustom = {
95
- title1: 'custom-title1',
96
- title2: 'custom-title2',
97
- title3: 'custom-title3',
98
- title4: 'custom-title4',
99
- title5: 'custom-title5',
100
- title6: 'custom-title6'
93
+ title1: 'custom-title1',
94
+ title2: 'custom-title2',
95
+ title3: 'custom-title3',
96
+ title4: 'custom-title4',
97
+ title5: 'custom-title5',
98
+ title6: 'custom-title6',
101
99
  };
102
100
  /**
103
101
  * List of typographies that can be customized (via CSS variables).
104
102
  */
105
103
  const TypographyCustom = {
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'
104
+ ...TypographyTitleCustom,
105
+ intro: 'custom-intro',
106
+ 'body-large': 'custom-body-large',
107
+ body: 'custom-body',
108
+ quote: 'custom-quote',
109
+ 'publish-info': 'custom-publish-info',
110
+ button: 'custom-button',
113
111
  };
114
112
  /**
115
113
  * List of all typographies.
116
114
  */
117
115
  const Typography = {
118
- ...TypographyInterface,
119
- custom: TypographyCustom
116
+ ...TypographyInterface,
117
+ custom: TypographyCustom,
120
118
  };
121
119
  /**
122
120
  * All available aspect ratios.
123
121
  */
124
122
  const AspectRatio = {
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'
123
+ /** Intrinsic content ratio. */
124
+ original: 'original',
125
+ /** Ratio 3:1 */
126
+ panoramic: 'panoramic',
127
+ /** Ratio 16:9 */
128
+ wide: 'wide',
129
+ /** Ratio 3:2 */
130
+ horizontal: 'horizontal',
131
+ /** Ratio 3:2 */
132
+ vertical: 'vertical',
133
+ /** Ratio 1:1 */
134
+ square: 'square',
135
+ /** Ratio constrained by the parent. */
136
+ free: 'free',
139
137
  };
140
138
  /**
141
139
  * Semantic info about the purpose of the component
142
140
  */
143
141
  const Kind = {
144
- info: 'info',
145
- success: 'success',
146
- warning: 'warning',
147
- error: 'error'
142
+ info: 'info',
143
+ success: 'success',
144
+ warning: 'warning',
145
+ error: 'error',
148
146
  };
149
147
  /**
150
148
  * All available white-space values
151
149
  * */
152
150
  const WhiteSpace = {
153
- normal: 'normal',
154
- nowrap: 'nowrap',
155
- pre: 'pre',
156
- 'pre-wrap': 'pre-wrap',
157
- 'pre-line': 'pre-line',
158
- 'break-spaces': 'break-spaces'
151
+ normal: 'normal',
152
+ nowrap: 'nowrap',
153
+ pre: 'pre',
154
+ 'pre-wrap': 'pre-wrap',
155
+ 'pre-line': 'pre-line',
156
+ 'break-spaces': 'break-spaces',
159
157
  };
160
158
  /**
161
159
  * See SCSS variable $lumx-color-palette
162
160
  */
163
161
  const ColorPalette = {
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'
162
+ primary: 'primary',
163
+ secondary: 'secondary',
164
+ blue: 'blue',
165
+ dark: 'dark',
166
+ green: 'green',
167
+ yellow: 'yellow',
168
+ red: 'red',
169
+ light: 'light',
170
+ grey: 'grey',
173
171
  };
174
172
  /**
175
173
  * See SCSS variable $lumx-color-variants
176
174
  */
177
175
  const ColorVariant = {
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'
176
+ D1: 'D1',
177
+ D2: 'D2',
178
+ L1: 'L1',
179
+ L2: 'L2',
180
+ L3: 'L3',
181
+ L4: 'L4',
182
+ L5: 'L5',
183
+ L6: 'L6',
184
+ N: 'N',
187
185
  };
188
186
 
189
- /** ColorPalette with all possible color variant combination */
190
-
191
- export { Alignment, AspectRatio, CSS_PREFIX, ColorPalette, ColorVariant, DIALOG_TRANSITION_DURATION, EXPANSION_PANEL_TRANSITION_DURATION, Emphasis, Kind, NOTIFICATION_TRANSITION_DURATION, Orientation, SLIDESHOW_TRANSITION_DURATION, Size, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY, Theme, Typography, TypographyCustom, TypographyInterface, TypographyTitleCustom, WhiteSpace };
187
+ exports.BACKSPACE_KEY_CODE = js_constants_keycodes.BACKSPACE_KEY_CODE;
188
+ exports.DOWN_KEY_CODE = js_constants_keycodes.DOWN_KEY_CODE;
189
+ exports.ENTER_KEY_CODE = js_constants_keycodes.ENTER_KEY_CODE;
190
+ exports.ESCAPE_KEY_CODE = js_constants_keycodes.ESCAPE_KEY_CODE;
191
+ exports.LEFT_KEY_CODE = js_constants_keycodes.LEFT_KEY_CODE;
192
+ exports.RIGHT_KEY_CODE = js_constants_keycodes.RIGHT_KEY_CODE;
193
+ exports.SPACE_KEY_CODE = js_constants_keycodes.SPACE_KEY_CODE;
194
+ exports.TAB_KEY_CODE = js_constants_keycodes.TAB_KEY_CODE;
195
+ exports.UP_KEY_CODE = js_constants_keycodes.UP_KEY_CODE;
196
+ exports.Alignment = Alignment;
197
+ exports.AspectRatio = AspectRatio;
198
+ exports.CSS_PREFIX = CSS_PREFIX;
199
+ exports.ColorPalette = ColorPalette;
200
+ exports.ColorVariant = ColorVariant;
201
+ exports.DIALOG_TRANSITION_DURATION = DIALOG_TRANSITION_DURATION;
202
+ exports.EXPANSION_PANEL_TRANSITION_DURATION = EXPANSION_PANEL_TRANSITION_DURATION;
203
+ exports.Emphasis = Emphasis;
204
+ exports.Kind = Kind;
205
+ exports.NOTIFICATION_TRANSITION_DURATION = NOTIFICATION_TRANSITION_DURATION;
206
+ exports.Orientation = Orientation;
207
+ exports.SLIDESHOW_TRANSITION_DURATION = SLIDESHOW_TRANSITION_DURATION;
208
+ exports.Size = Size;
209
+ exports.TOOLTIP_HOVER_DELAY = TOOLTIP_HOVER_DELAY;
210
+ exports.TOOLTIP_LONG_PRESS_DELAY = TOOLTIP_LONG_PRESS_DELAY;
211
+ exports.Theme = Theme;
212
+ exports.Typography = Typography;
213
+ exports.TypographyCustom = TypographyCustom;
214
+ exports.TypographyInterface = TypographyInterface;
215
+ exports.TypographyTitleCustom = TypographyTitleCustom;
216
+ exports.WhiteSpace = WhiteSpace;
@@ -0,0 +1 @@
1
+ "use strict";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"};
@@ -1,46 +1,48 @@
1
+ 'use strict';
2
+
1
3
  /**
2
4
  * The down key code.
3
5
  */
4
6
  const DOWN_KEY_CODE = 40;
5
-
6
7
  /**
7
8
  * The enter/return key code.
8
9
  */
9
10
  const ENTER_KEY_CODE = 13;
10
-
11
11
  /**
12
12
  * The space key code.
13
13
  */
14
14
  const SPACE_KEY_CODE = 32;
15
-
16
15
  /**
17
16
  * The escape key code.
18
17
  */
19
18
  const ESCAPE_KEY_CODE = 27;
20
-
21
19
  /**
22
20
  * The left key code.
23
21
  */
24
22
  const LEFT_KEY_CODE = 37;
25
-
26
23
  /**
27
24
  * The right key code.
28
25
  */
29
26
  const RIGHT_KEY_CODE = 39;
30
-
31
27
  /**
32
28
  * The tab key code.
33
29
  */
34
30
  const TAB_KEY_CODE = 9;
35
-
36
31
  /**
37
32
  * The up key code.
38
33
  */
39
34
  const UP_KEY_CODE = 38;
40
-
41
35
  /**
42
36
  * The up key code.
43
37
  */
44
38
  const BACKSPACE_KEY_CODE = 8;
45
39
 
46
- export { BACKSPACE_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESCAPE_KEY_CODE, LEFT_KEY_CODE, RIGHT_KEY_CODE, SPACE_KEY_CODE, TAB_KEY_CODE, UP_KEY_CODE };
40
+ exports.BACKSPACE_KEY_CODE = BACKSPACE_KEY_CODE;
41
+ exports.DOWN_KEY_CODE = DOWN_KEY_CODE;
42
+ exports.ENTER_KEY_CODE = ENTER_KEY_CODE;
43
+ exports.ESCAPE_KEY_CODE = ESCAPE_KEY_CODE;
44
+ exports.LEFT_KEY_CODE = LEFT_KEY_CODE;
45
+ exports.RIGHT_KEY_CODE = RIGHT_KEY_CODE;
46
+ exports.SPACE_KEY_CODE = SPACE_KEY_CODE;
47
+ exports.TAB_KEY_CODE = TAB_KEY_CODE;
48
+ exports.UP_KEY_CODE = UP_KEY_CODE;
@@ -0,0 +1 @@
1
+ "use strict";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;
@@ -1,17 +1,19 @@
1
+ 'use strict';
2
+
1
3
  /**
2
4
  * Generate CSS variables for the given color palette.
3
5
  */
4
6
  function generateCSSColorVariables(palette) {
5
- let output = '';
6
- for (const [color, variants] of Object.entries(palette)) {
7
- if (!variants) continue;
8
- for (const [variantName, colorValue] of Object.entries(variants)) {
9
- output += `--lumx-color-${color}-${variantName}: ${colorValue};\n`;
7
+ let output = '';
8
+ for (const [color, variants] of Object.entries(palette)) {
9
+ if (!variants)
10
+ continue;
11
+ for (const [variantName, colorValue] of Object.entries(variants)) {
12
+ output += `--lumx-color-${color}-${variantName}: ${colorValue};\n`;
13
+ }
10
14
  }
11
- }
12
- return output;
15
+ return output;
13
16
  }
14
-
15
17
  /**
16
18
  * Add a css rule in a given sheet.
17
19
  *
@@ -21,13 +23,13 @@ function generateCSSColorVariables(palette) {
21
23
  * @param index The css rule index.
22
24
  */
23
25
  function _addCSSRule(sheet, selector, rules, index) {
24
- if ('insertRule' in sheet) {
25
- sheet.insertRule(`${selector}{${rules}}`, index);
26
- } else if ('addRule' in sheet) {
27
- sheet.addRule(selector, rules, index);
28
- }
26
+ if ('insertRule' in sheet) {
27
+ sheet.insertRule(`${selector}{${rules}}`, index);
28
+ }
29
+ else if ('addRule' in sheet) {
30
+ sheet.addRule(selector, rules, index);
31
+ }
29
32
  }
30
-
31
33
  /**
32
34
  * Set primary and secondary custom colors.
33
35
  *
@@ -36,8 +38,9 @@ function _addCSSRule(sheet, selector, rules, index) {
36
38
  * @param selector The selector used to scope the custom colors (defaults to ':root').
37
39
  */
38
40
  function setCustomColors(sheet, colorPalette, selector = ':root') {
39
- const rules = generateCSSColorVariables(colorPalette);
40
- _addCSSRule(sheet, selector, rules, 0);
41
+ const rules = generateCSSColorVariables(colorPalette);
42
+ _addCSSRule(sheet, selector, rules, 0);
41
43
  }
42
44
 
43
- export { generateCSSColorVariables, setCustomColors };
45
+ exports.generateCSSColorVariables = generateCSSColorVariables;
46
+ exports.setCustomColors = setCustomColors;
@@ -0,0 +1 @@
1
+ "use strict";function e(e){let t="";for(const[o,n]of Object.entries(e))if(n)for(const[e,r]of Object.entries(n))t+=`--lumx-color-${o}-${e}: ${r};\n`;return t}exports.generateCSSColorVariables=e,exports.setCustomColors=function(t,o,n=":root"){!function(e,t,o,n){"insertRule"in e?e.insertRule(`${t}{${o}}`,n):"addRule"in e&&e.addRule(t,o,n)}(t,n,e(o),0)};
@@ -1 +1,2 @@
1
+ 'use strict';
1
2
 
@@ -0,0 +1 @@
1
+ "use strict";
package/js/types/Falsy.js CHANGED
@@ -1 +1,2 @@
1
+ 'use strict';
1
2
 
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1 +1,2 @@
1
+ 'use strict';
1
2
 
@@ -0,0 +1 @@
1
+ "use strict";
@@ -1 +1,2 @@
1
+ 'use strict';
1
2