@sanity/ui 3.3.1 → 3.3.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/dist/_visual-editing.d.mts +2 -1126
- package/dist/_visual-editing.d.ts +2 -1126
- package/dist/_visual-editing.js +3 -31
- package/dist/_visual-editing.mjs +2 -31
- package/dist/index.d.mts +555 -2769
- package/dist/index.d.mts.map +1 -0
- package/dist/index.d.ts +555 -2769
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2982 -1934
- package/dist/index.mjs +2950 -1903
- package/dist/index.mjs.map +1 -1
- package/dist/refractor.js +16 -0
- package/dist/refractor.mjs +21 -0
- package/dist/refractor.mjs.map +1 -0
- package/dist/tabList.js +3804 -0
- package/dist/tabList.mjs +3355 -0
- package/dist/tabList.mjs.map +1 -0
- package/dist/theme.d.mts +927 -1227
- package/dist/theme.d.mts.map +1 -0
- package/dist/theme.d.ts +927 -1227
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +3 -4127
- package/dist/theme.mjs +2 -4127
- package/dist/theme2.d.mts +2 -0
- package/dist/theme2.d.ts +2 -0
- package/dist/theme2.js +4104 -0
- package/dist/theme2.mjs +3851 -0
- package/dist/theme2.mjs.map +1 -0
- package/dist/useTheme.d.mts +1451 -0
- package/dist/useTheme.d.mts.map +1 -0
- package/dist/useTheme.d.ts +1451 -0
- package/dist/useTheme.d.ts.map +1 -0
- package/exports/_visual-editing.ts +1 -0
- package/package.json +49 -102
- package/src/core/_compat.ts +30 -0
- package/src/core/components/autocomplete/autocomplete.tsx +8 -0
- package/src/core/components/autocomplete/autocompleteOption.tsx +1 -0
- package/src/core/components/breadcrumbs/breadcrumbs.test.tsx +8 -5
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +3 -0
- package/src/core/components/dialog/dialog.tsx +5 -2
- package/src/core/components/hotkeys/hotkeys.test.tsx +10 -5
- package/src/core/components/hotkeys/hotkeys.tsx +2 -0
- package/src/core/components/menu/menu.spacing.test.tsx +12 -7
- package/src/core/components/menu/menu.test.tsx +9 -6
- package/src/core/components/menu/menu.tsx +4 -2
- package/src/core/components/menu/menuButton.tsx +8 -0
- package/src/core/components/menu/menuDivider.ts +1 -0
- package/src/core/components/menu/menuGroup.spacing.test.tsx +9 -6
- package/src/core/components/menu/menuGroup.tsx +6 -2
- package/src/core/components/menu/menuItem.spacing.test.tsx +8 -5
- package/src/core/components/menu/menuItem.tsx +4 -0
- package/src/core/components/menu/useMenuController.ts +2 -0
- package/src/core/components/skeleton/skeleton.tsx +1 -0
- package/src/core/components/tab/tab.tsx +1 -0
- package/src/core/components/tab/tabList.test.tsx +7 -5
- package/src/core/components/tab/tabList.tsx +1 -0
- package/src/core/components/toast/toast.test.tsx +9 -4
- package/src/core/components/toast/toast.tsx +1 -0
- package/src/core/components/toast/toastLayer.tsx +1 -0
- package/src/core/components/tree/tree.test.tsx +10 -5
- package/src/core/components/tree/tree.tsx +2 -0
- package/src/core/components/tree/treeGroup.tsx +1 -0
- package/src/core/components/tree/treeItem.test.tsx +10 -5
- package/src/core/components/tree/treeItem.tsx +1 -0
- package/src/core/hooks/index.ts +1 -0
- package/src/core/hooks/useClickOutside.test.tsx +43 -15
- package/src/core/hooks/useClickOutside.ts +1 -1
- package/src/core/hooks/useClickOutsideEvent.test.tsx +8 -4
- package/src/core/hooks/useDelayed.test.ts +9 -8
- package/src/core/hooks/useElementRect/useElementRect.ts +1 -0
- package/src/core/hooks/useForwardedRef.ts +1 -0
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +2 -1
- package/src/core/hooks/usePrefersDark.hydration.test.tsx +7 -5
- package/src/core/hooks/usePrefersDark.test.tsx +3 -1
- package/src/core/hooks/usePrefersReducedMotion.hydration.test.tsx +7 -5
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +3 -1
- package/src/core/lib/createGlobalScopedContext.ts +1 -0
- package/src/core/lib/globalScope.ts +1 -0
- package/src/core/observers/elementSizeObserver.ts +1 -0
- package/src/core/primitives/avatar/avatar.tsx +2 -2
- package/src/core/primitives/avatar/avatarStack.tsx +1 -0
- package/src/core/primitives/badge/badge.test.tsx +3 -2
- package/src/core/primitives/badge/badge.tsx +3 -1
- package/src/core/primitives/box/box.test.tsx +18 -5
- package/src/core/primitives/box/box.tsx +9 -1
- package/src/core/primitives/button/button.test.tsx +10 -6
- package/src/core/primitives/button/button.tsx +4 -0
- package/src/core/primitives/button/styles.ts +1 -0
- package/src/core/primitives/card/card.tsx +2 -5
- package/src/core/primitives/card/types.ts +1 -0
- package/src/core/primitives/code/code.tsx +1 -0
- package/src/core/primitives/code/refractor.tsx +2 -0
- package/src/core/primitives/container/container.tsx +1 -0
- package/src/core/primitives/flex/flex.tsx +2 -3
- package/src/core/primitives/grid/grid.test.tsx +11 -5
- package/src/core/primitives/grid/grid.tsx +3 -0
- package/src/core/primitives/heading/heading.tsx +1 -0
- package/src/core/primitives/inline/inline.test.tsx +9 -5
- package/src/core/primitives/inline/inline.tsx +3 -0
- package/src/core/primitives/kbd/kbd.tsx +5 -1
- package/src/core/primitives/label/label.tsx +1 -0
- package/src/core/primitives/popover/popover.tsx +5 -4
- package/src/core/primitives/popover/popoverCard.tsx +1 -0
- package/src/core/primitives/popover/types.ts +0 -1
- package/src/core/primitives/select/select.test.tsx +9 -5
- package/src/core/primitives/select/select.tsx +1 -0
- package/src/core/primitives/stack/stack.test.tsx +9 -5
- package/src/core/primitives/stack/stack.tsx +2 -0
- package/src/core/primitives/stack/styles.ts +1 -0
- package/src/core/primitives/text/text.tsx +1 -0
- package/src/core/primitives/textInput/textInput.test.tsx +9 -5
- package/src/core/primitives/textInput/textInput.tsx +3 -0
- package/src/core/primitives/tooltip/tooltip.test.tsx +82 -49
- package/src/core/primitives/tooltip/tooltip.tsx +3 -1
- package/src/core/primitives/tooltip/tooltipCard.tsx +1 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts +2 -0
- package/src/core/styles/flex/types.ts +0 -1
- package/src/core/styles/font/responsiveFont.ts +0 -3
- package/src/core/styles/font/types.ts +1 -3
- package/src/core/styles/grid/gridStyle.ts +1 -0
- package/src/core/styles/margin/marginStyle.ts +1 -0
- package/src/core/styles/margin/marginsStyle.test.ts +2 -1
- package/src/core/styles/padding/paddingStyle.test.ts +2 -1
- package/src/core/styles/padding/paddingStyle.ts +1 -0
- package/src/core/theme/theme.test.tsx +7 -3
- package/src/core/theme/useRootTheme.ts +1 -0
- package/src/core/theme/useTheme.ts +2 -0
- package/src/core/utils/arrow/arrow.tsx +1 -0
- package/src/core/utils/boundaryElement/boundaryElement.test.tsx +9 -4
- package/src/core/utils/conditionalWrapper/conditionalWrapper.tsx +1 -0
- package/src/core/utils/getElementRef.ts +5 -0
- package/src/core/utils/layer/getLayerContext.test.ts +2 -0
- package/src/core/utils/layer/layer.test.tsx +9 -4
- package/src/core/utils/layer/layer.tsx +1 -0
- package/src/core/utils/layer/useLayer.ts +2 -0
- package/src/core/utils/portal/portal.test.tsx +9 -4
- package/src/core/utils/portal/portalProvider.tsx +1 -0
- package/src/core/utils/virtualList/virtualList.tsx +2 -1
- package/src/theme/build/_deprecated/color/_selectable/createSelectableTones.ts +10 -0
- package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +4 -0
- package/src/theme/build/_deprecated/color/button/createButtonModes.ts +5 -0
- package/src/theme/build/_deprecated/color/button/createButtonTones.ts +5 -0
- package/src/theme/build/_deprecated/color/card/createCardStates.ts +6 -0
- package/src/theme/build/_deprecated/color/color.test.ts +5 -1
- package/src/theme/build/_deprecated/color/defaults.ts +1 -0
- package/src/theme/build/_deprecated/color/factory.ts +36 -0
- package/src/theme/build/_deprecated/color/input/createInputModes.ts +5 -0
- package/src/theme/build/_deprecated/color/muted/createMuted.ts +4 -0
- package/src/theme/build/_deprecated/color/spot/createSpot.ts +3 -0
- package/src/theme/build/buildColorTheme.test.ts +2 -0
- package/src/theme/build/buildColorTheme.ts +8 -0
- package/src/theme/build/buildTheme.test.ts +2 -0
- package/src/theme/build/lib/color-fns/color-fns.test.ts +3 -1
- package/src/theme/build/merge.ts +5 -0
- package/src/theme/build/mixThemeColor.test.ts +2 -0
- package/src/theme/build/renderColorTheme.ts +6 -0
- package/src/theme/build/renderColorValue.ts +0 -2
- package/src/theme/build/resolveColorTokens.ts +6 -0
- package/src/theme/build/theme.test.ts +2 -0
- package/src/theme/config/helpers.ts +5 -0
- package/src/theme/config/system.ts +2 -0
- package/src/theme/config/tokens/color/types.ts +6 -4
- package/src/theme/config/tokens/parseTokenKey.test.ts +2 -0
- package/src/theme/config/tokens/parseTokenValue.test.ts +2 -0
- package/src/theme/config/tokens/parseTokenValue.ts +1 -0
- package/src/theme/getScopedTheme.ts +6 -1
- package/src/theme/system/color/_helpers.ts +4 -0
- package/src/theme/system/theme.ts +4 -0
- package/src/theme/system/v0/color/_system.ts +1 -0
- package/src/theme/system/v0/color/button.ts +14 -0
- package/src/theme/system/v0/color/card.ts +6 -0
- package/src/theme/system/v0/color/color.ts +11 -0
- package/src/theme/system/v0/color/input.ts +6 -0
- package/src/theme/system/v0/color/muted.ts +11 -0
- package/src/theme/system/v0/color/selectable.ts +11 -0
- package/src/theme/system/v0/color/solid.ts +11 -0
- package/src/theme/system/v0/color/spot.ts +1 -0
- package/src/theme/versioning/getTheme_v2.ts +15 -0
- package/src/theme/versioning/themeColor_v0_v2.ts +7 -0
- package/src/theme/versioning/themeColor_v2_v2_9.ts +1 -0
- package/src/theme/versioning/v0_v2.ts +13 -1
- package/src/theme/versioning/v2_v0.ts +18 -0
- package/dist/_chunks-cjs/_visual-editing.js +0 -5899
- package/dist/_chunks-cjs/_visual-editing.js.map +0 -1
- package/dist/_chunks-cjs/refractor.js +0 -23
- package/dist/_chunks-cjs/refractor.js.map +0 -1
- package/dist/_chunks-es/_visual-editing.mjs +0 -5905
- package/dist/_chunks-es/_visual-editing.mjs.map +0 -1
- package/dist/_chunks-es/refractor.mjs +0 -26
- package/dist/_chunks-es/refractor.mjs.map +0 -1
- package/dist/_visual-editing.js.map +0 -1
- package/dist/_visual-editing.mjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/theme.js.map +0 -1
- package/dist/theme.mjs.map +0 -1
- package/src/core/__workshop__/constants.ts +0 -293
- package/src/core/components/autocomplete/__mocks__/apiStore.ts +0 -49
- package/src/core/components/autocomplete/__mocks__/countries.ts +0 -245
- package/src/core/components/autocomplete/__workshop__/async.tsx +0 -156
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +0 -137
- package/src/core/components/autocomplete/__workshop__/custom.tsx +0 -89
- package/src/core/components/autocomplete/__workshop__/example.tsx +0 -79
- package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +0 -36
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +0 -294
- package/src/core/components/autocomplete/__workshop__/index.ts +0 -39
- package/src/core/components/autocomplete/__workshop__/types.ts +0 -4
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +0 -62
- package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -14
- package/src/core/components/dialog/__workshop__/activate.tsx +0 -134
- package/src/core/components/dialog/__workshop__/autoFocus.tsx +0 -29
- package/src/core/components/dialog/__workshop__/index.ts +0 -19
- package/src/core/components/dialog/__workshop__/layering.tsx +0 -41
- package/src/core/components/dialog/__workshop__/nested.tsx +0 -72
- package/src/core/components/dialog/__workshop__/onScroll.tsx +0 -39
- package/src/core/components/dialog/__workshop__/panes.tsx +0 -82
- package/src/core/components/dialog/__workshop__/position.tsx +0 -30
- package/src/core/components/dialog/__workshop__/props.tsx +0 -75
- package/src/core/components/dialog/__workshop__/provider.tsx +0 -11
- package/src/core/components/dialog/__workshop__/wrapped.tsx +0 -76
- package/src/core/components/hotkeys/__workshop__/index.ts +0 -14
- package/src/core/components/hotkeys/__workshop__/plain.tsx +0 -9
- package/src/core/components/menu/__workshop__/asComponent.tsx +0 -45
- package/src/core/components/menu/__workshop__/avatarMenu.tsx +0 -51
- package/src/core/components/menu/__workshop__/closableMenuButton.tsx +0 -46
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +0 -134
- package/src/core/components/menu/__workshop__/customMenuItem.tsx +0 -45
- package/src/core/components/menu/__workshop__/customSelectedState.tsx +0 -39
- package/src/core/components/menu/__workshop__/disableFocusOnClose.tsx +0 -40
- package/src/core/components/menu/__workshop__/groups.tsx +0 -156
- package/src/core/components/menu/__workshop__/index.ts +0 -89
- package/src/core/components/menu/__workshop__/menuButton.tsx +0 -80
- package/src/core/components/menu/__workshop__/menuGroupRight.tsx +0 -65
- package/src/core/components/menu/__workshop__/nestedMenu.tsx +0 -22
- package/src/core/components/menu/__workshop__/onCloseMenuButton.tsx +0 -41
- package/src/core/components/menu/__workshop__/selectedItem.tsx +0 -69
- package/src/core/components/menu/__workshop__/shouldFocus.tsx +0 -47
- package/src/core/components/menu/__workshop__/tones.tsx +0 -25
- package/src/core/components/menu/__workshop__/withoutArrow.tsx +0 -32
- package/src/core/components/skeleton/__workshop__/delay.tsx +0 -70
- package/src/core/components/skeleton/__workshop__/index.ts +0 -11
- package/src/core/components/skeleton/__workshop__/skeleton.tsx +0 -64
- package/src/core/components/tab/__workshop__/example.tsx +0 -79
- package/src/core/components/tab/__workshop__/index.ts +0 -14
- package/src/core/components/toast/__workshop__/hook.tsx +0 -71
- package/src/core/components/toast/__workshop__/index.ts +0 -19
- package/src/core/components/toast/__workshop__/toast.tsx +0 -26
- package/src/core/components/tree/__workshop__/basic.perf.ts +0 -19
- package/src/core/components/tree/__workshop__/basic.tsx +0 -105
- package/src/core/components/tree/__workshop__/index.ts +0 -21
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +0 -84
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +0 -32
- package/src/core/hooks/useElementRect/__workshop__/index.ts +0 -14
- package/src/core/hooks/useMediaIndex/__workshop__/index.ts +0 -14
- package/src/core/hooks/useMediaIndex/__workshop__/test.tsx +0 -14
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +0 -14
- package/src/core/primitives/avatar/__workshop__/index.ts +0 -29
- package/src/core/primitives/avatar/__workshop__/stack.tsx +0 -25
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +0 -63
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +0 -70
- package/src/core/primitives/badge/__workshop__/index.ts +0 -19
- package/src/core/primitives/badge/__workshop__/props.tsx +0 -30
- package/src/core/primitives/badge/__workshop__/tones.tsx +0 -21
- package/src/core/primitives/box/__workshop__/asComponent.tsx +0 -31
- package/src/core/primitives/box/__workshop__/index.ts +0 -24
- package/src/core/primitives/box/__workshop__/props.tsx +0 -20
- package/src/core/primitives/box/__workshop__/responsive.tsx +0 -20
- package/src/core/primitives/button/__workshop__/custom.tsx +0 -51
- package/src/core/primitives/button/__workshop__/customIcons.tsx +0 -30
- package/src/core/primitives/button/__workshop__/disabled.tsx +0 -74
- package/src/core/primitives/button/__workshop__/index.ts +0 -59
- package/src/core/primitives/button/__workshop__/mixedChildren.tsx +0 -12
- package/src/core/primitives/button/__workshop__/props.tsx +0 -55
- package/src/core/primitives/button/__workshop__/sanityUploadButton.tsx +0 -36
- package/src/core/primitives/button/__workshop__/stacked.tsx +0 -58
- package/src/core/primitives/button/__workshop__/styled1.tsx +0 -17
- package/src/core/primitives/button/__workshop__/styled2.tsx +0 -19
- package/src/core/primitives/button/__workshop__/uploadButton.tsx +0 -28
- package/src/core/primitives/card/__workshop__/allTones.tsx +0 -25
- package/src/core/primitives/card/__workshop__/asButton.tsx +0 -107
- package/src/core/primitives/card/__workshop__/asComponent.tsx +0 -27
- package/src/core/primitives/card/__workshop__/checkered.tsx +0 -26
- package/src/core/primitives/card/__workshop__/index.ts +0 -18
- package/src/core/primitives/card/__workshop__/interactive.tsx +0 -30
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +0 -80
- package/src/core/primitives/card/__workshop__/props.tsx +0 -53
- package/src/core/primitives/card/__workshop__/selected.tsx +0 -94
- package/src/core/primitives/card/__workshop__/styled.tsx +0 -14
- package/src/core/primitives/checkbox/__workshop__/example.tsx +0 -25
- package/src/core/primitives/checkbox/__workshop__/index.ts +0 -13
- package/src/core/primitives/checkbox/__workshop__/props.tsx +0 -33
- package/src/core/primitives/checkbox/__workshop__/readOnly.tsx +0 -16
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +0 -28
- package/src/core/primitives/code/__workshop__/index.ts +0 -19
- package/src/core/primitives/code/__workshop__/opticalAlignment.tsx +0 -48
- package/src/core/primitives/code/__workshop__/props.tsx +0 -21
- package/src/core/primitives/container/__workshop__/example.tsx +0 -20
- package/src/core/primitives/container/__workshop__/index.ts +0 -8
- package/src/core/primitives/flex/__workshop__/example.tsx +0 -34
- package/src/core/primitives/flex/__workshop__/gap.tsx +0 -25
- package/src/core/primitives/flex/__workshop__/index.ts +0 -11
- package/src/core/primitives/grid/__workshop__/index.ts +0 -10
- package/src/core/primitives/grid/__workshop__/responsive.tsx +0 -54
- package/src/core/primitives/heading/__workshop__/index.ts +0 -19
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +0 -54
- package/src/core/primitives/heading/__workshop__/plain.tsx +0 -32
- package/src/core/primitives/inline/__workshop__/index.ts +0 -8
- package/src/core/primitives/inline/__workshop__/plain.tsx +0 -27
- package/src/core/primitives/kbd/__workshop__/index.ts +0 -8
- package/src/core/primitives/kbd/__workshop__/plain.tsx +0 -9
- package/src/core/primitives/label/__workshop__/index.ts +0 -19
- package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +0 -48
- package/src/core/primitives/label/__workshop__/plain.tsx +0 -24
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +0 -77
- package/src/core/primitives/popover/__workshop__/MarginsStory.tsx +0 -31
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +0 -32
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +0 -11
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +0 -71
- package/src/core/primitives/popover/__workshop__/RecursiveStory.tsx +0 -71
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +0 -89
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +0 -97
- package/src/core/primitives/popover/__workshop__/index.ts +0 -49
- package/src/core/primitives/radio/__workshop__/example.tsx +0 -63
- package/src/core/primitives/radio/__workshop__/index.ts +0 -11
- package/src/core/primitives/radio/__workshop__/plain.tsx +0 -28
- package/src/core/primitives/select/__workshop__/index.ts +0 -11
- package/src/core/primitives/select/__workshop__/plain.tsx +0 -27
- package/src/core/primitives/select/__workshop__/readOnly.tsx +0 -23
- package/src/core/primitives/spinner/__workshop__/Props.tsx +0 -15
- package/src/core/primitives/spinner/__workshop__/index.ts +0 -14
- package/src/core/primitives/stack/__workshop__/index.ts +0 -14
- package/src/core/primitives/stack/__workshop__/plain.tsx +0 -32
- package/src/core/primitives/switch/__workshop__/example.tsx +0 -23
- package/src/core/primitives/switch/__workshop__/index.ts +0 -11
- package/src/core/primitives/switch/__workshop__/props.tsx +0 -21
- package/src/core/primitives/text/__workshop__/colored.tsx +0 -30
- package/src/core/primitives/text/__workshop__/example.tsx +0 -39
- package/src/core/primitives/text/__workshop__/index.ts +0 -24
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +0 -48
- package/src/core/primitives/textArea/__workshop__/index.ts +0 -14
- package/src/core/primitives/textArea/__workshop__/plain.tsx +0 -50
- package/src/core/primitives/textInput/__workshop__/clearButton.tsx +0 -30
- package/src/core/primitives/textInput/__workshop__/customValidity.tsx +0 -17
- package/src/core/primitives/textInput/__workshop__/index.ts +0 -44
- package/src/core/primitives/textInput/__workshop__/plain.tsx +0 -98
- package/src/core/primitives/textInput/__workshop__/readOnly.tsx +0 -9
- package/src/core/primitives/textInput/__workshop__/states.tsx +0 -53
- package/src/core/primitives/textInput/__workshop__/tones.tsx +0 -277
- package/src/core/primitives/textInput/__workshop__/typed.tsx +0 -23
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +0 -102
- package/src/core/primitives/tooltip/__workshop__/index.ts +0 -29
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +0 -74
- package/src/core/primitives/tooltip/__workshop__/props.tsx +0 -107
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +0 -86
- 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 -465
- package/src/core/theme/__workshop__/canvas.tsx +0 -352
- package/src/core/theme/__workshop__/color.tsx +0 -62
- package/src/core/theme/__workshop__/debug/story.tsx +0 -408
- 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__/index.ts +0 -14
- package/src/core/utils/boundaryElement/__workshop__/plain.tsx +0 -19
- package/src/core/utils/elementQuery/__workshop__/customMedia.tsx +0 -30
- package/src/core/utils/elementQuery/__workshop__/index.ts +0 -14
- package/src/core/utils/layer/__workshop__/_debug.tsx +0 -17
- package/src/core/utils/layer/__workshop__/index.ts +0 -24
- package/src/core/utils/layer/__workshop__/multipleRoots.tsx +0 -49
- package/src/core/utils/layer/__workshop__/nested.tsx +0 -98
- package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +0 -13
- package/src/core/utils/portal/__workshop__/index.ts +0 -14
- package/src/core/utils/portal/__workshop__/named.tsx +0 -63
- package/src/core/utils/virtualList/__workshop__/changingProps.tsx +0 -36
- package/src/core/utils/virtualList/__workshop__/elementScroll.tsx +0 -24
- package/src/core/utils/virtualList/__workshop__/index.ts +0 -29
- package/src/core/utils/virtualList/__workshop__/infiniteList.tsx +0 -48
- package/src/core/utils/virtualList/__workshop__/windowScrolll.tsx +0 -22
package/src/theme/build/merge.ts
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import {isRecord} from './lib/isRecord'
|
|
2
2
|
|
|
3
3
|
export function merge<T extends Record<string, any>>(...records: (T | undefined)[]): T {
|
|
4
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
4
5
|
const _records = records.filter(Boolean) as T[]
|
|
5
6
|
|
|
6
7
|
if (_records.length === 0) {
|
|
8
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
7
9
|
return {} as T
|
|
8
10
|
}
|
|
9
11
|
|
|
12
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
10
13
|
return _records.reduce(_merge, {} as T)
|
|
11
14
|
}
|
|
12
15
|
|
|
@@ -16,8 +19,10 @@ function _merge<T extends Record<string, any>>(acc: T, source: T): T {
|
|
|
16
19
|
const nextValue = source[key]
|
|
17
20
|
|
|
18
21
|
if (isRecord(prevValue) && isRecord(nextValue)) {
|
|
22
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
19
23
|
;(acc as any)[key] = merge(prevValue, nextValue)
|
|
20
24
|
} else {
|
|
25
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
21
26
|
;(acc as any)[key] = nextValue
|
|
22
27
|
}
|
|
23
28
|
}
|
|
@@ -35,6 +35,7 @@ export function renderThemeColorSchemes(
|
|
|
35
35
|
const colorPalette = config?.palette ?? defaultColorPalette
|
|
36
36
|
|
|
37
37
|
// Lazy schemes — each scheme is only rendered when first accessed
|
|
38
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
38
39
|
const schemes = {} as ThemeColorSchemes_v2
|
|
39
40
|
defineLazyProperty(schemes, 'light', () => renderThemeColorScheme(colorPalette, value.light))
|
|
40
41
|
defineLazyProperty(schemes, 'dark', () => renderThemeColorScheme(colorPalette, value.dark))
|
|
@@ -59,6 +60,7 @@ function renderThemeColorScheme(
|
|
|
59
60
|
// a `bg` option; the rest blend on top of `default`'s `bg`.
|
|
60
61
|
// We iterate THEME_COLOR_CARD_TONES (not Object.entries) to avoid
|
|
61
62
|
// force-evaluating lazy getters from the build phase.
|
|
63
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
62
64
|
const scheme = {default: renderedDefaultTone} as ThemeColorScheme_v2
|
|
63
65
|
|
|
64
66
|
for (const tone of THEME_COLOR_CARD_TONES) {
|
|
@@ -190,6 +192,7 @@ function renderThemeColorAvatar(
|
|
|
190
192
|
colorPalette: ThemeColorPalette
|
|
191
193
|
},
|
|
192
194
|
): ThemeColorAvatar_v2 {
|
|
195
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
193
196
|
const colorAvatar = {} as ThemeColorAvatar_v2
|
|
194
197
|
|
|
195
198
|
for (const hue of COLOR_HUES) {
|
|
@@ -239,6 +242,7 @@ function renderThemeColorBadge(
|
|
|
239
242
|
colorPalette: ThemeColorPalette
|
|
240
243
|
},
|
|
241
244
|
): ThemeColorBadge_v2 {
|
|
245
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
242
246
|
const colorBadge = {} as ThemeColorBadge_v2
|
|
243
247
|
|
|
244
248
|
for (const tone of THEME_COLOR_STATE_TONES) {
|
|
@@ -305,6 +309,7 @@ function renderThemeColorButtonTones(
|
|
|
305
309
|
colorPalette: ThemeColorPalette
|
|
306
310
|
},
|
|
307
311
|
): ThemeColorButtonMode_v2 {
|
|
312
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
308
313
|
const colorButtonMode = {} as ThemeColorButtonMode_v2
|
|
309
314
|
|
|
310
315
|
for (const tone of THEME_COLOR_STATE_TONES) {
|
|
@@ -454,6 +459,7 @@ function renderThemeColorSelectable(
|
|
|
454
459
|
colorPalette: ThemeColorPalette
|
|
455
460
|
},
|
|
456
461
|
): ThemeColorSelectable_v2 {
|
|
462
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
457
463
|
const colorSelectable = {} as ThemeColorSelectable_v2
|
|
458
464
|
|
|
459
465
|
for (const tone of THEME_COLOR_STATE_TONES) {
|
|
@@ -62,13 +62,11 @@ export function renderColorValue(str: string, options: RenderColorValueOptions):
|
|
|
62
62
|
hex = rgbToHex(mix(from, to, node.mix))
|
|
63
63
|
}
|
|
64
64
|
} catch (err) {
|
|
65
|
-
// eslint-disable-next-line no-console
|
|
66
65
|
console.warn('could not blend', hex, mixOptions)
|
|
67
66
|
throw err
|
|
68
67
|
}
|
|
69
68
|
|
|
70
69
|
if (hex === '#aN') {
|
|
71
|
-
// eslint-disable-next-line no-console
|
|
72
70
|
console.warn(`invalid color token value: ${str}`)
|
|
73
71
|
hex = hexBeforeMix
|
|
74
72
|
}
|
|
@@ -69,12 +69,14 @@ function resolveBaseColorTones(
|
|
|
69
69
|
_hue: hue,
|
|
70
70
|
avatar: COLOR_HUES.reduce((acc, hue) => {
|
|
71
71
|
return {
|
|
72
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
72
73
|
...acc,
|
|
73
74
|
[hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
|
|
74
75
|
}
|
|
75
76
|
}, {} as ThemeColorAvatarTokens),
|
|
76
77
|
badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
|
|
77
78
|
return {
|
|
79
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
78
80
|
...acc,
|
|
79
81
|
[tone]: {
|
|
80
82
|
_hue: inputTokens?.base?.[tone]?._hue || hue,
|
|
@@ -145,12 +147,14 @@ function resolveButtonStateColorTokens(
|
|
|
145
147
|
_hue: hue,
|
|
146
148
|
avatar: COLOR_HUES.reduce((acc, hue) => {
|
|
147
149
|
return {
|
|
150
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
148
151
|
...acc,
|
|
149
152
|
[hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
|
|
150
153
|
}
|
|
151
154
|
}, {} as ThemeColorAvatarTokens),
|
|
152
155
|
badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
|
|
153
156
|
return {
|
|
157
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
154
158
|
...acc,
|
|
155
159
|
[tone]: {
|
|
156
160
|
_hue: inputTokens?.base?.[tone]?._hue || hue,
|
|
@@ -250,12 +254,14 @@ function resolveSelectableStateColorTokens(
|
|
|
250
254
|
_hue: hue,
|
|
251
255
|
avatar: COLOR_HUES.reduce((acc, hue) => {
|
|
252
256
|
return {
|
|
257
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
253
258
|
...acc,
|
|
254
259
|
[hue]: merge({_hue: hue}, spec.avatar?.['*'], spec.avatar?.[hue]),
|
|
255
260
|
}
|
|
256
261
|
}, {} as ThemeColorAvatarTokens),
|
|
257
262
|
badge: THEME_COLOR_STATE_TONES.reduce((acc, tone) => {
|
|
258
263
|
return {
|
|
264
|
+
// oxlint-disable-next-line no-accumulating-spread
|
|
259
265
|
...acc,
|
|
260
266
|
[tone]: {
|
|
261
267
|
_hue: inputTokens?.base?.[tone]?._hue || hue,
|
|
@@ -16,26 +16,31 @@ import {parseTokenValue} from './tokens'
|
|
|
16
16
|
|
|
17
17
|
/** @internal */
|
|
18
18
|
export function isColorConfigBaseTone(str: string): str is ColorConfigCardTone {
|
|
19
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
19
20
|
return COLOR_CONFIG_CARD_TONES.includes(str as ColorConfigCardTone)
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
/** @internal */
|
|
23
24
|
export function isColorConfigBaseKey(str: string): str is ColorConfigCardKey {
|
|
25
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
24
26
|
return COLOR_CONFIG_CARD_KEYS.includes(str as ColorConfigCardKey)
|
|
25
27
|
}
|
|
26
28
|
|
|
27
29
|
/** @internal */
|
|
28
30
|
export function isColorConfigStateKey(str: string): str is ColorConfigStateKey {
|
|
31
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
29
32
|
return COLOR_CONFIG_STATE_KEYS.includes(str as ColorConfigStateKey)
|
|
30
33
|
}
|
|
31
34
|
|
|
32
35
|
/** @internal */
|
|
33
36
|
export function isColorConfigStateTone(str: string): str is ColorConfigStateTone {
|
|
37
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
34
38
|
return COLOR_CONFIG_STATE_TONES.includes(str as ColorConfigStateTone)
|
|
35
39
|
}
|
|
36
40
|
|
|
37
41
|
/** @internal */
|
|
38
42
|
export function isColorConfigBlendKey(str: string): str is ColorConfigBlendKey {
|
|
43
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
39
44
|
return COLOR_CONFIG_BLEND_KEYS.includes(str as ColorConfigBlendKey)
|
|
40
45
|
}
|
|
41
46
|
|
|
@@ -63,11 +63,13 @@ export type ColorConfigValue =
|
|
|
63
63
|
| `white`
|
|
64
64
|
| `black/${ColorConfigOpacityValue}`
|
|
65
65
|
| `white/${ColorConfigOpacityValue}`
|
|
66
|
+
// oxlint-disable-next-line no-unnecessary-template-expression
|
|
66
67
|
| `${ColorHueKey}`
|
|
67
68
|
| `${ColorHueKey} ${number}%`
|
|
68
69
|
| `${ColorHueKey}/${ColorTintKey}`
|
|
69
70
|
| `${ColorHueKey}/${ColorTintKey} ${number}%`
|
|
70
71
|
| `${ColorHueKey}/${ColorTintKey}/${ColorConfigOpacityValue}`
|
|
72
|
+
// oxlint-disable-next-line no-unnecessary-template-expression
|
|
71
73
|
| `${ColorTintKey}`
|
|
72
74
|
| `${ColorTintKey} ${number}%`
|
|
73
75
|
| `${ColorTintKey}/${ColorConfigOpacityValue}`
|
|
@@ -99,8 +99,9 @@ export interface ThemeColorStateTokens {
|
|
|
99
99
|
export type ThemeColorStatesTokens = Partial<Record<ColorConfigState, ThemeColorStateTokens>>
|
|
100
100
|
|
|
101
101
|
/** @public */
|
|
102
|
-
export interface ThemeColorButtonTokens
|
|
103
|
-
|
|
102
|
+
export interface ThemeColorButtonTokens extends Partial<
|
|
103
|
+
Record<ColorConfigStateTone, ThemeColorStatesTokens>
|
|
104
|
+
> {
|
|
104
105
|
_hue?: ColorHueKey
|
|
105
106
|
}
|
|
106
107
|
|
|
@@ -118,8 +119,9 @@ export interface ThemeColorInputStateTokens {
|
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
/** @public */
|
|
121
|
-
export interface ThemeColorInputTokens
|
|
122
|
-
|
|
122
|
+
export interface ThemeColorInputTokens extends Partial<
|
|
123
|
+
Record<ColorConfigInputState, ThemeColorInputStateTokens>
|
|
124
|
+
> {
|
|
123
125
|
_hue?: ColorHueKey
|
|
124
126
|
}
|
|
125
127
|
|
|
@@ -45,6 +45,7 @@ export function parseTokenValue(str: string): TokenValueNode | undefined {
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
if (isColorValue(segment0)) {
|
|
48
|
+
// oxlint-disable-next-line no-unnecessary-type-assertion
|
|
48
49
|
const key = segment0 as 'black' | 'white'
|
|
49
50
|
const segment1 = segments.shift() || ''
|
|
50
51
|
|
|
@@ -30,6 +30,7 @@ export function getScopedTheme(
|
|
|
30
30
|
const v0 = is_v2(themeProp) ? v2_v0(themeProp) : themeProp
|
|
31
31
|
const v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp)
|
|
32
32
|
|
|
33
|
+
// oxlint-disable-next-line no-deprecated
|
|
33
34
|
const layer_v0 = v0.layer || defaultThemeConfig.layer
|
|
34
35
|
|
|
35
36
|
const colorScheme_v2 = v2.color[scheme] || v2.color.light
|
|
@@ -37,11 +38,13 @@ export function getScopedTheme(
|
|
|
37
38
|
const color_v2_9 = themeColor_v0_v2_9(color_v2)
|
|
38
39
|
const layer_v2 = v2.layer || defaultThemeConfig.layer
|
|
39
40
|
|
|
40
|
-
//
|
|
41
|
+
// oxlint-disable-next-line no-deprecated
|
|
41
42
|
const {color: _v0Color, ...v0Rest} = v0
|
|
42
43
|
|
|
44
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
43
45
|
const sanity = {
|
|
44
46
|
...v0Rest,
|
|
47
|
+
// oxlint-disable-next-line no-deprecated
|
|
45
48
|
layer: layer_v0,
|
|
46
49
|
v2: {
|
|
47
50
|
...v2,
|
|
@@ -53,7 +56,9 @@ export function getScopedTheme(
|
|
|
53
56
|
|
|
54
57
|
// Defer v0 color computation — only resolved if legacy code reads theme.sanity.color
|
|
55
58
|
defineLazyProperty(sanity, 'color', () => {
|
|
59
|
+
// oxlint-disable-next-line no-deprecated
|
|
56
60
|
const colorScheme_v0 = v0.color[scheme] || v0.color.light
|
|
61
|
+
// oxlint-disable-next-line no-deprecated
|
|
57
62
|
return (colorScheme_v0 as Record<string, ThemeColor>)[tone] || colorScheme_v0.default
|
|
58
63
|
})
|
|
59
64
|
|
|
@@ -5,20 +5,24 @@ import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from './_system'
|
|
|
5
5
|
|
|
6
6
|
/** @internal */
|
|
7
7
|
export function isColorBlendModeValue(str: string): str is ThemeColorBlendModeKey {
|
|
8
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
8
9
|
return THEME_COLOR_BLEND_MODES.includes(str as ThemeColorBlendModeKey)
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
/** @internal */
|
|
12
13
|
export function isColorHueKey(str: string): str is ColorHueKey {
|
|
14
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
13
15
|
return COLOR_HUES.includes(str as ColorHueKey)
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
/** @internal */
|
|
17
19
|
export function isColorTintKey(str: string): str is ColorTintKey {
|
|
20
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
18
21
|
return COLOR_TINTS.includes(str as ColorTintKey)
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
/** @internal */
|
|
22
25
|
export function isColorButtonMode(str: string): str is ThemeColorButtonModeKey {
|
|
26
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
23
27
|
return THEME_COLOR_BUTTON_MODES.includes(str as ThemeColorButtonModeKey)
|
|
24
28
|
}
|
|
@@ -45,6 +45,7 @@ export interface BaseTheme {
|
|
|
45
45
|
/**
|
|
46
46
|
* @deprecated Use `v2.avatar` instead
|
|
47
47
|
*/
|
|
48
|
+
// oxlint-disable-next-line no-deprecated
|
|
48
49
|
avatar: ThemeAvatar
|
|
49
50
|
/**
|
|
50
51
|
* @deprecated Use `v2.button` instead
|
|
@@ -55,6 +56,7 @@ export interface BaseTheme {
|
|
|
55
56
|
/**
|
|
56
57
|
* @deprecated Use `v2.color` instead
|
|
57
58
|
*/
|
|
59
|
+
// oxlint-disable-next-line no-deprecated
|
|
58
60
|
color: ThemeColorSchemes
|
|
59
61
|
/**
|
|
60
62
|
* @deprecated Use `v2.container` instead
|
|
@@ -74,6 +76,7 @@ export interface BaseTheme {
|
|
|
74
76
|
/**
|
|
75
77
|
* @deprecated Use `v2.input` instead
|
|
76
78
|
*/
|
|
79
|
+
// oxlint-disable-next-line no-deprecated
|
|
77
80
|
input: ThemeInput
|
|
78
81
|
/**
|
|
79
82
|
* THIS API MAY BE UNSTABLE. DO NOT USE IN PRODUCTION.
|
|
@@ -132,6 +135,7 @@ export interface Theme {
|
|
|
132
135
|
/**
|
|
133
136
|
* @deprecated Use `v2.color` instead
|
|
134
137
|
*/
|
|
138
|
+
// oxlint-disable-next-line no-deprecated
|
|
135
139
|
color: ThemeColor
|
|
136
140
|
v2?: Theme_v2
|
|
137
141
|
}
|
|
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
|
|
|
4
4
|
* @public
|
|
5
5
|
* @deprecated Use `ThemeColorState_v2` instead.
|
|
6
6
|
*/
|
|
7
|
+
// oxlint-disable-next-line no-deprecated
|
|
7
8
|
export type ThemeColorButtonState = ThemeColorGenericState
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -11,10 +12,15 @@ export type ThemeColorButtonState = ThemeColorGenericState
|
|
|
11
12
|
* @deprecated Use `ThemeColorButtonStates_v2` instead.
|
|
12
13
|
*/
|
|
13
14
|
export interface ThemeColorButtonStates {
|
|
15
|
+
// oxlint-disable-next-line no-deprecated
|
|
14
16
|
enabled: ThemeColorGenericState
|
|
17
|
+
// oxlint-disable-next-line no-deprecated
|
|
15
18
|
hovered: ThemeColorGenericState
|
|
19
|
+
// oxlint-disable-next-line no-deprecated
|
|
16
20
|
pressed: ThemeColorGenericState
|
|
21
|
+
// oxlint-disable-next-line no-deprecated
|
|
17
22
|
selected: ThemeColorGenericState
|
|
23
|
+
// oxlint-disable-next-line no-deprecated
|
|
18
24
|
disabled: ThemeColorGenericState
|
|
19
25
|
}
|
|
20
26
|
|
|
@@ -24,10 +30,15 @@ export interface ThemeColorButtonStates {
|
|
|
24
30
|
* @deprecated Use `ThemeColorButtonTones_v2` instead.
|
|
25
31
|
*/
|
|
26
32
|
export interface ThemeColorButtonTones {
|
|
33
|
+
// oxlint-disable-next-line no-deprecated
|
|
27
34
|
default: ThemeColorButtonStates
|
|
35
|
+
// oxlint-disable-next-line no-deprecated
|
|
28
36
|
primary: ThemeColorButtonStates
|
|
37
|
+
// oxlint-disable-next-line no-deprecated
|
|
29
38
|
positive: ThemeColorButtonStates
|
|
39
|
+
// oxlint-disable-next-line no-deprecated
|
|
30
40
|
caution: ThemeColorButtonStates
|
|
41
|
+
// oxlint-disable-next-line no-deprecated
|
|
31
42
|
critical: ThemeColorButtonStates
|
|
32
43
|
}
|
|
33
44
|
|
|
@@ -36,7 +47,10 @@ export interface ThemeColorButtonTones {
|
|
|
36
47
|
* @deprecated Use `ThemeColorButton_v2` instead.
|
|
37
48
|
*/
|
|
38
49
|
export interface ThemeColorButton {
|
|
50
|
+
// oxlint-disable-next-line no-deprecated
|
|
39
51
|
default: ThemeColorButtonTones
|
|
52
|
+
// oxlint-disable-next-line no-deprecated
|
|
40
53
|
ghost: ThemeColorButtonTones
|
|
54
|
+
// oxlint-disable-next-line no-deprecated
|
|
41
55
|
bleed: ThemeColorButtonTones
|
|
42
56
|
}
|
|
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
|
|
|
4
4
|
* @public
|
|
5
5
|
* @deprecated Use `ThemeColorState_v2` instead.
|
|
6
6
|
*/
|
|
7
|
+
// oxlint-disable-next-line no-deprecated
|
|
7
8
|
export type ThemeColorCardState = ThemeColorGenericState
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -11,9 +12,14 @@ export type ThemeColorCardState = ThemeColorGenericState
|
|
|
11
12
|
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
12
13
|
*/
|
|
13
14
|
export interface ThemeColorCard {
|
|
15
|
+
// oxlint-disable-next-line no-deprecated
|
|
14
16
|
enabled: ThemeColorGenericState
|
|
17
|
+
// oxlint-disable-next-line no-deprecated
|
|
15
18
|
hovered: ThemeColorGenericState
|
|
19
|
+
// oxlint-disable-next-line no-deprecated
|
|
16
20
|
pressed: ThemeColorGenericState
|
|
21
|
+
// oxlint-disable-next-line no-deprecated
|
|
17
22
|
selected: ThemeColorGenericState
|
|
23
|
+
// oxlint-disable-next-line no-deprecated
|
|
18
24
|
disabled: ThemeColorGenericState
|
|
19
25
|
}
|
|
@@ -14,15 +14,24 @@ import {ThemeColorSpot} from './spot'
|
|
|
14
14
|
* @public
|
|
15
15
|
* @deprecated Use `ThemeColor_v2` instead.
|
|
16
16
|
*/
|
|
17
|
+
// oxlint-disable-next-line no-deprecated
|
|
17
18
|
export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'>> {
|
|
19
|
+
// oxlint-disable-next-line no-deprecated
|
|
18
20
|
base: ThemeColorBase
|
|
21
|
+
// oxlint-disable-next-line no-deprecated
|
|
19
22
|
button: ThemeColorButton
|
|
23
|
+
// oxlint-disable-next-line no-deprecated
|
|
20
24
|
card: ThemeColorCard
|
|
21
25
|
dark: boolean
|
|
26
|
+
// oxlint-disable-next-line no-deprecated
|
|
22
27
|
input: ThemeColorInput
|
|
28
|
+
// oxlint-disable-next-line no-deprecated
|
|
23
29
|
muted: ThemeColorMuted
|
|
30
|
+
// oxlint-disable-next-line no-deprecated
|
|
24
31
|
selectable?: ThemeColorSelectable
|
|
32
|
+
// oxlint-disable-next-line no-deprecated
|
|
25
33
|
solid: ThemeColorSolid
|
|
34
|
+
// oxlint-disable-next-line no-deprecated
|
|
26
35
|
spot: ThemeColorSpot
|
|
27
36
|
syntax: ThemeColorSyntax
|
|
28
37
|
}
|
|
@@ -31,10 +40,12 @@ export interface ThemeColor extends Partial<Omit<ThemeColorGenericState, 'muted'
|
|
|
31
40
|
* @public
|
|
32
41
|
* @deprecated Use `ThemeColorScheme_v2` instead.
|
|
33
42
|
*/
|
|
43
|
+
// oxlint-disable-next-line no-deprecated
|
|
34
44
|
export type ThemeColorScheme = Record<ThemeColorName, ThemeColor>
|
|
35
45
|
|
|
36
46
|
/**
|
|
37
47
|
* @public
|
|
38
48
|
* @deprecated Use `ThemeColorSchemes_v2` instead.
|
|
39
49
|
*/
|
|
50
|
+
// oxlint-disable-next-line no-deprecated
|
|
40
51
|
export type ThemeColorSchemes = Record<ThemeColorSchemeKey, ThemeColorScheme>
|
|
@@ -18,9 +18,13 @@ export interface ThemeColorInputState {
|
|
|
18
18
|
* @deprecated Use `ThemeColorInputMode_v2` instead.
|
|
19
19
|
*/
|
|
20
20
|
export interface ThemeColorInputStates {
|
|
21
|
+
// oxlint-disable-next-line no-deprecated
|
|
21
22
|
enabled: ThemeColorInputState
|
|
23
|
+
// oxlint-disable-next-line no-deprecated
|
|
22
24
|
disabled: ThemeColorInputState
|
|
25
|
+
// oxlint-disable-next-line no-deprecated
|
|
23
26
|
hovered: ThemeColorInputState
|
|
27
|
+
// oxlint-disable-next-line no-deprecated
|
|
24
28
|
readOnly: ThemeColorInputState
|
|
25
29
|
}
|
|
26
30
|
|
|
@@ -29,6 +33,8 @@ export interface ThemeColorInputStates {
|
|
|
29
33
|
* @deprecated Use `ThemeColorInput_v2` instead.
|
|
30
34
|
*/
|
|
31
35
|
export interface ThemeColorInput {
|
|
36
|
+
// oxlint-disable-next-line no-deprecated
|
|
32
37
|
default: ThemeColorInputStates
|
|
38
|
+
// oxlint-disable-next-line no-deprecated
|
|
33
39
|
invalid: ThemeColorInputStates
|
|
34
40
|
}
|
|
@@ -5,10 +5,15 @@ import {ThemeColorGenericState} from './_generic'
|
|
|
5
5
|
* @deprecated Use `ThemeColorSelectableTone_v2` instead.
|
|
6
6
|
*/
|
|
7
7
|
export interface ThemeColorMutedTone {
|
|
8
|
+
// oxlint-disable-next-line no-deprecated
|
|
8
9
|
enabled: ThemeColorGenericState
|
|
10
|
+
// oxlint-disable-next-line no-deprecated
|
|
9
11
|
disabled: ThemeColorGenericState
|
|
12
|
+
// oxlint-disable-next-line no-deprecated
|
|
10
13
|
hovered: ThemeColorGenericState
|
|
14
|
+
// oxlint-disable-next-line no-deprecated
|
|
11
15
|
pressed: ThemeColorGenericState
|
|
16
|
+
// oxlint-disable-next-line no-deprecated
|
|
12
17
|
selected: ThemeColorGenericState
|
|
13
18
|
}
|
|
14
19
|
|
|
@@ -17,10 +22,16 @@ export interface ThemeColorMutedTone {
|
|
|
17
22
|
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
18
23
|
*/
|
|
19
24
|
export interface ThemeColorMuted {
|
|
25
|
+
// oxlint-disable-next-line no-deprecated
|
|
20
26
|
default: ThemeColorMutedTone
|
|
27
|
+
// oxlint-disable-next-line no-deprecated
|
|
21
28
|
transparent: ThemeColorMutedTone
|
|
29
|
+
// oxlint-disable-next-line no-deprecated
|
|
22
30
|
primary: ThemeColorMutedTone
|
|
31
|
+
// oxlint-disable-next-line no-deprecated
|
|
23
32
|
positive: ThemeColorMutedTone
|
|
33
|
+
// oxlint-disable-next-line no-deprecated
|
|
24
34
|
caution: ThemeColorMutedTone
|
|
35
|
+
// oxlint-disable-next-line no-deprecated
|
|
25
36
|
critical: ThemeColorMutedTone
|
|
26
37
|
}
|
|
@@ -4,6 +4,7 @@ import {ThemeColorGenericState} from './_generic'
|
|
|
4
4
|
* @public
|
|
5
5
|
* @deprecated Use `ThemeColorState_v2` instead.
|
|
6
6
|
*/
|
|
7
|
+
// oxlint-disable-next-line no-deprecated
|
|
7
8
|
export type ThemeColorSelectableState = ThemeColorGenericState
|
|
8
9
|
|
|
9
10
|
/**
|
|
@@ -11,10 +12,15 @@ export type ThemeColorSelectableState = ThemeColorGenericState
|
|
|
11
12
|
* @deprecated Use `ThemeColorSelectableStates_v2` instead.
|
|
12
13
|
*/
|
|
13
14
|
export interface ThemeColorSelectableStates {
|
|
15
|
+
// oxlint-disable-next-line no-deprecated
|
|
14
16
|
enabled: ThemeColorSelectableState
|
|
17
|
+
// oxlint-disable-next-line no-deprecated
|
|
15
18
|
hovered: ThemeColorSelectableState
|
|
19
|
+
// oxlint-disable-next-line no-deprecated
|
|
16
20
|
pressed: ThemeColorSelectableState
|
|
21
|
+
// oxlint-disable-next-line no-deprecated
|
|
17
22
|
selected: ThemeColorSelectableState
|
|
23
|
+
// oxlint-disable-next-line no-deprecated
|
|
18
24
|
disabled: ThemeColorSelectableState
|
|
19
25
|
}
|
|
20
26
|
|
|
@@ -23,9 +29,14 @@ export interface ThemeColorSelectableStates {
|
|
|
23
29
|
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
24
30
|
*/
|
|
25
31
|
export interface ThemeColorSelectable {
|
|
32
|
+
// oxlint-disable-next-line no-deprecated
|
|
26
33
|
default: ThemeColorSelectableStates
|
|
34
|
+
// oxlint-disable-next-line no-deprecated
|
|
27
35
|
primary: ThemeColorSelectableStates
|
|
36
|
+
// oxlint-disable-next-line no-deprecated
|
|
28
37
|
positive: ThemeColorSelectableStates
|
|
38
|
+
// oxlint-disable-next-line no-deprecated
|
|
29
39
|
caution: ThemeColorSelectableStates
|
|
40
|
+
// oxlint-disable-next-line no-deprecated
|
|
30
41
|
critical: ThemeColorSelectableStates
|
|
31
42
|
}
|
|
@@ -5,10 +5,15 @@ import {ThemeColorGenericState} from './_generic'
|
|
|
5
5
|
* @deprecated Use `ThemeColorSelectableTone_v2` instead.
|
|
6
6
|
*/
|
|
7
7
|
export interface ThemeColorSolidTone {
|
|
8
|
+
// oxlint-disable-next-line no-deprecated
|
|
8
9
|
enabled: ThemeColorGenericState
|
|
10
|
+
// oxlint-disable-next-line no-deprecated
|
|
9
11
|
disabled: ThemeColorGenericState
|
|
12
|
+
// oxlint-disable-next-line no-deprecated
|
|
10
13
|
hovered: ThemeColorGenericState
|
|
14
|
+
// oxlint-disable-next-line no-deprecated
|
|
11
15
|
pressed: ThemeColorGenericState
|
|
16
|
+
// oxlint-disable-next-line no-deprecated
|
|
12
17
|
selected: ThemeColorGenericState
|
|
13
18
|
}
|
|
14
19
|
|
|
@@ -17,10 +22,16 @@ export interface ThemeColorSolidTone {
|
|
|
17
22
|
* @deprecated Use `ThemeColorSelectable_v2` instead.
|
|
18
23
|
*/
|
|
19
24
|
export interface ThemeColorSolid {
|
|
25
|
+
// oxlint-disable-next-line no-deprecated
|
|
20
26
|
default: ThemeColorSolidTone
|
|
27
|
+
// oxlint-disable-next-line no-deprecated
|
|
21
28
|
transparent: ThemeColorSolidTone
|
|
29
|
+
// oxlint-disable-next-line no-deprecated
|
|
22
30
|
primary: ThemeColorSolidTone
|
|
31
|
+
// oxlint-disable-next-line no-deprecated
|
|
23
32
|
positive: ThemeColorSolidTone
|
|
33
|
+
// oxlint-disable-next-line no-deprecated
|
|
24
34
|
caution: ThemeColorSolidTone
|
|
35
|
+
// oxlint-disable-next-line no-deprecated
|
|
25
36
|
critical: ThemeColorSolidTone
|
|
26
37
|
}
|
|
@@ -17,37 +17,52 @@ export function getTheme_v2(theme: Theme): Theme_v2 {
|
|
|
17
17
|
_resolved: true,
|
|
18
18
|
avatar: {
|
|
19
19
|
...defaultThemeConfig.avatar,
|
|
20
|
+
// oxlint-disable-next-line no-deprecated
|
|
20
21
|
...theme.sanity.avatar,
|
|
21
22
|
},
|
|
22
23
|
button: {
|
|
23
24
|
...defaultThemeConfig.button,
|
|
25
|
+
// oxlint-disable-next-line no-deprecated
|
|
24
26
|
...theme.sanity.button,
|
|
25
27
|
},
|
|
26
28
|
card: defaultThemeConfig.card,
|
|
29
|
+
// oxlint-disable-next-line no-deprecated
|
|
27
30
|
color: themeColor_v0_v2(theme.sanity.color),
|
|
31
|
+
// oxlint-disable-next-line no-deprecated
|
|
28
32
|
container: theme.sanity.container,
|
|
33
|
+
// oxlint-disable-next-line no-deprecated
|
|
29
34
|
font: theme.sanity.fonts,
|
|
30
35
|
input: {
|
|
31
36
|
...defaultThemeConfig.input,
|
|
37
|
+
// oxlint-disable-next-line no-deprecated
|
|
32
38
|
...theme.sanity.input,
|
|
33
39
|
checkbox: {
|
|
34
40
|
...defaultThemeConfig.input.checkbox,
|
|
41
|
+
// oxlint-disable-next-line no-deprecated
|
|
35
42
|
...theme.sanity.input.checkbox,
|
|
36
43
|
},
|
|
37
44
|
radio: {
|
|
38
45
|
...defaultThemeConfig.input.radio,
|
|
46
|
+
// oxlint-disable-next-line no-deprecated
|
|
39
47
|
...theme.sanity.input.radio,
|
|
40
48
|
},
|
|
41
49
|
switch: {
|
|
42
50
|
...defaultThemeConfig.input.switch,
|
|
51
|
+
// oxlint-disable-next-line no-deprecated
|
|
43
52
|
...theme.sanity.input.switch,
|
|
44
53
|
},
|
|
45
54
|
},
|
|
55
|
+
// oxlint-disable-next-line no-deprecated
|
|
46
56
|
layer: theme.sanity.layer ?? defaultThemeConfig.layer,
|
|
57
|
+
// oxlint-disable-next-line no-deprecated
|
|
47
58
|
media: theme.sanity.media,
|
|
59
|
+
// oxlint-disable-next-line no-deprecated
|
|
48
60
|
radius: theme.sanity.radius,
|
|
61
|
+
// oxlint-disable-next-line no-deprecated
|
|
49
62
|
shadow: theme.sanity.shadows,
|
|
63
|
+
// oxlint-disable-next-line no-deprecated
|
|
50
64
|
space: theme.sanity.space,
|
|
65
|
+
// oxlint-disable-next-line no-deprecated
|
|
51
66
|
style: theme.sanity.styles,
|
|
52
67
|
}
|
|
53
68
|
|