@sanity/ui 2.9.0-corel.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks-cjs/getTheme_v2.js +110 -54
- package/dist/_chunks-cjs/getTheme_v2.js.map +1 -1
- package/dist/_chunks-es/getTheme_v2.mjs +110 -54
- package/dist/_chunks-es/getTheme_v2.mjs.map +1 -1
- package/dist/_legacy/getTheme_v2.esm.js +110 -54
- package/dist/_legacy/getTheme_v2.esm.js.map +1 -1
- package/dist/index.d.mts +14 -21
- package/dist/index.d.ts +14 -21
- package/dist/index.esm.js +3327 -3068
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3328 -3070
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3327 -3068
- package/dist/index.mjs.map +1 -1
- package/dist/theme.d.mts +8 -8
- package/dist/theme.d.ts +8 -8
- package/dist/theme.esm.js +1144 -592
- package/dist/theme.esm.js.map +1 -1
- package/dist/theme.js +1144 -592
- package/dist/theme.js.map +1 -1
- package/dist/theme.mjs +1144 -592
- package/dist/theme.mjs.map +1 -1
- package/package.json +60 -52
- package/src/core/__workshop__/constants.ts +15 -19
- package/src/core/components/breadcrumbs/__workshop__/example.tsx +1 -3
- package/src/core/components/breadcrumbs/__workshop__/index.ts +0 -5
- package/src/core/components/breadcrumbs/breadcrumbs.styles.ts +13 -1
- package/src/core/components/breadcrumbs/breadcrumbs.tsx +31 -39
- package/src/core/components/dialog/dialog.tsx +4 -2
- package/src/core/components/menu/__workshop__/tones.tsx +5 -6
- package/src/core/components/menu/menu.tsx +15 -11
- package/src/core/components/menu/menuButton.tsx +14 -36
- package/src/core/components/menu/menuGroup.tsx +2 -1
- package/src/core/components/menu/menuItem.tsx +4 -2
- package/src/core/components/tab/tabList.tsx +3 -11
- package/src/core/components/toast/__workshop__/hook.tsx +1 -1
- package/src/core/components/toast/toast.tsx +2 -2
- package/src/core/components/toast/toastProvider.tsx +5 -6
- package/src/core/components/toast/toastState.ts +6 -0
- package/src/core/constants.ts +1 -1
- package/src/core/hooks/useArrayProp.ts +14 -9
- package/src/core/hooks/useElementRect/__workshop__/example.tsx +2 -2
- package/src/core/primitives/avatar/avatarStack.tsx +2 -5
- package/src/core/primitives/badge/__workshop__/tones.tsx +6 -13
- package/src/core/primitives/button/__workshop__/custom.tsx +4 -3
- package/src/core/primitives/button/__workshop__/props.tsx +1 -1
- package/src/core/primitives/button/button.tsx +6 -11
- package/src/core/primitives/button/styles.ts +1 -1
- package/src/core/primitives/card/__workshop__/allTones.tsx +6 -8
- package/src/core/primitives/card/__workshop__/asButton.tsx +42 -24
- package/src/core/primitives/card/__workshop__/asComponent.tsx +1 -1
- package/src/core/primitives/card/__workshop__/checkered.tsx +17 -7
- package/src/core/primitives/card/__workshop__/interactive.tsx +10 -3
- package/src/core/primitives/card/__workshop__/listNavigation.tsx +5 -3
- package/src/core/primitives/card/__workshop__/props.tsx +7 -5
- package/src/core/primitives/card/__workshop__/selected.tsx +4 -1
- package/src/core/primitives/checkbox/__workshop__/tones.tsx +6 -0
- package/src/core/primitives/code/__workshop__/props.tsx +1 -1
- package/src/core/primitives/container/__workshop__/example.tsx +1 -1
- package/src/core/primitives/flex/__workshop__/example.tsx +3 -3
- package/src/core/primitives/flex/flex.tsx +1 -5
- package/src/core/primitives/grid/__workshop__/responsive.tsx +12 -12
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +13 -25
- package/src/core/primitives/heading/heading.tsx +1 -1
- package/src/core/primitives/inline/__workshop__/plain.tsx +3 -3
- package/src/core/primitives/label/__workshop__/opticalAlignment.tsx +6 -6
- package/src/core/primitives/popover/__workshop__/AlignedStory.tsx +1 -1
- package/src/core/primitives/popover/__workshop__/MatchReferenceWidthStory.tsx +3 -3
- package/src/core/primitives/popover/__workshop__/OpenOnMountStory.tsx +1 -1
- package/src/core/primitives/popover/__workshop__/PlainStory.tsx +1 -1
- package/src/core/primitives/popover/popover.tsx +6 -5
- package/src/core/primitives/radio/__workshop__/plain.tsx +2 -2
- package/src/core/primitives/select/__workshop__/readOnly.tsx +1 -1
- package/src/core/primitives/text/__workshop__/example.tsx +6 -6
- package/src/core/primitives/text/__workshop__/opticalAlignment.tsx +11 -21
- package/src/core/primitives/text/styles.ts +0 -1
- package/src/core/primitives/text/text.tsx +2 -4
- package/src/core/primitives/textArea/__workshop__/plain.tsx +1 -1
- package/src/core/primitives/textInput/__workshop__/index.ts +0 -5
- package/src/core/primitives/textInput/__workshop__/plain.tsx +1 -2
- package/src/core/primitives/textInput/__workshop__/readOnly.tsx +6 -2
- package/src/core/primitives/textInput/__workshop__/tones.tsx +38 -0
- package/src/core/styles/card/_cardColorStyle.ts +8 -8
- package/src/core/styles/flex/flexStyle.ts +0 -18
- package/src/core/styles/flex/types.ts +0 -2
- package/src/core/theme/__workshop__/debug/story.tsx +18 -11
- package/src/core/theme/themeProvider.tsx +4 -6
- package/src/core/utils/elementQuery/elementQuery.tsx +16 -17
- package/src/core/utils/layer/layerProvider.tsx +1 -1
- package/src/theme/build/_deprecated/color/muted/createMuted.ts +2 -2
- package/src/theme/build/buildColorTheme.ts +12 -8
- package/src/theme/build/renderColorTheme.ts +54 -232
- package/src/theme/defaults/colorTokens.ts +13 -18
- package/src/theme/system/color/_constants.ts +6 -10
- package/src/theme/versioning/themeColor_v0_v2.ts +26 -26
- package/src/theme/versioning/v0_v2.ts +4 -4
- package/src/core/components/breadcrumbs/__workshop__/buttons.tsx +0 -58
- package/src/core/primitives/textInput/__workshop__/multipleTones.tsx +0 -20
package/dist/theme.d.mts
CHANGED
|
@@ -112,12 +112,12 @@ export declare const COLOR_CONFIG_CARD_TONES: readonly [
|
|
|
112
112
|
'*',
|
|
113
113
|
'transparent',
|
|
114
114
|
'default',
|
|
115
|
+
'neutral',
|
|
115
116
|
'primary',
|
|
117
|
+
'suggest',
|
|
116
118
|
'positive',
|
|
117
119
|
'caution',
|
|
118
120
|
'critical',
|
|
119
|
-
'prospect',
|
|
120
|
-
'explore',
|
|
121
121
|
]
|
|
122
122
|
|
|
123
123
|
/** @public */
|
|
@@ -154,12 +154,12 @@ export declare const COLOR_CONFIG_STATE_KEYS: readonly [
|
|
|
154
154
|
export declare const COLOR_CONFIG_STATE_TONES: readonly [
|
|
155
155
|
'*',
|
|
156
156
|
'default',
|
|
157
|
+
'neutral',
|
|
157
158
|
'primary',
|
|
159
|
+
'suggest',
|
|
158
160
|
'positive',
|
|
159
161
|
'caution',
|
|
160
162
|
'critical',
|
|
161
|
-
'prospect',
|
|
162
|
-
'explore',
|
|
163
163
|
]
|
|
164
164
|
|
|
165
165
|
/** @public */
|
|
@@ -454,12 +454,12 @@ export declare const THEME_COLOR_BUTTON_MODES: readonly ['default', 'ghost', 'bl
|
|
|
454
454
|
export declare const THEME_COLOR_CARD_TONES: readonly [
|
|
455
455
|
'transparent',
|
|
456
456
|
'default',
|
|
457
|
+
'neutral',
|
|
457
458
|
'primary',
|
|
459
|
+
'suggest',
|
|
458
460
|
'positive',
|
|
459
461
|
'caution',
|
|
460
462
|
'critical',
|
|
461
|
-
'prospect',
|
|
462
|
-
'explore',
|
|
463
463
|
]
|
|
464
464
|
|
|
465
465
|
/** @public */
|
|
@@ -479,12 +479,12 @@ export declare const THEME_COLOR_SCHEMES: readonly ['light', 'dark']
|
|
|
479
479
|
/** @public */
|
|
480
480
|
export declare const THEME_COLOR_STATE_TONES: readonly [
|
|
481
481
|
'default',
|
|
482
|
+
'neutral',
|
|
482
483
|
'primary',
|
|
484
|
+
'suggest',
|
|
483
485
|
'positive',
|
|
484
486
|
'caution',
|
|
485
487
|
'critical',
|
|
486
|
-
'prospect',
|
|
487
|
-
'explore',
|
|
488
488
|
]
|
|
489
489
|
|
|
490
490
|
/** @public */
|
package/dist/theme.d.ts
CHANGED
|
@@ -112,12 +112,12 @@ export declare const COLOR_CONFIG_CARD_TONES: readonly [
|
|
|
112
112
|
'*',
|
|
113
113
|
'transparent',
|
|
114
114
|
'default',
|
|
115
|
+
'neutral',
|
|
115
116
|
'primary',
|
|
117
|
+
'suggest',
|
|
116
118
|
'positive',
|
|
117
119
|
'caution',
|
|
118
120
|
'critical',
|
|
119
|
-
'prospect',
|
|
120
|
-
'explore',
|
|
121
121
|
]
|
|
122
122
|
|
|
123
123
|
/** @public */
|
|
@@ -154,12 +154,12 @@ export declare const COLOR_CONFIG_STATE_KEYS: readonly [
|
|
|
154
154
|
export declare const COLOR_CONFIG_STATE_TONES: readonly [
|
|
155
155
|
'*',
|
|
156
156
|
'default',
|
|
157
|
+
'neutral',
|
|
157
158
|
'primary',
|
|
159
|
+
'suggest',
|
|
158
160
|
'positive',
|
|
159
161
|
'caution',
|
|
160
162
|
'critical',
|
|
161
|
-
'prospect',
|
|
162
|
-
'explore',
|
|
163
163
|
]
|
|
164
164
|
|
|
165
165
|
/** @public */
|
|
@@ -454,12 +454,12 @@ export declare const THEME_COLOR_BUTTON_MODES: readonly ['default', 'ghost', 'bl
|
|
|
454
454
|
export declare const THEME_COLOR_CARD_TONES: readonly [
|
|
455
455
|
'transparent',
|
|
456
456
|
'default',
|
|
457
|
+
'neutral',
|
|
457
458
|
'primary',
|
|
459
|
+
'suggest',
|
|
458
460
|
'positive',
|
|
459
461
|
'caution',
|
|
460
462
|
'critical',
|
|
461
|
-
'prospect',
|
|
462
|
-
'explore',
|
|
463
463
|
]
|
|
464
464
|
|
|
465
465
|
/** @public */
|
|
@@ -479,12 +479,12 @@ export declare const THEME_COLOR_SCHEMES: readonly ['light', 'dark']
|
|
|
479
479
|
/** @public */
|
|
480
480
|
export declare const THEME_COLOR_STATE_TONES: readonly [
|
|
481
481
|
'default',
|
|
482
|
+
'neutral',
|
|
482
483
|
'primary',
|
|
484
|
+
'suggest',
|
|
483
485
|
'positive',
|
|
484
486
|
'caution',
|
|
485
487
|
'critical',
|
|
486
|
-
'prospect',
|
|
487
|
-
'explore',
|
|
488
488
|
]
|
|
489
489
|
|
|
490
490
|
/** @public */
|