@sanity/ui 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (93) hide show
  1. package/README.md +1 -1
  2. package/dist/LazyRefractor-CQ22IeXB.js +19 -0
  3. package/dist/LazyRefractor-CQ22IeXB.js.map +1 -0
  4. package/dist/cli/install.js +2 -1
  5. package/dist/index.d.ts +662 -796
  6. package/dist/index.d.ts.map +1 -0
  7. package/dist/index.js +2081 -1758
  8. package/dist/index.js.map +1 -1
  9. package/dist/polyfills.d.ts +1 -0
  10. package/dist/polyfills.js +5 -0
  11. package/dist/polyfills.js.map +1 -0
  12. package/dist/styles.css +1 -1
  13. package/package.json +16 -9
  14. package/src/cli/install.ts +2 -1
  15. package/src/components/badge/Badge.tsx +53 -0
  16. package/src/components/badge/badge.css +6 -0
  17. package/src/components/badge/badge.props.ts +31 -0
  18. package/src/components/box/box.css +5 -0
  19. package/src/components/box/box.props.ts +7 -2
  20. package/src/components/button/button.props.ts +27 -9
  21. package/src/components/card/card.props.ts +6 -2
  22. package/src/components/checkbox/Checkbox.tsx +4 -3
  23. package/src/components/checkbox/checkbox.props.ts +11 -3
  24. package/src/components/code/code.props.ts +10 -3
  25. package/src/components/container/Container.tsx +5 -1
  26. package/src/components/container/container.css +4 -0
  27. package/src/components/container/container.props.ts +6 -2
  28. package/src/components/dialog/Dialog.tsx +139 -0
  29. package/src/components/dialog/dialog.css +49 -0
  30. package/src/components/dialog/dialog.props.ts +45 -0
  31. package/src/components/eyebrow/Eyebrow.tsx +1 -1
  32. package/src/components/eyebrow/eyebrow.props.ts +6 -2
  33. package/src/components/flex/flex.css +5 -0
  34. package/src/components/flex/flex.props.ts +6 -2
  35. package/src/components/grid/grid.css +5 -0
  36. package/src/components/grid/grid.props.ts +6 -2
  37. package/src/components/h-stack/HStack.tsx +8 -14
  38. package/src/components/h-stack/hStack.props.ts +5 -13
  39. package/src/components/heading/Heading.tsx +1 -1
  40. package/src/components/heading/heading.props.ts +8 -2
  41. package/src/components/icon/icon.props.ts +6 -2
  42. package/src/components/icon-button/iconButton.props.ts +7 -2
  43. package/src/components/index.css +4 -0
  44. package/src/components/indicator/indicator.props.ts +6 -2
  45. package/src/components/indicator-stack/indicatorStack.props.ts +3 -1
  46. package/src/components/inline/inline.props.ts +6 -2
  47. package/src/components/label/label.props.ts +7 -1
  48. package/src/components/link/link.props.ts +4 -4
  49. package/src/components/list/list.props.ts +27 -9
  50. package/src/components/popover/Popover.tsx +85 -0
  51. package/src/components/popover/popover.css +21 -0
  52. package/src/components/popover/popover.props.ts +38 -0
  53. package/src/components/press-area/pressArea.props.ts +3 -1
  54. package/src/components/radio/Radio.tsx +1 -1
  55. package/src/components/radio/radio.props.ts +7 -2
  56. package/src/components/select/Select.tsx +47 -0
  57. package/src/components/select/select.css +67 -0
  58. package/src/components/select/select.props.ts +25 -0
  59. package/src/components/skip-to-content/skipToContent.props.ts +9 -3
  60. package/src/components/spinner/Spinner.tsx +1 -1
  61. package/src/components/spinner/spinner.props.ts +3 -0
  62. package/src/components/switch/Switch.tsx +1 -1
  63. package/src/components/switch/switch.props.ts +7 -2
  64. package/src/components/text/Text.tsx +1 -1
  65. package/src/components/text/text.props.ts +6 -2
  66. package/src/components/tooltip/Tooltip.tsx +59 -55
  67. package/src/components/tooltip/tooltip.css +19 -40
  68. package/src/components/tooltip/tooltip.props.ts +24 -8
  69. package/src/components/tooltip-group/TooltipGroup.tsx +2 -5
  70. package/src/components/tooltip-group/tooltipGroup.props.ts +3 -1
  71. package/src/components/v-stack/VStack.tsx +8 -14
  72. package/src/components/v-stack/vStack.props.ts +5 -13
  73. package/src/components/visually-hidden/visuallyHidden.props.ts +6 -2
  74. package/src/css/classes/generic/display.css +8 -8
  75. package/src/css/classes/generic/placement.css +31 -0
  76. package/src/css/classes/local/animation.css +4 -0
  77. package/src/css/classes/local/index.css +2 -0
  78. package/src/css/classes/local/top-anchor.css +4 -0
  79. package/src/css/classes/system/shadow.css +6 -6
  80. package/src/css/global/reset.css +32 -19
  81. package/src/css/tokens/semantic.css +4 -0
  82. package/src/css/tokens/surface.css +2 -0
  83. package/src/hooks/useIsClient.ts +10 -0
  84. package/src/index.ts +8 -0
  85. package/src/polyfills.ts +17 -0
  86. package/src/props/formElement.ts +34 -0
  87. package/src/types/FormElement.ts +2 -0
  88. package/src/utils/getProps.ts +1 -1
  89. package/src/utils/mergeTriggerProps.ts +66 -0
  90. package/src/utils/renderPortal.tsx +14 -0
  91. package/src/version.ts +2 -2
  92. package/dist/_chunks-es/LazyRefractor.js +0 -20
  93. package/dist/_chunks-es/LazyRefractor.js.map +0 -1
