@lobehub/ui 6.0.0-beta.9 → 6.0.0

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 (88) hide show
  1. package/README.md +3 -3
  2. package/es/CodeDiff/DiffPanel.mjs +2 -2
  3. package/es/CodeDiff/DiffPanel.mjs.map +1 -1
  4. package/es/Drawer/style.mjs.map +1 -1
  5. package/es/FloatingPanel/style.mjs +3 -2
  6. package/es/FloatingPanel/style.mjs.map +1 -1
  7. package/es/Form/Form.mjs +6 -2
  8. package/es/Form/Form.mjs.map +1 -1
  9. package/es/Form/style.mjs +3 -3
  10. package/es/Form/style.mjs.map +1 -1
  11. package/es/Form/type.d.mts +7 -0
  12. package/es/Popover/style.mjs +1 -1
  13. package/es/Popover/style.mjs.map +1 -1
  14. package/es/ProTable/hooks/useFetchData.mjs +1 -1
  15. package/es/ProTable/hooks/useFetchData.mjs.map +1 -1
  16. package/es/ProTable/parts/FieldControl.mjs +28 -11
  17. package/es/ProTable/parts/FieldControl.mjs.map +1 -1
  18. package/es/ProTable/style.mjs +9 -0
  19. package/es/ProTable/style.mjs.map +1 -1
  20. package/es/ProTable/type.d.mts +5 -2
  21. package/es/Switch/Switch.mjs +8 -1
  22. package/es/Switch/Switch.mjs.map +1 -1
  23. package/es/Switch/atoms.d.mts +7 -1
  24. package/es/Switch/atoms.mjs +20 -4
  25. package/es/Switch/atoms.mjs.map +1 -1
  26. package/es/Switch/style.mjs +33 -2
  27. package/es/Switch/style.mjs.map +1 -1
  28. package/es/Table/Table.mjs +14 -5
  29. package/es/Table/Table.mjs.map +1 -1
  30. package/es/Table/render/FixedFrost.mjs +11 -2
  31. package/es/Table/render/FixedFrost.mjs.map +1 -1
  32. package/es/Table/style.mjs +4 -0
  33. package/es/Table/style.mjs.map +1 -1
  34. package/es/Text/style.d.mts +3 -3
  35. package/es/Toast/dodge.mjs +0 -1
  36. package/es/Toast/dodge.mjs.map +1 -1
  37. package/es/Toast/dodge.stylex.mjs +1 -4
  38. package/es/Toast/dodge.stylex.mjs.map +1 -1
  39. package/es/Toast/style.mjs +1 -1
  40. package/es/Toast/style.mjs.map +1 -1
  41. package/es/Tooltip/style.mjs +2 -2
  42. package/es/Tooltip/style.mjs.map +1 -1
  43. package/es/color/index.d.mts +2 -1
  44. package/es/color/index.mjs +2 -1
  45. package/es/color/status/error.mjs +67 -0
  46. package/es/color/status/error.mjs.map +1 -0
  47. package/es/color/status/index.d.mts +11 -0
  48. package/es/color/status/index.mjs +15 -0
  49. package/es/color/status/index.mjs.map +1 -0
  50. package/es/color/status/info.mjs +67 -0
  51. package/es/color/status/info.mjs.map +1 -0
  52. package/es/color/status/success.mjs +67 -0
  53. package/es/color/status/success.mjs.map +1 -0
  54. package/es/color/status/warning.mjs +67 -0
  55. package/es/color/status/warning.mjs.map +1 -0
  56. package/es/index.d.mts +3 -2
  57. package/es/index.mjs +3 -2
  58. package/es/style.css +114 -23
  59. package/es/styles/index.d.mts +3 -2
  60. package/es/styles/index.mjs +3 -2
  61. package/es/styles/stylex/cssVar.stylex.mjs +3 -0
  62. package/es/styles/stylex/cssVar.stylex.mjs.map +1 -1
  63. package/es/styles/theme/createLobeToken.d.mts +9 -5
  64. package/es/styles/theme/createLobeToken.mjs +3 -2
  65. package/es/styles/theme/createLobeToken.mjs.map +1 -1
  66. package/es/styles/theme/customPalette.d.mts +6 -0
  67. package/es/styles/theme/customPalette.mjs +28 -0
  68. package/es/styles/theme/customPalette.mjs.map +1 -0
  69. package/es/styles/theme/customPrimary.mjs +52 -17
  70. package/es/styles/theme/customPrimary.mjs.map +1 -1
  71. package/es/styles/theme/scope.d.mts +4 -2
  72. package/es/styles/theme/scope.mjs +53 -20
  73. package/es/styles/theme/scope.mjs.map +1 -1
  74. package/es/styles/theme/themeCss.d.mts +1 -0
  75. package/es/styles/theme/themeCss.mjs +16 -1
  76. package/es/styles/theme/themeCss.mjs.map +1 -1
  77. package/es/styles/theme/token/legacy.mjs +12 -12
  78. package/es/styles/theme/token/legacy.mjs.map +1 -1
  79. package/es/styles/theme/token/neutral.mjs +12 -4
  80. package/es/styles/theme/token/neutral.mjs.map +1 -1
  81. package/es/styles/theme/token/neutralText.mjs +91 -0
  82. package/es/styles/theme/token/neutralText.mjs.map +1 -0
  83. package/es/styles/theme/token/palette.mjs +16 -41
  84. package/es/styles/theme/token/palette.mjs.map +1 -1
  85. package/es/styles/theme/token/static.mjs +3 -0
  86. package/es/styles/theme/token/static.mjs.map +1 -1
  87. package/es/theme.css +293 -290
  88. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"cssVar.stylex.mjs","names":[],"sources":["../../../src/styles/stylex/cssVar.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const cssVar = stylex.defineConsts({\n borderRadiusOuter: 'var(--lobe-border-radius-outer)',\n colorTextLightSolid: 'var(--lobe-color-text-light-solid)',\n colorWhite: 'var(--lobe-color-white)',\n controlHeightLG: 'var(--lobe-control-height-lg)',\n controlHeightSM: 'var(--lobe-control-height-sm)',\n controlHeightXS: 'var(--lobe-control-height-xs)',\n controlInteractiveSize: 'var(--lobe-control-interactive-size)',\n controlOutlineWidth: 'var(--lobe-control-outline-width)',\n controlPaddingHorizontal: 'var(--lobe-control-padding-horizontal)',\n controlPaddingHorizontalSM: 'var(--lobe-control-padding-horizontal-sm)',\n fontHeight: 'var(--lobe-font-height)',\n fontHeightLG: 'var(--lobe-font-height-lg)',\n fontHeightSM: 'var(--lobe-font-height-sm)',\n fontSize: 'var(--lobe-font-size)',\n fontSizeHeading1: 'var(--lobe-font-size-heading-1)',\n fontSizeHeading2: 'var(--lobe-font-size-heading-2)',\n fontSizeHeading3: 'var(--lobe-font-size-heading-3)',\n fontSizeHeading4: 'var(--lobe-font-size-heading-4)',\n fontSizeHeading5: 'var(--lobe-font-size-heading-5)',\n fontSizeIcon: 'var(--lobe-font-size-icon)',\n fontSizeLG: 'var(--lobe-font-size-lg)',\n fontSizeSM: 'var(--lobe-font-size-sm)',\n fontSizeXL: 'var(--lobe-font-size-xl)',\n fontWeightStrong: 'var(--lobe-font-weight-strong)',\n lineHeight: 'var(--lobe-line-height)',\n lineHeightHeading1: 'var(--lobe-line-height-heading-1)',\n lineHeightHeading2: 'var(--lobe-line-height-heading-2)',\n lineHeightHeading3: 'var(--lobe-line-height-heading-3)',\n lineHeightHeading4: 'var(--lobe-line-height-heading-4)',\n lineHeightHeading5: 'var(--lobe-line-height-heading-5)',\n lineHeightLG: 'var(--lobe-line-height-lg)',\n lineHeightSM: 'var(--lobe-line-height-sm)',\n lineType: 'var(--lobe-line-type)',\n lineWidth: 'var(--lobe-line-width)',\n lineWidthBold: 'var(--lobe-line-width-bold)',\n lineWidthFocus: 'var(--lobe-line-width-focus)',\n linkDecoration: 'var(--lobe-link-decoration)',\n linkFocusDecoration: 'var(--lobe-link-focus-decoration)',\n linkHoverDecoration: 'var(--lobe-link-hover-decoration)',\n margin: 'var(--lobe-margin)',\n marginLG: 'var(--lobe-margin-lg)',\n marginMD: 'var(--lobe-margin-md)',\n marginSM: 'var(--lobe-margin-sm)',\n marginXL: 'var(--lobe-margin-xl)',\n marginXS: 'var(--lobe-margin-xs)',\n marginXXL: 'var(--lobe-margin-xxl)',\n marginXXS: 'var(--lobe-margin-xxs)',\n motionDurationFast: 'var(--lobe-motion-duration-fast)',\n motionDurationMid: 'var(--lobe-motion-duration-mid)',\n motionDurationSlow: 'var(--lobe-motion-duration-slow)',\n motionEaseInBack: 'var(--lobe-motion-ease-in-back)',\n motionEaseInOut: 'var(--lobe-motion-ease-in-out)',\n motionEaseInOutCirc: 'var(--lobe-motion-ease-in-out-circ)',\n motionEaseInQuint: 'var(--lobe-motion-ease-in-quint)',\n motionEaseOut: 'var(--lobe-motion-ease-out)',\n motionEaseOutBack: 'var(--lobe-motion-ease-out-back)',\n motionEaseOutCirc: 'var(--lobe-motion-ease-out-circ)',\n motionEaseOutQuint: 'var(--lobe-motion-ease-out-quint)',\n opacityImage: 'var(--lobe-opacity-image)',\n opacityLoading: 'var(--lobe-opacity-loading)',\n padding: 'var(--lobe-padding)',\n paddingContentHorizontal: 'var(--lobe-padding-content-horizontal)',\n paddingContentHorizontalLG: 'var(--lobe-padding-content-horizontal-lg)',\n paddingContentHorizontalSM: 'var(--lobe-padding-content-horizontal-sm)',\n paddingContentVertical: 'var(--lobe-padding-content-vertical)',\n paddingContentVerticalLG: 'var(--lobe-padding-content-vertical-lg)',\n paddingContentVerticalSM: 'var(--lobe-padding-content-vertical-sm)',\n paddingLG: 'var(--lobe-padding-lg)',\n paddingMD: 'var(--lobe-padding-md)',\n paddingSM: 'var(--lobe-padding-sm)',\n paddingXL: 'var(--lobe-padding-xl)',\n paddingXS: 'var(--lobe-padding-xs)',\n paddingXXS: 'var(--lobe-padding-xxs)',\n pink: 'var(--lobe-pink)',\n screenLG: 'var(--lobe-screen-lg)',\n screenLGMax: 'var(--lobe-screen-lg-max)',\n screenLGMin: 'var(--lobe-screen-lg-min)',\n screenMD: 'var(--lobe-screen-md)',\n screenMDMax: 'var(--lobe-screen-md-max)',\n screenMDMin: 'var(--lobe-screen-md-min)',\n screenSM: 'var(--lobe-screen-sm)',\n screenSMMax: 'var(--lobe-screen-sm-max)',\n screenSMMin: 'var(--lobe-screen-sm-min)',\n screenXL: 'var(--lobe-screen-xl)',\n screenXLMax: 'var(--lobe-screen-xl-max)',\n screenXLMin: 'var(--lobe-screen-xl-min)',\n screenXS: 'var(--lobe-screen-xs)',\n screenXSMax: 'var(--lobe-screen-xs-max)',\n screenXSMin: 'var(--lobe-screen-xs-min)',\n screenXXL: 'var(--lobe-screen-xxl)',\n screenXXLMax: 'var(--lobe-screen-xxl-max)',\n screenXXLMin: 'var(--lobe-screen-xxl-min)',\n screenXXXL: 'var(--lobe-screen-xxxl)',\n screenXXXLMin: 'var(--lobe-screen-xxxl-min)',\n size: 'var(--lobe-size)',\n sizeLG: 'var(--lobe-size-lg)',\n sizeMD: 'var(--lobe-size-md)',\n sizeMS: 'var(--lobe-size-ms)',\n sizePopupArrow: 'var(--lobe-size-popup-arrow)',\n sizeSM: 'var(--lobe-size-sm)',\n sizeStep: 'var(--lobe-size-step)',\n sizeUnit: 'var(--lobe-size-unit)',\n sizeXL: 'var(--lobe-size-xl)',\n sizeXS: 'var(--lobe-size-xs)',\n sizeXXL: 'var(--lobe-size-xxl)',\n sizeXXS: 'var(--lobe-size-xxs)',\n zIndexBase: 'var(--lobe-z-index-base)',\n zIndexPopupBase: 'var(--lobe-z-index-popup-base)',\n borderRadius: 'var(--lobe-border-radius)',\n borderRadiusLG: 'var(--lobe-border-radius-lg)',\n borderRadiusSM: 'var(--lobe-border-radius-sm)',\n borderRadiusXS: 'var(--lobe-border-radius-xs)',\n controlHeight: 'var(--lobe-control-height)',\n fontFamily: 'var(--lobe-font-family)',\n fontFamilyCode: 'var(--lobe-font-family-code)',\n boxShadowCard: 'var(--lobe-box-shadow-card)',\n boxShadowDrawerDown: 'var(--lobe-box-shadow-drawer-down)',\n boxShadowDrawerLeft: 'var(--lobe-box-shadow-drawer-left)',\n boxShadowDrawerRight: 'var(--lobe-box-shadow-drawer-right)',\n boxShadowDrawerUp: 'var(--lobe-box-shadow-drawer-up)',\n boxShadowPopoverArrow: 'var(--lobe-box-shadow-popover-arrow)',\n boxShadowTabsOverflowBottom: 'var(--lobe-box-shadow-tabs-overflow-bottom)',\n boxShadowTabsOverflowLeft: 'var(--lobe-box-shadow-tabs-overflow-left)',\n boxShadowTabsOverflowRight: 'var(--lobe-box-shadow-tabs-overflow-right)',\n boxShadowTabsOverflowTop: 'var(--lobe-box-shadow-tabs-overflow-top)',\n colorBgBase: 'var(--lobe-color-bg-base)',\n colorBgBlur: 'var(--lobe-color-bg-blur)',\n colorBgSolid: 'var(--lobe-color-bg-solid)',\n colorBgSolidActive: 'var(--lobe-color-bg-solid-active)',\n colorBgSolidHover: 'var(--lobe-color-bg-solid-hover)',\n colorBorderDisabled: 'var(--lobe-color-border-disabled)',\n colorErrorBgActive: 'var(--lobe-color-error-bg-active)',\n colorErrorBgFilledHover: 'var(--lobe-color-error-bg-filled-hover)',\n colorShadow: 'var(--lobe-color-shadow)',\n colorTextBase: 'var(--lobe-color-text-base)',\n dropShadowPopover: 'var(--lobe-drop-shadow-popover)',\n pink1: 'var(--lobe-pink-1)',\n pink10: 'var(--lobe-pink-10)',\n pink2: 'var(--lobe-pink-2)',\n pink3: 'var(--lobe-pink-3)',\n pink4: 'var(--lobe-pink-4)',\n pink5: 'var(--lobe-pink-5)',\n pink6: 'var(--lobe-pink-6)',\n pink7: 'var(--lobe-pink-7)',\n pink8: 'var(--lobe-pink-8)',\n pink9: 'var(--lobe-pink-9)',\n pinkActive: 'var(--lobe-pink-active)',\n pinkHover: 'var(--lobe-pink-hover)',\n colorErrorFill: 'var(--lobe-color-error-fill)',\n colorErrorFillSecondary: 'var(--lobe-color-error-fill-secondary)',\n colorErrorFillTertiary: 'var(--lobe-color-error-fill-tertiary)',\n colorErrorFillQuaternary: 'var(--lobe-color-error-fill-quaternary)',\n colorErrorBg: 'var(--lobe-color-error-bg)',\n colorErrorBgHover: 'var(--lobe-color-error-bg-hover)',\n colorErrorBorder: 'var(--lobe-color-error-border)',\n colorErrorBorderHover: 'var(--lobe-color-error-border-hover)',\n colorErrorHover: 'var(--lobe-color-error-hover)',\n colorError: 'var(--lobe-color-error)',\n colorErrorActive: 'var(--lobe-color-error-active)',\n colorErrorTextHover: 'var(--lobe-color-error-text-hover)',\n colorErrorText: 'var(--lobe-color-error-text)',\n colorErrorTextActive: 'var(--lobe-color-error-text-active)',\n colorInfoFill: 'var(--lobe-color-info-fill)',\n colorInfoFillSecondary: 'var(--lobe-color-info-fill-secondary)',\n colorInfoFillTertiary: 'var(--lobe-color-info-fill-tertiary)',\n colorInfoFillQuaternary: 'var(--lobe-color-info-fill-quaternary)',\n colorInfoBg: 'var(--lobe-color-info-bg)',\n colorInfoBgHover: 'var(--lobe-color-info-bg-hover)',\n colorInfoBorder: 'var(--lobe-color-info-border)',\n colorInfoBorderHover: 'var(--lobe-color-info-border-hover)',\n colorInfoHover: 'var(--lobe-color-info-hover)',\n colorInfo: 'var(--lobe-color-info)',\n colorInfoActive: 'var(--lobe-color-info-active)',\n colorInfoTextHover: 'var(--lobe-color-info-text-hover)',\n colorInfoText: 'var(--lobe-color-info-text)',\n colorInfoTextActive: 'var(--lobe-color-info-text-active)',\n colorSuccessFill: 'var(--lobe-color-success-fill)',\n colorSuccessFillSecondary: 'var(--lobe-color-success-fill-secondary)',\n colorSuccessFillTertiary: 'var(--lobe-color-success-fill-tertiary)',\n colorSuccessFillQuaternary: 'var(--lobe-color-success-fill-quaternary)',\n colorSuccessBg: 'var(--lobe-color-success-bg)',\n colorSuccessBgHover: 'var(--lobe-color-success-bg-hover)',\n colorSuccessBorder: 'var(--lobe-color-success-border)',\n colorSuccessBorderHover: 'var(--lobe-color-success-border-hover)',\n colorSuccessHover: 'var(--lobe-color-success-hover)',\n colorSuccess: 'var(--lobe-color-success)',\n colorSuccessActive: 'var(--lobe-color-success-active)',\n colorSuccessTextHover: 'var(--lobe-color-success-text-hover)',\n colorSuccessText: 'var(--lobe-color-success-text)',\n colorSuccessTextActive: 'var(--lobe-color-success-text-active)',\n colorWarningFill: 'var(--lobe-color-warning-fill)',\n colorWarningFillSecondary: 'var(--lobe-color-warning-fill-secondary)',\n colorWarningFillTertiary: 'var(--lobe-color-warning-fill-tertiary)',\n colorWarningFillQuaternary: 'var(--lobe-color-warning-fill-quaternary)',\n colorWarningBg: 'var(--lobe-color-warning-bg)',\n colorWarningBgHover: 'var(--lobe-color-warning-bg-hover)',\n colorWarningBorder: 'var(--lobe-color-warning-border)',\n colorWarningBorderHover: 'var(--lobe-color-warning-border-hover)',\n colorWarningHover: 'var(--lobe-color-warning-hover)',\n colorWarning: 'var(--lobe-color-warning)',\n colorWarningActive: 'var(--lobe-color-warning-active)',\n colorWarningTextHover: 'var(--lobe-color-warning-text-hover)',\n colorWarningText: 'var(--lobe-color-warning-text)',\n colorWarningTextActive: 'var(--lobe-color-warning-text-active)',\n blue1: 'var(--lobe-blue-1)',\n blue2: 'var(--lobe-blue-2)',\n blue3: 'var(--lobe-blue-3)',\n blue4: 'var(--lobe-blue-4)',\n blue5: 'var(--lobe-blue-5)',\n blue6: 'var(--lobe-blue-6)',\n blue7: 'var(--lobe-blue-7)',\n blue8: 'var(--lobe-blue-8)',\n blue9: 'var(--lobe-blue-9)',\n blue10: 'var(--lobe-blue-10)',\n blue11: 'var(--lobe-blue-11)',\n blue1A: 'var(--lobe-blue-1-a)',\n blue2A: 'var(--lobe-blue-2-a)',\n blue3A: 'var(--lobe-blue-3-a)',\n blue4A: 'var(--lobe-blue-4-a)',\n blue5A: 'var(--lobe-blue-5-a)',\n blue6A: 'var(--lobe-blue-6-a)',\n blue7A: 'var(--lobe-blue-7-a)',\n blue8A: 'var(--lobe-blue-8-a)',\n blue9A: 'var(--lobe-blue-9-a)',\n blue10A: 'var(--lobe-blue-10-a)',\n blue11A: 'var(--lobe-blue-11-a)',\n blueFill: 'var(--lobe-blue-fill)',\n blueFillSecondary: 'var(--lobe-blue-fill-secondary)',\n blueFillTertiary: 'var(--lobe-blue-fill-tertiary)',\n blueFillQuaternary: 'var(--lobe-blue-fill-quaternary)',\n blueBg: 'var(--lobe-blue-bg)',\n blueBgHover: 'var(--lobe-blue-bg-hover)',\n blueBorder: 'var(--lobe-blue-border)',\n blueBorderSecondary: 'var(--lobe-blue-border-secondary)',\n blueBorderHover: 'var(--lobe-blue-border-hover)',\n blueHover: 'var(--lobe-blue-hover)',\n blue: 'var(--lobe-blue)',\n blueActive: 'var(--lobe-blue-active)',\n blueTextHover: 'var(--lobe-blue-text-hover)',\n blueText: 'var(--lobe-blue-text)',\n blueTextActive: 'var(--lobe-blue-text-active)',\n cyan1: 'var(--lobe-cyan-1)',\n cyan2: 'var(--lobe-cyan-2)',\n cyan3: 'var(--lobe-cyan-3)',\n cyan4: 'var(--lobe-cyan-4)',\n cyan5: 'var(--lobe-cyan-5)',\n cyan6: 'var(--lobe-cyan-6)',\n cyan7: 'var(--lobe-cyan-7)',\n cyan8: 'var(--lobe-cyan-8)',\n cyan9: 'var(--lobe-cyan-9)',\n cyan10: 'var(--lobe-cyan-10)',\n cyan11: 'var(--lobe-cyan-11)',\n cyan1A: 'var(--lobe-cyan-1-a)',\n cyan2A: 'var(--lobe-cyan-2-a)',\n cyan3A: 'var(--lobe-cyan-3-a)',\n cyan4A: 'var(--lobe-cyan-4-a)',\n cyan5A: 'var(--lobe-cyan-5-a)',\n cyan6A: 'var(--lobe-cyan-6-a)',\n cyan7A: 'var(--lobe-cyan-7-a)',\n cyan8A: 'var(--lobe-cyan-8-a)',\n cyan9A: 'var(--lobe-cyan-9-a)',\n cyan10A: 'var(--lobe-cyan-10-a)',\n cyan11A: 'var(--lobe-cyan-11-a)',\n cyanFill: 'var(--lobe-cyan-fill)',\n cyanFillSecondary: 'var(--lobe-cyan-fill-secondary)',\n cyanFillTertiary: 'var(--lobe-cyan-fill-tertiary)',\n cyanFillQuaternary: 'var(--lobe-cyan-fill-quaternary)',\n cyanBg: 'var(--lobe-cyan-bg)',\n cyanBgHover: 'var(--lobe-cyan-bg-hover)',\n cyanBorder: 'var(--lobe-cyan-border)',\n cyanBorderSecondary: 'var(--lobe-cyan-border-secondary)',\n cyanBorderHover: 'var(--lobe-cyan-border-hover)',\n cyanHover: 'var(--lobe-cyan-hover)',\n cyan: 'var(--lobe-cyan)',\n cyanActive: 'var(--lobe-cyan-active)',\n cyanTextHover: 'var(--lobe-cyan-text-hover)',\n cyanText: 'var(--lobe-cyan-text)',\n cyanTextActive: 'var(--lobe-cyan-text-active)',\n geekblue1: 'var(--lobe-geekblue-1)',\n geekblue2: 'var(--lobe-geekblue-2)',\n geekblue3: 'var(--lobe-geekblue-3)',\n geekblue4: 'var(--lobe-geekblue-4)',\n geekblue5: 'var(--lobe-geekblue-5)',\n geekblue6: 'var(--lobe-geekblue-6)',\n geekblue7: 'var(--lobe-geekblue-7)',\n geekblue8: 'var(--lobe-geekblue-8)',\n geekblue9: 'var(--lobe-geekblue-9)',\n geekblue10: 'var(--lobe-geekblue-10)',\n geekblue11: 'var(--lobe-geekblue-11)',\n geekblue1A: 'var(--lobe-geekblue-1-a)',\n geekblue2A: 'var(--lobe-geekblue-2-a)',\n geekblue3A: 'var(--lobe-geekblue-3-a)',\n geekblue4A: 'var(--lobe-geekblue-4-a)',\n geekblue5A: 'var(--lobe-geekblue-5-a)',\n geekblue6A: 'var(--lobe-geekblue-6-a)',\n geekblue7A: 'var(--lobe-geekblue-7-a)',\n geekblue8A: 'var(--lobe-geekblue-8-a)',\n geekblue9A: 'var(--lobe-geekblue-9-a)',\n geekblue10A: 'var(--lobe-geekblue-10-a)',\n geekblue11A: 'var(--lobe-geekblue-11-a)',\n geekblueFill: 'var(--lobe-geekblue-fill)',\n geekblueFillSecondary: 'var(--lobe-geekblue-fill-secondary)',\n geekblueFillTertiary: 'var(--lobe-geekblue-fill-tertiary)',\n geekblueFillQuaternary: 'var(--lobe-geekblue-fill-quaternary)',\n geekblueBg: 'var(--lobe-geekblue-bg)',\n geekblueBgHover: 'var(--lobe-geekblue-bg-hover)',\n geekblueBorder: 'var(--lobe-geekblue-border)',\n geekblueBorderSecondary: 'var(--lobe-geekblue-border-secondary)',\n geekblueBorderHover: 'var(--lobe-geekblue-border-hover)',\n geekblueHover: 'var(--lobe-geekblue-hover)',\n geekblue: 'var(--lobe-geekblue)',\n geekblueActive: 'var(--lobe-geekblue-active)',\n geekblueTextHover: 'var(--lobe-geekblue-text-hover)',\n geekblueText: 'var(--lobe-geekblue-text)',\n geekblueTextActive: 'var(--lobe-geekblue-text-active)',\n gold1: 'var(--lobe-gold-1)',\n gold2: 'var(--lobe-gold-2)',\n gold3: 'var(--lobe-gold-3)',\n gold4: 'var(--lobe-gold-4)',\n gold5: 'var(--lobe-gold-5)',\n gold6: 'var(--lobe-gold-6)',\n gold7: 'var(--lobe-gold-7)',\n gold8: 'var(--lobe-gold-8)',\n gold9: 'var(--lobe-gold-9)',\n gold10: 'var(--lobe-gold-10)',\n gold11: 'var(--lobe-gold-11)',\n gold1A: 'var(--lobe-gold-1-a)',\n gold2A: 'var(--lobe-gold-2-a)',\n gold3A: 'var(--lobe-gold-3-a)',\n gold4A: 'var(--lobe-gold-4-a)',\n gold5A: 'var(--lobe-gold-5-a)',\n gold6A: 'var(--lobe-gold-6-a)',\n gold7A: 'var(--lobe-gold-7-a)',\n gold8A: 'var(--lobe-gold-8-a)',\n gold9A: 'var(--lobe-gold-9-a)',\n gold10A: 'var(--lobe-gold-10-a)',\n gold11A: 'var(--lobe-gold-11-a)',\n goldFill: 'var(--lobe-gold-fill)',\n goldFillSecondary: 'var(--lobe-gold-fill-secondary)',\n goldFillTertiary: 'var(--lobe-gold-fill-tertiary)',\n goldFillQuaternary: 'var(--lobe-gold-fill-quaternary)',\n goldBg: 'var(--lobe-gold-bg)',\n goldBgHover: 'var(--lobe-gold-bg-hover)',\n goldBorder: 'var(--lobe-gold-border)',\n goldBorderSecondary: 'var(--lobe-gold-border-secondary)',\n goldBorderHover: 'var(--lobe-gold-border-hover)',\n goldHover: 'var(--lobe-gold-hover)',\n gold: 'var(--lobe-gold)',\n goldActive: 'var(--lobe-gold-active)',\n goldTextHover: 'var(--lobe-gold-text-hover)',\n goldText: 'var(--lobe-gold-text)',\n goldTextActive: 'var(--lobe-gold-text-active)',\n gray1: 'var(--lobe-gray-1)',\n gray2: 'var(--lobe-gray-2)',\n gray3: 'var(--lobe-gray-3)',\n gray4: 'var(--lobe-gray-4)',\n gray5: 'var(--lobe-gray-5)',\n gray6: 'var(--lobe-gray-6)',\n gray7: 'var(--lobe-gray-7)',\n gray8: 'var(--lobe-gray-8)',\n gray9: 'var(--lobe-gray-9)',\n gray10: 'var(--lobe-gray-10)',\n gray11: 'var(--lobe-gray-11)',\n gray1A: 'var(--lobe-gray-1-a)',\n gray2A: 'var(--lobe-gray-2-a)',\n gray3A: 'var(--lobe-gray-3-a)',\n gray4A: 'var(--lobe-gray-4-a)',\n gray5A: 'var(--lobe-gray-5-a)',\n gray6A: 'var(--lobe-gray-6-a)',\n gray7A: 'var(--lobe-gray-7-a)',\n gray8A: 'var(--lobe-gray-8-a)',\n gray9A: 'var(--lobe-gray-9-a)',\n gray10A: 'var(--lobe-gray-10-a)',\n gray11A: 'var(--lobe-gray-11-a)',\n grayFill: 'var(--lobe-gray-fill)',\n grayFillSecondary: 'var(--lobe-gray-fill-secondary)',\n grayFillTertiary: 'var(--lobe-gray-fill-tertiary)',\n grayFillQuaternary: 'var(--lobe-gray-fill-quaternary)',\n grayBg: 'var(--lobe-gray-bg)',\n grayBgHover: 'var(--lobe-gray-bg-hover)',\n grayBorder: 'var(--lobe-gray-border)',\n grayBorderSecondary: 'var(--lobe-gray-border-secondary)',\n grayBorderHover: 'var(--lobe-gray-border-hover)',\n grayHover: 'var(--lobe-gray-hover)',\n gray: 'var(--lobe-gray)',\n grayActive: 'var(--lobe-gray-active)',\n grayTextHover: 'var(--lobe-gray-text-hover)',\n grayText: 'var(--lobe-gray-text)',\n grayTextActive: 'var(--lobe-gray-text-active)',\n green1: 'var(--lobe-green-1)',\n green2: 'var(--lobe-green-2)',\n green3: 'var(--lobe-green-3)',\n green4: 'var(--lobe-green-4)',\n green5: 'var(--lobe-green-5)',\n green6: 'var(--lobe-green-6)',\n green7: 'var(--lobe-green-7)',\n green8: 'var(--lobe-green-8)',\n green9: 'var(--lobe-green-9)',\n green10: 'var(--lobe-green-10)',\n green11: 'var(--lobe-green-11)',\n green1A: 'var(--lobe-green-1-a)',\n green2A: 'var(--lobe-green-2-a)',\n green3A: 'var(--lobe-green-3-a)',\n green4A: 'var(--lobe-green-4-a)',\n green5A: 'var(--lobe-green-5-a)',\n green6A: 'var(--lobe-green-6-a)',\n green7A: 'var(--lobe-green-7-a)',\n green8A: 'var(--lobe-green-8-a)',\n green9A: 'var(--lobe-green-9-a)',\n green10A: 'var(--lobe-green-10-a)',\n green11A: 'var(--lobe-green-11-a)',\n greenFill: 'var(--lobe-green-fill)',\n greenFillSecondary: 'var(--lobe-green-fill-secondary)',\n greenFillTertiary: 'var(--lobe-green-fill-tertiary)',\n greenFillQuaternary: 'var(--lobe-green-fill-quaternary)',\n greenBg: 'var(--lobe-green-bg)',\n greenBgHover: 'var(--lobe-green-bg-hover)',\n greenBorder: 'var(--lobe-green-border)',\n greenBorderSecondary: 'var(--lobe-green-border-secondary)',\n greenBorderHover: 'var(--lobe-green-border-hover)',\n greenHover: 'var(--lobe-green-hover)',\n green: 'var(--lobe-green)',\n greenActive: 'var(--lobe-green-active)',\n greenTextHover: 'var(--lobe-green-text-hover)',\n greenText: 'var(--lobe-green-text)',\n greenTextActive: 'var(--lobe-green-text-active)',\n lime1: 'var(--lobe-lime-1)',\n lime2: 'var(--lobe-lime-2)',\n lime3: 'var(--lobe-lime-3)',\n lime4: 'var(--lobe-lime-4)',\n lime5: 'var(--lobe-lime-5)',\n lime6: 'var(--lobe-lime-6)',\n lime7: 'var(--lobe-lime-7)',\n lime8: 'var(--lobe-lime-8)',\n lime9: 'var(--lobe-lime-9)',\n lime10: 'var(--lobe-lime-10)',\n lime11: 'var(--lobe-lime-11)',\n lime1A: 'var(--lobe-lime-1-a)',\n lime2A: 'var(--lobe-lime-2-a)',\n lime3A: 'var(--lobe-lime-3-a)',\n lime4A: 'var(--lobe-lime-4-a)',\n lime5A: 'var(--lobe-lime-5-a)',\n lime6A: 'var(--lobe-lime-6-a)',\n lime7A: 'var(--lobe-lime-7-a)',\n lime8A: 'var(--lobe-lime-8-a)',\n lime9A: 'var(--lobe-lime-9-a)',\n lime10A: 'var(--lobe-lime-10-a)',\n lime11A: 'var(--lobe-lime-11-a)',\n limeFill: 'var(--lobe-lime-fill)',\n limeFillSecondary: 'var(--lobe-lime-fill-secondary)',\n limeFillTertiary: 'var(--lobe-lime-fill-tertiary)',\n limeFillQuaternary: 'var(--lobe-lime-fill-quaternary)',\n limeBg: 'var(--lobe-lime-bg)',\n limeBgHover: 'var(--lobe-lime-bg-hover)',\n limeBorder: 'var(--lobe-lime-border)',\n limeBorderSecondary: 'var(--lobe-lime-border-secondary)',\n limeBorderHover: 'var(--lobe-lime-border-hover)',\n limeHover: 'var(--lobe-lime-hover)',\n lime: 'var(--lobe-lime)',\n limeActive: 'var(--lobe-lime-active)',\n limeTextHover: 'var(--lobe-lime-text-hover)',\n limeText: 'var(--lobe-lime-text)',\n limeTextActive: 'var(--lobe-lime-text-active)',\n magenta1: 'var(--lobe-magenta-1)',\n magenta2: 'var(--lobe-magenta-2)',\n magenta3: 'var(--lobe-magenta-3)',\n magenta4: 'var(--lobe-magenta-4)',\n magenta5: 'var(--lobe-magenta-5)',\n magenta6: 'var(--lobe-magenta-6)',\n magenta7: 'var(--lobe-magenta-7)',\n magenta8: 'var(--lobe-magenta-8)',\n magenta9: 'var(--lobe-magenta-9)',\n magenta10: 'var(--lobe-magenta-10)',\n magenta11: 'var(--lobe-magenta-11)',\n magenta1A: 'var(--lobe-magenta-1-a)',\n magenta2A: 'var(--lobe-magenta-2-a)',\n magenta3A: 'var(--lobe-magenta-3-a)',\n magenta4A: 'var(--lobe-magenta-4-a)',\n magenta5A: 'var(--lobe-magenta-5-a)',\n magenta6A: 'var(--lobe-magenta-6-a)',\n magenta7A: 'var(--lobe-magenta-7-a)',\n magenta8A: 'var(--lobe-magenta-8-a)',\n magenta9A: 'var(--lobe-magenta-9-a)',\n magenta10A: 'var(--lobe-magenta-10-a)',\n magenta11A: 'var(--lobe-magenta-11-a)',\n magentaFill: 'var(--lobe-magenta-fill)',\n magentaFillSecondary: 'var(--lobe-magenta-fill-secondary)',\n magentaFillTertiary: 'var(--lobe-magenta-fill-tertiary)',\n magentaFillQuaternary: 'var(--lobe-magenta-fill-quaternary)',\n magentaBg: 'var(--lobe-magenta-bg)',\n magentaBgHover: 'var(--lobe-magenta-bg-hover)',\n magentaBorder: 'var(--lobe-magenta-border)',\n magentaBorderSecondary: 'var(--lobe-magenta-border-secondary)',\n magentaBorderHover: 'var(--lobe-magenta-border-hover)',\n magentaHover: 'var(--lobe-magenta-hover)',\n magenta: 'var(--lobe-magenta)',\n magentaActive: 'var(--lobe-magenta-active)',\n magentaTextHover: 'var(--lobe-magenta-text-hover)',\n magentaText: 'var(--lobe-magenta-text)',\n magentaTextActive: 'var(--lobe-magenta-text-active)',\n orange1: 'var(--lobe-orange-1)',\n orange2: 'var(--lobe-orange-2)',\n orange3: 'var(--lobe-orange-3)',\n orange4: 'var(--lobe-orange-4)',\n orange5: 'var(--lobe-orange-5)',\n orange6: 'var(--lobe-orange-6)',\n orange7: 'var(--lobe-orange-7)',\n orange8: 'var(--lobe-orange-8)',\n orange9: 'var(--lobe-orange-9)',\n orange10: 'var(--lobe-orange-10)',\n orange11: 'var(--lobe-orange-11)',\n orange1A: 'var(--lobe-orange-1-a)',\n orange2A: 'var(--lobe-orange-2-a)',\n orange3A: 'var(--lobe-orange-3-a)',\n orange4A: 'var(--lobe-orange-4-a)',\n orange5A: 'var(--lobe-orange-5-a)',\n orange6A: 'var(--lobe-orange-6-a)',\n orange7A: 'var(--lobe-orange-7-a)',\n orange8A: 'var(--lobe-orange-8-a)',\n orange9A: 'var(--lobe-orange-9-a)',\n orange10A: 'var(--lobe-orange-10-a)',\n orange11A: 'var(--lobe-orange-11-a)',\n orangeFill: 'var(--lobe-orange-fill)',\n orangeFillSecondary: 'var(--lobe-orange-fill-secondary)',\n orangeFillTertiary: 'var(--lobe-orange-fill-tertiary)',\n orangeFillQuaternary: 'var(--lobe-orange-fill-quaternary)',\n orangeBg: 'var(--lobe-orange-bg)',\n orangeBgHover: 'var(--lobe-orange-bg-hover)',\n orangeBorder: 'var(--lobe-orange-border)',\n orangeBorderSecondary: 'var(--lobe-orange-border-secondary)',\n orangeBorderHover: 'var(--lobe-orange-border-hover)',\n orangeHover: 'var(--lobe-orange-hover)',\n orange: 'var(--lobe-orange)',\n orangeActive: 'var(--lobe-orange-active)',\n orangeTextHover: 'var(--lobe-orange-text-hover)',\n orangeText: 'var(--lobe-orange-text)',\n orangeTextActive: 'var(--lobe-orange-text-active)',\n primary1: 'var(--lobe-primary-1)',\n primary2: 'var(--lobe-primary-2)',\n primary3: 'var(--lobe-primary-3)',\n primary4: 'var(--lobe-primary-4)',\n primary5: 'var(--lobe-primary-5)',\n primary6: 'var(--lobe-primary-6)',\n primary7: 'var(--lobe-primary-7)',\n primary8: 'var(--lobe-primary-8)',\n primary9: 'var(--lobe-primary-9)',\n primary10: 'var(--lobe-primary-10)',\n primary11: 'var(--lobe-primary-11)',\n primary1A: 'var(--lobe-primary-1-a)',\n primary2A: 'var(--lobe-primary-2-a)',\n primary3A: 'var(--lobe-primary-3-a)',\n primary4A: 'var(--lobe-primary-4-a)',\n primary5A: 'var(--lobe-primary-5-a)',\n primary6A: 'var(--lobe-primary-6-a)',\n primary7A: 'var(--lobe-primary-7-a)',\n primary8A: 'var(--lobe-primary-8-a)',\n primary9A: 'var(--lobe-primary-9-a)',\n primary10A: 'var(--lobe-primary-10-a)',\n primary11A: 'var(--lobe-primary-11-a)',\n primaryFill: 'var(--lobe-primary-fill)',\n primaryFillSecondary: 'var(--lobe-primary-fill-secondary)',\n primaryFillTertiary: 'var(--lobe-primary-fill-tertiary)',\n primaryFillQuaternary: 'var(--lobe-primary-fill-quaternary)',\n primaryBg: 'var(--lobe-primary-bg)',\n primaryBgHover: 'var(--lobe-primary-bg-hover)',\n primaryBorder: 'var(--lobe-primary-border)',\n primaryBorderSecondary: 'var(--lobe-primary-border-secondary)',\n primaryBorderHover: 'var(--lobe-primary-border-hover)',\n primaryHover: 'var(--lobe-primary-hover)',\n primary: 'var(--lobe-primary)',\n primaryActive: 'var(--lobe-primary-active)',\n primaryTextHover: 'var(--lobe-primary-text-hover)',\n primaryText: 'var(--lobe-primary-text)',\n primaryTextActive: 'var(--lobe-primary-text-active)',\n purple1: 'var(--lobe-purple-1)',\n purple2: 'var(--lobe-purple-2)',\n purple3: 'var(--lobe-purple-3)',\n purple4: 'var(--lobe-purple-4)',\n purple5: 'var(--lobe-purple-5)',\n purple6: 'var(--lobe-purple-6)',\n purple7: 'var(--lobe-purple-7)',\n purple8: 'var(--lobe-purple-8)',\n purple9: 'var(--lobe-purple-9)',\n purple10: 'var(--lobe-purple-10)',\n purple11: 'var(--lobe-purple-11)',\n purple1A: 'var(--lobe-purple-1-a)',\n purple2A: 'var(--lobe-purple-2-a)',\n purple3A: 'var(--lobe-purple-3-a)',\n purple4A: 'var(--lobe-purple-4-a)',\n purple5A: 'var(--lobe-purple-5-a)',\n purple6A: 'var(--lobe-purple-6-a)',\n purple7A: 'var(--lobe-purple-7-a)',\n purple8A: 'var(--lobe-purple-8-a)',\n purple9A: 'var(--lobe-purple-9-a)',\n purple10A: 'var(--lobe-purple-10-a)',\n purple11A: 'var(--lobe-purple-11-a)',\n purpleFill: 'var(--lobe-purple-fill)',\n purpleFillSecondary: 'var(--lobe-purple-fill-secondary)',\n purpleFillTertiary: 'var(--lobe-purple-fill-tertiary)',\n purpleFillQuaternary: 'var(--lobe-purple-fill-quaternary)',\n purpleBg: 'var(--lobe-purple-bg)',\n purpleBgHover: 'var(--lobe-purple-bg-hover)',\n purpleBorder: 'var(--lobe-purple-border)',\n purpleBorderSecondary: 'var(--lobe-purple-border-secondary)',\n purpleBorderHover: 'var(--lobe-purple-border-hover)',\n purpleHover: 'var(--lobe-purple-hover)',\n purple: 'var(--lobe-purple)',\n purpleActive: 'var(--lobe-purple-active)',\n purpleTextHover: 'var(--lobe-purple-text-hover)',\n purpleText: 'var(--lobe-purple-text)',\n purpleTextActive: 'var(--lobe-purple-text-active)',\n red1: 'var(--lobe-red-1)',\n red2: 'var(--lobe-red-2)',\n red3: 'var(--lobe-red-3)',\n red4: 'var(--lobe-red-4)',\n red5: 'var(--lobe-red-5)',\n red6: 'var(--lobe-red-6)',\n red7: 'var(--lobe-red-7)',\n red8: 'var(--lobe-red-8)',\n red9: 'var(--lobe-red-9)',\n red10: 'var(--lobe-red-10)',\n red11: 'var(--lobe-red-11)',\n red1A: 'var(--lobe-red-1-a)',\n red2A: 'var(--lobe-red-2-a)',\n red3A: 'var(--lobe-red-3-a)',\n red4A: 'var(--lobe-red-4-a)',\n red5A: 'var(--lobe-red-5-a)',\n red6A: 'var(--lobe-red-6-a)',\n red7A: 'var(--lobe-red-7-a)',\n red8A: 'var(--lobe-red-8-a)',\n red9A: 'var(--lobe-red-9-a)',\n red10A: 'var(--lobe-red-10-a)',\n red11A: 'var(--lobe-red-11-a)',\n redFill: 'var(--lobe-red-fill)',\n redFillSecondary: 'var(--lobe-red-fill-secondary)',\n redFillTertiary: 'var(--lobe-red-fill-tertiary)',\n redFillQuaternary: 'var(--lobe-red-fill-quaternary)',\n redBg: 'var(--lobe-red-bg)',\n redBgHover: 'var(--lobe-red-bg-hover)',\n redBorder: 'var(--lobe-red-border)',\n redBorderSecondary: 'var(--lobe-red-border-secondary)',\n redBorderHover: 'var(--lobe-red-border-hover)',\n redHover: 'var(--lobe-red-hover)',\n red: 'var(--lobe-red)',\n redActive: 'var(--lobe-red-active)',\n redTextHover: 'var(--lobe-red-text-hover)',\n redText: 'var(--lobe-red-text)',\n redTextActive: 'var(--lobe-red-text-active)',\n volcano1: 'var(--lobe-volcano-1)',\n volcano2: 'var(--lobe-volcano-2)',\n volcano3: 'var(--lobe-volcano-3)',\n volcano4: 'var(--lobe-volcano-4)',\n volcano5: 'var(--lobe-volcano-5)',\n volcano6: 'var(--lobe-volcano-6)',\n volcano7: 'var(--lobe-volcano-7)',\n volcano8: 'var(--lobe-volcano-8)',\n volcano9: 'var(--lobe-volcano-9)',\n volcano10: 'var(--lobe-volcano-10)',\n volcano11: 'var(--lobe-volcano-11)',\n volcano1A: 'var(--lobe-volcano-1-a)',\n volcano2A: 'var(--lobe-volcano-2-a)',\n volcano3A: 'var(--lobe-volcano-3-a)',\n volcano4A: 'var(--lobe-volcano-4-a)',\n volcano5A: 'var(--lobe-volcano-5-a)',\n volcano6A: 'var(--lobe-volcano-6-a)',\n volcano7A: 'var(--lobe-volcano-7-a)',\n volcano8A: 'var(--lobe-volcano-8-a)',\n volcano9A: 'var(--lobe-volcano-9-a)',\n volcano10A: 'var(--lobe-volcano-10-a)',\n volcano11A: 'var(--lobe-volcano-11-a)',\n volcanoFill: 'var(--lobe-volcano-fill)',\n volcanoFillSecondary: 'var(--lobe-volcano-fill-secondary)',\n volcanoFillTertiary: 'var(--lobe-volcano-fill-tertiary)',\n volcanoFillQuaternary: 'var(--lobe-volcano-fill-quaternary)',\n volcanoBg: 'var(--lobe-volcano-bg)',\n volcanoBgHover: 'var(--lobe-volcano-bg-hover)',\n volcanoBorder: 'var(--lobe-volcano-border)',\n volcanoBorderSecondary: 'var(--lobe-volcano-border-secondary)',\n volcanoBorderHover: 'var(--lobe-volcano-border-hover)',\n volcanoHover: 'var(--lobe-volcano-hover)',\n volcano: 'var(--lobe-volcano)',\n volcanoActive: 'var(--lobe-volcano-active)',\n volcanoTextHover: 'var(--lobe-volcano-text-hover)',\n volcanoText: 'var(--lobe-volcano-text)',\n volcanoTextActive: 'var(--lobe-volcano-text-active)',\n yellow1: 'var(--lobe-yellow-1)',\n yellow2: 'var(--lobe-yellow-2)',\n yellow3: 'var(--lobe-yellow-3)',\n yellow4: 'var(--lobe-yellow-4)',\n yellow5: 'var(--lobe-yellow-5)',\n yellow6: 'var(--lobe-yellow-6)',\n yellow7: 'var(--lobe-yellow-7)',\n yellow8: 'var(--lobe-yellow-8)',\n yellow9: 'var(--lobe-yellow-9)',\n yellow10: 'var(--lobe-yellow-10)',\n yellow11: 'var(--lobe-yellow-11)',\n yellow1A: 'var(--lobe-yellow-1-a)',\n yellow2A: 'var(--lobe-yellow-2-a)',\n yellow3A: 'var(--lobe-yellow-3-a)',\n yellow4A: 'var(--lobe-yellow-4-a)',\n yellow5A: 'var(--lobe-yellow-5-a)',\n yellow6A: 'var(--lobe-yellow-6-a)',\n yellow7A: 'var(--lobe-yellow-7-a)',\n yellow8A: 'var(--lobe-yellow-8-a)',\n yellow9A: 'var(--lobe-yellow-9-a)',\n yellow10A: 'var(--lobe-yellow-10-a)',\n yellow11A: 'var(--lobe-yellow-11-a)',\n yellowFill: 'var(--lobe-yellow-fill)',\n yellowFillSecondary: 'var(--lobe-yellow-fill-secondary)',\n yellowFillTertiary: 'var(--lobe-yellow-fill-tertiary)',\n yellowFillQuaternary: 'var(--lobe-yellow-fill-quaternary)',\n yellowBg: 'var(--lobe-yellow-bg)',\n yellowBgHover: 'var(--lobe-yellow-bg-hover)',\n yellowBorder: 'var(--lobe-yellow-border)',\n yellowBorderSecondary: 'var(--lobe-yellow-border-secondary)',\n yellowBorderHover: 'var(--lobe-yellow-border-hover)',\n yellowHover: 'var(--lobe-yellow-hover)',\n yellow: 'var(--lobe-yellow)',\n yellowActive: 'var(--lobe-yellow-active)',\n yellowTextHover: 'var(--lobe-yellow-text-hover)',\n yellowText: 'var(--lobe-yellow-text)',\n yellowTextActive: 'var(--lobe-yellow-text-active)',\n boxShadow: 'var(--lobe-box-shadow)',\n boxShadowSecondary: 'var(--lobe-box-shadow-secondary)',\n boxShadowTertiary: 'var(--lobe-box-shadow-tertiary)',\n colorErrorAffix: 'var(--lobe-color-error-affix)',\n colorHighlight: 'var(--lobe-color-highlight)',\n colorLink: 'var(--lobe-color-link)',\n colorLinkActive: 'var(--lobe-color-link-active)',\n colorLinkHover: 'var(--lobe-color-link-hover)',\n colorWarningAffix: 'var(--lobe-color-warning-affix)',\n colorPrimaryFill: 'var(--lobe-color-primary-fill)',\n colorPrimaryFillSecondary: 'var(--lobe-color-primary-fill-secondary)',\n colorPrimaryFillTertiary: 'var(--lobe-color-primary-fill-tertiary)',\n colorPrimaryFillQuaternary: 'var(--lobe-color-primary-fill-quaternary)',\n colorPrimaryBg: 'var(--lobe-color-primary-bg)',\n colorPrimaryBgHover: 'var(--lobe-color-primary-bg-hover)',\n colorPrimaryBorder: 'var(--lobe-color-primary-border)',\n colorPrimaryBorderHover: 'var(--lobe-color-primary-border-hover)',\n colorPrimaryHover: 'var(--lobe-color-primary-hover)',\n colorPrimary: 'var(--lobe-color-primary)',\n colorPrimaryActive: 'var(--lobe-color-primary-active)',\n colorPrimaryTextHover: 'var(--lobe-color-primary-text-hover)',\n colorPrimaryText: 'var(--lobe-color-primary-text)',\n colorPrimaryTextActive: 'var(--lobe-color-primary-text-active)',\n controlItemBgActive: 'var(--lobe-control-item-bg-active)',\n controlItemBgActiveHover: 'var(--lobe-control-item-bg-active-hover)',\n colorBgContainer: 'var(--lobe-color-bg-container)',\n colorBgElevated: 'var(--lobe-color-bg-elevated)',\n colorBgLayout: 'var(--lobe-color-bg-layout)',\n colorBgMask: 'var(--lobe-color-bg-mask)',\n colorBgSpotlight: 'var(--lobe-color-bg-spotlight)',\n colorBorder: 'var(--lobe-color-border)',\n colorBorderSecondary: 'var(--lobe-color-border-secondary)',\n colorFill: 'var(--lobe-color-fill)',\n colorFillQuaternary: 'var(--lobe-color-fill-quaternary)',\n colorFillSecondary: 'var(--lobe-color-fill-secondary)',\n colorFillTertiary: 'var(--lobe-color-fill-tertiary)',\n colorText: 'var(--lobe-color-text)',\n colorTextQuaternary: 'var(--lobe-color-text-quaternary)',\n colorTextSecondary: 'var(--lobe-color-text-secondary)',\n colorTextTertiary: 'var(--lobe-color-text-tertiary)',\n colorBgContainerDisabled: 'var(--lobe-color-bg-container-disabled)',\n colorBgContainerSecondary: 'var(--lobe-color-bg-container-secondary)',\n colorBgTextActive: 'var(--lobe-color-bg-text-active)',\n colorBgTextHover: 'var(--lobe-color-bg-text-hover)',\n colorBorderBg: 'var(--lobe-color-border-bg)',\n colorErrorOutline: 'var(--lobe-color-error-outline)',\n colorFillAlter: 'var(--lobe-color-fill-alter)',\n colorFillContent: 'var(--lobe-color-fill-content)',\n colorFillContentHover: 'var(--lobe-color-fill-content-hover)',\n colorIcon: 'var(--lobe-color-icon)',\n colorIconHover: 'var(--lobe-color-icon-hover)',\n colorSplit: 'var(--lobe-color-split)',\n colorTextDescription: 'var(--lobe-color-text-description)',\n colorTextDisabled: 'var(--lobe-color-text-disabled)',\n colorTextHeading: 'var(--lobe-color-text-heading)',\n colorTextLabel: 'var(--lobe-color-text-label)',\n colorTextPlaceholder: 'var(--lobe-color-text-placeholder)',\n colorWarningOutline: 'var(--lobe-color-warning-outline)',\n controlItemBgActiveDisabled: 'var(--lobe-control-item-bg-active-disabled)',\n controlItemBgHover: 'var(--lobe-control-item-bg-hover)',\n controlTmpOutline: 'var(--lobe-control-tmp-outline)',\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,mBAAmB;CACnB,qBAAqB;CACrB,YAAY;CACZ,iBAAiB;CACjB,iBAAiB;CACjB,iBAAiB;CACjB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,4BAA4B;CAC5B,YAAY;CACZ,cAAc;CACd,cAAc;CACd,UAAU;CACV,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,kBAAkB;CAClB,cAAc;CACd,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,YAAY;CACZ,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,oBAAoB;CACpB,cAAc;CACd,cAAc;CACd,UAAU;CACV,WAAW;CACX,eAAe;CACf,gBAAgB;CAChB,gBAAgB;CAChB,qBAAqB;CACrB,qBAAqB;CACrB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,eAAe;CACf,mBAAmB;CACnB,mBAAmB;CACnB,oBAAoB;CACpB,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,0BAA0B;CAC1B,4BAA4B;CAC5B,4BAA4B;CAC5B,wBAAwB;CACxB,0BAA0B;CAC1B,0BAA0B;CAC1B,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,aAAa;CACb,aAAa;CACb,WAAW;CACX,cAAc;CACd,cAAc;CACd,YAAY;CACZ,eAAe;CACf,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,QAAQ;CACR,UAAU;CACV,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,eAAe;CACf,qBAAqB;CACrB,qBAAqB;CACrB,sBAAsB;CACtB,mBAAmB;CACnB,uBAAuB;CACvB,6BAA6B;CAC7B,2BAA2B;CAC3B,4BAA4B;CAC5B,0BAA0B;CAC1B,aAAa;CACb,aAAa;CACb,cAAc;CACd,oBAAoB;CACpB,mBAAmB;CACnB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,aAAa;CACb,eAAe;CACf,mBAAmB;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,YAAY;CACZ,WAAW;CACX,gBAAgB;CAChB,yBAAyB;CACzB,wBAAwB;CACxB,0BAA0B;CAC1B,cAAc;CACd,mBAAmB;CACnB,kBAAkB;CAClB,uBAAuB;CACvB,iBAAiB;CACjB,YAAY;CACZ,kBAAkB;CAClB,qBAAqB;CACrB,gBAAgB;CAChB,sBAAsB;CACtB,eAAe;CACf,wBAAwB;CACxB,uBAAuB;CACvB,yBAAyB;CACzB,aAAa;CACb,kBAAkB;CAClB,iBAAiB;CACjB,sBAAsB;CACtB,gBAAgB;CAChB,WAAW;CACX,iBAAiB;CACjB,oBAAoB;CACpB,eAAe;CACf,qBAAqB;CACrB,kBAAkB;CAClB,2BAA2B;CAC3B,0BAA0B;CAC1B,4BAA4B;CAC5B,gBAAgB;CAChB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,mBAAmB;CACnB,cAAc;CACd,oBAAoB;CACpB,uBAAuB;CACvB,kBAAkB;CAClB,wBAAwB;CACxB,kBAAkB;CAClB,2BAA2B;CAC3B,0BAA0B;CAC1B,4BAA4B;CAC5B,gBAAgB;CAChB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,mBAAmB;CACnB,cAAc;CACd,oBAAoB;CACpB,uBAAuB;CACvB,kBAAkB;CAClB,wBAAwB;CACxB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,aAAa;CACb,cAAc;CACd,uBAAuB;CACvB,sBAAsB;CACtB,wBAAwB;CACxB,YAAY;CACZ,iBAAiB;CACjB,gBAAgB;CAChB,yBAAyB;CACzB,qBAAqB;CACrB,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,mBAAmB;CACnB,cAAc;CACd,oBAAoB;CACpB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,qBAAqB;CACrB,SAAS;CACT,cAAc;CACd,aAAa;CACb,sBAAsB;CACtB,kBAAkB;CAClB,YAAY;CACZ,OAAO;CACP,aAAa;CACb,gBAAgB;CAChB,WAAW;CACX,iBAAiB;CACjB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,UAAU;CACV,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,WAAW;CACX,MAAM;CACN,YAAY;CACZ,eAAe;CACf,UAAU;CACV,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,sBAAsB;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,WAAW;CACX,gBAAgB;CAChB,eAAe;CACf,wBAAwB;CACxB,oBAAoB;CACpB,cAAc;CACd,SAAS;CACT,eAAe;CACf,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,qBAAqB;CACrB,oBAAoB;CACpB,sBAAsB;CACtB,UAAU;CACV,eAAe;CACf,cAAc;CACd,uBAAuB;CACvB,mBAAmB;CACnB,aAAa;CACb,QAAQ;CACR,cAAc;CACd,iBAAiB;CACjB,YAAY;CACZ,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,sBAAsB;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,WAAW;CACX,gBAAgB;CAChB,eAAe;CACf,wBAAwB;CACxB,oBAAoB;CACpB,cAAc;CACd,SAAS;CACT,eAAe;CACf,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,qBAAqB;CACrB,oBAAoB;CACpB,sBAAsB;CACtB,UAAU;CACV,eAAe;CACf,cAAc;CACd,uBAAuB;CACvB,mBAAmB;CACnB,aAAa;CACb,QAAQ;CACR,cAAc;CACd,iBAAiB;CACjB,YAAY;CACZ,kBAAkB;CAClB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,kBAAkB;CAClB,iBAAiB;CACjB,mBAAmB;CACnB,OAAO;CACP,YAAY;CACZ,WAAW;CACX,oBAAoB;CACpB,gBAAgB;CAChB,UAAU;CACV,KAAK;CACL,WAAW;CACX,cAAc;CACd,SAAS;CACT,eAAe;CACf,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,sBAAsB;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,WAAW;CACX,gBAAgB;CAChB,eAAe;CACf,wBAAwB;CACxB,oBAAoB;CACpB,cAAc;CACd,SAAS;CACT,eAAe;CACf,kBAAkB;CAClB,aAAa;CACb,mBAAmB;CACnB,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,WAAW;CACX,WAAW;CACX,YAAY;CACZ,qBAAqB;CACrB,oBAAoB;CACpB,sBAAsB;CACtB,UAAU;CACV,eAAe;CACf,cAAc;CACd,uBAAuB;CACvB,mBAAmB;CACnB,aAAa;CACb,QAAQ;CACR,cAAc;CACd,iBAAiB;CACjB,YAAY;CACZ,kBAAkB;CAClB,WAAW;CACX,oBAAoB;CACpB,mBAAmB;CACnB,iBAAiB;CACjB,gBAAgB;CAChB,WAAW;CACX,iBAAiB;CACjB,gBAAgB;CAChB,mBAAmB;CACnB,kBAAkB;CAClB,2BAA2B;CAC3B,0BAA0B;CAC1B,4BAA4B;CAC5B,gBAAgB;CAChB,qBAAqB;CACrB,oBAAoB;CACpB,yBAAyB;CACzB,mBAAmB;CACnB,cAAc;CACd,oBAAoB;CACpB,uBAAuB;CACvB,kBAAkB;CAClB,wBAAwB;CACxB,qBAAqB;CACrB,0BAA0B;CAC1B,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,sBAAsB;CACtB,WAAW;CACX,qBAAqB;CACrB,oBAAoB;CACpB,mBAAmB;CACnB,WAAW;CACX,qBAAqB;CACrB,oBAAoB;CACpB,mBAAmB;CACnB,0BAA0B;CAC1B,2BAA2B;CAC3B,mBAAmB;CACnB,kBAAkB;CAClB,eAAe;CACf,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,uBAAuB;CACvB,WAAW;CACX,gBAAgB;CAChB,YAAY;CACZ,sBAAsB;CACtB,mBAAmB;CACnB,kBAAkB;CAClB,gBAAgB;CAChB,sBAAsB;CACtB,qBAAqB;CACrB,6BAA6B;CAC7B,oBAAoB;CACpB,mBAAmB;AACrB"}
