@sanity/ui 2.1.3 → 2.1.4

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.
Files changed (6) hide show
  1. package/dist/index.d.mts +22 -13
  2. package/dist/index.d.ts +22 -13
  3. package/dist/theme.d.mts +2 -2
  4. package/dist/theme.d.ts +2 -2
  5. package/package.json +27 -27
  6. package/src/theme/system/v0/color/_system.ts +2 -2
package/dist/index.d.mts CHANGED
@@ -3,18 +3,23 @@
3
3
  import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
4
4
  import {Component} from 'react'
5
5
  import {Context} from 'react'
6
+ import {createColorTheme as createColorTheme_2} from '@sanity/ui/theme'
6
7
  import {CSSObject} from '@sanity/ui/theme'
7
8
  import {DetailedHTMLProps} from 'react'
8
9
  import {ElementType} from 'react'
9
10
  import {FastOmit} from 'styled-components/dist/types'
10
11
  import {ForwardRefExoticComponent} from 'react'
12
+ import {hexToRgb as hexToRgb_2} from '@sanity/ui/theme'
11
13
  import {HSL as HSL_2} from '@sanity/ui/theme'
14
+ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
12
15
  import {HTMLAttributes} from 'react'
13
16
  import {HTMLProps} from 'react'
14
17
  import {IStyledComponent} from 'styled-components'
15
18
  import {MemoExoticComponent} from 'react'
19
+ import {multiply as multiply_2} from '@sanity/ui/theme'
16
20
  import {MutableRefObject} from 'react'
17
21
  import {NamedExoticComponent} from 'react'
22
+ import {parseColor as parseColor_2} from '@sanity/ui/theme'
18
23
  import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
19
24
  import {PropsWithChildren} from 'react'
20
25
  import {ReactElement} from 'react'
@@ -23,7 +28,11 @@ import {Ref} from 'react'
23
28
  import {RefAttributes} from 'react'
24
29
  import {RefCallback} from 'react'
25
30
  import {RGB as RGB_2} from '@sanity/ui/theme'
31
+ import {rgba as rgba_2} from '@sanity/ui/theme'
32
+ import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
33
+ import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
26
34
  import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
35
+ import {screen as screen_3} from '@sanity/ui/theme'
27
36
  import {Theme as Theme_2} from '@sanity/ui/theme'
28
37
  import {Theme_v2} from '@sanity/ui/theme'
29
38
  import {ThemeAvatar} from '@sanity/ui/theme'
