@sanity/ui 2.15.7 → 2.15.9
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 +134 -134
- package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
- package/dist/_chunks-es/_visual-editing.mjs +134 -134
- package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
- package/dist/_visual-editing.d.mts +1 -1
- package/dist/_visual-editing.d.ts +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +77 -80
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +77 -81
- package/dist/index.mjs.map +1 -1
- package/dist/theme.js +431 -40
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +393 -4
- package/dist/theme.mjs.map +1 -1
- package/exports/_visual-editing.ts +15 -15
- package/package.json +34 -30
- package/src/core/_compat.ts +11 -11
- package/src/core/components/autocomplete/__mocks__/apiStore.ts +1 -1
- package/src/core/components/autocomplete/__workshop__/async.tsx +1 -0
- package/src/core/components/autocomplete/__workshop__/constrainedHeight.tsx +2 -1
- package/src/core/components/autocomplete/__workshop__/custom.tsx +2 -1
- package/src/core/components/autocomplete/__workshop__/example.tsx +2 -1
- package/src/core/components/autocomplete/__workshop__/fullscreen.tsx +1 -0
- package/src/core/components/autocomplete/autocomplete.styles.tsx +2 -1
- package/src/core/components/autocomplete/autocomplete.tsx +3 -2
- package/src/core/components/autocomplete/autocompleteOption.tsx +1 -0
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +7 -0
- package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +1 -0
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +1 -0
- package/src/core/components/dialog/__workshop__/activate.tsx +2 -1
- package/src/core/components/dialog/__workshop__/panes.tsx +1 -0
- package/src/core/components/dialog/__workshop__/position.tsx +1 -0
- package/src/core/components/dialog/__workshop__/props.tsx +1 -0
- package/src/core/components/dialog/__workshop__/wrapped.tsx +1 -3
- package/src/core/components/dialog/dialog.tsx +3 -0
- package/src/core/components/dialog/dialogProvider.tsx +1 -0
- package/src/core/components/dialog/styles.ts +1 -0
- package/src/core/components/dialog/useDialog.ts +1 -0
- package/src/core/components/hotkeys/hotkeys.tsx +1 -0
- package/src/core/components/menu/__workshop__/asComponent.tsx +1 -0
- package/src/core/components/menu/__workshop__/avatarMenu.tsx +1 -0
- package/src/core/components/menu/__workshop__/constrainedInBoundary.tsx +1 -0
- package/src/core/components/menu/__workshop__/customSelectedState.tsx +1 -0
- package/src/core/components/menu/__workshop__/menuButton.tsx +1 -0
- package/src/core/components/menu/__workshop__/shouldFocus.tsx +1 -0
- package/src/core/components/menu/__workshop__/tones.tsx +1 -0
- package/src/core/components/menu/menu.test.tsx +1 -0
- package/src/core/components/menu/menu.tsx +1 -0
- package/src/core/components/menu/menuButton.tsx +4 -3
- package/src/core/components/menu/menuGroup.tsx +1 -0
- package/src/core/components/menu/menuItem.tsx +1 -1
- package/src/core/components/menu/useMenu.ts +1 -0
- package/src/core/components/menu/useMenuController.ts +1 -0
- package/src/core/components/skeleton/__workshop__/delay.tsx +1 -0
- package/src/core/components/skeleton/__workshop__/skeleton.tsx +1 -0
- package/src/core/components/skeleton/skeleton.tsx +2 -2
- package/src/core/components/skeleton/textSkeleton.tsx +3 -2
- package/src/core/components/tab/tab.tsx +1 -0
- package/src/core/components/tab/tabList.tsx +2 -1
- package/src/core/components/tab/tabPanel.tsx +1 -0
- package/src/core/components/toast/__workshop__/toast.tsx +1 -0
- package/src/core/components/toast/styles.ts +2 -1
- package/src/core/components/toast/toast.tsx +4 -4
- package/src/core/components/toast/toastLayer.tsx +1 -0
- package/src/core/components/toast/toastProvider.tsx +1 -0
- package/src/core/components/toast/useToast.ts +1 -0
- package/src/core/components/tree/__workshop__/basic.tsx +1 -0
- package/src/core/components/tree/__workshop__/tabFromElement.tsx +2 -1
- package/src/core/components/tree/style.ts +1 -0
- 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 +3 -2
- package/src/core/components/tree/useTree.ts +1 -0
- package/src/core/helpers/focus.ts +2 -2
- package/src/core/hooks/useArrayProp.ts +1 -0
- package/src/core/hooks/useClickOutside.test.tsx +0 -1
- package/src/core/hooks/useClickOutside.ts +1 -0
- package/src/core/hooks/useClickOutsideEvent.test.tsx +0 -1
- package/src/core/hooks/useClickOutsideEvent.ts +1 -0
- package/src/core/hooks/useDelayed.test.ts +2 -1
- package/src/core/hooks/useDelayedState.ts +1 -2
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +1 -0
- package/src/core/hooks/useElementSize.ts +2 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.test.tsx +2 -1
- package/src/core/hooks/useMediaIndex/useMediaIndex.ts +1 -0
- package/src/core/hooks/usePrefersDark.test.tsx +2 -1
- package/src/core/hooks/usePrefersReducedMotion.test.tsx +2 -1
- package/src/core/index.ts +1 -2
- package/src/core/lib/createGlobalScopedContext.ts +2 -1
- package/src/core/primitives/_selectable/selectable.tsx +1 -0
- package/src/core/primitives/_selectable/style.ts +1 -0
- package/src/core/primitives/avatar/__workshop__/asButton.tsx +1 -0
- package/src/core/primitives/avatar/__workshop__/stack.tsx +1 -0
- package/src/core/primitives/avatar/__workshop__/withinButton.tsx +1 -0
- package/src/core/primitives/avatar/__workshop__/withinMenuItem.tsx +1 -0
- package/src/core/primitives/avatar/avatar.tsx +2 -7
- package/src/core/primitives/avatar/avatarCounter.tsx +3 -2
- package/src/core/primitives/avatar/avatarStack.tsx +3 -2
- package/src/core/primitives/avatar/styles.ts +2 -1
- package/src/core/primitives/avatar/types.ts +1 -0
- package/src/core/primitives/badge/__workshop__/props.tsx +1 -0
- package/src/core/primitives/badge/__workshop__/tones.tsx +1 -0
- package/src/core/primitives/badge/badge.test.tsx +1 -0
- package/src/core/primitives/badge/badge.tsx +1 -0
- package/src/core/primitives/badge/styles.ts +1 -0
- package/src/core/primitives/box/__workshop__/props.tsx +1 -0
- package/src/core/primitives/box/box.tsx +3 -2
- package/src/core/primitives/button/__workshop__/custom.tsx +3 -0
- package/src/core/primitives/button/__workshop__/disabled.tsx +1 -0
- package/src/core/primitives/button/__workshop__/props.tsx +2 -1
- package/src/core/primitives/button/__workshop__/stacked.tsx +1 -0
- package/src/core/primitives/button/button.test.tsx +1 -0
- package/src/core/primitives/button/button.tsx +1 -0
- package/src/core/primitives/button/styles.ts +1 -0
- package/src/core/primitives/card/__workshop__/asButton.tsx +1 -0
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +1 -0
- package/src/core/primitives/card/__workshop__/props.tsx +3 -1
- package/src/core/primitives/card/__workshop__/selected.tsx +2 -2
- package/src/core/primitives/card/card.tsx +1 -0
- package/src/core/primitives/card/styles.ts +1 -0
- package/src/core/primitives/checkbox/checkbox.tsx +1 -0
- package/src/core/primitives/checkbox/styles.ts +1 -0
- package/src/core/primitives/code/__workshop__/props.tsx +1 -0
- package/src/core/primitives/code/code.tsx +2 -1
- package/src/core/primitives/container/__workshop__/example.tsx +1 -0
- package/src/core/primitives/container/container.tsx +1 -0
- package/src/core/primitives/container/styles.ts +2 -1
- package/src/core/primitives/flex/__workshop__/example.tsx +1 -0
- package/src/core/primitives/flex/flex.tsx +2 -1
- package/src/core/primitives/grid/grid.tsx +1 -0
- package/src/core/primitives/heading/__workshop__/plain.tsx +2 -1
- package/src/core/primitives/heading/heading.tsx +1 -0
- package/src/core/primitives/heading/styles.ts +1 -0
- package/src/core/primitives/inline/__workshop__/plain.tsx +1 -0
- package/src/core/primitives/inline/inline.tsx +2 -1
- package/src/core/primitives/inline/styles.ts +2 -1
- package/src/core/primitives/kbd/kbd.tsx +2 -1
- package/src/core/primitives/label/__workshop__/plain.tsx +2 -1
- package/src/core/primitives/label/label.tsx +1 -0
- package/src/core/primitives/label/styles.ts +1 -0
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +1 -0
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +1 -0
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +1 -0
- package/src/core/primitives/popover/__workshop__/SidePanelStory.tsx +4 -1
- package/src/core/primitives/popover/__workshop__/TestStory.tsx +1 -0
- package/src/core/primitives/popover/floating-ui/size.ts +2 -1
- package/src/core/primitives/popover/popover.tsx +6 -7
- package/src/core/primitives/popover/popoverCard.tsx +2 -1
- package/src/core/primitives/radio/radio.tsx +2 -1
- package/src/core/primitives/radio/styles.ts +1 -0
- package/src/core/primitives/select/select.tsx +2 -1
- package/src/core/primitives/select/styles.ts +3 -3
- package/src/core/primitives/spinner/__workshop__/Props.tsx +1 -0
- package/src/core/primitives/spinner/spinner.tsx +2 -1
- package/src/core/primitives/stack/__workshop__/plain.tsx +1 -0
- package/src/core/primitives/stack/stack.tsx +2 -1
- package/src/core/primitives/stack/styles.ts +2 -1
- package/src/core/primitives/switch/styles.ts +1 -0
- package/src/core/primitives/switch/switch.tsx +2 -1
- package/src/core/primitives/text/__workshop__/colored.tsx +3 -2
- package/src/core/primitives/text/__workshop__/example.tsx +1 -0
- package/src/core/primitives/text/styles.ts +1 -0
- package/src/core/primitives/text/text.tsx +1 -0
- package/src/core/primitives/textArea/__workshop__/plain.tsx +1 -0
- package/src/core/primitives/textArea/textArea.tsx +6 -5
- package/src/core/primitives/textInput/__workshop__/plain.tsx +2 -1
- package/src/core/primitives/textInput/__workshop__/typed.tsx +1 -0
- package/src/core/primitives/textInput/textInput.tsx +1 -0
- package/src/core/primitives/tooltip/__workshop__/customPortal.tsx +1 -0
- package/src/core/primitives/tooltip/__workshop__/overflowingBoundary.tsx +1 -0
- package/src/core/primitives/tooltip/__workshop__/props.tsx +3 -2
- package/src/core/primitives/tooltip/__workshop__/resizableBoundary.tsx +1 -0
- package/src/core/primitives/tooltip/tooltip.test.tsx +4 -2
- package/src/core/primitives/tooltip/tooltip.tsx +6 -5
- package/src/core/primitives/tooltip/tooltipCard.tsx +2 -1
- package/src/core/primitives/tooltip/tooltipDelayGroup/index.ts +1 -1
- package/src/core/primitives/tooltip/tooltipDelayGroup/tooltipDelayGroupProvider.tsx +1 -0
- package/src/core/primitives/tooltip/tooltipDelayGroup/useTooltipDelayGroup.ts +1 -0
- package/src/core/styles/border/borderStyle.ts +1 -0
- package/src/core/styles/box/boxStyle.ts +1 -0
- package/src/core/styles/card/_cardColorStyle.ts +1 -2
- package/src/core/styles/flex/flexItemStyle.ts +1 -0
- package/src/core/styles/flex/flexStyle.ts +2 -1
- package/src/core/styles/flex/index.ts +1 -1
- package/src/core/styles/flex/types.ts +1 -0
- package/src/core/styles/font/codeFontStyle.ts +1 -0
- package/src/core/styles/font/headingFontStyle.ts +1 -0
- package/src/core/styles/font/labelFontStyle.ts +1 -0
- package/src/core/styles/font/responsiveFont.ts +3 -3
- package/src/core/styles/font/textAlignStyle.ts +1 -0
- package/src/core/styles/font/textFontStyle.ts +1 -0
- package/src/core/styles/font/types.ts +1 -0
- package/src/core/styles/grid/gridItemStyle.ts +1 -0
- package/src/core/styles/grid/gridStyle.ts +2 -1
- package/src/core/styles/grid/index.ts +1 -1
- package/src/core/styles/helpers.ts +2 -2
- package/src/core/styles/input/responsiveInputPaddingStyle.ts +2 -1
- package/src/core/styles/input/textInputStyle.ts +3 -3
- package/src/core/styles/margin/marginStyle.ts +1 -0
- package/src/core/styles/margin/marginsStyle.test.ts +1 -0
- package/src/core/styles/padding/paddingStyle.test.ts +1 -0
- package/src/core/styles/padding/paddingStyle.ts +1 -0
- package/src/core/styles/radius/radiusStyle.ts +1 -0
- package/src/core/styles/shadow/shadowStyle.ts +3 -3
- package/src/core/theme/__workshop__/build/Root.tsx +1 -1
- package/src/core/theme/__workshop__/build/story.tsx +18 -9
- package/src/core/theme/__workshop__/canvas.tsx +7 -6
- package/src/core/theme/__workshop__/debug/story.tsx +5 -3
- package/src/core/theme/index.ts +1 -1
- package/src/core/theme/theme.test.tsx +1 -0
- package/src/core/theme/themeColorProvider.tsx +1 -0
- package/src/core/theme/themeProvider.tsx +3 -2
- package/src/core/theme/useRootTheme.ts +1 -0
- package/src/core/theme/useTheme.ts +1 -1
- package/src/core/utils/arrow/arrow.tsx +4 -3
- package/src/core/utils/boundaryElement/boundaryElementProvider.tsx +1 -0
- package/src/core/utils/boundaryElement/index.ts +1 -1
- package/src/core/utils/boundaryElement/useBoundaryElement.ts +1 -0
- package/src/core/utils/elementQuery/elementQuery.tsx +1 -0
- package/src/core/utils/errorBoundary.tsx +1 -0
- package/src/core/utils/layer/__workshop__/multipleRoots.tsx +1 -0
- package/src/core/utils/layer/__workshop__/nested.tsx +1 -0
- package/src/core/utils/layer/__workshop__/responsiveZOffset.tsx +1 -0
- package/src/core/utils/layer/index.ts +1 -1
- package/src/core/utils/layer/layer.tsx +1 -0
- package/src/core/utils/layer/layerProvider.tsx +2 -1
- package/src/core/utils/layer/useLayer.ts +1 -0
- package/src/core/utils/portal/portal.ts +1 -0
- package/src/core/utils/portal/portalProvider.tsx +1 -0
- package/src/core/utils/portal/usePortal.ts +1 -0
- package/src/core/utils/virtualList/virtualList.tsx +1 -0
- package/src/theme/build/_deprecated/color/_solid/createSolidTones.ts +1 -1
- package/src/theme/build/_deprecated/color/card/createCardStates.ts +1 -1
- package/src/theme/build/_deprecated/color/factory.ts +6 -6
- package/src/theme/build/buildColorTheme.ts +15 -15
- package/src/theme/build/colorToken/colorToken.ts +1 -1
- package/src/theme/build/mixThemeColor.ts +1 -1
- package/src/theme/build/renderColorTheme.ts +7 -6
- package/src/theme/build/renderColorValue.ts +3 -2
- package/src/theme/build/resolveColorTokens.ts +5 -4
- package/src/theme/config/helpers.ts +2 -2
- package/src/theme/config/system.ts +2 -1
- package/src/theme/config/tokens/color/types.ts +2 -1
- package/src/theme/config/tokens/types.ts +2 -1
- package/src/theme/config/types.ts +2 -1
- package/src/theme/system/color/_helpers.ts +1 -0
- package/src/theme/system/color/_system.ts +1 -1
- package/src/theme/system/color/color.ts +1 -1
- package/src/theme/system/index.ts +1 -2
- package/src/theme/system/theme.ts +2 -2
- package/src/theme/system/v0/color/index.ts +1 -1
- package/src/theme/system/v0/index.ts +1 -1
- package/src/theme/versioning/themeColor_v0_v2.ts +5 -5
- package/dist/_chunks-cjs/getTheme_v2.js +0 -397
- package/dist/_chunks-cjs/getTheme_v2.js.map +0 -1
- package/dist/_chunks-es/getTheme_v2.mjs +0 -398
- package/dist/_chunks-es/getTheme_v2.mjs.map +0 -1
- package/src/core/__workshop__/fontsPlugin.tsx +0 -76
- /package/src/core/components/autocomplete/{__fixtures__ → __mocks__}/countries.ts +0 -0
- /package/src/core/primitives/kbd/{index.tsx → index.ts} +0 -0
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
2
|
+
ThemeColor,
|
|
3
3
|
ThemeColorBase,
|
|
4
4
|
ThemeColorButtonModeKey,
|
|
5
5
|
ThemeColorButtonStates,
|
|
6
|
+
ThemeColorGenericState,
|
|
6
7
|
ThemeColorInputState,
|
|
7
8
|
ThemeColorMuted,
|
|
8
9
|
ThemeColorMutedTone,
|
|
9
|
-
ThemeColorSolid,
|
|
10
|
-
ThemeColorSolidTone,
|
|
11
|
-
ThemeColorSyntax,
|
|
12
10
|
ThemeColorName,
|
|
13
11
|
ThemeColorScheme,
|
|
14
12
|
ThemeColorSchemes,
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
ThemeColorSolid,
|
|
14
|
+
ThemeColorSolidTone,
|
|
17
15
|
ThemeColorSpotKey,
|
|
16
|
+
ThemeColorSyntax,
|
|
17
|
+
ThemeColorToneKey,
|
|
18
18
|
} from '../../../system'
|
|
19
19
|
import {createSelectableTones} from './_selectable/createSelectableTones'
|
|
20
20
|
import {createSolidTones} from './_solid/createSolidTones'
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import {ThemeColorBadgeTokens, ThemeColorStateTokens, ThemeConfig} from '../config'
|
|
2
2
|
import {
|
|
3
3
|
THEME_COLOR_BUTTON_MODES,
|
|
4
|
-
|
|
4
|
+
THEME_COLOR_CARD_TONES,
|
|
5
5
|
THEME_COLOR_STATE_TONES,
|
|
6
|
-
|
|
7
|
-
ThemeColorCardToneKey,
|
|
8
|
-
ThemeColorButtonModeKey,
|
|
9
|
-
ThemeColorStateKey,
|
|
10
|
-
ThemeColorStateToneKey,
|
|
6
|
+
THEME_COLOR_STATES,
|
|
11
7
|
ThemeColorAvatar_v2,
|
|
8
|
+
ThemeColorAvatarColorKey,
|
|
9
|
+
ThemeColorAvatarHue_v2,
|
|
12
10
|
ThemeColorBadge_v2,
|
|
13
|
-
ThemeColorSyntax,
|
|
14
|
-
ThemeColorSchemes_v2,
|
|
15
|
-
ThemeColorScheme_v2,
|
|
16
|
-
ThemeColorCard_v2,
|
|
17
|
-
ThemeColorSchemeKey,
|
|
18
|
-
ThemeColorShadow,
|
|
19
|
-
ThemeColorState_v2,
|
|
20
11
|
ThemeColorButton_v2,
|
|
21
12
|
ThemeColorButtonMode_v2,
|
|
13
|
+
ThemeColorButtonModeKey,
|
|
22
14
|
ThemeColorButtonTone_v2,
|
|
23
|
-
|
|
15
|
+
ThemeColorCard_v2,
|
|
16
|
+
ThemeColorCardToneKey,
|
|
24
17
|
ThemeColorInput_v2,
|
|
25
18
|
ThemeColorInputMode_v2,
|
|
26
19
|
ThemeColorInputState_v2,
|
|
27
|
-
|
|
20
|
+
ThemeColorScheme_v2,
|
|
21
|
+
ThemeColorSchemeKey,
|
|
22
|
+
ThemeColorSchemes_v2,
|
|
23
|
+
ThemeColorShadow,
|
|
24
|
+
ThemeColorState_v2,
|
|
25
|
+
ThemeColorStateKey,
|
|
26
|
+
ThemeColorStateToneKey,
|
|
27
|
+
ThemeColorSyntax,
|
|
28
28
|
} from '../system'
|
|
29
29
|
import {ColorTokenContext, resolveColorTokenValue as _color} from './colorToken'
|
|
30
30
|
import {resolveColorTokens} from './resolveColorTokens'
|
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
import {COLOR_HUES} from '@sanity/color'
|
|
2
|
+
|
|
2
3
|
import {ThemeColorPalette, ThemeConfig} from '../config'
|
|
3
4
|
import {defaultColorPalette} from '../defaults/colorPalette'
|
|
4
5
|
import {
|
|
5
6
|
THEME_COLOR_STATE_TONES,
|
|
6
7
|
ThemeColorAvatar_v2,
|
|
7
|
-
ThemeColorBadgeTone_v2,
|
|
8
8
|
ThemeColorBadge_v2,
|
|
9
|
+
ThemeColorBadgeTone_v2,
|
|
9
10
|
ThemeColorBlendModeKey,
|
|
11
|
+
ThemeColorButton_v2,
|
|
10
12
|
ThemeColorButtonMode_v2,
|
|
11
13
|
ThemeColorButtonTone_v2,
|
|
12
|
-
ThemeColorButton_v2,
|
|
13
|
-
ThemeColorCardToneKey,
|
|
14
14
|
ThemeColorCard_v2,
|
|
15
|
+
ThemeColorCardToneKey,
|
|
16
|
+
ThemeColorInput_v2,
|
|
15
17
|
ThemeColorInputMode_v2,
|
|
16
18
|
ThemeColorInputState_v2,
|
|
17
|
-
ThemeColorInput_v2,
|
|
18
19
|
ThemeColorKBD,
|
|
19
20
|
ThemeColorScheme_v2,
|
|
20
21
|
ThemeColorSchemes_v2,
|
|
21
|
-
ThemeColorSelectableTone_v2,
|
|
22
22
|
ThemeColorSelectable_v2,
|
|
23
|
+
ThemeColorSelectableTone_v2,
|
|
23
24
|
ThemeColorShadow,
|
|
24
25
|
ThemeColorState_v2,
|
|
25
26
|
ThemeColorSyntax,
|
|
26
27
|
} from '../system'
|
|
27
|
-
import {
|
|
28
|
+
import {renderColorValue, RenderColorValueOptions} from './renderColorValue'
|
|
28
29
|
|
|
29
30
|
export function renderThemeColorSchemes(
|
|
30
31
|
value: ThemeColorSchemes_v2,
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import {ColorTint as ColorPaletteValue} from '@sanity/color'
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
import {parseTokenValue, ThemeColorPalette} from '../config'
|
|
3
4
|
import {ThemeColorBlendModeKey} from '../system'
|
|
4
|
-
import {hexToRgb, mix,
|
|
5
|
+
import {hexToRgb, mix, rgba, rgbToHex} from './lib/color-fns'
|
|
5
6
|
import {mixThemeColor} from './mixThemeColor'
|
|
6
7
|
|
|
7
8
|
export interface RenderColorValueOptions {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import {COLOR_HUES, ColorHueKey} from '@sanity/color'
|
|
2
|
+
|
|
2
3
|
import {
|
|
3
4
|
ColorConfigCardTone,
|
|
4
5
|
ColorConfigInputMode,
|
|
@@ -10,20 +11,20 @@ import {
|
|
|
10
11
|
ThemeColorButtonTokens,
|
|
11
12
|
ThemeColorInputStateTokens,
|
|
12
13
|
ThemeColorInputTokens,
|
|
13
|
-
ThemeColorStateTokens,
|
|
14
14
|
ThemeColorStatesTokens,
|
|
15
|
+
ThemeColorStateTokens,
|
|
15
16
|
ThemeColorTokens,
|
|
16
17
|
} from '../config'
|
|
17
18
|
import {defaultColorTokens} from '../defaults/colorTokens'
|
|
18
19
|
import {
|
|
19
|
-
THEME_COLOR_CARD_TONES,
|
|
20
20
|
THEME_COLOR_BUTTON_MODES,
|
|
21
|
+
THEME_COLOR_CARD_TONES,
|
|
21
22
|
THEME_COLOR_INPUT_MODES,
|
|
22
23
|
THEME_COLOR_INPUT_STATES,
|
|
23
|
-
THEME_COLOR_STATES,
|
|
24
24
|
THEME_COLOR_STATE_TONES,
|
|
25
|
-
|
|
25
|
+
THEME_COLOR_STATES,
|
|
26
26
|
ThemeColorButtonModeKey,
|
|
27
|
+
ThemeColorCardToneKey,
|
|
27
28
|
ThemeColorStateKey,
|
|
28
29
|
ThemeColorStateToneKey,
|
|
29
30
|
} from '../system'
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
+
COLOR_CONFIG_BLEND_KEYS,
|
|
2
3
|
COLOR_CONFIG_CARD_KEYS,
|
|
3
4
|
COLOR_CONFIG_CARD_TONES,
|
|
4
|
-
COLOR_CONFIG_BLEND_KEYS,
|
|
5
5
|
COLOR_CONFIG_STATE_KEYS,
|
|
6
6
|
COLOR_CONFIG_STATE_TONES,
|
|
7
|
+
ColorConfigBlendKey,
|
|
7
8
|
ColorConfigCardKey,
|
|
8
9
|
ColorConfigCardTone,
|
|
9
|
-
ColorConfigBlendKey,
|
|
10
10
|
ColorConfigOpacityValue,
|
|
11
11
|
ColorConfigStateKey,
|
|
12
12
|
ColorConfigStateTone,
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import {ColorHueKey, ColorTintKey} from '@sanity/color'
|
|
2
|
+
|
|
2
3
|
import {
|
|
3
4
|
THEME_COLOR_AVATAR_COLORS,
|
|
4
5
|
THEME_COLOR_CARD_TONES,
|
|
5
6
|
THEME_COLOR_INPUT_MODES,
|
|
6
7
|
THEME_COLOR_INPUT_STATES,
|
|
7
|
-
THEME_COLOR_STATES,
|
|
8
8
|
THEME_COLOR_STATE_TONES,
|
|
9
|
+
THEME_COLOR_STATES,
|
|
9
10
|
ThemeColorBlendModeKey,
|
|
10
11
|
} from '../system'
|
|
11
12
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import {ColorHueKey} from '@sanity/color'
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
import {ThemeColorButtonModeKey, ThemeColorStateToneKey, ThemeColorSyntax} from '../../../system'
|
|
3
4
|
import {
|
|
4
5
|
ColorBlendModeTokenValue,
|
|
5
6
|
ColorConfigCardTone,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import {ColorHueKey, ColorTintKey} from '@sanity/color'
|
|
2
|
+
|
|
2
3
|
import {ThemeColorBlendModeKey, ThemeColorButtonModeKey} from '../../system'
|
|
3
4
|
import {
|
|
5
|
+
ColorConfigBlendKey,
|
|
4
6
|
ColorConfigCardKey,
|
|
5
7
|
ColorConfigCardTone,
|
|
6
|
-
ColorConfigBlendKey,
|
|
7
8
|
ColorConfigStateKey,
|
|
8
9
|
ColorConfigStateTone,
|
|
9
10
|
} from '../system'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {ThemeColorBlendModeKey, ThemeColorCardToneKey, ThemeColorSchemeKey} from './_system'
|
|
2
2
|
import {ThemeColorButton_v2} from './button'
|
|
3
3
|
import {ThemeColorInput_v2} from './input'
|
|
4
4
|
import {ThemeColorSelectable_v2} from './selectable'
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {ThemeAvatar_v2} from './avatar'
|
|
2
|
-
import {
|
|
2
|
+
import {ThemeColorCard_v2, ThemeColorSchemes_v2} from './color'
|
|
3
3
|
import {ThemeFocusRing} from './focusRing'
|
|
4
|
-
import {
|
|
4
|
+
import {ThemeFonts, ThemeFontWeightKey} from './font'
|
|
5
5
|
import {ThemeInput_v2} from './input'
|
|
6
6
|
import {ThemeLayer} from './layer'
|
|
7
7
|
import {ThemeShadow} from './shadow'
|
|
@@ -3,9 +3,9 @@ export * from './_system'
|
|
|
3
3
|
export * from './base'
|
|
4
4
|
export * from './button'
|
|
5
5
|
export * from './card'
|
|
6
|
+
export * from './color'
|
|
6
7
|
export * from './input'
|
|
7
8
|
export * from './muted'
|
|
8
9
|
export * from './selectable'
|
|
9
10
|
export * from './solid'
|
|
10
11
|
export * from './spot'
|
|
11
|
-
export * from './color'
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
ThemeColor,
|
|
3
|
-
ThemeColorGenericState,
|
|
4
|
-
ThemeColorMuted,
|
|
5
|
-
ThemeColorSelectable_v2,
|
|
6
|
-
ThemeColorState_v2,
|
|
7
3
|
ThemeColorCard_v2,
|
|
8
|
-
|
|
4
|
+
ThemeColorGenericState,
|
|
9
5
|
ThemeColorInputMode_v2,
|
|
10
6
|
ThemeColorInputState,
|
|
11
7
|
ThemeColorInputState_v2,
|
|
8
|
+
ThemeColorInputStates,
|
|
9
|
+
ThemeColorMuted,
|
|
10
|
+
ThemeColorSelectable_v2,
|
|
11
|
+
ThemeColorState_v2,
|
|
12
12
|
} from '../system'
|
|
13
13
|
|
|
14
14
|
const cache = new WeakMap<ThemeColor, ThemeColorCard_v2>()
|