1
+ {"version":3,"file":"cssVar.stylex.mjs","names":[],"sources":["../../../src/styles/stylex/cssVar.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const cssVar = stylex.defineConsts({\n borderRadiusOuter: 'var(--lobe-border-radius-outer)',\n colorTextLightSolid: 'var(--lobe-color-text-light-solid)',\n colorWhite: 'var(--lobe-color-white)',\n controlHeightLG: 'var(--lobe-control-height-lg)',\n controlHeightSM: 'var(--lobe-control-height-sm)',\n controlHeightXS: 'var(--lobe-control-height-xs)',\n controlInteractiveSize: 'var(--lobe-control-interactive-size)',\n controlOutlineWidth: 'var(--lobe-control-outline-width)',\n controlPaddingHorizontal: 'var(--lobe-control-padding-horizontal)',\n controlPaddingHorizontalSM: 'var(--lobe-control-padding-horizontal-sm)',\n fontHeight: 'var(--lobe-font-height)',\n fontHeightLG: 'var(--lobe-font-height-lg)',\n fontHeightSM: 'var(--lobe-font-height-sm)',\n fontSize: 'var(--lobe-font-size)',\n fontSizeHeading1: 'var(--lobe-font-size-heading-1)',\n fontSizeHeading2: 'var(--lobe-font-size-heading-2)',\n fontSizeHeading3: 'var(--lobe-font-size-heading-3)',\n fontSizeHeading4: 'var(--lobe-font-size-heading-4)',\n fontSizeHeading5: 'var(--lobe-font-size-heading-5)',\n fontSizeIcon: 'var(--lobe-font-size-icon)',\n fontSizeLG: 'var(--lobe-font-size-lg)',\n fontSizeSM: 'var(--lobe-font-size-sm)',\n fontSizeXL: 'var(--lobe-font-size-xl)',\n fontWeightStrong: 'var(--lobe-font-weight-strong)',\n lineHeight: 'var(--lobe-line-height)',\n lineHeightHeading1: 'var(--lobe-line-height-heading-1)',\n lineHeightHeading2: 'var(--lobe-line-height-heading-2)',\n lineHeightHeading3: 'var(--lobe-line-height-heading-3)',\n lineHeightHeading4: 'var(--lobe-line-height-heading-4)',\n lineHeightHeading5: 'var(--lobe-line-height-heading-5)',\n lineHeightLG: 'var(--lobe-line-height-lg)',\n lineHeightSM: 'var(--lobe-line-height-sm)',\n lineType: 'var(--lobe-line-type)',\n lineWidth: 'var(--lobe-line-width)',\n lineWidthBold: 'var(--lobe-line-width-bold)',\n lineWidthFocus: 'var(--lobe-line-width-focus)',\n linkDecoration: 'var(--lobe-link-decoration)',\n linkFocusDecoration: 'var(--lobe-link-focus-decoration)',\n linkHoverDecoration: 'var(--lobe-link-hover-decoration)',\n margin: 'var(--lobe-margin)',\n marginLG: 'var(--lobe-margin-lg)',\n marginMD: 'var(--lobe-margin-md)',\n marginSM: 'var(--lobe-margin-sm)',\n marginXL: 'var(--lobe-margin-xl)',\n marginXS: 'var(--lobe-margin-xs)',\n marginXXL: 'var(--lobe-margin-xxl)',\n marginXXS: 'var(--lobe-margin-xxs)',\n motionDurationFast: 'var(--lobe-motion-duration-fast)',\n motionDurationMid: 'var(--lobe-motion-duration-mid)',\n motionDurationSlow: 'var(--lobe-motion-duration-slow)',\n motionEaseInBack: 'var(--lobe-motion-ease-in-back)',\n motionEaseInOut: 'var(--lobe-motion-ease-in-out)',\n motionEaseInOutCirc: 'var(--lobe-motion-ease-in-out-circ)',\n motionEaseInQuint: 'var(--lobe-motion-ease-in-quint)',\n motionEaseOut: 'var(--lobe-motion-ease-out)',\n motionEaseOutBack: 'var(--lobe-motion-ease-out-back)',\n motionEaseOutCirc: 'var(--lobe-motion-ease-out-circ)',\n motionEaseOutQuint: 'var(--lobe-motion-ease-out-quint)',\n motionSpringBouncy: 'var(--lobe-motion-spring-bouncy)',\n motionSpringSmooth: 'var(--lobe-motion-spring-smooth)',\n motionSpringSnappy: 'var(--lobe-motion-spring-snappy)',\n opacityImage: 'var(--lobe-opacity-image)',\n opacityLoading: 'var(--lobe-opacity-loading)',\n padding: 'var(--lobe-padding)',\n paddingContentHorizontal: 'var(--lobe-padding-content-horizontal)',\n paddingContentHorizontalLG: 'var(--lobe-padding-content-horizontal-lg)',\n paddingContentHorizontalSM: 'var(--lobe-padding-content-horizontal-sm)',\n paddingContentVertical: 'var(--lobe-padding-content-vertical)',\n paddingContentVerticalLG: 'var(--lobe-padding-content-vertical-lg)',\n paddingContentVerticalSM: 'var(--lobe-padding-content-vertical-sm)',\n paddingLG: 'var(--lobe-padding-lg)',\n paddingMD: 'var(--lobe-padding-md)',\n paddingSM: 'var(--lobe-padding-sm)',\n paddingXL: 'var(--lobe-padding-xl)',\n paddingXS: 'var(--lobe-padding-xs)',\n paddingXXS: 'var(--lobe-padding-xxs)',\n pink: 'var(--lobe-pink)',\n screenLG: 'var(--lobe-screen-lg)',\n screenLGMax: 'var(--lobe-screen-lg-max)',\n screenLGMin: 'var(--lobe-screen-lg-min)',\n screenMD: 'var(--lobe-screen-md)',\n screenMDMax: 'var(--lobe-screen-md-max)',\n screenMDMin: 'var(--lobe-screen-md-min)',\n screenSM: 'var(--lobe-screen-sm)',\n screenSMMax: 'var(--lobe-screen-sm-max)',\n screenSMMin: 'var(--lobe-screen-sm-min)',\n screenXL: 'var(--lobe-screen-xl)',\n screenXLMax: 'var(--lobe-screen-xl-max)',\n screenXLMin: 'var(--lobe-screen-xl-min)',\n screenXS: 'var(--lobe-screen-xs)',\n screenXSMax: 'var(--lobe-screen-xs-max)',\n screenXSMin: 'var(--lobe-screen-xs-min)',\n screenXXL: 'var(--lobe-screen-xxl)',\n screenXXLMax: 'var(--lobe-screen-xxl-max)',\n screenXXLMin: 'var(--lobe-screen-xxl-min)',\n screenXXXL: 'var(--lobe-screen-xxxl)',\n screenXXXLMin: 'var(--lobe-screen-xxxl-min)',\n size: 'var(--lobe-size)',\n sizeLG: 'var(--lobe-size-lg)',\n sizeMD: 'var(--lobe-size-md)',\n sizeMS: 'var(--lobe-size-ms)',\n sizePopupArrow: 'var(--lobe-size-popup-arrow)',\n sizeSM: 'var(--lobe-size-sm)',\n sizeStep: 'var(--lobe-size-step)',\n sizeUnit: 'var(--lobe-size-unit)',\n sizeXL: 'var(--lobe-size-xl)',\n sizeXS: 'var(--lobe-size-xs)',\n sizeXXL: 'var(--lobe-size-xxl)',\n sizeXXS: 'var(--lobe-size-xxs)',\n zIndexBase: 'var(--lobe-z-index-base)',\n zIndexPopupBase: 'var(--lobe-z-index-popup-base)',\n borderRadius: 'var(--lobe-border-radius)',\n borderRadiusLG: 'var(--lobe-border-radius-lg)',\n borderRadiusSM: 'var(--lobe-border-radius-sm)',\n borderRadiusXS: 'var(--lobe-border-radius-xs)',\n controlHeight: 'var(--lobe-control-height)',\n fontFamily: 'var(--lobe-font-family)',\n fontFamilyCode: 'var(--lobe-font-family-code)',\n boxShadowCard: 'var(--lobe-box-shadow-card)',\n boxShadowDrawerDown: 'var(--lobe-box-shadow-drawer-down)',\n boxShadowDrawerLeft: 'var(--lobe-box-shadow-drawer-left)',\n boxShadowDrawerRight: 'var(--lobe-box-shadow-drawer-right)',\n boxShadowDrawerUp: 'var(--lobe-box-shadow-drawer-up)',\n boxShadowPopoverArrow: 'var(--lobe-box-shadow-popover-arrow)',\n boxShadowTabsOverflowBottom: 'var(--lobe-box-shadow-tabs-overflow-bottom)',\n boxShadowTabsOverflowLeft: 'var(--lobe-box-shadow-tabs-overflow-left)',\n boxShadowTabsOverflowRight: 'var(--lobe-box-shadow-tabs-overflow-right)',\n boxShadowTabsOverflowTop: 'var(--lobe-box-shadow-tabs-overflow-top)',\n colorBgBase: 'var(--lobe-color-bg-base)',\n colorBgBlur: 'var(--lobe-color-bg-blur)',\n colorBgSolid: 'var(--lobe-color-bg-solid)',\n colorBgSolidActive: 'var(--lobe-color-bg-solid-active)',\n colorBgSolidHover: 'var(--lobe-color-bg-solid-hover)',\n colorBorderDisabled: 'var(--lobe-color-border-disabled)',\n colorErrorBgActive: 'var(--lobe-color-error-bg-active)',\n colorErrorBgFilledHover: 'var(--lobe-color-error-bg-filled-hover)',\n colorShadow: 'var(--lobe-color-shadow)',\n colorTextBase: 'var(--lobe-color-text-base)',\n dropShadowPopover: 'var(--lobe-drop-shadow-popover)',\n pink1: 'var(--lobe-pink-1)',\n pink10: 'var(--lobe-pink-10)',\n pink2: 'var(--lobe-pink-2)',\n pink3: 'var(--lobe-pink-3)',\n pink4: 'var(--lobe-pink-4)',\n pink5: 'var(--lobe-pink-5)',\n pink6: 'var(--lobe-pink-6)',\n pink7: 'var(--lobe-pink-7)',\n pink8: 'var(--lobe-pink-8)',\n pink9: 'var(--lobe-pink-9)',\n pinkActive: 'var(--lobe-pink-active)',\n pinkHover: 'var(--lobe-pink-hover)',\n colorErrorFill: 'var(--lobe-color-error-fill)',\n colorErrorFillSecondary: 'var(--lobe-color-error-fill-secondary)',\n colorErrorFillTertiary: 'var(--lobe-color-error-fill-tertiary)',\n colorErrorFillQuaternary: 'var(--lobe-color-error-fill-quaternary)',\n colorErrorBg: 'var(--lobe-color-error-bg)',\n colorErrorBgHover: 'var(--lobe-color-error-bg-hover)',\n colorErrorBorder: 'var(--lobe-color-error-border)',\n colorErrorBorderHover: 'var(--lobe-color-error-border-hover)',\n colorErrorHover: 'var(--lobe-color-error-hover)',\n colorError: 'var(--lobe-color-error)',\n colorErrorActive: 'var(--lobe-color-error-active)',\n colorErrorTextHover: 'var(--lobe-color-error-text-hover)',\n colorErrorText: 'var(--lobe-color-error-text)',\n colorErrorTextActive: 'var(--lobe-color-error-text-active)',\n colorInfoFill: 'var(--lobe-color-info-fill)',\n colorInfoFillSecondary: 'var(--lobe-color-info-fill-secondary)',\n colorInfoFillTertiary: 'var(--lobe-color-info-fill-tertiary)',\n colorInfoFillQuaternary: 'var(--lobe-color-info-fill-quaternary)',\n colorInfoBg: 'var(--lobe-color-info-bg)',\n colorInfoBgHover: 'var(--lobe-color-info-bg-hover)',\n colorInfoBorder: 'var(--lobe-color-info-border)',\n colorInfoBorderHover: 'var(--lobe-color-info-border-hover)',\n colorInfoHover: 'var(--lobe-color-info-hover)',\n colorInfo: 'var(--lobe-color-info)',\n colorInfoActive: 'var(--lobe-color-info-active)',\n colorInfoTextHover: 'var(--lobe-color-info-text-hover)',\n colorInfoText: 'var(--lobe-color-info-text)',\n colorInfoTextActive: 'var(--lobe-color-info-text-active)',\n colorSuccessFill: 'var(--lobe-color-success-fill)',\n colorSuccessFillSecondary: 'var(--lobe-color-success-fill-secondary)',\n colorSuccessFillTertiary: 'var(--lobe-color-success-fill-tertiary)',\n colorSuccessFillQuaternary: 'var(--lobe-color-success-fill-quaternary)',\n colorSuccessBg: 'var(--lobe-color-success-bg)',\n colorSuccessBgHover: 'var(--lobe-color-success-bg-hover)',\n colorSuccessBorder: 'var(--lobe-color-success-border)',\n colorSuccessBorderHover: 'var(--lobe-color-success-border-hover)',\n colorSuccessHover: 'var(--lobe-color-success-hover)',\n colorSuccess: 'var(--lobe-color-success)',\n colorSuccessActive: 'var(--lobe-color-success-active)',\n colorSuccessTextHover: 'var(--lobe-color-success-text-hover)',\n colorSuccessText: 'var(--lobe-color-success-text)',\n colorSuccessTextActive: 'var(--lobe-color-success-text-active)',\n colorWarningFill: 'var(--lobe-color-warning-fill)',\n colorWarningFillSecondary: 'var(--lobe-color-warning-fill-secondary)',\n colorWarningFillTertiary: 'var(--lobe-color-warning-fill-tertiary)',\n colorWarningFillQuaternary: 'var(--lobe-color-warning-fill-quaternary)',\n colorWarningBg: 'var(--lobe-color-warning-bg)',\n colorWarningBgHover: 'var(--lobe-color-warning-bg-hover)',\n colorWarningBorder: 'var(--lobe-color-warning-border)',\n colorWarningBorderHover: 'var(--lobe-color-warning-border-hover)',\n colorWarningHover: 'var(--lobe-color-warning-hover)',\n colorWarning: 'var(--lobe-color-warning)',\n colorWarningActive: 'var(--lobe-color-warning-active)',\n colorWarningTextHover: 'var(--lobe-color-warning-text-hover)',\n colorWarningText: 'var(--lobe-color-warning-text)',\n colorWarningTextActive: 'var(--lobe-color-warning-text-active)',\n blue1: 'var(--lobe-blue-1)',\n blue2: 'var(--lobe-blue-2)',\n blue3: 'var(--lobe-blue-3)',\n blue4: 'var(--lobe-blue-4)',\n blue5: 'var(--lobe-blue-5)',\n blue6: 'var(--lobe-blue-6)',\n blue7: 'var(--lobe-blue-7)',\n blue8: 'var(--lobe-blue-8)',\n blue9: 'var(--lobe-blue-9)',\n blue10: 'var(--lobe-blue-10)',\n blue11: 'var(--lobe-blue-11)',\n blue1A: 'var(--lobe-blue-1-a)',\n blue2A: 'var(--lobe-blue-2-a)',\n blue3A: 'var(--lobe-blue-3-a)',\n blue4A: 'var(--lobe-blue-4-a)',\n blue5A: 'var(--lobe-blue-5-a)',\n blue6A: 'var(--lobe-blue-6-a)',\n blue7A: 'var(--lobe-blue-7-a)',\n blue8A: 'var(--lobe-blue-8-a)',\n blue9A: 'var(--lobe-blue-9-a)',\n blue10A: 'var(--lobe-blue-10-a)',\n blue11A: 'var(--lobe-blue-11-a)',\n blueFill: 'var(--lobe-blue-fill)',\n blueFillSecondary: 'var(--lobe-blue-fill-secondary)',\n blueFillTertiary: 'var(--lobe-blue-fill-tertiary)',\n blueFillQuaternary: 'var(--lobe-blue-fill-quaternary)',\n blueBg: 'var(--lobe-blue-bg)',\n blueBgHover: 'var(--lobe-blue-bg-hover)',\n blueBorder: 'var(--lobe-blue-border)',\n blueBorderSecondary: 'var(--lobe-blue-border-secondary)',\n blueBorderHover: 'var(--lobe-blue-border-hover)',\n blueHover: 'var(--lobe-blue-hover)',\n blue: 'var(--lobe-blue)',\n blueActive: 'var(--lobe-blue-active)',\n blueTextHover: 'var(--lobe-blue-text-hover)',\n blueText: 'var(--lobe-blue-text)',\n blueTextActive: 'var(--lobe-blue-text-active)',\n cyan1: 'var(--lobe-cyan-1)',\n cyan2: 'var(--lobe-cyan-2)',\n cyan3: 'var(--lobe-cyan-3)',\n cyan4: 'var(--lobe-cyan-4)',\n cyan5: 'var(--lobe-cyan-5)',\n cyan6: 'var(--lobe-cyan-6)',\n cyan7: 'var(--lobe-cyan-7)',\n cyan8: 'var(--lobe-cyan-8)',\n cyan9: 'var(--lobe-cyan-9)',\n cyan10: 'var(--lobe-cyan-10)',\n cyan11: 'var(--lobe-cyan-11)',\n cyan1A: 'var(--lobe-cyan-1-a)',\n cyan2A: 'var(--lobe-cyan-2-a)',\n cyan3A: 'var(--lobe-cyan-3-a)',\n cyan4A: 'var(--lobe-cyan-4-a)',\n cyan5A: 'var(--lobe-cyan-5-a)',\n cyan6A: 'var(--lobe-cyan-6-a)',\n cyan7A: 'var(--lobe-cyan-7-a)',\n cyan8A: 'var(--lobe-cyan-8-a)',\n cyan9A: 'var(--lobe-cyan-9-a)',\n cyan10A: 'var(--lobe-cyan-10-a)',\n cyan11A: 'var(--lobe-cyan-11-a)',\n cyanFill: 'var(--lobe-cyan-fill)',\n cyanFillSecondary: 'var(--lobe-cyan-fill-secondary)',\n cyanFillTertiary: 'var(--lobe-cyan-fill-tertiary)',\n cyanFillQuaternary: 'var(--lobe-cyan-fill-quaternary)',\n cyanBg: 'var(--lobe-cyan-bg)',\n cyanBgHover: 'var(--lobe-cyan-bg-hover)',\n cyanBorder: 'var(--lobe-cyan-border)',\n cyanBorderSecondary: 'var(--lobe-cyan-border-secondary)',\n cyanBorderHover: 'var(--lobe-cyan-border-hover)',\n cyanHover: 'var(--lobe-cyan-hover)',\n cyan: 'var(--lobe-cyan)',\n cyanActive: 'var(--lobe-cyan-active)',\n cyanTextHover: 'var(--lobe-cyan-text-hover)',\n cyanText: 'var(--lobe-cyan-text)',\n cyanTextActive: 'var(--lobe-cyan-text-active)',\n geekblue1: 'var(--lobe-geekblue-1)',\n geekblue2: 'var(--lobe-geekblue-2)',\n geekblue3: 'var(--lobe-geekblue-3)',\n geekblue4: 'var(--lobe-geekblue-4)',\n geekblue5: 'var(--lobe-geekblue-5)',\n geekblue6: 'var(--lobe-geekblue-6)',\n geekblue7: 'var(--lobe-geekblue-7)',\n geekblue8: 'var(--lobe-geekblue-8)',\n geekblue9: 'var(--lobe-geekblue-9)',\n geekblue10: 'var(--lobe-geekblue-10)',\n geekblue11: 'var(--lobe-geekblue-11)',\n geekblue1A: 'var(--lobe-geekblue-1-a)',\n geekblue2A: 'var(--lobe-geekblue-2-a)',\n geekblue3A: 'var(--lobe-geekblue-3-a)',\n geekblue4A: 'var(--lobe-geekblue-4-a)',\n geekblue5A: 'var(--lobe-geekblue-5-a)',\n geekblue6A: 'var(--lobe-geekblue-6-a)',\n geekblue7A: 'var(--lobe-geekblue-7-a)',\n geekblue8A: 'var(--lobe-geekblue-8-a)',\n geekblue9A: 'var(--lobe-geekblue-9-a)',\n geekblue10A: 'var(--lobe-geekblue-10-a)',\n geekblue11A: 'var(--lobe-geekblue-11-a)',\n geekblueFill: 'var(--lobe-geekblue-fill)',\n geekblueFillSecondary: 'var(--lobe-geekblue-fill-secondary)',\n geekblueFillTertiary: 'var(--lobe-geekblue-fill-tertiary)',\n geekblueFillQuaternary: 'var(--lobe-geekblue-fill-quaternary)',\n geekblueBg: 'var(--lobe-geekblue-bg)',\n geekblueBgHover: 'var(--lobe-geekblue-bg-hover)',\n geekblueBorder: 'var(--lobe-geekblue-border)',\n geekblueBorderSecondary: 'var(--lobe-geekblue-border-secondary)',\n geekblueBorderHover: 'var(--lobe-geekblue-border-hover)',\n geekblueHover: 'var(--lobe-geekblue-hover)',\n geekblue: 'var(--lobe-geekblue)',\n geekblueActive: 'var(--lobe-geekblue-active)',\n geekblueTextHover: 'var(--lobe-geekblue-text-hover)',\n geekblueText: 'var(--lobe-geekblue-text)',\n geekblueTextActive: 'var(--lobe-geekblue-text-active)',\n gold1: 'var(--lobe-gold-1)',\n gold2: 'var(--lobe-gold-2)',\n gold3: 'var(--lobe-gold-3)',\n gold4: 'var(--lobe-gold-4)',\n gold5: 'var(--lobe-gold-5)',\n gold6: 'var(--lobe-gold-6)',\n gold7: 'var(--lobe-gold-7)',\n gold8: 'var(--lobe-gold-8)',\n gold9: 'var(--lobe-gold-9)',\n gold10: 'var(--lobe-gold-10)',\n gold11: 'var(--lobe-gold-11)',\n gold1A: 'var(--lobe-gold-1-a)',\n gold2A: 'var(--lobe-gold-2-a)',\n gold3A: 'var(--lobe-gold-3-a)',\n gold4A: 'var(--lobe-gold-4-a)',\n gold5A: 'var(--lobe-gold-5-a)',\n gold6A: 'var(--lobe-gold-6-a)',\n gold7A: 'var(--lobe-gold-7-a)',\n gold8A: 'var(--lobe-gold-8-a)',\n gold9A: 'var(--lobe-gold-9-a)',\n gold10A: 'var(--lobe-gold-10-a)',\n gold11A: 'var(--lobe-gold-11-a)',\n goldFill: 'var(--lobe-gold-fill)',\n goldFillSecondary: 'var(--lobe-gold-fill-secondary)',\n goldFillTertiary: 'var(--lobe-gold-fill-tertiary)',\n goldFillQuaternary: 'var(--lobe-gold-fill-quaternary)',\n goldBg: 'var(--lobe-gold-bg)',\n goldBgHover: 'var(--lobe-gold-bg-hover)',\n goldBorder: 'var(--lobe-gold-border)',\n goldBorderSecondary: 'var(--lobe-gold-border-secondary)',\n goldBorderHover: 'var(--lobe-gold-border-hover)',\n goldHover: 'var(--lobe-gold-hover)',\n gold: 'var(--lobe-gold)',\n goldActive: 'var(--lobe-gold-active)',\n goldTextHover: 'var(--lobe-gold-text-hover)',\n goldText: 'var(--lobe-gold-text)',\n goldTextActive: 'var(--lobe-gold-text-active)',\n gray1: 'var(--lobe-gray-1)',\n gray2: 'var(--lobe-gray-2)',\n gray3: 'var(--lobe-gray-3)',\n gray4: 'var(--lobe-gray-4)',\n gray5: 'var(--lobe-gray-5)',\n gray6: 'var(--lobe-gray-6)',\n gray7: 'var(--lobe-gray-7)',\n gray8: 'var(--lobe-gray-8)',\n gray9: 'var(--lobe-gray-9)',\n gray10: 'var(--lobe-gray-10)',\n gray11: 'var(--lobe-gray-11)',\n gray1A: 'var(--lobe-gray-1-a)',\n gray2A: 'var(--lobe-gray-2-a)',\n gray3A: 'var(--lobe-gray-3-a)',\n gray4A: 'var(--lobe-gray-4-a)',\n gray5A: 'var(--lobe-gray-5-a)',\n gray6A: 'var(--lobe-gray-6-a)',\n gray7A: 'var(--lobe-gray-7-a)',\n gray8A: 'var(--lobe-gray-8-a)',\n gray9A: 'var(--lobe-gray-9-a)',\n gray10A: 'var(--lobe-gray-10-a)',\n gray11A: 'var(--lobe-gray-11-a)',\n grayFill: 'var(--lobe-gray-fill)',\n grayFillSecondary: 'var(--lobe-gray-fill-secondary)',\n grayFillTertiary: 'var(--lobe-gray-fill-tertiary)',\n grayFillQuaternary: 'var(--lobe-gray-fill-quaternary)',\n grayBg: 'var(--lobe-gray-bg)',\n grayBgHover: 'var(--lobe-gray-bg-hover)',\n grayBorder: 'var(--lobe-gray-border)',\n grayBorderSecondary: 'var(--lobe-gray-border-secondary)',\n grayBorderHover: 'var(--lobe-gray-border-hover)',\n grayHover: 'var(--lobe-gray-hover)',\n gray: 'var(--lobe-gray)',\n grayActive: 'var(--lobe-gray-active)',\n grayTextHover: 'var(--lobe-gray-text-hover)',\n grayText: 'var(--lobe-gray-text)',\n grayTextActive: 'var(--lobe-gray-text-active)',\n green1: 'var(--lobe-green-1)',\n green2: 'var(--lobe-green-2)',\n green3: 'var(--lobe-green-3)',\n green4: 'var(--lobe-green-4)',\n green5: 'var(--lobe-green-5)',\n green6: 'var(--lobe-green-6)',\n green7: 'var(--lobe-green-7)',\n green8: 'var(--lobe-green-8)',\n green9: 'var(--lobe-green-9)',\n green10: 'var(--lobe-green-10)',\n green11: 'var(--lobe-green-11)',\n green1A: 'var(--lobe-green-1-a)',\n green2A: 'var(--lobe-green-2-a)',\n green3A: 'var(--lobe-green-3-a)',\n green4A: 'var(--lobe-green-4-a)',\n green5A: 'var(--lobe-green-5-a)',\n green6A: 'var(--lobe-green-6-a)',\n green7A: 'var(--lobe-green-7-a)',\n green8A: 'var(--lobe-green-8-a)',\n green9A: 'var(--lobe-green-9-a)',\n green10A: 'var(--lobe-green-10-a)',\n green11A: 'var(--lobe-green-11-a)',\n greenFill: 'var(--lobe-green-fill)',\n greenFillSecondary: 'var(--lobe-green-fill-secondary)',\n greenFillTertiary: 'var(--lobe-green-fill-tertiary)',\n greenFillQuaternary: 'var(--lobe-green-fill-quaternary)',\n greenBg: 'var(--lobe-green-bg)',\n greenBgHover: 'var(--lobe-green-bg-hover)',\n greenBorder: 'var(--lobe-green-border)',\n greenBorderSecondary: 'var(--lobe-green-border-secondary)',\n greenBorderHover: 'var(--lobe-green-border-hover)',\n greenHover: 'var(--lobe-green-hover)',\n green: 'var(--lobe-green)',\n greenActive: 'var(--lobe-green-active)',\n greenTextHover: 'var(--lobe-green-text-hover)',\n greenText: 'var(--lobe-green-text)',\n greenTextActive: 'var(--lobe-green-text-active)',\n lime1: 'var(--lobe-lime-1)',\n lime2: 'var(--lobe-lime-2)',\n lime3: 'var(--lobe-lime-3)',\n lime4: 'var(--lobe-lime-4)',\n lime5: 'var(--lobe-lime-5)',\n lime6: 'var(--lobe-lime-6)',\n lime7: 'var(--lobe-lime-7)',\n lime8: 'var(--lobe-lime-8)',\n lime9: 'var(--lobe-lime-9)',\n lime10: 'var(--lobe-lime-10)',\n lime11: 'var(--lobe-lime-11)',\n lime1A: 'var(--lobe-lime-1-a)',\n lime2A: 'var(--lobe-lime-2-a)',\n lime3A: 'var(--lobe-lime-3-a)',\n lime4A: 'var(--lobe-lime-4-a)',\n lime5A: 'var(--lobe-lime-5-a)',\n lime6A: 'var(--lobe-lime-6-a)',\n lime7A: 'var(--lobe-lime-7-a)',\n lime8A: 'var(--lobe-lime-8-a)',\n lime9A: 'var(--lobe-lime-9-a)',\n lime10A: 'var(--lobe-lime-10-a)',\n lime11A: 'var(--lobe-lime-11-a)',\n limeFill: 'var(--lobe-lime-fill)',\n limeFillSecondary: 'var(--lobe-lime-fill-secondary)',\n limeFillTertiary: 'var(--lobe-lime-fill-tertiary)',\n limeFillQuaternary: 'var(--lobe-lime-fill-quaternary)',\n limeBg: 'var(--lobe-lime-bg)',\n limeBgHover: 'var(--lobe-lime-bg-hover)',\n limeBorder: 'var(--lobe-lime-border)',\n limeBorderSecondary: 'var(--lobe-lime-border-secondary)',\n limeBorderHover: 'var(--lobe-lime-border-hover)',\n limeHover: 'var(--lobe-lime-hover)',\n lime: 'var(--lobe-lime)',\n limeActive: 'var(--lobe-lime-active)',\n limeTextHover: 'var(--lobe-lime-text-hover)',\n limeText: 'var(--lobe-lime-text)',\n limeTextActive: 'var(--lobe-lime-text-active)',\n magenta1: 'var(--lobe-magenta-1)',\n magenta2: 'var(--lobe-magenta-2)',\n magenta3: 'var(--lobe-magenta-3)',\n magenta4: 'var(--lobe-magenta-4)',\n magenta5: 'var(--lobe-magenta-5)',\n magenta6: 'var(--lobe-magenta-6)',\n magenta7: 'var(--lobe-magenta-7)',\n magenta8: 'var(--lobe-magenta-8)',\n magenta9: 'var(--lobe-magenta-9)',\n magenta10: 'var(--lobe-magenta-10)',\n magenta11: 'var(--lobe-magenta-11)',\n magenta1A: 'var(--lobe-magenta-1-a)',\n magenta2A: 'var(--lobe-magenta-2-a)',\n magenta3A: 'var(--lobe-magenta-3-a)',\n magenta4A: 'var(--lobe-magenta-4-a)',\n magenta5A: 'var(--lobe-magenta-5-a)',\n magenta6A: 'var(--lobe-magenta-6-a)',\n magenta7A: 'var(--lobe-magenta-7-a)',\n magenta8A: 'var(--lobe-magenta-8-a)',\n magenta9A: 'var(--lobe-magenta-9-a)',\n magenta10A: 'var(--lobe-magenta-10-a)',\n magenta11A: 'var(--lobe-magenta-11-a)',\n magentaFill: 'var(--lobe-magenta-fill)',\n magentaFillSecondary: 'var(--lobe-magenta-fill-secondary)',\n magentaFillTertiary: 'var(--lobe-magenta-fill-tertiary)',\n magentaFillQuaternary: 'var(--lobe-magenta-fill-quaternary)',\n magentaBg: 'var(--lobe-magenta-bg)',\n magentaBgHover: 'var(--lobe-magenta-bg-hover)',\n magentaBorder: 'var(--lobe-magenta-border)',\n magentaBorderSecondary: 'var(--lobe-magenta-border-secondary)',\n magentaBorderHover: 'var(--lobe-magenta-border-hover)',\n magentaHover: 'var(--lobe-magenta-hover)',\n magenta: 'var(--lobe-magenta)',\n magentaActive: 'var(--lobe-magenta-active)',\n magentaTextHover: 'var(--lobe-magenta-text-hover)',\n magentaText: 'var(--lobe-magenta-text)',\n magentaTextActive: 'var(--lobe-magenta-text-active)',\n orange1: 'var(--lobe-orange-1)',\n orange2: 'var(--lobe-orange-2)',\n orange3: 'var(--lobe-orange-3)',\n orange4: 'var(--lobe-orange-4)',\n orange5: 'var(--lobe-orange-5)',\n orange6: 'var(--lobe-orange-6)',\n orange7: 'var(--lobe-orange-7)',\n orange8: 'var(--lobe-orange-8)',\n orange9: 'var(--lobe-orange-9)',\n orange10: 'var(--lobe-orange-10)',\n orange11: 'var(--lobe-orange-11)',\n orange1A: 'var(--lobe-orange-1-a)',\n orange2A: 'var(--lobe-orange-2-a)',\n orange3A: 'var(--lobe-orange-3-a)',\n orange4A: 'var(--lobe-orange-4-a)',\n orange5A: 'var(--lobe-orange-5-a)',\n orange6A: 'var(--lobe-orange-6-a)',\n orange7A: 'var(--lobe-orange-7-a)',\n orange8A: 'var(--lobe-orange-8-a)',\n orange9A: 'var(--lobe-orange-9-a)',\n orange10A: 'var(--lobe-orange-10-a)',\n orange11A: 'var(--lobe-orange-11-a)',\n orangeFill: 'var(--lobe-orange-fill)',\n orangeFillSecondary: 'var(--lobe-orange-fill-secondary)',\n orangeFillTertiary: 'var(--lobe-orange-fill-tertiary)',\n orangeFillQuaternary: 'var(--lobe-orange-fill-quaternary)',\n orangeBg: 'var(--lobe-orange-bg)',\n orangeBgHover: 'var(--lobe-orange-bg-hover)',\n orangeBorder: 'var(--lobe-orange-border)',\n orangeBorderSecondary: 'var(--lobe-orange-border-secondary)',\n orangeBorderHover: 'var(--lobe-orange-border-hover)',\n orangeHover: 'var(--lobe-orange-hover)',\n orange: 'var(--lobe-orange)',\n orangeActive: 'var(--lobe-orange-active)',\n orangeTextHover: 'var(--lobe-orange-text-hover)',\n orangeText: 'var(--lobe-orange-text)',\n orangeTextActive: 'var(--lobe-orange-text-active)',\n primary1: 'var(--lobe-primary-1)',\n primary2: 'var(--lobe-primary-2)',\n primary3: 'var(--lobe-primary-3)',\n primary4: 'var(--lobe-primary-4)',\n primary5: 'var(--lobe-primary-5)',\n primary6: 'var(--lobe-primary-6)',\n primary7: 'var(--lobe-primary-7)',\n primary8: 'var(--lobe-primary-8)',\n primary9: 'var(--lobe-primary-9)',\n primary10: 'var(--lobe-primary-10)',\n primary11: 'var(--lobe-primary-11)',\n primary1A: 'var(--lobe-primary-1-a)',\n primary2A: 'var(--lobe-primary-2-a)',\n primary3A: 'var(--lobe-primary-3-a)',\n primary4A: 'var(--lobe-primary-4-a)',\n primary5A: 'var(--lobe-primary-5-a)',\n primary6A: 'var(--lobe-primary-6-a)',\n primary7A: 'var(--lobe-primary-7-a)',\n primary8A: 'var(--lobe-primary-8-a)',\n primary9A: 'var(--lobe-primary-9-a)',\n primary10A: 'var(--lobe-primary-10-a)',\n primary11A: 'var(--lobe-primary-11-a)',\n primaryFill: 'var(--lobe-primary-fill)',\n primaryFillSecondary: 'var(--lobe-primary-fill-secondary)',\n primaryFillTertiary: 'var(--lobe-primary-fill-tertiary)',\n primaryFillQuaternary: 'var(--lobe-primary-fill-quaternary)',\n primaryBg: 'var(--lobe-primary-bg)',\n primaryBgHover: 'var(--lobe-primary-bg-hover)',\n primaryBorder: 'var(--lobe-primary-border)',\n primaryBorderSecondary: 'var(--lobe-primary-border-secondary)',\n primaryBorderHover: 'var(--lobe-primary-border-hover)',\n primaryHover: 'var(--lobe-primary-hover)',\n primary: 'var(--lobe-primary)',\n primaryActive: 'var(--lobe-primary-active)',\n primaryTextHover: 'var(--lobe-primary-text-hover)',\n primaryText: 'var(--lobe-primary-text)',\n primaryTextActive: 'var(--lobe-primary-text-active)',\n purple1: 'var(--lobe-purple-1)',\n purple2: 'var(--lobe-purple-2)',\n purple3: 'var(--lobe-purple-3)',\n purple4: 'var(--lobe-purple-4)',\n purple5: 'var(--lobe-purple-5)',\n purple6: 'var(--lobe-purple-6)',\n purple7: 'var(--lobe-purple-7)',\n purple8: 'var(--lobe-purple-8)',\n purple9: 'var(--lobe-purple-9)',\n purple10: 'var(--lobe-purple-10)',\n purple11: 'var(--lobe-purple-11)',\n purple1A: 'var(--lobe-purple-1-a)',\n purple2A: 'var(--lobe-purple-2-a)',\n purple3A: 'var(--lobe-purple-3-a)',\n purple4A: 'var(--lobe-purple-4-a)',\n purple5A: 'var(--lobe-purple-5-a)',\n purple6A: 'var(--lobe-purple-6-a)',\n purple7A: 'var(--lobe-purple-7-a)',\n purple8A: 'var(--lobe-purple-8-a)',\n purple9A: 'var(--lobe-purple-9-a)',\n purple10A: 'var(--lobe-purple-10-a)',\n purple11A: 'var(--lobe-purple-11-a)',\n purpleFill: 'var(--lobe-purple-fill)',\n purpleFillSecondary: 'var(--lobe-purple-fill-secondary)',\n purpleFillTertiary: 'var(--lobe-purple-fill-tertiary)',\n purpleFillQuaternary: 'var(--lobe-purple-fill-quaternary)',\n purpleBg: 'var(--lobe-purple-bg)',\n purpleBgHover: 'var(--lobe-purple-bg-hover)',\n purpleBorder: 'var(--lobe-purple-border)',\n purpleBorderSecondary: 'var(--lobe-purple-border-secondary)',\n purpleBorderHover: 'var(--lobe-purple-border-hover)',\n purpleHover: 'var(--lobe-purple-hover)',\n purple: 'var(--lobe-purple)',\n purpleActive: 'var(--lobe-purple-active)',\n purpleTextHover: 'var(--lobe-purple-text-hover)',\n purpleText: 'var(--lobe-purple-text)',\n purpleTextActive: 'var(--lobe-purple-text-active)',\n red1: 'var(--lobe-red-1)',\n red2: 'var(--lobe-red-2)',\n red3: 'var(--lobe-red-3)',\n red4: 'var(--lobe-red-4)',\n red5: 'var(--lobe-red-5)',\n red6: 'var(--lobe-red-6)',\n red7: 'var(--lobe-red-7)',\n red8: 'var(--lobe-red-8)',\n red9: 'var(--lobe-red-9)',\n red10: 'var(--lobe-red-10)',\n red11: 'var(--lobe-red-11)',\n red1A: 'var(--lobe-red-1-a)',\n red2A: 'var(--lobe-red-2-a)',\n red3A: 'var(--lobe-red-3-a)',\n red4A: 'var(--lobe-red-4-a)',\n red5A: 'var(--lobe-red-5-a)',\n red6A: 'var(--lobe-red-6-a)',\n red7A: 'var(--lobe-red-7-a)',\n red8A: 'var(--lobe-red-8-a)',\n red9A: 'var(--lobe-red-9-a)',\n red10A: 'var(--lobe-red-10-a)',\n red11A: 'var(--lobe-red-11-a)',\n redFill: 'var(--lobe-red-fill)',\n redFillSecondary: 'var(--lobe-red-fill-secondary)',\n redFillTertiary: 'var(--lobe-red-fill-tertiary)',\n redFillQuaternary: 'var(--lobe-red-fill-quaternary)',\n redBg: 'var(--lobe-red-bg)',\n redBgHover: 'var(--lobe-red-bg-hover)',\n redBorder: 'var(--lobe-red-border)',\n redBorderSecondary: 'var(--lobe-red-border-secondary)',\n redBorderHover: 'var(--lobe-red-border-hover)',\n redHover: 'var(--lobe-red-hover)',\n red: 'var(--lobe-red)',\n redActive: 'var(--lobe-red-active)',\n redTextHover: 'var(--lobe-red-text-hover)',\n redText: 'var(--lobe-red-text)',\n redTextActive: 'var(--lobe-red-text-active)',\n volcano1: 'var(--lobe-volcano-1)',\n volcano2: 'var(--lobe-volcano-2)',\n volcano3: 'var(--lobe-volcano-3)',\n volcano4: 'var(--lobe-volcano-4)',\n volcano5: 'var(--lobe-volcano-5)',\n volcano6: 'var(--lobe-volcano-6)',\n volcano7: 'var(--lobe-volcano-7)',\n volcano8: 'var(--lobe-volcano-8)',\n volcano9: 'var(--lobe-volcano-9)',\n volcano10: 'var(--lobe-volcano-10)',\n volcano11: 'var(--lobe-volcano-11)',\n volcano1A: 'var(--lobe-volcano-1-a)',\n volcano2A: 'var(--lobe-volcano-2-a)',\n volcano3A: 'var(--lobe-volcano-3-a)',\n volcano4A: 'var(--lobe-volcano-4-a)',\n volcano5A: 'var(--lobe-volcano-5-a)',\n volcano6A: 'var(--lobe-volcano-6-a)',\n volcano7A: 'var(--lobe-volcano-7-a)',\n volcano8A: 'var(--lobe-volcano-8-a)',\n volcano9A: 'var(--lobe-volcano-9-a)',\n volcano10A: 'var(--lobe-volcano-10-a)',\n volcano11A: 'var(--lobe-volcano-11-a)',\n volcanoFill: 'var(--lobe-volcano-fill)',\n volcanoFillSecondary: 'var(--lobe-volcano-fill-secondary)',\n volcanoFillTertiary: 'var(--lobe-volcano-fill-tertiary)',\n volcanoFillQuaternary: 'var(--lobe-volcano-fill-quaternary)',\n volcanoBg: 'var(--lobe-volcano-bg)',\n volcanoBgHover: 'var(--lobe-volcano-bg-hover)',\n volcanoBorder: 'var(--lobe-volcano-border)',\n volcanoBorderSecondary: 'var(--lobe-volcano-border-secondary)',\n volcanoBorderHover: 'var(--lobe-volcano-border-hover)',\n volcanoHover: 'var(--lobe-volcano-hover)',\n volcano: 'var(--lobe-volcano)',\n volcanoActive: 'var(--lobe-volcano-active)',\n volcanoTextHover: 'var(--lobe-volcano-text-hover)',\n volcanoText: 'var(--lobe-volcano-text)',\n volcanoTextActive: 'var(--lobe-volcano-text-active)',\n yellow1: 'var(--lobe-yellow-1)',\n yellow2: 'var(--lobe-yellow-2)',\n yellow3: 'var(--lobe-yellow-3)',\n yellow4: 'var(--lobe-yellow-4)',\n yellow5: 'var(--lobe-yellow-5)',\n yellow6: 'var(--lobe-yellow-6)',\n yellow7: 'var(--lobe-yellow-7)',\n yellow8: 'var(--lobe-yellow-8)',\n yellow9: 'var(--lobe-yellow-9)',\n yellow10: 'var(--lobe-yellow-10)',\n yellow11: 'var(--lobe-yellow-11)',\n yellow1A: 'var(--lobe-yellow-1-a)',\n yellow2A: 'var(--lobe-yellow-2-a)',\n yellow3A: 'var(--lobe-yellow-3-a)',\n yellow4A: 'var(--lobe-yellow-4-a)',\n yellow5A: 'var(--lobe-yellow-5-a)',\n yellow6A: 'var(--lobe-yellow-6-a)',\n yellow7A: 'var(--lobe-yellow-7-a)',\n yellow8A: 'var(--lobe-yellow-8-a)',\n yellow9A: 'var(--lobe-yellow-9-a)',\n yellow10A: 'var(--lobe-yellow-10-a)',\n yellow11A: 'var(--lobe-yellow-11-a)',\n yellowFill: 'var(--lobe-yellow-fill)',\n yellowFillSecondary: 'var(--lobe-yellow-fill-secondary)',\n yellowFillTertiary: 'var(--lobe-yellow-fill-tertiary)',\n yellowFillQuaternary: 'var(--lobe-yellow-fill-quaternary)',\n yellowBg: 'var(--lobe-yellow-bg)',\n yellowBgHover: 'var(--lobe-yellow-bg-hover)',\n yellowBorder: 'var(--lobe-yellow-border)',\n yellowBorderSecondary: 'var(--lobe-yellow-border-secondary)',\n yellowBorderHover: 'var(--lobe-yellow-border-hover)',\n yellowHover: 'var(--lobe-yellow-hover)',\n yellow: 'var(--lobe-yellow)',\n yellowActive: 'var(--lobe-yellow-active)',\n yellowTextHover: 'var(--lobe-yellow-text-hover)',\n yellowText: 'var(--lobe-yellow-text)',\n yellowTextActive: 'var(--lobe-yellow-text-active)',\n boxShadow: 'var(--lobe-box-shadow)',\n boxShadowSecondary: 'var(--lobe-box-shadow-secondary)',\n boxShadowTertiary: 'var(--lobe-box-shadow-tertiary)',\n colorErrorAffix: 'var(--lobe-color-error-affix)',\n colorHighlight: 'var(--lobe-color-highlight)',\n colorLink: 'var(--lobe-color-link)',\n colorLinkActive: 'var(--lobe-color-link-active)',\n colorLinkHover: 'var(--lobe-color-link-hover)',\n colorWarningAffix: 'var(--lobe-color-warning-affix)',\n colorPrimaryFill: 'var(--lobe-color-primary-fill)',\n colorPrimaryFillSecondary: 'var(--lobe-color-primary-fill-secondary)',\n colorPrimaryFillTertiary: 'var(--lobe-color-primary-fill-tertiary)',\n colorPrimaryFillQuaternary: 'var(--lobe-color-primary-fill-quaternary)',\n colorPrimaryBg: 'var(--lobe-color-primary-bg)',\n colorPrimaryBgHover: 'var(--lobe-color-primary-bg-hover)',\n colorPrimaryBorder: 'var(--lobe-color-primary-border)',\n colorPrimaryBorderHover: 'var(--lobe-color-primary-border-hover)',\n colorPrimaryHover: 'var(--lobe-color-primary-hover)',\n colorPrimary: 'var(--lobe-color-primary)',\n colorPrimaryActive: 'var(--lobe-color-primary-active)',\n colorPrimaryTextHover: 'var(--lobe-color-primary-text-hover)',\n colorPrimaryText: 'var(--lobe-color-primary-text)',\n colorPrimaryTextActive: 'var(--lobe-color-primary-text-active)',\n controlItemBgActive: 'var(--lobe-control-item-bg-active)',\n controlItemBgActiveHover: 'var(--lobe-control-item-bg-active-hover)',\n colorBgContainer: 'var(--lobe-color-bg-container)',\n colorBgElevated: 'var(--lobe-color-bg-elevated)',\n colorBgLayout: 'var(--lobe-color-bg-layout)',\n colorBgMask: 'var(--lobe-color-bg-mask)',\n colorBgSpotlight: 'var(--lobe-color-bg-spotlight)',\n colorBorder: 'var(--lobe-color-border)',\n colorBorderSecondary: 'var(--lobe-color-border-secondary)',\n colorFill: 'var(--lobe-color-fill)',\n colorFillQuaternary: 'var(--lobe-color-fill-quaternary)',\n colorFillSecondary: 'var(--lobe-color-fill-secondary)',\n colorFillTertiary: 'var(--lobe-color-fill-tertiary)',\n colorText: 'var(--lobe-color-text)',\n colorTextQuaternary: 'var(--lobe-color-text-quaternary)',\n colorTextSecondary: 'var(--lobe-color-text-secondary)',\n colorTextTertiary: 'var(--lobe-color-text-tertiary)',\n colorBgContainerDisabled: 'var(--lobe-color-bg-container-disabled)',\n colorBgContainerSecondary: 'var(--lobe-color-bg-container-secondary)',\n colorBgTextActive: 'var(--lobe-color-bg-text-active)',\n colorBgTextHover: 'var(--lobe-color-bg-text-hover)',\n colorBorderBg: 'var(--lobe-color-border-bg)',\n colorErrorOutline: 'var(--lobe-color-error-outline)',\n colorFillAlter: 'var(--lobe-color-fill-alter)',\n colorFillContent: 'var(--lobe-color-fill-content)',\n colorFillContentHover: 'var(--lobe-color-fill-content-hover)',\n colorIcon: 'var(--lobe-color-icon)',\n colorIconHover: 'var(--lobe-color-icon-hover)',\n colorSplit: 'var(--lobe-color-split)',\n colorTextDescription: 'var(--lobe-color-text-description)',\n colorTextDisabled: 'var(--lobe-color-text-disabled)',\n colorTextHeading: 'var(--lobe-color-text-heading)',\n colorTextLabel: 'var(--lobe-color-text-label)',\n colorTextPlaceholder: 'var(--lobe-color-text-placeholder)',\n colorWarningOutline: 'var(--lobe-color-warning-outline)',\n controlItemBgActiveDisabled: 'var(--lobe-control-item-bg-active-disabled)',\n controlItemBgHover: 'var(--lobe-control-item-bg-hover)',\n controlTmpOutline: 'var(--lobe-control-tmp-outline)',\n});\n"],"mappings":"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"}
@@ -4,9 +4,10 @@ import { LobePrimaryColor } from "./customPrimary.mjs";
4
4
  export interface CreateLobeTokenParams {
5
5
  appearance: 'light' | 'dark';
6
6
  neutralColor?: NeutralColors;
7
+ palette?: string;
7
8
  primaryColor?: LobePrimaryColor;
8
9
  }
