@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.
- package/README.md +3 -3
- package/es/CodeDiff/DiffPanel.mjs +2 -2
- package/es/CodeDiff/DiffPanel.mjs.map +1 -1
- package/es/Drawer/style.mjs.map +1 -1
- package/es/FloatingPanel/style.mjs +3 -2
- package/es/FloatingPanel/style.mjs.map +1 -1
- package/es/Form/Form.mjs +6 -2
- package/es/Form/Form.mjs.map +1 -1
- package/es/Form/style.mjs +3 -3
- package/es/Form/style.mjs.map +1 -1
- package/es/Form/type.d.mts +7 -0
- package/es/Popover/style.mjs +1 -1
- package/es/Popover/style.mjs.map +1 -1
- package/es/ProTable/hooks/useFetchData.mjs +1 -1
- package/es/ProTable/hooks/useFetchData.mjs.map +1 -1
- package/es/ProTable/parts/FieldControl.mjs +28 -11
- package/es/ProTable/parts/FieldControl.mjs.map +1 -1
- package/es/ProTable/style.mjs +9 -0
- package/es/ProTable/style.mjs.map +1 -1
- package/es/ProTable/type.d.mts +5 -2
- package/es/Switch/Switch.mjs +8 -1
- package/es/Switch/Switch.mjs.map +1 -1
- package/es/Switch/atoms.d.mts +7 -1
- package/es/Switch/atoms.mjs +20 -4
- package/es/Switch/atoms.mjs.map +1 -1
- package/es/Switch/style.mjs +33 -2
- package/es/Switch/style.mjs.map +1 -1
- package/es/Table/Table.mjs +14 -5
- package/es/Table/Table.mjs.map +1 -1
- package/es/Table/render/FixedFrost.mjs +11 -2
- package/es/Table/render/FixedFrost.mjs.map +1 -1
- package/es/Table/style.mjs +4 -0
- package/es/Table/style.mjs.map +1 -1
- package/es/Text/style.d.mts +3 -3
- package/es/Toast/dodge.mjs +0 -1
- package/es/Toast/dodge.mjs.map +1 -1
- package/es/Toast/dodge.stylex.mjs +1 -4
- package/es/Toast/dodge.stylex.mjs.map +1 -1
- package/es/Toast/style.mjs +1 -1
- package/es/Toast/style.mjs.map +1 -1
- package/es/Tooltip/style.mjs +2 -2
- package/es/Tooltip/style.mjs.map +1 -1
- package/es/color/index.d.mts +2 -1
- package/es/color/index.mjs +2 -1
- package/es/color/status/error.mjs +67 -0
- package/es/color/status/error.mjs.map +1 -0
- package/es/color/status/index.d.mts +11 -0
- package/es/color/status/index.mjs +15 -0
- package/es/color/status/index.mjs.map +1 -0
- package/es/color/status/info.mjs +67 -0
- package/es/color/status/info.mjs.map +1 -0
- package/es/color/status/success.mjs +67 -0
- package/es/color/status/success.mjs.map +1 -0
- package/es/color/status/warning.mjs +67 -0
- package/es/color/status/warning.mjs.map +1 -0
- package/es/index.d.mts +3 -2
- package/es/index.mjs +3 -2
- package/es/style.css +114 -23
- package/es/styles/index.d.mts +3 -2
- package/es/styles/index.mjs +3 -2
- package/es/styles/stylex/cssVar.stylex.mjs +3 -0
- package/es/styles/stylex/cssVar.stylex.mjs.map +1 -1
- package/es/styles/theme/createLobeToken.d.mts +9 -5
- package/es/styles/theme/createLobeToken.mjs +3 -2
- package/es/styles/theme/createLobeToken.mjs.map +1 -1
- package/es/styles/theme/customPalette.d.mts +6 -0
- package/es/styles/theme/customPalette.mjs +28 -0
- package/es/styles/theme/customPalette.mjs.map +1 -0
- package/es/styles/theme/customPrimary.mjs +52 -17
- package/es/styles/theme/customPrimary.mjs.map +1 -1
- package/es/styles/theme/scope.d.mts +4 -2
- package/es/styles/theme/scope.mjs +53 -20
- package/es/styles/theme/scope.mjs.map +1 -1
- package/es/styles/theme/themeCss.d.mts +1 -0
- package/es/styles/theme/themeCss.mjs +16 -1
- package/es/styles/theme/themeCss.mjs.map +1 -1
- package/es/styles/theme/token/legacy.mjs +12 -12
- package/es/styles/theme/token/legacy.mjs.map +1 -1
- package/es/styles/theme/token/neutral.mjs +12 -4
- package/es/styles/theme/token/neutral.mjs.map +1 -1
- package/es/styles/theme/token/neutralText.mjs +91 -0
- package/es/styles/theme/token/neutralText.mjs.map +1 -0
- package/es/styles/theme/token/palette.mjs +16 -41
- package/es/styles/theme/token/palette.mjs.map +1 -1
- package/es/styles/theme/token/static.mjs +3 -0
- package/es/styles/theme/token/static.mjs.map +1 -1
- package/es/theme.css +293 -290
- 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":"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"}
|
|
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":"
|
|
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
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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
|
|
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,
|
|
56
|
-
darkA: retintAlpha(preset.darkA, preset.dark,
|
|
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
|
|
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
|