@@ -694,7 +703,7 @@ export declare function containsOrEqualsElement(element: HTMLElement, node: Node
694
703
  * @public
695
704
  * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
696
705
  */
697
- export declare const createColorTheme: any
706
+ export declare const createColorTheme: typeof createColorTheme_2
698
707
 
699
708
  /**
700
709
  * @public
@@ -712,7 +721,7 @@ export declare type Delay =
712
721
  * @public
713
722
  */
714
723
  export declare const Dialog: ForwardRefExoticComponent<
715
- Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>, 'ref'> &
724
+ Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'width' | 'as'>, 'ref'> &
716
725
  RefAttributes<HTMLDivElement>
717
726
  >
718
727
 
@@ -1072,7 +1081,7 @@ export declare interface HeadingSkeletonProps extends SkeletonProps {
1072
1081
  * @public
1073
1082
  * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
1074
1083
  */
1075
- export declare const hexToRgb: any
1084
+ export declare const hexToRgb: typeof hexToRgb_2
1076
1085
 
1077
1086
  /**
1078
1087
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -1104,7 +1113,7 @@ export declare type HSL = HSL_2
1104
1113
  * @public
1105
1114
  * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
1106
1115
  */
1107
- export declare const hslToRgb: any
1116
+ export declare const hslToRgb: typeof hslToRgb_2
1108
1117
 
1109
1118
  /**
1110
1119
  * The `Inline` component is a layout utility for aligning and spacing items horizontally.
@@ -1388,7 +1397,7 @@ export declare interface MenuGroupProps {
1388
1397
  */
1389
1398
  export declare const MenuItem: ForwardRefExoticComponent<
1390
1399
  MenuItemProps &
1391
- Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'ref' | 'as' | 'selected'> &
1400
+ Omit<HTMLProps<HTMLDivElement>, 'selected' | 'height' | 'tabIndex' | 'ref' | 'as'> &
1392
1401
  RefAttributes<HTMLDivElement>
1393
1402
  >
1394
1403
 
@@ -1434,13 +1443,13 @@ export declare interface MenuProps extends ResponsivePaddingProps {
1434
1443
  * @public
1435
1444
  * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
1436
1445
  */
1437
- export declare const multiply: any
1446
+ export declare const multiply: typeof multiply_2
1438
1447
 
1439
1448
  /**
1440
1449
  * @public
1441
1450
  * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
1442
1451
  */
1443
- export declare const parseColor: any
1452
+ export declare const parseColor: typeof parseColor_2
1444
1453
 
1445
1454
  export {PartialThemeColorBuilderOpts}
1446
1455
 
@@ -1856,19 +1865,19 @@ export declare type RGB = RGB_2
1856
1865
  * @public
1857
1866
  * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
1858
1867
  */
1859
- export declare const rgba: any
1868
+ export declare const rgba: typeof rgba_2
1860
1869
 
1861
1870
  /**
1862
1871
  * @public
1863
1872
  * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
1864
1873
  */
1865
- export declare const rgbToHex: any
1874
+ export declare const rgbToHex: typeof rgbToHex_2
1866
1875
 
1867
1876
  /**
1868
1877
  * @public
1869
1878
  * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
1870
1879
  */
1871
- export declare const rgbToHsl: any
1880
+ export declare const rgbToHsl: typeof rgbToHsl_2
1872
1881
 
1873
1882
  /**
1874
1883
  * @public
@@ -1880,7 +1889,7 @@ export declare type RootTheme = RootTheme_2
1880
1889
  * @public
1881
1890
  * @deprecated Use `screen` from `@sanity/ui/theme` instead.
1882
1891
  */
1883
- declare const screen_2: any
1892
+ declare const screen_2: typeof screen_3
1884
1893
  export {screen_2 as screen}
1885
1894
 
1886
1895
  /**
@@ -1981,7 +1990,7 @@ export declare interface StackProps extends BoxProps {
1981
1990
  * @public
1982
1991
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
1983
1992
  */
1984
- export declare const studioTheme: any
1993
+ export declare const studioTheme: BaseTheme_2
1985
1994
 
1986
1995
  /**
1987
1996
  * @public
@@ -2016,7 +2025,7 @@ export declare const Tab: ForwardRefExoticComponent<
2016
2025
  TabProps &
2017
2026
  Omit<
2018
2027
  HTMLProps<HTMLButtonElement>,
2019
- 'width' | 'id' | 'type' | 'aria-controls' | 'label' | 'as'
2028
+ 'label' | 'id' | 'type' | 'width' | 'aria-controls' | 'as'
2020
2029
  >,
2021
2030
  'ref'
2022
2031
  > &
package/dist/index.d.ts CHANGED
@@ -3,18 +3,23 @@
3
3
  import {BaseTheme as BaseTheme_2} from '@sanity/ui/theme'
4
4
  import {Component} from 'react'
5
5
  import {Context} from 'react'
6
+ import {createColorTheme as createColorTheme_2} from '@sanity/ui/theme'
6
7
  import {CSSObject} from '@sanity/ui/theme'
7
8
  import {DetailedHTMLProps} from 'react'
8
9
  import {ElementType} from 'react'
9
10
  import {FastOmit} from 'styled-components/dist/types'
10
11
  import {ForwardRefExoticComponent} from 'react'
12
+ import {hexToRgb as hexToRgb_2} from '@sanity/ui/theme'
11
13
  import {HSL as HSL_2} from '@sanity/ui/theme'
14
+ import {hslToRgb as hslToRgb_2} from '@sanity/ui/theme'
12
15
  import {HTMLAttributes} from 'react'
13
16
  import {HTMLProps} from 'react'
14
17
  import {IStyledComponent} from 'styled-components'
15
18
  import {MemoExoticComponent} from 'react'
19
+ import {multiply as multiply_2} from '@sanity/ui/theme'
16
20
  import {MutableRefObject} from 'react'
17
21
  import {NamedExoticComponent} from 'react'
22
+ import {parseColor as parseColor_2} from '@sanity/ui/theme'
18
23
  import {PartialThemeColorBuilderOpts} from '@sanity/ui/theme'
19
24
  import {PropsWithChildren} from 'react'
20
25
  import {ReactElement} from 'react'
@@ -23,7 +28,11 @@ import {Ref} from 'react'
23
28
  import {RefAttributes} from 'react'
24
29
  import {RefCallback} from 'react'
25
30
  import {RGB as RGB_2} from '@sanity/ui/theme'
31
+ import {rgba as rgba_2} from '@sanity/ui/theme'
32
+ import {rgbToHex as rgbToHex_2} from '@sanity/ui/theme'
33
+ import {rgbToHsl as rgbToHsl_2} from '@sanity/ui/theme'
26
34
  import {RootTheme as RootTheme_2} from '@sanity/ui/theme'
35
+ import {screen as screen_3} from '@sanity/ui/theme'
27
36
  import {Theme as Theme_2} from '@sanity/ui/theme'
28
37
  import {Theme_v2} from '@sanity/ui/theme'
29
38
  import {ThemeAvatar} from '@sanity/ui/theme'
@@ -694,7 +703,7 @@ export declare function containsOrEqualsElement(element: HTMLElement, node: Node
694
703
  * @public
695
704
  * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
696
705
  */
697
- export declare const createColorTheme: any
706
+ export declare const createColorTheme: typeof createColorTheme_2
698
707
 
699
708
  /**
700
709
  * @public
@@ -712,7 +721,7 @@ export declare type Delay =
712
721
  * @public
713
722
  */
714
723
  export declare const Dialog: ForwardRefExoticComponent<
715
- Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'width' | 'id' | 'as'>, 'ref'> &
724
+ Omit<DialogProps & Omit<HTMLProps<HTMLDivElement>, 'id' | 'width' | 'as'>, 'ref'> &
716
725
  RefAttributes<HTMLDivElement>
717
726
  >
718
727
 
@@ -1072,7 +1081,7 @@ export declare interface HeadingSkeletonProps extends SkeletonProps {
1072
1081
  * @public
1073
1082
  * @deprecated Use `hexToRgb` from `@sanity/ui/theme` instead.
1074
1083
  */
1075
- export declare const hexToRgb: any
1084
+ export declare const hexToRgb: typeof hexToRgb_2
1076
1085
 
1077
1086
  /**
1078
1087
  * Represent hotkeys (a keyboard combination) with semantic `<kbd>` elements.
@@ -1104,7 +1113,7 @@ export declare type HSL = HSL_2
1104
1113
  * @public
1105
1114
  * @deprecated Use `hslToRgb` from `@sanity/ui/theme` instead.
1106
1115
  */
1107
- export declare const hslToRgb: any
1116
+ export declare const hslToRgb: typeof hslToRgb_2
1108
1117
 
1109
1118
  /**
1110
1119
  * The `Inline` component is a layout utility for aligning and spacing items horizontally.
@@ -1388,7 +1397,7 @@ export declare interface MenuGroupProps {
1388
1397
  */
1389
1398
  export declare const MenuItem: ForwardRefExoticComponent<
1390
1399
  MenuItemProps &
1391
- Omit<HTMLProps<HTMLDivElement>, 'height' | 'tabIndex' | 'ref' | 'as' | 'selected'> &
1400
+ Omit<HTMLProps<HTMLDivElement>, 'selected' | 'height' | 'tabIndex' | 'ref' | 'as'> &
1392
1401
  RefAttributes<HTMLDivElement>
1393
1402
  >
1394
1403
 
@@ -1434,13 +1443,13 @@ export declare interface MenuProps extends ResponsivePaddingProps {
1434
1443
  * @public
1435
1444
  * @deprecated Use `multiply` from `@sanity/ui/theme` instead.
1436
1445
  */
1437
- export declare const multiply: any
1446
+ export declare const multiply: typeof multiply_2
1438
1447
 
1439
1448
  /**
1440
1449
  * @public
1441
1450
  * @deprecated Use `parseColor` from `@sanity/ui/theme` instead.
1442
1451
  */
1443
- export declare const parseColor: any
1452
+ export declare const parseColor: typeof parseColor_2
1444
1453
 
1445
1454
  export {PartialThemeColorBuilderOpts}
1446
1455
 
@@ -1856,19 +1865,19 @@ export declare type RGB = RGB_2
1856
1865
  * @public
1857
1866
  * @deprecated Use `rgba` from `@sanity/ui/theme` instead.
1858
1867
  */
1859
- export declare const rgba: any
1868
+ export declare const rgba: typeof rgba_2
1860
1869
 
1861
1870
  /**
1862
1871
  * @public
1863
1872
  * @deprecated Use `rgbToHex` from `@sanity/ui/theme` instead.
1864
1873
  */
1865
- export declare const rgbToHex: any
1874
+ export declare const rgbToHex: typeof rgbToHex_2
1866
1875
 
1867
1876
  /**
1868
1877
  * @public
1869
1878
  * @deprecated Use `rgbToHsl` from `@sanity/ui/theme` instead.
1870
1879
  */
1871
- export declare const rgbToHsl: any
1880
+ export declare const rgbToHsl: typeof rgbToHsl_2
1872
1881
 
1873
1882
  /**
1874
1883
  * @public
@@ -1880,7 +1889,7 @@ export declare type RootTheme = RootTheme_2
1880
1889
  * @public
1881
1890
  * @deprecated Use `screen` from `@sanity/ui/theme` instead.
1882
1891
  */
1883
- declare const screen_2: any
1892
+ declare const screen_2: typeof screen_3
1884
1893
  export {screen_2 as screen}
1885
1894
 
1886
1895
  /**
@@ -1981,7 +1990,7 @@ export declare interface StackProps extends BoxProps {
1981
1990
  * @public
1982
1991
  * @deprecated Use `buildTheme` from `@sanity/ui/theme` instead.
1983
1992
  */
1984
- export declare const studioTheme: any
1993
+ export declare const studioTheme: BaseTheme_2
1985
1994
 
1986
1995
  /**
1987
1996
  * @public
@@ -2016,7 +2025,7 @@ export declare const Tab: ForwardRefExoticComponent<
2016
2025
  TabProps &
2017
2026
  Omit<
2018
2027
  HTMLProps<HTMLButtonElement>,
2019
- 'width' | 'id' | 'type' | 'aria-controls' | 'label' | 'as'
2028
+ 'label' | 'id' | 'type' | 'width' | 'aria-controls' | 'as'
2020
2029
  >,
2021
2030
  'ref'
2022
2031
  > &
package/dist/theme.d.mts CHANGED
@@ -988,7 +988,7 @@ export declare interface ThemeColorMutedTone {
988
988
 
989
989
  /**
990
990
  * @public
991
- * @deprecated Use `ThemeColorBaseToneKey` instead.
991
+ * @deprecated Use `ThemeColorCardToneKey` instead.
992
992
  */
993
993
  export declare type ThemeColorName = ThemeColorCardToneKey
994
994
 
@@ -1261,7 +1261,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
1261
1261
 
1262
1262
  /**
1263
1263
  * @public
1264
- * @deprecated Use `ThemeColorBaseToneKey` instead.
1264
+ * @deprecated Use `ThemeColorCardToneKey` instead.
1265
1265
  */
1266
1266
  export declare type ThemeColorToneKey = ThemeColorCardToneKey
1267
1267
 
package/dist/theme.d.ts CHANGED
@@ -988,7 +988,7 @@ export declare interface ThemeColorMutedTone {
988
988
 
989
989
  /**
990
990
  * @public
991
- * @deprecated Use `ThemeColorBaseToneKey` instead.
991
+ * @deprecated Use `ThemeColorCardToneKey` instead.
992
992
  */
993
993
  export declare type ThemeColorName = ThemeColorCardToneKey
994
994
 
@@ -1261,7 +1261,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
1261
1261
 
1262
1262
  /**
1263
1263
  * @public
1264
- * @deprecated Use `ThemeColorBaseToneKey` instead.
1264
+ * @deprecated Use `ThemeColorCardToneKey` instead.
1265
1265
  */
1266
1266
  export declare type ThemeColorToneKey = ThemeColorCardToneKey
1267
1267
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/ui",
3
- "version": "2.1.3",
3
+ "version": "2.1.4",
4
4
  "keywords": [
5
5
  "sanity",
6
6
  "ui",
@@ -116,41 +116,41 @@
116
116
  "@babel/preset-env": "^7.24.4",
117
117
  "@babel/preset-react": "^7.24.1",
118
118
  "@babel/preset-typescript": "^7.24.1",
119
- "@commitlint/cli": "^19.2.1",
120
- "@commitlint/config-conventional": "^19.1.0",
119
+ "@commitlint/cli": "^19.2.2",
120
+ "@commitlint/config-conventional": "^19.2.2",
121
121
  "@juggle/resize-observer": "^3.4.0",
122
- "@sanity/pkg-utils": "^6.6.1",
122
+ "@sanity/pkg-utils": "^6.6.6",
123
123
  "@sanity/semantic-release-preset": "^4.1.7",
124
124
  "@sanity/ui-workshop": "^2.0.12",
125
- "@storybook/addon-a11y": "^8.0.7",
126
- "@storybook/addon-docs": "^8.0.7",
127
- "@storybook/addon-essentials": "^8.0.7",
128
- "@storybook/addon-interactions": "^8.0.7",
129
- "@storybook/addon-links": "^8.0.7",
130
- "@storybook/addon-storysource": "^8.0.7",
131
- "@storybook/addon-themes": "^8.0.7",
132
- "@storybook/blocks": "^8.0.7",
125
+ "@storybook/addon-a11y": "^8.0.8",
126
+ "@storybook/addon-docs": "^8.0.8",
127
+ "@storybook/addon-essentials": "^8.0.8",
128
+ "@storybook/addon-interactions": "^8.0.8",
129
+ "@storybook/addon-links": "^8.0.8",
130
+ "@storybook/addon-storysource": "^8.0.8",
131
+ "@storybook/addon-themes": "^8.0.8",
132
+ "@storybook/blocks": "^8.0.8",
133
133
  "@storybook/jest": "^0.2.3",
134
- "@storybook/manager-api": "^8.0.7",
135
- "@storybook/react": "^8.0.7",
136
- "@storybook/react-vite": "^8.0.7",
134
+ "@storybook/manager-api": "^8.0.8",
135
+ "@storybook/react": "^8.0.8",
136
+ "@storybook/react-vite": "^8.0.8",
137
137
  "@storybook/testing-library": "^0.2.2",
138
- "@storybook/theming": "^8.0.7",
138
+ "@storybook/theming": "^8.0.8",
139
139
  "@testing-library/dom": "^9.3.4",
140
140
  "@testing-library/jest-dom": "^5.17.0",
141
- "@testing-library/react": "^14.3.0",
141
+ "@testing-library/react": "^14.3.1",
142
142
  "@types/jest": "^29.5.12",
143
143
  "@types/jest-axe": "^3.5.9",
144
- "@types/node": "^20.5.9",
145
- "@types/react": "^18.2.75",
146
- "@types/react-dom": "^18.2.24",
144
+ "@types/node": "^20.12.7",
145
+ "@types/react": "^18.2.79",
146
+ "@types/react-dom": "^18.2.25",
147
147
  "@types/react-is": "^18.2.4",
148
148
  "@types/refractor": "^3.4.1",
149
149
  "@types/testing-library__jest-dom": "^5.14.9",
150
- "@typescript-eslint/eslint-plugin": "^7.6.0",
151
- "@typescript-eslint/parser": "^7.6.0",
150
+ "@typescript-eslint/eslint-plugin": "^7.7.0",
151
+ "@typescript-eslint/parser": "^7.7.0",
152
152
  "commitizen": "^4.3.0",
153
- "cypress": "^13.7.2",
153
+ "cypress": "^13.7.3",
154
154
  "cypress-real-events": "^1.12.0",
155
155
  "cz-conventional-changelog": "^3.3.0",
156
156
  "eslint": "^8.57.0",
@@ -176,14 +176,14 @@
176
176
  "react-dom": "^18.2.0",
177
177
  "react-is": "^18.2.0",
178
178
  "refractor": "^4.8.1",
179
- "rimraf": "^5.0.1",
179
+ "rimraf": "^5.0.5",
180
180
  "semantic-release": "^23.0.8",
181
181
  "start-server-and-test": "^2.0.3",
182
- "storybook": "^8.0.7",
182
+ "storybook": "^8.0.8",
183
183
  "styled-components": "^6.1.8",
184
184
  "tsconfig-paths": "^4.2.0",
185
185
  "typescript": "5.4.5",
186
- "vite": "^5.2.8",
186
+ "vite": "^5.2.9",
187
187
  "vite-tsconfig-paths": "^4.3.2"
188
188
  },
189
189
  "peerDependencies": {
@@ -192,7 +192,7 @@
192
192
  "react-is": "^18",
193
193
  "styled-components": "^5.2 || ^6"
194
194
  },
195
- "packageManager": "pnpm@8.15.6",
195
+ "packageManager": "pnpm@9.0.1",
196
196
  "engines": {
197
197
  "node": ">=14.0.0"
198
198
  },
package/src/theme/system/v0/color/_system.ts CHANGED
@@ -2,12 +2,12 @@ import {ThemeColorCardToneKey} from '../../color/_system'
2
2
 
3
3
  /**
4
4
  * @public
5
- * @deprecated Use `ThemeColorBaseToneKey` instead.
5
+ * @deprecated Use `ThemeColorCardToneKey` instead.
6
6
  */
7
7
  export type ThemeColorName = ThemeColorCardToneKey
8
8
 
9
9
  /**
10
10
  * @public
11
- * @deprecated Use `ThemeColorBaseToneKey` instead.
11
+ * @deprecated Use `ThemeColorCardToneKey` instead.
12
12
  */
13
13
  export type ThemeColorToneKey = ThemeColorCardToneKey