9
- export declare const createLobeTokenGroups: ({ appearance, neutralColor, primaryColor }: CreateLobeTokenParams) => {
10
+ export declare const createLobeTokenGroups: ({ appearance, neutralColor, palette: paletteName, primaryColor }: CreateLobeTokenParams) => {
10
11
  neutral: {
11
12
  colorBgContainerDisabled: string;
12
13
  colorBgContainerSecondary: string;
@@ -29,6 +30,10 @@ export declare const createLobeTokenGroups: ({ appearance, neutralColor, primary
29
30
  controlItemBgActiveDisabled: string;
30
31
  controlItemBgHover: string;
31
32
  controlTmpOutline: string;
33
+ colorText: string;
34
+ colorTextQuaternary: string;
35
+ colorTextSecondary: string;
36
+ colorTextTertiary: string;
32
37
  colorBgContainer: string;
33
38
  colorBgElevated: string;
34
39
  colorBgLayout: string;
@@ -40,10 +45,6 @@ export declare const createLobeTokenGroups: ({ appearance, neutralColor, primary
40
45
  colorFillQuaternary: string;
41
46
  colorFillSecondary: string;
42
47
  colorFillTertiary: string;
43
- colorText: string;
44
- colorTextQuaternary: string;
45
- colorTextSecondary: string;
46
- colorTextTertiary: string;
47
48
  };
48
49
  palette: {
49
50
  colorErrorAffix: string;
@@ -1291,6 +1292,9 @@ export declare const createLobeTokenGroups: ({ appearance, neutralColor, primary
1291
1292
  motionEaseOutBack: string;
1292
1293
  motionEaseOutCirc: string;
1293
1294
  motionEaseOutQuint: string;
1295
+ motionSpringBouncy: string;
1296
+ motionSpringSmooth: string;
1297
+ motionSpringSnappy: string;
1294
1298
  motionUnit: number;
1295
1299
  opacityImage: number;
1296
1300
  opacityLoading: number;
@@ -1,10 +1,11 @@
1
+ import { resolveStatusScales } from "./customPalette.mjs";
1
2
  import { createNeutralToken } from "./token/neutral.mjs";
2
3
  import { createPaletteToken } from "./token/palette.mjs";
3
4
  import { createPrimaryToken } from "./token/primary.mjs";
4
5
  import { staticToken } from "./token/static.mjs";
5
6
  //#region src/styles/theme/createLobeToken.ts
6
- const createLobeTokenGroups = ({ appearance, neutralColor, primaryColor }) => {
7
- const palette = createPaletteToken(appearance);
7
+ const createLobeTokenGroups = ({ appearance, neutralColor, palette: paletteName, primaryColor }) => {
8
+ const palette = createPaletteToken(appearance, resolveStatusScales(paletteName));
8
9
  return {
9
10
  neutral: createNeutralToken(appearance, neutralColor, palette),
10
11
  palette,
@@ -1 +1 @@
1
- {"version":3,"file":"createLobeToken.mjs","names":[],"sources":["../../../src/styles/theme/createLobeToken.ts"],"sourcesContent":["import type { NeutralColors } from '../customTheme';\nimport type { LobePrimaryColor } from './customPrimary';\nimport { createNeutralToken } from './token/neutral';\nimport { createPaletteToken } from './token/palette';\nimport { createPrimaryToken } from './token/primary';\nimport { staticToken } from './token/static';\n\nexport interface CreateLobeTokenParams {\n appearance: 'light' | 'dark';\n neutralColor?: NeutralColors;\n primaryColor?: LobePrimaryColor;\n}\n\nexport const createLobeTokenGroups = ({\n appearance,\n neutralColor,\n primaryColor,\n}: CreateLobeTokenParams) => {\n const palette = createPaletteToken(appearance);\n\n return {\n neutral: createNeutralToken(appearance, neutralColor, palette),\n palette,\n primary: createPrimaryToken(appearance, primaryColor),\n static: staticToken,\n };\n};\n\nexport type LobeTokenGroups = ReturnType<typeof createLobeTokenGroups>;\n\nexport type LobeToken = LobeTokenGroups['static'] &\n LobeTokenGroups['palette'] &\n LobeTokenGroups['primary'] &\n LobeTokenGroups['neutral'];\n\nexport const createLobeToken = (params: CreateLobeTokenParams): LobeToken => {\n const groups = createLobeTokenGroups(params);\n\n return { ...groups.static, ...groups.palette, ...groups.primary, ...groups.neutral };\n};\n"],"mappings":";;;;;AAaA,MAAa,yBAAyB,EACpC,YACA,cACA,mBAC2B;CAC3B,MAAM,UAAU,mBAAmB,UAAU;CAE7C,OAAO;EACL,SAAS,mBAAmB,YAAY,cAAc,OAAO;EAC7D;EACA,SAAS,mBAAmB,YAAY,YAAY;EACpD,QAAQ;CACV;AACF;AASA,MAAa,mBAAmB,WAA6C;CAC3E,MAAM,SAAS,sBAAsB,MAAM;CAE3C,OAAO;EAAE,GAAG,OAAO;EAAQ,GAAG,OAAO;EAAS,GAAG,OAAO;EAAS,GAAG,OAAO;CAAQ;AACrF"}
1
+ {"version":3,"file":"createLobeToken.mjs","names":[],"sources":["../../../src/styles/theme/createLobeToken.ts"],"sourcesContent":["import type { NeutralColors } from '../customTheme';\nimport { resolveStatusScales } from './customPalette';\nimport type { LobePrimaryColor } from './customPrimary';\nimport { createNeutralToken } from './token/neutral';\nimport { createPaletteToken } from './token/palette';\nimport { createPrimaryToken } from './token/primary';\nimport { staticToken } from './token/static';\n\nexport interface CreateLobeTokenParams {\n appearance: 'light' | 'dark';\n neutralColor?: NeutralColors;\n palette?: string;\n primaryColor?: LobePrimaryColor;\n}\n\nexport const createLobeTokenGroups = ({\n appearance,\n neutralColor,\n palette: paletteName,\n primaryColor,\n}: CreateLobeTokenParams) => {\n const palette = createPaletteToken(appearance, resolveStatusScales(paletteName));\n\n return {\n neutral: createNeutralToken(appearance, neutralColor, palette),\n palette,\n primary: createPrimaryToken(appearance, primaryColor),\n static: staticToken,\n };\n};\n\nexport type LobeTokenGroups = ReturnType<typeof createLobeTokenGroups>;\n\nexport type LobeToken = LobeTokenGroups['static'] &\n LobeTokenGroups['palette'] &\n LobeTokenGroups['primary'] &\n LobeTokenGroups['neutral'];\n\nexport const createLobeToken = (params: CreateLobeTokenParams): LobeToken => {\n const groups = createLobeTokenGroups(params);\n\n return { ...groups.static, ...groups.palette, ...groups.primary, ...groups.neutral };\n};\n"],"mappings":";;;;;;AAeA,MAAa,yBAAyB,EACpC,YACA,cACA,SAAS,aACT,mBAC2B;CAC3B,MAAM,UAAU,mBAAmB,YAAY,oBAAoB,WAAW,CAAC;CAE/E,OAAO;EACL,SAAS,mBAAmB,YAAY,cAAc,OAAO;EAC7D;EACA,SAAS,mBAAmB,YAAY,YAAY;EACpD,QAAQ;CACV;AACF;AASA,MAAa,mBAAmB,WAA6C;CAC3E,MAAM,SAAS,sBAAsB,MAAM;CAE3C,OAAO;EAAE,GAAG,OAAO;EAAQ,GAAG,OAAO;EAAS,GAAG,OAAO;EAAS,GAAG,OAAO;CAAQ;AACrF"}
@@ -0,0 +1,6 @@
1
+ import { StatusColorScales } from "../../color/status/index.mjs";
2
+ //#region src/styles/theme/customPalette.d.ts
3
+ export type LobeStatusPalette = Partial<StatusColorScales>;
4
+ export declare const registerLobePalette: (name: string, palette: LobeStatusPalette) => void;
5
+ //#endregion
6
+ //# sourceMappingURL=customPalette.d.mts.map
@@ -0,0 +1,28 @@
1
+ import { statusColorScales } from "../../color/status/index.mjs";
2
+ //#region src/styles/theme/customPalette.ts
3
+ const NAME = /^[\w-]+$/;
4
+ const registry = /* @__PURE__ */ new Map();
5
+ const listeners = /* @__PURE__ */ new Set();
6
+ let revision = 0;
7
+ const registerLobePalette = (name, palette) => {
8
+ if (!NAME.test(name)) throw new Error(`Invalid palette name "${name}": use letters, digits, _ or -`);
9
+ registry.set(name, palette);
10
+ revision++;
11
+ for (const listener of listeners) listener();
12
+ };
13
+ const getPaletteRevision = () => revision;
14
+ const subscribePalettes = (listener) => {
15
+ listeners.add(listener);
16
+ return () => {
17
+ listeners.delete(listener);
18
+ };
19
+ };
20
+ const isRegisteredPalette = (name) => !!name && registry.has(name);
21
+ const resolveStatusScales = (name) => isRegisteredPalette(name) ? {
22
+ ...statusColorScales,
23
+ ...registry.get(name)
24
+ } : statusColorScales;
25
+ //#endregion
26
+ export { getPaletteRevision, isRegisteredPalette, registerLobePalette, resolveStatusScales, subscribePalettes };
27
+
28
+ //# sourceMappingURL=customPalette.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"customPalette.mjs","names":[],"sources":["../../../src/styles/theme/customPalette.ts"],"sourcesContent":["import { type StatusColorScales, statusColorScales } from '@/color/status';\n\nexport type LobeStatusPalette = Partial<StatusColorScales>;\n\nconst NAME = /^[\\w-]+$/;\n\nconst registry = new Map<string, LobeStatusPalette>();\nconst listeners = new Set<() => void>();\nlet revision = 0;\n\nexport const registerLobePalette = (name: string, palette: LobeStatusPalette) => {\n if (!NAME.test(name))\n throw new Error(`Invalid palette name \"${name}\": use letters, digits, _ or -`);\n registry.set(name, palette);\n revision++;\n for (const listener of listeners) listener();\n};\n\nexport const getPaletteRevision = () => revision;\n\nexport const subscribePalettes = (listener: () => void) => {\n listeners.add(listener);\n return () => {\n listeners.delete(listener);\n };\n};\n\nexport const isRegisteredPalette = (name?: string): name is string => !!name && registry.has(name);\n\nexport const resolveStatusScales = (name?: string): StatusColorScales =>\n isRegisteredPalette(name) ? { ...statusColorScales, ...registry.get(name) } : statusColorScales;\n"],"mappings":";;AAIA,MAAM,OAAO;AAEb,MAAM,2BAAW,IAAI,IAA+B;AACpD,MAAM,4BAAY,IAAI,IAAgB;AACtC,IAAI,WAAW;AAEf,MAAa,uBAAuB,MAAc,YAA+B;CAC/E,IAAI,CAAC,KAAK,KAAK,IAAI,GACjB,MAAM,IAAI,MAAM,yBAAyB,KAAK,+BAA+B;CAC/E,SAAS,IAAI,MAAM,OAAO;CAC1B;CACA,KAAK,MAAM,YAAY,WAAW,SAAS;AAC7C;AAEA,MAAa,2BAA2B;AAExC,MAAa,qBAAqB,aAAyB;CACzD,UAAU,IAAI,QAAQ;CACtB,aAAa;EACX,UAAU,OAAO,QAAQ;CAC3B;AACF;AAEA,MAAa,uBAAuB,SAAkC,CAAC,CAAC,QAAQ,SAAS,IAAI,IAAI;AAEjG,MAAa,uBAAuB,SAClC,oBAAoB,IAAI,IAAI;CAAE,GAAG;CAAmB,GAAG,SAAS,IAAI,IAAI;AAAE,IAAI"}
@@ -1,3 +1,4 @@
1
+ import gray from "../../color/colors/gray.mjs";
1
2
  import { colorScales } from "../../color/colors/index.mjs";
2
3
  import { primaryColors } from "../customTheme.mjs";
3
4
  import chroma from "chroma-js";
@@ -5,12 +6,26 @@ import chroma from "chroma-js";
5
6
  const HEX = /^#[\da-f]{6}$/i;
6
7
  const isCustomPrimaryColor = (value) => !!value && HEX.test(value);
7
8
  const ANCHOR = 9;
8
- const ANCHORED_STEPS = /* @__PURE__ */ new Set([
9
- 7,
10
- 8,
11
- 10
12
- ]);
9
+ const SHIFT_WEIGHT = [
10
+ 0,
11
+ 0,
12
+ 0,
13
+ 0,
14
+ 0,
15
+ .25,
16
+ .5,
17
+ .75,
18
+ 1,
19
+ 1,
20
+ 1,
21
+ .5,
22
+ 0
23
+ ];
24
+ const MIN_STEP_GAP = .015;
25
+ const LIGHTNESS_WEIGHT = 100;
13
26
  const MAX_CHROMA_RATIO = 2;
27
+ const DARK_SURFACE = gray.dark[1];
28
+ const MIN_DARK_CONTRAST = 4.5;
14
29
  const oklch = (color) => {
15
30
  const [l, c, h] = chroma(color).oklch();
16
31
  return {
@@ -23,17 +38,35 @@ const hueDistance = (a, b) => {
23
38
  const d = Math.abs(a - b) % 360;
24
39
  return d > 180 ? 360 - d : d;
25
40
  };
26
- const nearestPreset = (hue) => Object.keys(primaryColors).reduce((best, name) => hueDistance(oklch(primaryColors[name]).h, hue) < hueDistance(oklch(primaryColors[best]).h, hue) ? name : best);
41
+ const presetDistance = (name, target) => {
42
+ const preset = oklch(primaryColors[name]);
43
+ return hueDistance(preset.h, target.h) + LIGHTNESS_WEIGHT * Math.abs(preset.l - target.l);
44
+ };
45
+ const nearestPreset = (target) => Object.keys(primaryColors).reduce((best, name) => presetDistance(name, target) < presetDistance(best, target) ? name : best);
27
46
  const clamp = (value) => Math.min(1, Math.max(0, value));
28
- const retintSolid = (steps, target, hex) => {
47
+ const readableOnDark = (hex) => {
48
+ const { c, h, l } = oklch(hex);
49
+ let lightness = l;
50
+ let color = hex;
51
+ while (chroma.contrast(color, DARK_SURFACE) < MIN_DARK_CONTRAST && lightness < 1) {
52
+ lightness = Math.min(1, lightness + .005);
53
+ color = chroma.oklch(lightness, c, h).hex();
54
+ }
55
+ return color;
56
+ };
57
+ const orderLightness = (lightness, direction) => {
58
+ const ordered = [...lightness];
59
+ for (let i = 10; i < ordered.length; i++) ordered[i] = direction > 0 ? Math.max(ordered[i], ordered[i - 1] + MIN_STEP_GAP) : Math.min(ordered[i], ordered[i - 1] - MIN_STEP_GAP);
60
+ for (let i = 8; i >= 0; i--) ordered[i] = direction > 0 ? Math.min(ordered[i], ordered[i + 1] - MIN_STEP_GAP) : Math.max(ordered[i], ordered[i + 1] + MIN_STEP_GAP);
61
+ return ordered.map(clamp);
62
+ };
63
+ const retintSolid = (steps, target, hex, direction) => {
29
64
  const anchor = oklch(steps[ANCHOR]);
30
65
  const ratio = anchor.c > 0 ? Math.min(target.c / anchor.c, MAX_CHROMA_RATIO) : 0;
31
- return steps.map((step, i) => {
32
- if (i === ANCHOR) return hex;
33
- const { c, l } = oklch(step);
34
- const lightness = ANCHORED_STEPS.has(i) ? clamp(target.l + l - anchor.l) : l;
35
- return chroma.oklch(lightness, c * ratio, target.h).hex();
36
- });
66
+ const shift = target.l - anchor.l;
67
+ const source = steps.map(oklch);
68
+ const lightness = orderLightness(source.map(({ l }, i) => i === ANCHOR ? target.l : l + SHIFT_WEIGHT[i] * shift), direction);
69
+ return source.map(({ c }, i) => i === ANCHOR ? hex : chroma.oklch(lightness[i], c * ratio, target.h).hex());
37
70
  };
38
71
  const retintAlpha = (steps, solid, target) => {
39
72
  const anchor = oklch(solid[ANCHOR]);
@@ -50,11 +83,13 @@ const generatePrimaryScale = (color) => {
50
83
  const cached = cache.get(hex);
51
84
  if (cached) return cached;
52
85
  const target = oklch(hex);
53
- const preset = colorScales[nearestPreset(target.h)];
86
+ const preset = colorScales[nearestPreset(target)];
87
+ const darkHex = readableOnDark(hex);
88
+ const darkTarget = oklch(darkHex);
54
89
  const scale = {
55
- dark: retintSolid(preset.dark, target, hex),
56
- darkA: retintAlpha(preset.darkA, preset.dark, target),
57
- light: retintSolid(preset.light, target, hex),
90
+ dark: retintSolid(preset.dark, darkTarget, darkHex, 1),
91
+ darkA: retintAlpha(preset.darkA, preset.dark, darkTarget),
92
+ light: retintSolid(preset.light, target, hex, -1),
58
93
  lightA: retintAlpha(preset.lightA, preset.light, target)
59
94
  };
60
95
  cache.set(hex, scale);
@@ -1 +1 @@
1
- {"version":3,"file":"customPrimary.mjs","names":[],"sources":["../../../src/styles/theme/customPrimary.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { colorScales } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { type PrimaryColors, primaryColors } from '../customTheme';\n\nexport type CustomPrimaryColor = `#${string}`;\nexport type LobePrimaryColor = PrimaryColors | CustomPrimaryColor;\n\nconst HEX = /^#[\\da-f]{6}$/i;\n\nexport const isCustomPrimaryColor = (value?: string): value is CustomPrimaryColor =>\n !!value && HEX.test(value);\n\nconst ANCHOR = 9;\nconst ANCHORED_STEPS = new Set([7, 8, 10]);\nconst MAX_CHROMA_RATIO = 2;\n\nconst oklch = (color: string) => {\n const [l, c, h] = chroma(color).oklch();\n return { c, h: Number.isNaN(h) ? 0 : h, l };\n};\n\nconst hueDistance = (a: number, b: number) => {\n const d = Math.abs(a - b) % 360;\n return d > 180 ? 360 - d : d;\n};\n\nconst nearestPreset = (hue: number) =>\n (Object.keys(primaryColors) as PrimaryColors[]).reduce((best, name) =>\n hueDistance(oklch(primaryColors[name]).h, hue) < hueDistance(oklch(primaryColors[best]).h, hue)\n ? name\n : best,\n );\n\nconst clamp = (value: number) => Math.min(1, Math.max(0, value));\n\ntype Steps = ColorScaleItem['light'];\n\nconst retintSolid = (steps: Steps, target: ReturnType<typeof oklch>, hex: string): Steps => {\n const anchor = oklch(steps[ANCHOR]);\n const ratio = anchor.c > 0 ? Math.min(target.c / anchor.c, MAX_CHROMA_RATIO) : 0;\n\n return steps.map((step, i) => {\n if (i === ANCHOR) return hex;\n const { c, l } = oklch(step);\n const lightness = ANCHORED_STEPS.has(i) ? clamp(target.l + l - anchor.l) : l;\n return chroma.oklch(lightness, c * ratio, target.h).hex();\n }) as Steps;\n};\n\nconst retintAlpha = (steps: Steps, solid: Steps, target: ReturnType<typeof oklch>): Steps => {\n const anchor = oklch(solid[ANCHOR]);\n const ratio = anchor.c > 0 ? Math.min(target.c / anchor.c, MAX_CHROMA_RATIO) : 0;\n\n return steps.map((step) => {\n const color = chroma(step);\n const { c, l } = oklch(step);\n return chroma\n .oklch(l, c * ratio, target.h)\n .alpha(color.alpha())\n .css();\n }) as Steps;\n};\n\nconst cache = new Map<string, ColorScaleItem>();\n\nexport const generatePrimaryScale = (color: CustomPrimaryColor): ColorScaleItem => {\n const hex = color.toLowerCase();\n const cached = cache.get(hex);\n if (cached) return cached;\n\n const target = oklch(hex);\n const preset = colorScales[nearestPreset(target.h)];\n const scale: ColorScaleItem = {\n dark: retintSolid(preset.dark, target, hex),\n darkA: retintAlpha(preset.darkA, preset.dark, target),\n light: retintSolid(preset.light, target, hex),\n lightA: retintAlpha(preset.lightA, preset.light, target),\n };\n\n cache.set(hex, scale);\n return scale;\n};\n"],"mappings":";;;;AAUA,MAAM,MAAM;AAEZ,MAAa,wBAAwB,UACnC,CAAC,CAAC,SAAS,IAAI,KAAK,KAAK;AAE3B,MAAM,SAAS;AACf,MAAM,iCAAiB,IAAI,IAAI;CAAC;CAAG;CAAG;AAAE,CAAC;AACzC,MAAM,mBAAmB;AAEzB,MAAM,SAAS,UAAkB;CAC/B,MAAM,CAAC,GAAG,GAAG,KAAK,OAAO,KAAK,CAAC,CAAC,MAAM;CACtC,OAAO;EAAE;EAAG,GAAG,OAAO,MAAM,CAAC,IAAI,IAAI;EAAG;CAAE;AAC5C;AAEA,MAAM,eAAe,GAAW,MAAc;CAC5C,MAAM,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI;CAC5B,OAAO,IAAI,MAAM,MAAM,IAAI;AAC7B;AAEA,MAAM,iBAAiB,QACpB,OAAO,KAAK,aAAa,CAAC,CAAqB,QAAQ,MAAM,SAC5D,YAAY,MAAM,cAAc,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,YAAY,MAAM,cAAc,KAAK,CAAC,CAAC,GAAG,GAAG,IAC1F,OACA,IACN;AAEF,MAAM,SAAS,UAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,KAAK,CAAC;AAI/D,MAAM,eAAe,OAAc,QAAkC,QAAuB;CAC1F,MAAM,SAAS,MAAM,MAAM,OAAO;CAClC,MAAM,QAAQ,OAAO,IAAI,IAAI,KAAK,IAAI,OAAO,IAAI,OAAO,GAAG,gBAAgB,IAAI;CAE/E,OAAO,MAAM,KAAK,MAAM,MAAM;EAC5B,IAAI,MAAM,QAAQ,OAAO;EACzB,MAAM,EAAE,GAAG,MAAM,MAAM,IAAI;EAC3B,MAAM,YAAY,eAAe,IAAI,CAAC,IAAI,MAAM,OAAO,IAAI,IAAI,OAAO,CAAC,IAAI;EAC3E,OAAO,OAAO,MAAM,WAAW,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI;CAC1D,CAAC;AACH;AAEA,MAAM,eAAe,OAAc,OAAc,WAA4C;CAC3F,MAAM,SAAS,MAAM,MAAM,OAAO;CAClC,MAAM,QAAQ,OAAO,IAAI,IAAI,KAAK,IAAI,OAAO,IAAI,OAAO,GAAG,gBAAgB,IAAI;CAE/E,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,QAAQ,OAAO,IAAI;EACzB,MAAM,EAAE,GAAG,MAAM,MAAM,IAAI;EAC3B,OAAO,OACJ,MAAM,GAAG,IAAI,OAAO,OAAO,CAAC,CAAC,CAC7B,MAAM,MAAM,MAAM,CAAC,CAAC,CACpB,IAAI;CACT,CAAC;AACH;AAEA,MAAM,wBAAQ,IAAI,IAA4B;AAE9C,MAAa,wBAAwB,UAA8C;CACjF,MAAM,MAAM,MAAM,YAAY;CAC9B,MAAM,SAAS,MAAM,IAAI,GAAG;CAC5B,IAAI,QAAQ,OAAO;CAEnB,MAAM,SAAS,MAAM,GAAG;CACxB,MAAM,SAAS,YAAY,cAAc,OAAO,CAAC;CACjD,MAAM,QAAwB;EAC5B,MAAM,YAAY,OAAO,MAAM,QAAQ,GAAG;EAC1C,OAAO,YAAY,OAAO,OAAO,OAAO,MAAM,MAAM;EACpD,OAAO,YAAY,OAAO,OAAO,QAAQ,GAAG;EAC5C,QAAQ,YAAY,OAAO,QAAQ,OAAO,OAAO,MAAM;CACzD;CAEA,MAAM,IAAI,KAAK,KAAK;CACpB,OAAO;AACT"}
1
+ {"version":3,"file":"customPrimary.mjs","names":[],"sources":["../../../src/styles/theme/customPrimary.ts"],"sourcesContent":["import chroma from 'chroma-js';\n\nimport { colorScales, gray } from '@/color/colors';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { type PrimaryColors, primaryColors } from '../customTheme';\n\nexport type CustomPrimaryColor = `#${string}`;\nexport type LobePrimaryColor = PrimaryColors | CustomPrimaryColor;\n\nconst HEX = /^#[\\da-f]{6}$/i;\n\nexport const isCustomPrimaryColor = (value?: string): value is CustomPrimaryColor =>\n !!value && HEX.test(value);\n\nconst ANCHOR = 9;\nconst SHIFT_WEIGHT = [0, 0, 0, 0, 0, 0.25, 0.5, 0.75, 1, 1, 1, 0.5, 0];\nconst MIN_STEP_GAP = 0.015;\nconst LIGHTNESS_WEIGHT = 100;\nconst MAX_CHROMA_RATIO = 2;\nconst DARK_SURFACE = gray.dark[1];\nconst MIN_DARK_CONTRAST = 4.5;\n\nconst oklch = (color: string) => {\n const [l, c, h] = chroma(color).oklch();\n return { c, h: Number.isNaN(h) ? 0 : h, l };\n};\n\nconst hueDistance = (a: number, b: number) => {\n const d = Math.abs(a - b) % 360;\n return d > 180 ? 360 - d : d;\n};\n\nconst presetDistance = (name: PrimaryColors, target: ReturnType<typeof oklch>) => {\n const preset = oklch(primaryColors[name]);\n return hueDistance(preset.h, target.h) + LIGHTNESS_WEIGHT * Math.abs(preset.l - target.l);\n};\n\nconst nearestPreset = (target: ReturnType<typeof oklch>) =>\n (Object.keys(primaryColors) as PrimaryColors[]).reduce((best, name) =>\n presetDistance(name, target) < presetDistance(best, target) ? name : best,\n );\n\nconst clamp = (value: number) => Math.min(1, Math.max(0, value));\n\nconst readableOnDark = (hex: string) => {\n const { c, h, l } = oklch(hex);\n let lightness = l;\n let color = hex;\n while (chroma.contrast(color, DARK_SURFACE) < MIN_DARK_CONTRAST && lightness < 1) {\n lightness = Math.min(1, lightness + 0.005);\n color = chroma.oklch(lightness, c, h).hex();\n }\n return color;\n};\n\nconst orderLightness = (lightness: number[], direction: 1 | -1) => {\n const ordered = [...lightness];\n for (let i = ANCHOR + 1; i < ordered.length; i++)\n ordered[i] =\n direction > 0\n ? Math.max(ordered[i], ordered[i - 1] + MIN_STEP_GAP)\n : Math.min(ordered[i], ordered[i - 1] - MIN_STEP_GAP);\n for (let i = ANCHOR - 1; i >= 0; i--)\n ordered[i] =\n direction > 0\n ? Math.min(ordered[i], ordered[i + 1] - MIN_STEP_GAP)\n : Math.max(ordered[i], ordered[i + 1] + MIN_STEP_GAP);\n return ordered.map(clamp);\n};\n\ntype Steps = ColorScaleItem['light'];\n\nconst retintSolid = (\n steps: Steps,\n target: ReturnType<typeof oklch>,\n hex: string,\n direction: 1 | -1,\n): Steps => {\n const anchor = oklch(steps[ANCHOR]);\n const ratio = anchor.c > 0 ? Math.min(target.c / anchor.c, MAX_CHROMA_RATIO) : 0;\n const shift = target.l - anchor.l;\n const source = steps.map(oklch);\n const lightness = orderLightness(\n source.map(({ l }, i) => (i === ANCHOR ? target.l : l + SHIFT_WEIGHT[i] * shift)),\n direction,\n );\n\n return source.map(({ c }, i) =>\n i === ANCHOR ? hex : chroma.oklch(lightness[i], c * ratio, target.h).hex(),\n ) as Steps;\n};\n\nconst retintAlpha = (steps: Steps, solid: Steps, target: ReturnType<typeof oklch>): Steps => {\n const anchor = oklch(solid[ANCHOR]);\n const ratio = anchor.c > 0 ? Math.min(target.c / anchor.c, MAX_CHROMA_RATIO) : 0;\n\n return steps.map((step) => {\n const color = chroma(step);\n const { c, l } = oklch(step);\n return chroma\n .oklch(l, c * ratio, target.h)\n .alpha(color.alpha())\n .css();\n }) as Steps;\n};\n\nconst cache = new Map<string, ColorScaleItem>();\n\nexport const generatePrimaryScale = (color: CustomPrimaryColor): ColorScaleItem => {\n const hex = color.toLowerCase();\n const cached = cache.get(hex);\n if (cached) return cached;\n\n const target = oklch(hex);\n const preset = colorScales[nearestPreset(target)];\n const darkHex = readableOnDark(hex);\n const darkTarget = oklch(darkHex);\n const scale: ColorScaleItem = {\n dark: retintSolid(preset.dark, darkTarget, darkHex, 1),\n darkA: retintAlpha(preset.darkA, preset.dark, darkTarget),\n light: retintSolid(preset.light, target, hex, -1),\n lightA: retintAlpha(preset.lightA, preset.light, target),\n };\n\n cache.set(hex, scale);\n return scale;\n};\n"],"mappings":"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"}
@@ -7,6 +7,7 @@ export type LobeAppearance = 'light' | 'dark';
7
7
  export interface LobeThemeState {
8
8
  appearance: LobeAppearance;
9
9
  neutralColor?: NeutralColors;
10
+ palette?: string;
10
11
  primaryColor?: LobePrimaryColor;
11
12
  }
12
13
  export declare const setLobeTheme: (state: Partial<LobeThemeState>, root?: HTMLElement) => void;
@@ -15,7 +16,7 @@ export interface ThemeScopeProps extends Partial<LobeThemeState> {
15
16
  className?: string;
16
17
  style?: CSSProperties;
17
18
  }
18
- export declare const ThemeScope: ({ appearance, children, className, neutralColor, primaryColor, style }: ThemeScopeProps) => import("react").JSX.Element;
19
+ export declare const ThemeScope: ({ appearance, children, className, neutralColor, palette, primaryColor, style }: ThemeScopeProps) => import("react").JSX.Element;
19
20
  export declare const useThemeMode: () => {
20
21
  appearance: LobeAppearance;
21
22
  isDarkMode: boolean;
@@ -41,9 +42,10 @@ export interface LobeThemeScriptProps {
41
42
  appearance?: LobeAppearance | 'system';
42
43
  neutralColor?: NeutralColors;
43
44
  nonce?: string;
45
+ palette?: string;
44
46
  primaryColor?: LobePrimaryColor;
45
47
  }
46
- export declare const LobeThemeScript: ({ appearance, neutralColor, nonce, primaryColor }: LobeThemeScriptProps) => import("react").JSX.Element;
48
+ export declare const LobeThemeScript: ({ appearance, neutralColor, nonce, palette, primaryColor }: LobeThemeScriptProps) => import("react").JSX.Element;
47
49
  //#endregion
48
50
  export {};
49
51
  //# sourceMappingURL=scope.d.mts.map