@sanity/ui 2.16.21 → 2.16.23
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/_chunks-cjs/_visual-editing.js +121 -1046
- package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
- package/dist/_chunks-cjs/refractor.js.map +1 -1
- package/dist/_chunks-es/_visual-editing.mjs +116 -1041
- package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
- package/dist/_chunks-es/refractor.mjs.map +1 -1
- package/dist/_visual-editing.d.mts +411 -351
- package/dist/_visual-editing.d.ts +411 -351
- package/dist/index.d.mts +1107 -930
- package/dist/index.d.ts +1107 -930
- package/dist/index.js +67 -158
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +65 -156
- package/dist/index.mjs.map +1 -1
- package/dist/theme.d.mts +769 -681
- package/dist/theme.d.ts +769 -681
- package/dist/theme.js +47 -0
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +47 -0
- package/dist/theme.mjs.map +1 -1
- package/exports/_visual-editing.ts +1 -0
- package/package.json +50 -163
- package/src/core/_compat.ts +30 -0
- package/src/core/components/autocomplete/autocomplete.tsx +11 -4
- package/src/core/components/autocomplete/autocompleteOption.tsx +1 -0
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +1 -0
- package/src/core/components/dialog/dialog.tsx +3 -0
- package/src/core/components/hotkeys/hotkeys.tsx +1 -0
- package/src/core/components/menu/menu.test.tsx +6 -4
- package/src/core/components/menu/menu.tsx +3 -2
- package/src/core/components/menu/menuButton.tsx +8 -0
- package/src/core/components/menu/menuGroup.tsx +5 -2
- package/src/core/components/menu/menuItem.tsx +4 -0
- package/src/core/components/menu/useMenuController.ts +6 -4
- package/src/core/components/skeleton/skeleton.tsx +2 -1
- package/src/core/components/tab/tab.tsx +1 -0
- 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 -1
- package/src/core/components/toast/toastProvider.tsx +1 -1
- package/src/core/components/tree/tree.tsx +1 -0
- package/src/core/components/tree/treeGroup.tsx +1 -0
- package/src/core/components/tree/treeItem.tsx +2 -2
- package/src/core/constants.ts +2 -2
- 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 +7 -6
- 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 +1 -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 +2 -1
- package/src/core/primitives/box/box.tsx +2 -1
- package/src/core/primitives/button/button.test.tsx +3 -2
- package/src/core/primitives/button/button.tsx +2 -0
- package/src/core/primitives/button/styles.ts +1 -0
- package/src/core/primitives/card/card.tsx +1 -5
- package/src/core/primitives/card/types.ts +1 -0
- package/src/core/primitives/code/refractor.tsx +2 -0
- package/src/core/primitives/flex/flex.tsx +1 -3
- package/src/core/primitives/inline/inline.tsx +1 -0
- package/src/core/primitives/popover/popover.tsx +13 -4
- package/src/core/primitives/popover/popoverCard.tsx +2 -1
- package/src/core/primitives/popover/types.ts +0 -1
- package/src/core/primitives/stack/styles.ts +1 -0
- package/src/core/primitives/textInput/textInput.tsx +2 -0
- package/src/core/primitives/tooltip/tooltip.test.tsx +82 -49
- package/src/core/primitives/tooltip/tooltip.tsx +6 -1
- package/src/core/primitives/tooltip/tooltipCard.tsx +2 -1
- 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 +4 -3
- 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 +7 -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 +5 -0
- 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 +15 -0
- 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__/index.ts +0 -19
- 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
|
@@ -43,6 +43,7 @@ function renderThemeColorScheme(
|
|
|
43
43
|
colorPalette: ThemeColorPalette,
|
|
44
44
|
value: ThemeColorScheme_v2,
|
|
45
45
|
): ThemeColorScheme_v2 {
|
|
46
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
46
47
|
const toneEntries = Object.entries(value) as [ThemeColorCardToneKey, ThemeColorCard_v2][]
|
|
47
48
|
|
|
48
49
|
const [, transparentTone] = toneEntries.find(([k]) => k === 'transparent')!
|
|
@@ -61,6 +62,7 @@ function renderThemeColorScheme(
|
|
|
61
62
|
throw new Error('Cannot blend with white background')
|
|
62
63
|
}
|
|
63
64
|
|
|
65
|
+
// oxlint-disable-next-line no-unsafe-type-assertion
|
|
64
66
|
return Object.fromEntries([
|
|
65
67
|
['transparent', renderedTransparentTone],
|
|
66
68
|
['default', renderedDefaultTone],
|
|
@@ -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
|
|
|
@@ -29,8 +29,11 @@ export function getScopedTheme(
|
|
|
29
29
|
const v0 = is_v2(themeProp) ? v2_v0(themeProp) : themeProp
|
|
30
30
|
const v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp)
|
|
31
31
|
|
|
32
|
+
// oxlint-disable-next-line no-deprecated
|
|
32
33
|
const colorScheme_v0 = v0.color[scheme] || v0.color.light
|
|
34
|
+
// oxlint-disable-next-line no-deprecated
|
|
33
35
|
const color_v0 = (colorScheme_v0 as Record<string, ThemeColor>)[tone] || colorScheme_v0.default
|
|
36
|
+
// oxlint-disable-next-line no-deprecated
|
|
34
37
|
const layer_v0 = v0.layer || defaultThemeConfig.layer
|
|
35
38
|
|
|
36
39
|
const colorScheme_v2 = v2.color[scheme] || v2.color.light
|
|
@@ -41,7 +44,9 @@ export function getScopedTheme(
|
|
|
41
44
|
const theme: Theme = {
|
|
42
45
|
sanity: {
|
|
43
46
|
...v0,
|
|
47
|
+
// oxlint-disable-next-line no-deprecated
|
|
44
48
|
color: color_v0,
|
|
49
|
+
// oxlint-disable-next-line no-deprecated
|
|
45
50
|
layer: layer_v0,
|
|
46
51
|
v2: {
|
|
47
52
|
...v2,
|
|
@@ -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
|
|
|
@@ -11,9 +11,11 @@ import {
|
|
|
11
11
|
ThemeColorState_v2,
|
|
12
12
|
} from '../system'
|
|
13
13
|
|
|
14
|
+
// oxlint-disable-next-line no-deprecated
|
|
14
15
|
const cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()
|
|
15
16
|
|
|
16
17
|
/** @internal */
|
|
18
|
+
// oxlint-disable-next-line no-deprecated
|
|
17
19
|
export function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {
|
|
18
20
|
const cached_v2 = cache.get(color_v0)
|
|
19
21
|
|
|
@@ -64,7 +66,9 @@ export function themeColor_v0_v2(color_v0: ThemeColor): ThemeColorCard_v2 {
|
|
|
64
66
|
}
|
|
65
67
|
|
|
66
68
|
function stateTonesThemeColor_v0_v2(
|
|
69
|
+
// oxlint-disable-next-line no-deprecated
|
|
67
70
|
v0: ThemeColor,
|
|
71
|
+
// oxlint-disable-next-line no-deprecated
|
|
68
72
|
t: Omit<ThemeColorMuted, 'transparent'>,
|
|
69
73
|
): ThemeColorSelectable_v2 {
|
|
70
74
|
return {
|
|
@@ -120,6 +124,7 @@ function stateTonesThemeColor_v0_v2(
|
|
|
120
124
|
}
|
|
121
125
|
}
|
|
122
126
|
|
|
127
|
+
// oxlint-disable-next-line no-deprecated
|
|
123
128
|
function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): ThemeColorState_v2 {
|
|
124
129
|
return {
|
|
125
130
|
...state,
|
|
@@ -221,6 +226,7 @@ function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): T
|
|
|
221
226
|
}
|
|
222
227
|
}
|
|
223
228
|
|
|
229
|
+
// oxlint-disable-next-line no-deprecated
|
|
224
230
|
function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorInputMode_v2 {
|
|
225
231
|
return {
|
|
226
232
|
enabled: inputStateThemeColor_v0_v2(states.enabled),
|
|
@@ -230,6 +236,7 @@ function inputStatesThemeColor_v0_v2(states: ThemeColorInputStates): ThemeColorI
|
|
|
230
236
|
}
|
|
231
237
|
}
|
|
232
238
|
|
|
239
|
+
// oxlint-disable-next-line no-deprecated
|
|
233
240
|
function inputStateThemeColor_v0_v2(state: ThemeColorInputState): ThemeColorInputState_v2 {
|
|
234
241
|
return {
|
|
235
242
|
bg: state.bg,
|
|
@@ -14,6 +14,7 @@ export function themeColor_v0_v2_9(color: ThemeColorCard_v2): ThemeColorCard_v2
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
// TypeScript narrows to `never` because the above should always be true
|
|
17
|
+
// oxlint-disable-next-line no-unnecessary-type-assertion
|
|
17
18
|
const colors = color as ThemeColorCard_v2
|
|
18
19
|
|
|
19
20
|
return {
|