package/README.md CHANGED
@@ -46,7 +46,7 @@ import '@sanity/ui/styles.css'
46
46
 
47
47
  ```tsx
48
48
  import {Box, Flex, Card, Heading, Text, Button} from '@sanity/ui'
49
- import {AddIcon} from '@sanity/icons'
49
+ import {AddIcon} from '@sanity/icons/Add'
50
50
 
51
51
  export default function App() {
52
52
  return (
@@ -0,0 +1,19 @@
1
+ import { c } from "react/compiler-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { Refractor, hasLanguage } from "react-refractor";
4
+ function LazyRefractor(t0) {
5
+ let $ = c(5), { language, value } = t0;
6
+ if (!hasLanguage(language)) {
7
+ let t1;
8
+ return $[0] === value ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx("code", { children: value }), $[0] = value, $[1] = t1), t1;
9
+ }
10
+ let t1;
11
+ return $[2] !== language || $[3] !== value ? (t1 = /* @__PURE__ */ jsx(Refractor, {
12
+ inline: !0,
13
+ language,
14
+ value
15
+ }), $[2] = language, $[3] = value, $[4] = t1) : t1 = $[4], t1;
16
+ }
17
+ export { LazyRefractor as default };
18
+
19
+ //# sourceMappingURL=LazyRefractor-CQ22IeXB.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LazyRefractor-CQ22IeXB.js","names":["{language, value}: RefractorProps","<code>{value}</code>","<Refractor inline language={language} value={value} />"],"sources":["../src/components/code/LazyRefractor.tsx"],"sourcesContent":["import {hasLanguage, Refractor, type RefractorProps} from 'react-refractor'\n\nexport default function LazyRefractor({language, value}: RefractorProps) {\n if (!hasLanguage(language)) {\n return <code>{value}</code>\n }\n\n return <Refractor inline language={language} value={value} />\n}\n"],"mappings":";;;AAEA,SAAwB,cAAA,IAAiD;eAAnC,EAAC,UAAU,UAAXA;CACpC,IAAI,CAAC,YAAY,QAAQ,GAAG;EACnBC,IAAAA;EAAP,OAAc,EAAA,OAAA,qBAAP,KAAA,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,GAAZ,EAAA,KAAA,mBAAPA;CACT;CAEOC,IAAAA;CAAP,OAAmC,EAAA,OAAA,YAAA,EAAA,OAAiB,SAA7C,KAAA,oBAAC,WAAD;EAAW,QAAA;EAAiB;EAAiB;CAAQ,CAAA,GAAzB,EAAA,KAAA,UAAiB,EAAA,KAAA,+BAA7CA;AACT"}
@@ -23,7 +23,8 @@ function exactFromRange(range) {
23
23
  *
24
24
  * Icons is already a dependency, so the package manager installs it either way.
25
25
  * It is listed explicitly because apps import icons directly to pass to
26
- * components (`<Button iconStart={AddIcon} />`), and under pnpm an import that
26
+ * components (`import {AddIcon} from '@sanity/icons/Add'`, then
27
+ * `<Button iconStart={AddIcon} />`), and under pnpm an import that
27
28
  * isn't in the app's own package.json doesn't resolve. Dependencies the app
28
29
  * never imports itself (react-refractor, clsx) are left to the package manager.
29
30
  * React/react-dom are peers that belong to the host app, so they are left out