@sanity/ui 3.0.0-static.1 → 3.0.0-static.2
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/LICENSE +1 -1
- package/bin/ui.js +0 -1
- package/dist/_chunks-cjs/_visual-editing.js +3059 -0
- package/dist/_chunks-cjs/_visual-editing.js.map +1 -0
- package/dist/_chunks-cjs/buildCommand.js +14 -3524
- package/dist/_chunks-cjs/buildCommand.js.map +1 -1
- package/dist/_chunks-cjs/refractor.js +27 -0
- package/dist/_chunks-cjs/refractor.js.map +1 -0
- package/dist/_chunks-cjs/v3_v2.js +251 -0
- package/dist/_chunks-cjs/v3_v2.js.map +1 -0
- package/dist/_chunks-es/_visual-editing.mjs +3066 -0
- package/dist/_chunks-es/_visual-editing.mjs.map +1 -0
- package/dist/_chunks-es/refractor.mjs +26 -0
- package/dist/_chunks-es/refractor.mjs.map +1 -0
- package/dist/_chunks-es/v3_v2.mjs +252 -0
- package/dist/_chunks-es/v3_v2.mjs.map +1 -0
- package/dist/_visual-editing.d.mts +806 -0
- package/dist/_visual-editing.d.ts +806 -0
- package/dist/_visual-editing.js +31 -0
- package/dist/_visual-editing.js.map +1 -0
- package/dist/_visual-editing.mjs +31 -0
- package/dist/_visual-editing.mjs.map +1 -0
- package/dist/cli.js +337 -5
- package/dist/cli.js.map +1 -1
- package/dist/css.d.mts +1446 -373
- package/dist/css.d.ts +1446 -373
- package/dist/css.js +2665 -1747
- package/dist/css.js.map +1 -1
- package/dist/css.mjs +2651 -1732
- package/dist/css.mjs.map +1 -1
- package/dist/index.d.mts +418 -520
- package/dist/index.d.ts +418 -520
- package/dist/index.js +737 -4617
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +633 -4522
- package/dist/index.mjs.map +1 -1
- package/dist/sanity-palette.css +9 -0
- package/dist/sanity-theme.css +1 -25
- package/dist/system.css +596 -404
- package/dist/theme.d.mts +431 -110
- package/dist/theme.d.ts +431 -110
- package/dist/theme.js +1216 -2430
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1238 -2450
- package/dist/theme.mjs.map +1 -1
- package/exports/_visual-editing.ts +31 -0
- package/package.json +92 -81
- package/src/{css/cli → cli}/buildCommand.ts +21 -9
- package/src/{css/cli → cli}/index.ts +1 -1
- package/src/core/StyleTags.tsx +24 -0
- package/src/core/_compat/index.ts +8 -1
- package/src/core/_compat/styles/_responsive.ts +19 -0
- package/src/core/_compat/styles/index.ts +1 -5
- package/src/core/{theme → _compat/theme}/theme.test.tsx +2 -2
- package/src/core/{theme → _compat/theme}/themeColorProvider.tsx +4 -2
- package/src/core/{theme → _compat/theme}/themeContext.ts +1 -1
- package/src/core/{theme → _compat/theme}/themeProvider.tsx +10 -11
- package/src/core/{theme → _compat/theme}/useRootTheme.ts +1 -0
- package/src/core/{theme → _compat/theme}/useTheme.ts +2 -2
- package/src/core/_compat/types.ts +11 -11
- package/src/core/components/autocomplete/__mocks__/apiStore.ts +1 -1
- package/src/core/components/autocomplete/__workshop__/async.tsx +1 -0
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +4 -2
- package/src/core/components/autocomplete/__workshop__/custom.tsx +3 -2
- package/src/core/components/autocomplete/__workshop__/example.tsx +3 -2
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +1 -0
- package/src/core/components/autocomplete/autocomplete.tsx +54 -61
- package/src/core/components/autocomplete/autocompleteOption.tsx +5 -4
- package/src/core/components/autocomplete/types.ts +2 -2
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +7 -0
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +32 -16
- package/src/core/components/dialog/__workshop__/activate.tsx +2 -1
- package/src/core/components/dialog/__workshop__/nested.tsx +3 -3
- package/src/core/components/dialog/__workshop__/onScroll.tsx +2 -2
- package/src/core/components/dialog/__workshop__/panes.tsx +1 -0
- package/src/core/components/dialog/__workshop__/position.tsx +2 -1
- package/src/core/components/dialog/__workshop__/props.tsx +2 -1
- package/src/core/components/dialog/__workshop__/wrapped.tsx +1 -3
- package/src/core/components/dialog/dialog.tsx +50 -27
- package/src/core/components/dialog/dialogProvider.tsx +4 -3
- package/src/core/components/dialog/useDialog.ts +1 -0
- package/src/core/components/hotkeys/hotkeys.tsx +20 -14
- package/src/core/components/menu/__workshop__/asComponent.tsx +2 -1
- package/src/core/components/menu/__workshop__/avatarMenu.tsx +1 -0
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +1 -0
- package/src/core/components/menu/__workshop__/customSelectedState.tsx +1 -0
- package/src/core/components/menu/__workshop__/menuButton.tsx +2 -1
- package/src/core/components/menu/__workshop__/shouldFocus.tsx +1 -0
- package/src/core/components/menu/__workshop__/tones.tsx +7 -7
- package/src/core/components/menu/menu.test.tsx +4 -5
- package/src/core/components/menu/menu.tsx +49 -22
- package/src/core/components/menu/menuButton.tsx +47 -61
- package/src/core/components/menu/menuContext.ts +6 -4
- package/src/core/components/menu/menuDivider.tsx +9 -3
- package/src/core/components/menu/menuGroup.tsx +50 -26
- package/src/core/components/menu/menuItem.tsx +31 -38
- package/src/core/components/menu/useMenu.ts +1 -0
- package/src/core/components/menu/useMenuController.ts +18 -7
- package/src/core/components/skeleton/__workshop__/delay.tsx +2 -1
- package/src/core/components/skeleton/__workshop__/skeleton.tsx +2 -1
- package/src/core/components/skeleton/skeleton.tsx +4 -3
- package/src/core/components/skeleton/textSkeleton.tsx +11 -25
- package/src/core/components/tab/tab.tsx +21 -14
- package/src/core/components/tab/tabList.tsx +24 -11
- package/src/core/components/tab/tabPanel.tsx +5 -4
- package/src/core/components/toast/__workshop__/hook.tsx +1 -1
- package/src/core/components/toast/__workshop__/toast.tsx +2 -1
- package/src/core/components/toast/toast.test.tsx +0 -1
- package/src/core/components/toast/toast.tsx +130 -40
- package/src/core/components/toast/toastLayer.tsx +38 -0
- package/src/core/components/toast/toastProvider.tsx +60 -140
- package/src/core/components/toast/toastState.ts +6 -0
- package/src/core/components/toast/types.ts +10 -2
- package/src/core/components/toast/useToast.ts +1 -0
- package/src/core/components/tree/__workshop__/basic.tsx +1 -0
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +2 -1
- package/src/core/components/tree/tree.tsx +16 -13
- package/src/core/components/tree/treeGroup.tsx +5 -7
- package/src/core/components/tree/treeItem.tsx +41 -34
- package/src/core/components/tree/useTree.ts +1 -0
- package/src/core/constants.ts +45 -23
- package/src/core/helpers/focus.ts +3 -3
- package/src/core/helpers/index.ts +1 -0
- package/src/core/helpers/props.ts +10 -0
- package/src/core/hooks/useArrayProp.ts +19 -15
- package/src/core/hooks/useClickOutside.test.tsx +3 -4
- package/src/core/hooks/useClickOutside.ts +1 -0
- package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -1
- package/src/core/hooks/useClickOutsideEvent.ts +2 -1
- package/src/core/hooks/useDelayed.test.ts +2 -1
- package/src/core/hooks/useDelayedState.ts +2 -3
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +3 -2
- package/src/core/hooks/useElementSize.ts +2 -1
- package/src/core/hooks/useForwardedRef.ts +2 -2
- package/src/core/hooks/useGlobalKeyDown.ts +9 -4
- package/src/core/hooks/useMatchMedia.ts +1 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +3 -2
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +2 -1
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +0 -1
- package/src/core/hooks/usePrefersDark.test.tsx +2 -1
- package/src/core/hooks/usePrefersDark.ts +1 -1
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +0 -1
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +2 -1
- package/src/core/hooks/usePrefersReducedMotion.ts +1 -1
- package/src/core/index.ts +2 -3
- package/src/core/lib/createGlobalScopedContext.ts +2 -1
- package/src/core/lib/globalScope.ts +0 -1
- package/src/core/primitives/_selectable/selectable.tsx +9 -5
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +2 -1
- package/src/core/primitives/avatar/__workshop__/stack.tsx +2 -1
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +4 -3
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +26 -23
- package/src/core/primitives/avatar/avatar.tsx +42 -80
- package/src/core/primitives/avatar/avatarCounter.tsx +26 -57
- package/src/core/primitives/avatar/avatarStack.tsx +37 -55
- package/src/core/primitives/avatar/types.ts +1 -0
- package/src/core/primitives/badge/__workshop__/props.tsx +2 -1
- package/src/core/primitives/badge/__workshop__/tones.tsx +2 -1
- package/src/core/primitives/badge/badge.test.tsx +1 -0
- package/src/core/primitives/badge/badge.tsx +10 -5
- package/src/core/primitives/box/__workshop__/props.tsx +2 -1
- package/src/core/primitives/box/box.tsx +45 -12
- package/src/core/primitives/button/__workshop__/custom.tsx +7 -4
- package/src/core/primitives/button/__workshop__/disabled.tsx +1 -0
- package/src/core/primitives/button/__workshop__/props.tsx +7 -2
- package/src/core/primitives/button/__workshop__/stacked.tsx +2 -1
- package/src/core/primitives/button/button.test.tsx +1 -0
- package/src/core/primitives/button/button.tsx +137 -113
- package/src/core/primitives/card/__workshop__/allTones.tsx +21 -21
- package/src/core/primitives/card/__workshop__/asButton.tsx +44 -25
- package/src/core/primitives/card/__workshop__/asComponent.tsx +2 -2
- package/src/core/primitives/card/__workshop__/checkered.tsx +17 -7
- package/src/core/primitives/card/__workshop__/interactive.tsx +10 -3
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +6 -3
- package/src/core/primitives/card/__workshop__/props.tsx +13 -7
- package/src/core/primitives/card/__workshop__/selected.tsx +11 -9
- package/src/core/primitives/card/card.tsx +47 -55
- package/src/core/primitives/card/types.ts +1 -0
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +6 -0
- package/src/core/primitives/checkbox/checkbox.tsx +9 -5
- package/src/core/primitives/code/__workshop__/props.tsx +3 -2
- package/src/core/primitives/code/code.tsx +11 -11
- package/src/core/primitives/code/refractor.tsx +20 -0
- package/src/core/primitives/container/__workshop__/example.tsx +3 -2
- package/src/core/primitives/container/container.tsx +7 -4
- package/src/core/primitives/flex/__workshop__/example.tsx +5 -4
- package/src/core/primitives/flex/__workshop__/gap.tsx +6 -6
- package/src/core/primitives/flex/flex.tsx +9 -12
- package/src/core/primitives/grid/__workshop__/responsive.tsx +12 -12
- package/src/core/primitives/grid/grid.tsx +7 -11
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +13 -25
- package/src/core/primitives/heading/__workshop__/plain.tsx +3 -2
- package/src/core/primitives/heading/heading.tsx +19 -39
- package/src/core/primitives/inline/__workshop__/plain.tsx +5 -4
- package/src/core/primitives/inline/inline.tsx +10 -7
- package/src/core/primitives/kbd/kbd.tsx +8 -6
- package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +13 -7
- package/src/core/primitives/label/__workshop__/plain.tsx +22 -8
- package/src/core/primitives/label/label.tsx +26 -50
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +3 -2
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +5 -4
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +1 -1
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +3 -2
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +5 -2
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +5 -4
- package/src/core/primitives/popover/floating-ui/size.ts +2 -1
- package/src/core/primitives/popover/helpers.ts +4 -3
- package/src/core/primitives/popover/popover.tsx +51 -44
- package/src/core/primitives/popover/popoverCard.tsx +22 -27
- package/src/core/primitives/radio/__workshop__/plain.tsx +2 -2
- package/src/core/primitives/radio/radio.tsx +10 -11
- package/src/core/primitives/select/__workshop__/plain.tsx +5 -2
- package/src/core/primitives/select/__workshop__/readOnly.tsx +1 -1
- package/src/core/primitives/select/select.tsx +40 -41
- package/src/core/primitives/spinner/__workshop__/Props.tsx +2 -1
- package/src/core/primitives/spinner/spinner.tsx +5 -3
- package/src/core/primitives/stack/__workshop__/plain.tsx +2 -1
- package/src/core/primitives/stack/stack.tsx +10 -11
- package/src/core/primitives/switch/switch.tsx +22 -13
- package/src/core/primitives/text/__workshop__/colored.tsx +8 -14
- package/src/core/primitives/text/__workshop__/example.tsx +8 -7
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +11 -21
- package/src/core/primitives/text/text.tsx +20 -38
- package/src/core/primitives/textArea/__workshop__/plain.tsx +4 -3
- package/src/core/primitives/textArea/textArea.tsx +28 -75
- package/src/core/primitives/textInput/__workshop__/index.ts +0 -5
- package/src/core/primitives/textInput/__workshop__/plain.tsx +8 -3
- package/src/core/primitives/textInput/__workshop__/readOnly.tsx +6 -2
- package/src/core/primitives/textInput/__workshop__/tones.tsx +38 -0
- package/src/core/primitives/textInput/__workshop__/typed.tsx +2 -1
- package/src/core/primitives/textInput/textInput.tsx +133 -220
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +2 -1
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +2 -1
- package/src/core/primitives/tooltip/__workshop__/props.tsx +8 -3
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +2 -1
- package/src/core/primitives/tooltip/tooltip.test.tsx +4 -2
- package/src/core/primitives/tooltip/tooltip.tsx +64 -61
- package/src/core/primitives/tooltip/tooltipCard.tsx +31 -26
- package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +1 -1
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +4 -6
- package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +0 -1
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +1 -0
- package/src/core/primitives/types.ts +5 -5
- package/src/core/types/box.ts +0 -3
- package/src/core/types/button.ts +2 -0
- package/src/core/types/flex.ts +0 -4
- package/src/core/types/grid.ts +5 -7
- package/src/core/types/gridItem.ts +4 -9
- package/src/core/types/index.ts +1 -0
- package/src/core/types/props.ts +18 -0
- package/src/core/types/selectable.ts +1 -0
- package/src/core/utils/arrow/arrow.tsx +34 -97
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +0 -1
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +4 -3
- package/src/core/utils/boundaryElement/index.ts +1 -1
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +1 -0
- package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +5 -3
- package/src/core/utils/elementQuery/elementQuery.tsx +21 -21
- package/src/core/utils/errorBoundary.tsx +5 -4
- package/src/core/utils/getElementRef.ts +26 -0
- package/src/core/utils/layer/__workshop__/multipleRoots.tsx +1 -0
- package/src/core/utils/layer/__workshop__/nested.tsx +1 -0
- package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +1 -0
- package/src/core/utils/layer/index.ts +1 -1
- package/src/core/utils/layer/layer.test.tsx +0 -1
- package/src/core/utils/layer/layer.tsx +15 -11
- package/src/core/utils/layer/layerProvider.tsx +6 -5
- package/src/core/utils/layer/useLayer.ts +1 -0
- package/src/core/utils/portal/portal.test.tsx +0 -1
- package/src/core/utils/portal/portal.ts +4 -2
- package/src/core/utils/portal/portalProvider.tsx +4 -3
- package/src/core/utils/portal/usePortal.ts +1 -0
- package/src/core/utils/spanWithTextOverflow.tsx +10 -0
- package/src/core/utils/srOnly/srOnly.tsx +17 -18
- package/src/core/utils/virtualList/virtualList.tsx +55 -37
- package/src/css/_resp.ts +4 -1
- package/src/css/compile/compilePalette.ts +60 -0
- package/src/css/compile/compileRule.ts +45 -13
- package/src/css/compile/compileRules.test.ts +35 -0
- package/src/css/compile/compileRules.ts +14 -30
- package/src/css/compile/compileTheme.ts +8 -505
- package/src/css/compile/compileTheme_v3.ts +410 -0
- package/src/css/compile/types.ts +6 -0
- package/src/css/components/breadcrumbs/breadcrumbs.ts +1 -1
- package/src/css/components/dialog/{classes.ts → dialog.ts} +7 -7
- package/src/css/components/dialog/index.ts +1 -1
- package/src/css/components/dialog/rules.ts +2 -1
- package/src/css/components/menu/menu.ts +5 -1
- package/src/css/components/menu/rules.ts +6 -1
- package/src/css/components/skeleton/rules.ts +28 -22
- package/src/css/components/skeleton/skeleton.ts +5 -5
- package/src/css/components/skeleton/types.ts +2 -0
- package/src/css/components/toast/index.ts +1 -0
- package/src/css/components/toast/rules.ts +17 -68
- package/src/css/components/toast/toast.ts +21 -0
- package/src/css/components/tree/rules.ts +3 -2
- package/src/css/components/tree/tree.ts +1 -1
- package/src/css/composeClassNames.ts +12 -2
- package/src/css/index.ts +12 -23
- package/src/css/primitives/_arrow/_arrow.ts +14 -0
- package/src/css/primitives/_arrow/index.ts +1 -0
- package/src/css/primitives/_arrow/rules.ts +71 -0
- package/src/css/primitives/_input/index.ts +2 -0
- package/src/css/primitives/_input/input.ts +25 -0
- package/src/css/primitives/_input/rules.ts +163 -0
- package/src/css/primitives/_input/types.ts +12 -0
- package/src/css/primitives/{selectable → _selectable}/__style.ts +1 -1
- package/src/css/primitives/_selectable/_contants.ts +11 -0
- package/src/css/primitives/_selectable/rules.ts +129 -0
- package/src/css/primitives/_selectable/selectable.ts +9 -0
- package/src/css/primitives/_selectable/types.ts +8 -0
- package/src/css/primitives/avatar/avatar.ts +10 -15
- package/src/css/primitives/avatar/rules.ts +85 -99
- package/src/css/primitives/avatar/types.ts +1 -2
- package/src/css/primitives/badge/badge.ts +2 -2
- package/src/css/primitives/badge/rules.ts +13 -16
- package/src/css/primitives/badge/types.ts +2 -2
- package/src/css/primitives/box/box.ts +24 -14
- package/src/css/primitives/box/rules.ts +5 -2
- package/src/css/primitives/box/types.ts +24 -19
- package/src/css/primitives/button/_constants.ts +17 -0
- package/src/css/primitives/button/button.ts +27 -12
- package/src/css/primitives/button/rules.ts +275 -40
- package/src/css/primitives/card/_constants.ts +13 -0
- package/src/css/primitives/card/card.ts +8 -13
- package/src/css/primitives/card/index.ts +1 -0
- package/src/css/primitives/card/rules.ts +353 -123
- package/src/css/primitives/card/types.ts +11 -0
- package/src/css/primitives/checkbox/checkbox.ts +2 -2
- package/src/css/primitives/checkbox/rules.ts +31 -15
- package/src/css/primitives/code/code.ts +2 -2
- package/src/css/primitives/code/rules.ts +27 -2
- package/src/css/primitives/code/types.ts +1 -1
- package/src/css/primitives/container/container.ts +2 -2
- package/src/css/primitives/container/types.ts +1 -0
- package/src/css/primitives/heading/heading.ts +3 -2
- package/src/css/primitives/heading/rules.ts +77 -6
- package/src/css/primitives/heading/types.ts +2 -2
- package/src/css/primitives/kbd/kbd.ts +2 -2
- package/src/css/primitives/kbd/rules.ts +5 -5
- package/src/css/primitives/kbd/types.ts +3 -1
- package/src/css/primitives/label/label.ts +2 -2
- package/src/css/primitives/label/rules.ts +54 -2
- package/src/css/primitives/label/types.ts +1 -1
- package/src/css/primitives/popover/popover.ts +1 -1
- package/src/css/primitives/radio/radio.ts +1 -1
- package/src/css/primitives/radio/rules.ts +117 -1
- package/src/css/primitives/select/index.ts +1 -0
- package/src/css/primitives/select/rules.ts +18 -1
- package/src/css/primitives/select/select.ts +8 -2
- package/src/css/primitives/select/types.ts +5 -0
- package/src/css/primitives/spinner/spinner.ts +2 -2
- package/src/css/primitives/switch/rules.ts +264 -56
- package/src/css/primitives/switch/switch.ts +17 -1
- package/src/css/primitives/text/rules.ts +93 -4
- package/src/css/primitives/text/text.ts +3 -2
- package/src/css/primitives/text/types.ts +2 -2
- package/src/css/primitives/textArea/index.ts +1 -0
- package/src/css/primitives/textArea/rules.ts +3 -1
- package/src/css/primitives/textArea/textArea.ts +4 -2
- package/src/css/primitives/textArea/types.ts +5 -0
- package/src/css/primitives/textInput/rules.ts +33 -130
- package/src/css/primitives/textInput/textInput.ts +4 -11
- package/src/css/primitives/textInput/types.ts +8 -5
- package/src/css/primitives/token/rules.ts +37 -37
- package/src/css/primitives/tooltip/rules.ts +2 -0
- package/src/css/primitives/tooltip/tooltip.ts +2 -2
- package/src/css/rules.ts +16 -2
- package/src/css/styles/border/border.ts +1 -1
- package/src/css/styles/display/display.ts +7 -0
- package/src/css/styles/display/index.ts +2 -0
- package/src/css/styles/display/rules.ts +2 -2
- package/src/css/styles/display/types.ts +17 -0
- package/src/css/styles/flex/flex.ts +1 -1
- package/src/css/styles/flexItem/flexItem.ts +1 -1
- package/src/css/styles/flexItem/rules.ts +1 -0
- package/src/css/styles/font/font.ts +1 -1
- package/src/css/styles/font/rules.ts +4 -4
- package/src/css/styles/gap/gap.ts +1 -1
- package/src/css/styles/gap/rules.ts +1 -0
- package/src/css/styles/gap/types.ts +1 -0
- package/src/css/styles/grid/grid.ts +1 -1
- package/src/css/styles/gridItem/gridItem.ts +1 -1
- package/src/css/styles/index.ts +19 -0
- package/src/css/styles/inset/index.ts +2 -0
- package/src/css/styles/inset/inset.ts +13 -0
- package/src/css/styles/inset/rules.ts +16 -0
- package/src/css/styles/inset/types.ts +13 -0
- package/src/css/styles/margin/margin.ts +1 -1
- package/src/css/styles/margin/rules.ts +1 -0
- package/src/css/styles/maxWidth/rules.ts +8 -31
- package/src/css/styles/maxWidth/types.ts +2 -1
- package/src/css/styles/overflow/overflow.ts +1 -1
- package/src/css/styles/padding/padding.ts +1 -1
- package/src/css/styles/padding/rules.ts +1 -0
- package/src/css/styles/padding/types.ts +9 -7
- package/src/css/styles/pointerEvents/pointerEvents.ts +1 -1
- package/src/css/styles/position/position.ts +2 -2
- package/src/css/styles/position/rules.ts +0 -7
- package/src/css/styles/position/types.ts +0 -4
- package/src/css/styles/radius/radius.ts +1 -1
- package/src/css/styles/radius/rules.ts +1 -1
- package/src/css/styles/radius/types.ts +1 -0
- package/src/css/styles/shadow/index.ts +2 -0
- package/src/css/styles/shadow/rules.ts +5 -5
- package/src/css/styles/shadow/shadow.ts +7 -0
- package/src/css/styles/shadow/types.ts +8 -0
- package/src/css/styles/textOverflow/index.ts +2 -0
- package/src/css/styles/textOverflow/rules.ts +17 -0
- package/src/css/styles/textOverflow/textOverflow.ts +6 -0
- package/src/css/styles/textOverflow/types.ts +8 -0
- package/src/css/styles/width/index.ts +1 -1
- package/src/css/styles/width/types.ts +3 -2
- package/src/css/types.ts +457 -289
- package/src/css/util.ts +27 -0
- package/src/css/utils/srOnly/index.ts +1 -0
- package/src/css/utils/srOnly/rules.ts +11 -0
- package/src/css/utils/srOnly/srOnly.ts +5 -0
- package/src/css/varNames.ts +352 -260
- package/src/css/vars.ts +330 -286
- package/src/theme/{system/_constants.ts → _constants.ts} +5 -4
- package/src/theme/{system/_types.ts → _types.ts} +1 -1
- package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +1 -1
- package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +1 -1
- package/src/theme/build/_deprecated/color/button/createButtonModes.ts +1 -6
- package/src/theme/build/_deprecated/color/button/createButtonTones.ts +2 -2
- package/src/theme/build/_deprecated/color/card/createCardStates.ts +2 -2
- package/src/theme/build/_deprecated/color/factory.ts +8 -9
- package/src/theme/build/_deprecated/color/input/createInputModes.ts +1 -1
- package/src/theme/build/_deprecated/color/muted/createMuted.ts +2 -2
- package/src/theme/build/_deprecated/color/spot/createSpot.ts +1 -1
- package/src/theme/build/buildColorTheme.ts +62 -52
- package/src/theme/build/buildTheme.ts +8 -32
- package/src/theme/build/colorToken/colorToken.ts +1 -1
- package/src/theme/build/lib/color-fns/rgba.ts +4 -0
- package/src/theme/build/merge.ts +0 -2
- package/src/theme/build/mixThemeColor.ts +1 -1
- package/src/theme/build/renderColorTheme.ts +34 -37
- package/src/theme/build/renderColorValue.ts +4 -3
- package/src/theme/build/resolveColorTokens.ts +57 -120
- package/src/theme/config/helpers.ts +2 -2
- package/src/theme/config/system.ts +3 -2
- package/src/theme/config/tokens/color/types.ts +5 -18
- package/src/theme/config/tokens/parseTokenKey.ts +1 -1
- package/src/theme/config/tokens/parseTokenValue.ts +1 -1
- package/src/theme/config/tokens/types.ts +3 -2
- package/src/theme/config/types.ts +4 -4
- package/src/theme/defaults/colorTokens.ts +6 -4
- package/src/theme/defaults/config.ts +2 -2
- package/src/theme/defaults/fonts.ts +18 -17
- package/src/theme/getScopedTheme.ts +10 -4
- package/src/theme/index.ts +7 -1
- package/src/theme/palette/constants.ts +15 -0
- package/src/theme/palette/index.ts +2 -0
- package/src/theme/palette/types.ts +16 -0
- package/src/theme/types.ts +32 -0
- package/src/theme/{system/v0 → v0}/color/_generic.ts +1 -1
- package/src/theme/v0/color/_system.ts +17 -0
- package/src/theme/{system/v0 → v0}/color/color.ts +3 -2
- package/src/theme/{system/v0 → v0}/color/input.ts +1 -1
- package/src/theme/{system/v0 → v0}/color/spot.ts +1 -1
- package/src/theme/{system → v0}/css.ts +1 -2
- package/src/theme/{system → v0}/font.ts +1 -0
- package/src/theme/{system → v0}/index.ts +0 -4
- package/src/theme/v0/theme.ts +72 -0
- package/src/theme/{system → v2}/avatar.ts +1 -1
- package/src/theme/{system → v2}/color/_constants.ts +6 -2
- package/src/theme/{system → v2}/color/_helpers.ts +1 -0
- package/src/theme/v2/color/badge.ts +16 -0
- package/src/theme/{system → v2}/color/color.ts +1 -1
- package/src/theme/{system/v0 → v2}/index.ts +2 -1
- package/src/theme/{system → v2}/input.ts +1 -1
- package/src/theme/v2/theme.ts +49 -0
- package/src/theme/v3/buildTheme_v3.test.ts +40 -0
- package/src/theme/v3/buildTheme_v3.ts +30 -0
- package/src/theme/v3/color/buildColor_v3.ts +193 -0
- package/src/theme/v3/color/card.ts +116 -0
- package/src/theme/v3/color/color.ts +94 -0
- package/src/theme/v3/color/element.ts +19 -0
- package/src/theme/v3/color/index.ts +7 -0
- package/src/theme/v3/color/parseColor.test.ts +79 -0
- package/src/theme/v3/color/parseColor.ts +167 -0
- package/src/theme/v3/color/renderColor.test.ts +19 -0
- package/src/theme/v3/color/renderColor.ts +33 -0
- package/src/theme/v3/color/token.ts +17 -0
- package/src/theme/v3/color/tokens.ts +5 -0
- package/src/theme/v3/defaults.ts +205 -0
- package/src/theme/v3/index.ts +6 -0
- package/src/theme/v3/merge.ts +22 -0
- package/src/theme/v3/resolveTokens.ts +199 -0
- package/src/theme/v3/tokens.ts +16 -0
- package/src/theme/v3/types.ts +48 -0
- package/src/theme/versioning/getTheme_v2.ts +2 -1
- package/src/theme/versioning/index.ts +0 -4
- package/src/theme/versioning/is_v0.ts +2 -1
- package/src/theme/versioning/is_v2.ts +2 -1
- package/src/theme/versioning/themeColor_v0_v2.ts +33 -5
- package/src/theme/versioning/themeColor_v2_v2_9.ts +49 -0
- package/src/theme/versioning/themeColor_v3_v2.ts +206 -0
- package/src/theme/versioning/v0_v2.ts +6 -1
- package/src/theme/versioning/v2_v0.ts +6 -6
- package/src/theme/versioning/v3_v2.ts +108 -0
- package/dist/css.esm.js +0 -3794
- package/dist/css.esm.js.map +0 -1
- package/dist/index.esm.js +0 -5431
- package/dist/index.esm.js.map +0 -1
- package/dist/theme.esm.js +0 -4201
- package/dist/theme.esm.js.map +0 -1
- package/src/core/__workshop__/constants.ts +0 -305
- package/src/core/__workshop__/fontsPlugin.tsx +0 -76
- package/src/core/_compat/styles/border/borderStyle.ts +0 -61
- package/src/core/_compat/styles/border/index.ts +0 -2
- package/src/core/_compat/styles/border/types.ts +0 -11
- package/src/core/_compat/styles/box/boxStyle.ts +0 -74
- package/src/core/_compat/styles/box/index.ts +0 -2
- package/src/core/_compat/styles/box/types.ts +0 -11
- package/src/core/_compat/styles/card/_cardColorStyle.ts +0 -101
- package/src/core/_compat/styles/card/index.ts +0 -1
- package/src/core/_compat/styles/flex/flexItemStyle.ts +0 -26
- package/src/core/_compat/styles/flex/flexStyle.ts +0 -69
- package/src/core/_compat/styles/flex/index.ts +0 -3
- package/src/core/_compat/styles/flex/types.ts +0 -24
- package/src/core/_compat/styles/focusRing/index.ts +0 -25
- package/src/core/_compat/styles/font/codeFontStyle.ts +0 -12
- package/src/core/_compat/styles/font/headingFontStyle.ts +0 -12
- package/src/core/_compat/styles/font/index.ts +0 -6
- package/src/core/_compat/styles/font/labelFontStyle.ts +0 -12
- package/src/core/_compat/styles/font/responsiveFont.ts +0 -101
- package/src/core/_compat/styles/font/textAlignStyle.ts +0 -18
- package/src/core/_compat/styles/font/textFontStyle.ts +0 -12
- package/src/core/_compat/styles/font/types.ts +0 -34
- package/src/core/_compat/styles/grid/gridItemStyle.ts +0 -81
- package/src/core/_compat/styles/grid/gridStyle.ts +0 -97
- package/src/core/_compat/styles/grid/index.ts +0 -3
- package/src/core/_compat/styles/grid/types.ts +0 -37
- package/src/core/_compat/styles/helpers.ts +0 -81
- package/src/core/_compat/styles/input/index.ts +0 -2
- package/src/core/_compat/styles/input/responsiveInputPaddingStyle.ts +0 -77
- package/src/core/_compat/styles/input/textInputStyle.ts +0 -263
- package/src/core/_compat/styles/internal.ts +0 -12
- package/src/core/_compat/styles/margin/index.ts +0 -2
- package/src/core/_compat/styles/margin/marginStyle.ts +0 -20
- package/src/core/_compat/styles/margin/marginsStyle.test.ts +0 -32
- package/src/core/_compat/styles/margin/types.ts +0 -9
- package/src/core/_compat/styles/padding/index.ts +0 -2
- package/src/core/_compat/styles/padding/paddingStyle.test.ts +0 -32
- package/src/core/_compat/styles/padding/paddingStyle.ts +0 -20
- package/src/core/_compat/styles/padding/types.ts +0 -12
- package/src/core/_compat/styles/radius/index.ts +0 -2
- package/src/core/_compat/styles/radius/radiusStyle.ts +0 -22
- package/src/core/_compat/styles/radius/types.ts +0 -8
- package/src/core/_compat/styles/shadow/index.ts +0 -2
- package/src/core/_compat/styles/shadow/shadowStyle.ts +0 -29
- package/src/core/_compat/styles/shadow/types.ts +0 -6
- package/src/core/_compat/styles/types.ts +0 -8
- package/src/core/components/autocomplete/__workshop__/.eslintrc +0 -5
- package/src/core/components/breadcrumbs/__workshop__/.eslintrc +0 -5
- package/src/core/components/dialog/__workshop__/.eslintrc +0 -5
- package/src/core/components/hotkeys/__workshop__/.eslintrc +0 -5
- package/src/core/components/menu/__workshop__/.eslintrc +0 -5
- package/src/core/components/skeleton/__workshop__/.eslintrc +0 -5
- package/src/core/components/tab/__workshop__/.eslintrc +0 -5
- package/src/core/components/toast/__workshop__/.eslintrc +0 -5
- package/src/core/components/tree/__workshop__/.eslintrc +0 -5
- package/src/core/hooks/useElementRect/__workshop__/.eslintrc +0 -5
- package/src/core/hooks/useMediaIndex/__workshop__/.eslintrc +0 -5
- package/src/core/lib/styled/elements.ts +0 -135
- package/src/core/lib/styled/index.ts +0 -2
- package/src/core/lib/styled/members.ts +0 -15
- package/src/core/lib/styled/styled.ts +0 -79
- package/src/core/primitives/avatar/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/avatar/styles.ts +0 -166
- package/src/core/primitives/badge/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/badge/styles.ts +0 -19
- package/src/core/primitives/box/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/button/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/button/styles.ts +0 -116
- package/src/core/primitives/card/RootCardContext.ts +0 -3
- package/src/core/primitives/card/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/checkbox/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/code/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/code/styles.ts +0 -77
- package/src/core/primitives/container/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/container/styles.ts +0 -22
- package/src/core/primitives/flex/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/grid/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/heading/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/heading/styles.ts +0 -63
- package/src/core/primitives/heading/types.ts +0 -7
- package/src/core/primitives/inline/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/inline/styles.ts +0 -31
- package/src/core/primitives/kbd/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/label/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/label/styles.ts +0 -44
- package/src/core/primitives/popover/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/radio/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/radio/styles.ts +0 -116
- package/src/core/primitives/select/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/select/styles.ts +0 -166
- package/src/core/primitives/spinner/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/stack/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/stack/styles.ts +0 -31
- package/src/core/primitives/switch/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/switch/styles.ts +0 -172
- package/src/core/primitives/text/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/text/styles.ts +0 -73
- package/src/core/primitives/textArea/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/textInput/__workshop__/.eslintrc +0 -5
- package/src/core/primitives/textInput/__workshop__/multipleTones.tsx +0 -20
- package/src/core/primitives/tooltip/__workshop__/.eslintrc +0 -5
- package/src/core/theme/__workshop__/.eslintrc +0 -5
- package/src/core/theme/__workshop__/build/Root.tsx +0 -367
- package/src/core/theme/__workshop__/build/helpers.ts +0 -46
- package/src/core/theme/__workshop__/build/story.tsx +0 -457
- package/src/core/theme/__workshop__/canvas.tsx +0 -350
- package/src/core/theme/__workshop__/color.tsx +0 -62
- package/src/core/theme/__workshop__/debug/story.tsx +0 -401
- package/src/core/theme/__workshop__/index.ts +0 -39
- package/src/core/theme/__workshop__/layer.tsx +0 -78
- package/src/core/theme/__workshop__/nestedProvider.tsx +0 -15
- package/src/core/utils/boundaryElement/__workshop__/.eslintrc +0 -5
- package/src/core/utils/elementQuery/__workshop__/.eslintrc +0 -5
- package/src/core/utils/layer/__workshop__/.eslintrc +0 -5
- package/src/core/utils/portal/__workshop__/.eslintrc +0 -5
- package/src/core/utils/virtualList/__workshop__/.eslintrc +0 -5
- package/src/css/primitives/selectable/rules.ts +0 -27
- package/src/css/primitives/selectable/selectable.ts +0 -9
- package/src/css/primitives/selectable/types.ts +0 -6
- package/src/theme/system/color/badge.ts +0 -20
- package/src/theme/system/theme.ts +0 -138
- package/src/theme/system/v0/color/_system.ts +0 -13
- package/theme.js +0 -2
- package/src/core/{theme → _compat/theme}/index.ts +1 -1
- package/src/core/{theme → _compat/theme}/types.ts +0 -0
- package/src/core/components/autocomplete/{__fixtures__ → __mocks__}/countries.ts +0 -0
- package/src/core/primitives/kbd/{index.tsx → index.ts} +0 -0
- package/src/css/primitives/{selectable → _selectable}/index.ts +0 -0
- package/src/theme/{system/v0 → v0}/avatar.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/base.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/button.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/card.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/index.ts +1 -1
- package/src/theme/{system/v0 → v0}/color/muted.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/selectable.ts +0 -0
- package/src/theme/{system/v0 → v0}/color/solid.ts +0 -0
- package/src/theme/{system → v0}/focusRing.ts +0 -0
- package/src/theme/{system/v0 → v0}/input.ts +0 -0
- package/src/theme/{system → v0}/layer.ts +0 -0
- package/src/theme/{system → v0}/shadow.ts +0 -0
- package/src/theme/{system → v0}/styles.ts +0 -0
- package/src/theme/{system → v2}/color/_system.ts +1 -1
- /package/src/theme/{system → v2}/color/avatar.ts +0 -0
- /package/src/theme/{system → v2}/color/button.ts +0 -0
- /package/src/theme/{system → v2}/color/index.ts +0 -0
- /package/src/theme/{system → v2}/color/input.ts +0 -0
- /package/src/theme/{system → v2}/color/kbd.ts +0 -0
- /package/src/theme/{system → v2}/color/selectable.ts +0 -0
- /package/src/theme/{system → v2}/color/shadow.ts +0 -0
- /package/src/theme/{system → v2}/color/state.ts +0 -0
- /package/src/theme/{system → v2}/color/syntax.ts +0 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), Refractor = require("react-refractor");
|
|
3
|
+
function _interopDefaultCompat(e) {
|
|
4
|
+
return e && typeof e == "object" && "default" in e ? e : { default: e };
|
|
5
|
+
}
|
|
6
|
+
var Refractor__default = /* @__PURE__ */ _interopDefaultCompat(Refractor);
|
|
7
|
+
function LazyRefractor(props) {
|
|
8
|
+
const $ = reactCompilerRuntime.c(13), {
|
|
9
|
+
language: languageProp,
|
|
10
|
+
value
|
|
11
|
+
} = props, language = typeof languageProp == "string" ? languageProp : void 0;
|
|
12
|
+
let t0;
|
|
13
|
+
$[0] !== language ? (t0 = language ? Refractor__default.default.hasLanguage(language) : !1, $[0] = language, $[1] = t0) : t0 = $[1];
|
|
14
|
+
const registered = t0;
|
|
15
|
+
let t1;
|
|
16
|
+
$[2] !== language || $[3] !== registered || $[4] !== value ? (t1 = !(language && registered) && /* @__PURE__ */ jsxRuntime.jsx("code", { children: value }), $[2] = language, $[3] = registered, $[4] = value, $[5] = t1) : t1 = $[5];
|
|
17
|
+
let t2;
|
|
18
|
+
$[6] !== language || $[7] !== registered || $[8] !== value ? (t2 = language && registered && /* @__PURE__ */ jsxRuntime.jsx(Refractor__default.default, { inline: !0, language, value: String(value) }), $[6] = language, $[7] = registered, $[8] = value, $[9] = t2) : t2 = $[9];
|
|
19
|
+
let t3;
|
|
20
|
+
return $[10] !== t1 || $[11] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
21
|
+
t1,
|
|
22
|
+
t2
|
|
23
|
+
] }), $[10] = t1, $[11] = t2, $[12] = t3) : t3 = $[12], t3;
|
|
24
|
+
}
|
|
25
|
+
LazyRefractor.displayName = "LazyRefractor";
|
|
26
|
+
exports.default = LazyRefractor;
|
|
27
|
+
//# sourceMappingURL=refractor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"refractor.js","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import Refractor from 'react-refractor'\n\nexport default function LazyRefractor(\n props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n value: React.ReactNode\n },\n) {\n const {language: languageProp, value} = props\n const language = typeof languageProp === 'string' ? languageProp : undefined\n const registered = language ? Refractor.hasLanguage(language as any) : false\n\n return (\n <>\n {!(language && registered) && <code>{value}</code>}\n {language && registered && <Refractor inline language={language} value={String(value)} />}\n </>\n )\n}\n\nLazyRefractor.displayName = 'LazyRefractor'\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","Refractor","hasLanguage","registered","t1","t2","String","t3","displayName"],"mappings":";;;;;;AAEA,SAAeA,cAAAC,OAAA;AAAAC,QAAAA,IAAAC,uBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAYC,MAAAA;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,mBAAAA,QAAAC,YAAsBN,QAAe,IAAS,IAAAF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA5E,QAAAS,aAAmBH;AAAyDI,MAAAA;AAAAV,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SAIvEM,KAAA,EAAER,YAAYO,sDAAsBL,EAAAA,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAAW,MAAAA;AAAAX,IAAAE,CAAAA,MAAAA,YAAAF,SAAAS,cAAAT,EAAA,CAAA,MAAAI,SACjDO,KAAAT,YAAYO,6CAAeF,mBAAU,SAAA,EAAA,QAAK,IAAYL,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAK,GAAAJ,OAAAE,UAAAF,OAAAS,YAAAT,OAAAI,OAAAJ,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAAa,MAAAA;AAAAb,SAAAA,EAAAU,EAAAA,MAAAA,MAAAV,UAAAW,MAF3FE,KACGH,2BAAAA,KAAAA,WAAAA,UAAAA,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAwF,CAAA,GACxFX,QAAAU,IAAAV,QAAAW,IAAAX,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;AAIPf,cAAcgB,cAAc;;"}
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var color = require("@sanity/color");
|
|
3
|
+
const THEME_COLOR_SCHEMES = ["light", "dark"], THEME_COLOR_BLEND_MODES = ["multiply", "screen"], THEME_COLOR_CARD_TONES = [
|
|
4
|
+
"transparent",
|
|
5
|
+
"default",
|
|
6
|
+
"neutral",
|
|
7
|
+
"primary",
|
|
8
|
+
// deprecated
|
|
9
|
+
"suggest",
|
|
10
|
+
"positive",
|
|
11
|
+
"caution",
|
|
12
|
+
"critical"
|
|
13
|
+
], THEME_COLOR_STATE_TONES = [
|
|
14
|
+
"default",
|
|
15
|
+
"neutral",
|
|
16
|
+
"primary",
|
|
17
|
+
// deprecated
|
|
18
|
+
"suggest",
|
|
19
|
+
"positive",
|
|
20
|
+
"caution",
|
|
21
|
+
"critical"
|
|
22
|
+
], THEME_COLOR_STATES = ["enabled", "hovered", "pressed", "selected", "disabled"], THEME_COLOR_BUTTON_MODES = ["default", "ghost", "bleed"], THEME_COLOR_INPUT_MODES = ["default", "invalid"], THEME_COLOR_INPUT_STATES = ["enabled", "hovered", "readOnly", "disabled"], THEME_COLOR_AVATAR_COLORS = color.COLOR_HUES;
|
|
23
|
+
function themeColor_v3_v2(options) {
|
|
24
|
+
const {
|
|
25
|
+
color: color2,
|
|
26
|
+
dark
|
|
27
|
+
} = options;
|
|
28
|
+
return {
|
|
29
|
+
_blend: "screen",
|
|
30
|
+
_dark: dark,
|
|
31
|
+
...buildColorState({
|
|
32
|
+
cardColor: color2,
|
|
33
|
+
state: "enabled",
|
|
34
|
+
tone: "default",
|
|
35
|
+
variant: "tinted"
|
|
36
|
+
}),
|
|
37
|
+
backdrop: color2.backdrop,
|
|
38
|
+
button: THEME_COLOR_BUTTON_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_STATE_TONES.reduce((tones, tone) => (tones[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
|
|
39
|
+
cardColor: color2,
|
|
40
|
+
state,
|
|
41
|
+
tone,
|
|
42
|
+
variant: mode === "default" ? "solid" : "tinted"
|
|
43
|
+
}), mode === "bleed" && (states[state].border = "transparent"), states), {}), tones), {}), modes), {}),
|
|
44
|
+
focusRing: color2.focusRing,
|
|
45
|
+
input: THEME_COLOR_INPUT_MODES.reduce((modes, mode) => (modes[mode] = THEME_COLOR_INPUT_STATES.reduce((states, state) => (states[state] = buildInputState(color2.variant.tinted.default), states), {}), modes), {}),
|
|
46
|
+
selectable: THEME_COLOR_STATE_TONES.reduce((tones, tone) => (tones[tone] = THEME_COLOR_STATES.reduce((states, state) => (states[state] = buildColorState({
|
|
47
|
+
cardColor: color2,
|
|
48
|
+
// cardVars: vars,
|
|
49
|
+
state,
|
|
50
|
+
tone,
|
|
51
|
+
variant: "tinted"
|
|
52
|
+
}), states), {}), tones), {}),
|
|
53
|
+
shadow: color2.shadow,
|
|
54
|
+
syntax: color2.token
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
const stateShades = {
|
|
58
|
+
enabled: {
|
|
59
|
+
bg: [0, 1, 2],
|
|
60
|
+
border: [0, 1, 2],
|
|
61
|
+
fg: [0, 1, 2]
|
|
62
|
+
},
|
|
63
|
+
hovered: {
|
|
64
|
+
bg: [1, 2, 3],
|
|
65
|
+
border: [1, 2, 3],
|
|
66
|
+
fg: [1, 2, 3]
|
|
67
|
+
},
|
|
68
|
+
pressed: {
|
|
69
|
+
bg: [2, 3, 4],
|
|
70
|
+
border: [2, 3, 4],
|
|
71
|
+
fg: [2, 3, 4]
|
|
72
|
+
},
|
|
73
|
+
selected: {
|
|
74
|
+
bg: [3, 4, 4],
|
|
75
|
+
border: [3, 4, 4],
|
|
76
|
+
fg: [3, 4, 4]
|
|
77
|
+
},
|
|
78
|
+
disabled: {
|
|
79
|
+
bg: [4, 4, 4],
|
|
80
|
+
border: [4, 4, 4],
|
|
81
|
+
fg: [4, 4, 4]
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
function mix(tokens, index) {
|
|
85
|
+
return index === 0 ? tokens[0] : index === 4 ? tokens[4] : `color-mix(in oklch, ${tokens[0]}, ${tokens[4]} ${index * 25}%)`;
|
|
86
|
+
}
|
|
87
|
+
function buildColorState(options) {
|
|
88
|
+
const {
|
|
89
|
+
cardColor,
|
|
90
|
+
state,
|
|
91
|
+
tone,
|
|
92
|
+
variant
|
|
93
|
+
} = options, color2 = cardColor.variant[variant][tone], shades = stateShades[state];
|
|
94
|
+
return {
|
|
95
|
+
accent: {
|
|
96
|
+
fg: color2.fg[4]
|
|
97
|
+
},
|
|
98
|
+
avatar: cardColor.avatar,
|
|
99
|
+
badge: THEME_COLOR_STATE_TONES.reduce((tones, tone2) => (tones[tone2] = {
|
|
100
|
+
bg: mix(color2.bg, 1),
|
|
101
|
+
fg: mix(color2.fg, 1),
|
|
102
|
+
dot: mix(color2.fg, 3),
|
|
103
|
+
icon: mix(color2.fg, 3)
|
|
104
|
+
}, tones), {}),
|
|
105
|
+
bg: mix(color2.bg, shades.bg[0]),
|
|
106
|
+
border: mix(color2.border, shades.border[0]),
|
|
107
|
+
fg: mix(color2.fg, shades.fg[0]),
|
|
108
|
+
code: {
|
|
109
|
+
bg: mix(color2.bg, shades.bg[1]),
|
|
110
|
+
fg: mix(color2.fg, shades.fg[2])
|
|
111
|
+
},
|
|
112
|
+
icon: mix(color2.fg, shades.fg[2]),
|
|
113
|
+
kbd: {
|
|
114
|
+
bg: mix(color2.bg, 0),
|
|
115
|
+
fg: mix(color2.fg, 0),
|
|
116
|
+
border: mix(color2.bg, 0)
|
|
117
|
+
},
|
|
118
|
+
link: {
|
|
119
|
+
fg: mix(color2.fg, shades.fg[2])
|
|
120
|
+
},
|
|
121
|
+
muted: {
|
|
122
|
+
bg: mix(color2.bg, shades.bg[1]),
|
|
123
|
+
fg: mix(color2.fg, shades.fg[2])
|
|
124
|
+
},
|
|
125
|
+
skeleton: cardColor.skeleton
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
function buildInputState(colorElement) {
|
|
129
|
+
return {
|
|
130
|
+
bg: colorElement.bg[0],
|
|
131
|
+
border: colorElement.bg[0],
|
|
132
|
+
fg: colorElement.fg[0],
|
|
133
|
+
muted: {
|
|
134
|
+
bg: colorElement.bg[0]
|
|
135
|
+
},
|
|
136
|
+
placeholder: colorElement.fg[0]
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
function v3_v2(theme_v3) {
|
|
140
|
+
return {
|
|
141
|
+
_version: 2,
|
|
142
|
+
avatar: theme_v3.avatar,
|
|
143
|
+
button: theme_v3.button,
|
|
144
|
+
card: theme_v3.card,
|
|
145
|
+
color: {
|
|
146
|
+
dark: {
|
|
147
|
+
transparent: themeColor_v3_v2({
|
|
148
|
+
color: theme_v3.color.dark.card.transparent,
|
|
149
|
+
dark: !0
|
|
150
|
+
// vars: vars.color.dark.transparent,
|
|
151
|
+
}),
|
|
152
|
+
default: themeColor_v3_v2({
|
|
153
|
+
color: theme_v3.color.dark.card.default,
|
|
154
|
+
dark: !0
|
|
155
|
+
// vars: vars.color.dark.default,
|
|
156
|
+
}),
|
|
157
|
+
neutral: themeColor_v3_v2({
|
|
158
|
+
color: theme_v3.color.dark.card.neutral,
|
|
159
|
+
dark: !0
|
|
160
|
+
// vars: vars.color.dark.neutral,
|
|
161
|
+
}),
|
|
162
|
+
primary: themeColor_v3_v2({
|
|
163
|
+
color: theme_v3.color.dark.card.primary,
|
|
164
|
+
dark: !0
|
|
165
|
+
// vars: vars.color.dark.primary,
|
|
166
|
+
}),
|
|
167
|
+
suggest: themeColor_v3_v2({
|
|
168
|
+
color: theme_v3.color.dark.card.suggest,
|
|
169
|
+
dark: !0
|
|
170
|
+
// vars: vars.color.dark.suggest,
|
|
171
|
+
}),
|
|
172
|
+
positive: themeColor_v3_v2({
|
|
173
|
+
color: theme_v3.color.dark.card.positive,
|
|
174
|
+
dark: !0
|
|
175
|
+
// vars: vars.color.dark.positive,
|
|
176
|
+
}),
|
|
177
|
+
caution: themeColor_v3_v2({
|
|
178
|
+
color: theme_v3.color.dark.card.caution,
|
|
179
|
+
dark: !0
|
|
180
|
+
// vars: vars.color.dark.caution,
|
|
181
|
+
}),
|
|
182
|
+
critical: themeColor_v3_v2({
|
|
183
|
+
color: theme_v3.color.dark.card.critical,
|
|
184
|
+
dark: !0
|
|
185
|
+
// vars: vars.color.dark.critical,
|
|
186
|
+
})
|
|
187
|
+
},
|
|
188
|
+
light: {
|
|
189
|
+
transparent: themeColor_v3_v2({
|
|
190
|
+
color: theme_v3.color.light.card.transparent,
|
|
191
|
+
dark: !1
|
|
192
|
+
// vars: vars.color.light.transparent,
|
|
193
|
+
}),
|
|
194
|
+
default: themeColor_v3_v2({
|
|
195
|
+
color: theme_v3.color.light.card.default,
|
|
196
|
+
dark: !1
|
|
197
|
+
// vars: vars.color.light.default,
|
|
198
|
+
}),
|
|
199
|
+
neutral: themeColor_v3_v2({
|
|
200
|
+
color: theme_v3.color.light.card.neutral,
|
|
201
|
+
dark: !1
|
|
202
|
+
// vars: vars.color.light.neutral,
|
|
203
|
+
}),
|
|
204
|
+
primary: themeColor_v3_v2({
|
|
205
|
+
color: theme_v3.color.light.card.primary,
|
|
206
|
+
dark: !1
|
|
207
|
+
// vars: vars.color.light.primary,
|
|
208
|
+
}),
|
|
209
|
+
suggest: themeColor_v3_v2({
|
|
210
|
+
color: theme_v3.color.light.card.suggest,
|
|
211
|
+
dark: !1
|
|
212
|
+
// vars: vars.color.light.suggest,
|
|
213
|
+
}),
|
|
214
|
+
positive: themeColor_v3_v2({
|
|
215
|
+
color: theme_v3.color.light.card.positive,
|
|
216
|
+
dark: !1
|
|
217
|
+
// vars: vars.color.light.positive,
|
|
218
|
+
}),
|
|
219
|
+
caution: themeColor_v3_v2({
|
|
220
|
+
color: theme_v3.color.light.card.caution,
|
|
221
|
+
dark: !1
|
|
222
|
+
// vars: vars.color.light.caution,
|
|
223
|
+
}),
|
|
224
|
+
critical: themeColor_v3_v2({
|
|
225
|
+
color: theme_v3.color.light.card.critical,
|
|
226
|
+
dark: !1
|
|
227
|
+
// vars: vars.color.light.critical,
|
|
228
|
+
})
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
container: theme_v3.container,
|
|
232
|
+
font: theme_v3.font,
|
|
233
|
+
input: theme_v3.input,
|
|
234
|
+
layer: theme_v3.layer,
|
|
235
|
+
media: theme_v3.media,
|
|
236
|
+
radius: theme_v3.radius,
|
|
237
|
+
shadow: theme_v3.shadow,
|
|
238
|
+
space: theme_v3.space
|
|
239
|
+
};
|
|
240
|
+
}
|
|
241
|
+
exports.THEME_COLOR_AVATAR_COLORS = THEME_COLOR_AVATAR_COLORS;
|
|
242
|
+
exports.THEME_COLOR_BLEND_MODES = THEME_COLOR_BLEND_MODES;
|
|
243
|
+
exports.THEME_COLOR_BUTTON_MODES = THEME_COLOR_BUTTON_MODES;
|
|
244
|
+
exports.THEME_COLOR_CARD_TONES = THEME_COLOR_CARD_TONES;
|
|
245
|
+
exports.THEME_COLOR_INPUT_MODES = THEME_COLOR_INPUT_MODES;
|
|
246
|
+
exports.THEME_COLOR_INPUT_STATES = THEME_COLOR_INPUT_STATES;
|
|
247
|
+
exports.THEME_COLOR_SCHEMES = THEME_COLOR_SCHEMES;
|
|
248
|
+
exports.THEME_COLOR_STATES = THEME_COLOR_STATES;
|
|
249
|
+
exports.THEME_COLOR_STATE_TONES = THEME_COLOR_STATE_TONES;
|
|
250
|
+
exports.v3_v2 = v3_v2;
|
|
251
|
+
//# sourceMappingURL=v3_v2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v3_v2.js","sources":["../../src/theme/v2/color/_constants.ts","../../src/theme/versioning/themeColor_v3_v2.ts","../../src/theme/versioning/v3_v2.ts"],"sourcesContent":["import {COLOR_HUES} from '@sanity/color'\n\n/** @public */\nexport const THEME_COLOR_SCHEMES = ['light', 'dark'] as const\n\n/** @public */\nexport const THEME_COLOR_BLEND_MODES = ['multiply', 'screen'] as const\n\n/** @public */\nexport const THEME_COLOR_CARD_TONES = [\n 'transparent',\n 'default',\n 'neutral',\n 'primary', // deprecated\n 'suggest',\n 'positive',\n 'caution',\n 'critical',\n] as const\n\n/** @public */\nexport const THEME_COLOR_STATE_TONES = [\n 'default',\n 'neutral',\n 'primary', // deprecated\n 'suggest',\n 'positive',\n 'caution',\n 'critical',\n] as const\n\n/** @public */\nexport const THEME_COLOR_STATES = ['enabled', 'hovered', 'pressed', 'selected', 'disabled'] as const\n\n/** @public */\nexport const THEME_COLOR_BUTTON_MODES = ['default', 'ghost', 'bleed'] as const\n\n/** @public */\nexport const THEME_COLOR_INPUT_MODES = ['default', 'invalid'] as const\n\n/** @public */\nexport const THEME_COLOR_INPUT_STATES = ['enabled', 'hovered', 'readOnly', 'disabled'] as const\n\n/** @public */\nexport const THEME_COLOR_AVATAR_COLORS = COLOR_HUES\n","import {\n THEME_COLOR_BUTTON_MODES,\n THEME_COLOR_INPUT_MODES,\n THEME_COLOR_INPUT_STATES,\n THEME_COLOR_STATE_TONES,\n THEME_COLOR_STATES,\n ThemeColorBadge_v2,\n ThemeColorButton_v2,\n ThemeColorButtonMode_v2,\n ThemeColorButtonTone_v2,\n ThemeColorCard_v2,\n ThemeColorInput_v2,\n ThemeColorInputMode_v2,\n ThemeColorInputState_v2,\n ThemeColorSelectable_v2,\n ThemeColorSelectableTone_v2,\n ThemeColorState_v2,\n ThemeColorStateKey,\n ThemeColorStateToneKey,\n} from '../v2'\nimport {ThemeColorCard_v3, ThemeColorElement, ThemeColorVariantKey} from '../v3'\n\nexport function themeColor_v3_v2(options: {\n color: ThemeColorCard_v3\n dark: boolean\n}): ThemeColorCard_v2 {\n const {color, dark} = options\n\n return {\n _blend: 'screen',\n _dark: dark,\n ...buildColorState({\n cardColor: color,\n state: 'enabled',\n tone: 'default',\n variant: 'tinted',\n }),\n backdrop: color.backdrop,\n button: THEME_COLOR_BUTTON_MODES.reduce<ThemeColorButton_v2>((modes, mode) => {\n modes[mode] = THEME_COLOR_STATE_TONES.reduce<ThemeColorButtonMode_v2>((tones, tone) => {\n tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorButtonTone_v2>((states, state) => {\n states[state] = buildColorState({\n cardColor: color,\n state,\n tone,\n variant: mode === 'default' ? 'solid' : 'tinted',\n })\n\n if (mode === 'bleed') {\n states[state].border = 'transparent'\n }\n\n return states\n }, {} as ThemeColorButtonTone_v2)\n\n return tones\n }, {} as ThemeColorButtonMode_v2)\n\n return modes\n }, {} as ThemeColorButton_v2),\n focusRing: color.focusRing,\n input: THEME_COLOR_INPUT_MODES.reduce<ThemeColorInput_v2>((modes, mode) => {\n modes[mode] = THEME_COLOR_INPUT_STATES.reduce<ThemeColorInputMode_v2>((states, state) => {\n states[state] = buildInputState(color.variant.tinted.default)\n\n return states\n }, {} as ThemeColorInputMode_v2)\n\n return modes\n }, {} as ThemeColorInput_v2),\n selectable: THEME_COLOR_STATE_TONES.reduce<ThemeColorSelectable_v2>((tones, tone) => {\n tones[tone] = THEME_COLOR_STATES.reduce<ThemeColorSelectableTone_v2>((states, state) => {\n states[state] = buildColorState({\n cardColor: color,\n // cardVars: vars,\n state,\n tone,\n variant: 'tinted',\n })\n\n return states\n }, {} as ThemeColorSelectableTone_v2)\n\n return tones\n }, {} as ThemeColorSelectable_v2),\n shadow: color.shadow,\n syntax: color.token,\n }\n}\n\ntype ElementTokenIndex = 0 | 1 | 2 | 3 | 4\n\nconst stateShades: Record<\n ThemeColorStateKey,\n {\n bg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n border: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n fg: [ElementTokenIndex, ElementTokenIndex, ElementTokenIndex]\n }\n> = {\n enabled: {\n bg: [0, 1, 2],\n border: [0, 1, 2],\n fg: [0, 1, 2],\n },\n hovered: {\n bg: [1, 2, 3],\n border: [1, 2, 3],\n fg: [1, 2, 3],\n },\n pressed: {\n bg: [2, 3, 4],\n border: [2, 3, 4],\n fg: [2, 3, 4],\n },\n selected: {\n bg: [3, 4, 4],\n border: [3, 4, 4],\n fg: [3, 4, 4],\n },\n disabled: {\n bg: [4, 4, 4],\n border: [4, 4, 4],\n fg: [4, 4, 4],\n },\n}\n\nfunction mix(\n tokens: {\n 0: string\n 4: string\n },\n index: ElementTokenIndex,\n) {\n if (index === 0) {\n return tokens[0]\n }\n\n if (index === 4) {\n return tokens[4]\n }\n\n return `color-mix(in oklch, ${tokens[0]}, ${tokens[4]} ${index * 25}%)`\n}\n\nfunction buildColorState(options: {\n cardColor: ThemeColorCard_v3\n state: ThemeColorStateKey\n tone: ThemeColorStateToneKey\n variant: ThemeColorVariantKey\n}): ThemeColorState_v2 {\n const {cardColor, state, tone, variant} = options\n const color = cardColor.variant[variant][tone]\n\n const shades = stateShades[state]\n\n return {\n accent: {\n fg: color.fg[4],\n },\n avatar: cardColor.avatar,\n badge: THEME_COLOR_STATE_TONES.reduce<ThemeColorBadge_v2>((tones, tone) => {\n tones[tone] = {\n bg: mix(color.bg, 1),\n fg: mix(color.fg, 1),\n dot: mix(color.fg, 3),\n icon: mix(color.fg, 3),\n }\n\n return tones\n }, {} as ThemeColorBadge_v2),\n bg: mix(color.bg, shades.bg[0]),\n border: mix(color.border, shades.border[0]),\n fg: mix(color.fg, shades.fg[0]),\n code: {\n bg: mix(color.bg, shades.bg[1]),\n fg: mix(color.fg, shades.fg[2]),\n },\n icon: mix(color.fg, shades.fg[2]),\n kbd: {\n bg: mix(color.bg, 0),\n fg: mix(color.fg, 0),\n border: mix(color.bg, 0),\n },\n link: {\n fg: mix(color.fg, shades.fg[2]),\n },\n muted: {\n bg: mix(color.bg, shades.bg[1]),\n fg: mix(color.fg, shades.fg[2]),\n },\n skeleton: cardColor.skeleton,\n }\n}\n\nfunction buildInputState(colorElement: ThemeColorElement): ThemeColorInputState_v2 {\n return {\n bg: colorElement.bg[0],\n border: colorElement.bg[0],\n fg: colorElement.fg[0],\n muted: {\n bg: colorElement.bg[0],\n },\n placeholder: colorElement.fg[0],\n }\n}\n","// import {vars} from '@sanity/ui/css'\n\nimport {RootTheme_v2} from '../v2'\nimport {Theme_v3} from '../v3'\nimport {themeColor_v3_v2} from './themeColor_v3_v2'\n\nexport function v3_v2(theme_v3: Theme_v3): RootTheme_v2 {\n return {\n _version: 2,\n avatar: theme_v3.avatar,\n button: theme_v3.button,\n card: theme_v3.card,\n color: {\n dark: {\n transparent: themeColor_v3_v2({\n color: theme_v3.color.dark.card.transparent,\n dark: true,\n // vars: vars.color.dark.transparent,\n }),\n default: themeColor_v3_v2({\n color: theme_v3.color.dark.card.default,\n dark: true,\n // vars: vars.color.dark.default,\n }),\n neutral: themeColor_v3_v2({\n color: theme_v3.color.dark.card.neutral,\n dark: true,\n // vars: vars.color.dark.neutral,\n }),\n primary: themeColor_v3_v2({\n color: theme_v3.color.dark.card.primary,\n dark: true,\n // vars: vars.color.dark.primary,\n }),\n suggest: themeColor_v3_v2({\n color: theme_v3.color.dark.card.suggest,\n dark: true,\n // vars: vars.color.dark.suggest,\n }),\n positive: themeColor_v3_v2({\n color: theme_v3.color.dark.card.positive,\n dark: true,\n // vars: vars.color.dark.positive,\n }),\n caution: themeColor_v3_v2({\n color: theme_v3.color.dark.card.caution,\n dark: true,\n // vars: vars.color.dark.caution,\n }),\n critical: themeColor_v3_v2({\n color: theme_v3.color.dark.card.critical,\n dark: true,\n // vars: vars.color.dark.critical,\n }),\n },\n light: {\n transparent: themeColor_v3_v2({\n color: theme_v3.color.light.card.transparent,\n dark: false,\n // vars: vars.color.light.transparent,\n }),\n default: themeColor_v3_v2({\n color: theme_v3.color.light.card.default,\n dark: false,\n // vars: vars.color.light.default,\n }),\n neutral: themeColor_v3_v2({\n color: theme_v3.color.light.card.neutral,\n dark: false,\n // vars: vars.color.light.neutral,\n }),\n primary: themeColor_v3_v2({\n color: theme_v3.color.light.card.primary,\n dark: false,\n // vars: vars.color.light.primary,\n }),\n suggest: themeColor_v3_v2({\n color: theme_v3.color.light.card.suggest,\n dark: false,\n // vars: vars.color.light.suggest,\n }),\n positive: themeColor_v3_v2({\n color: theme_v3.color.light.card.positive,\n dark: false,\n // vars: vars.color.light.positive,\n }),\n caution: themeColor_v3_v2({\n color: theme_v3.color.light.card.caution,\n dark: false,\n // vars: vars.color.light.caution,\n }),\n critical: themeColor_v3_v2({\n color: theme_v3.color.light.card.critical,\n dark: false,\n // vars: vars.color.light.critical,\n }),\n },\n },\n container: theme_v3.container,\n font: theme_v3.font,\n input: theme_v3.input,\n layer: theme_v3.layer,\n media: theme_v3.media,\n radius: theme_v3.radius,\n shadow: theme_v3.shadow,\n space: theme_v3.space,\n }\n}\n"],"names":["THEME_COLOR_SCHEMES","THEME_COLOR_BLEND_MODES","THEME_COLOR_CARD_TONES","THEME_COLOR_STATE_TONES","THEME_COLOR_STATES","THEME_COLOR_BUTTON_MODES","THEME_COLOR_INPUT_MODES","THEME_COLOR_INPUT_STATES","THEME_COLOR_AVATAR_COLORS","COLOR_HUES","themeColor_v3_v2","options","color","dark","_blend","_dark","buildColorState","cardColor","state","tone","variant","backdrop","button","reduce","modes","mode","tones","states","border","focusRing","input","buildInputState","tinted","default","selectable","shadow","syntax","token","stateShades","enabled","bg","fg","hovered","pressed","selected","disabled","mix","tokens","index","shades","accent","avatar","badge","dot","icon","code","kbd","link","muted","skeleton","colorElement","placeholder","v3_v2","theme_v3","_version","card","transparent","neutral","primary","suggest","positive","caution","critical","light","container","font","layer","media","radius","space"],"mappings":"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"}
|