@sanity/ui 3.0.0-static.16 → 3.0.0-static.17
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/README.md +2 -4
- package/bin/{ui.js → sanity-ui.cjs} +1 -1
- package/dist/_chunks-cjs/{_visual-editing.js → _visual-editing.cjs} +4 -4
- package/dist/_chunks-cjs/_visual-editing.cjs.map +1 -0
- package/dist/_chunks-cjs/{buildCommand.js → buildCommand.cjs} +26 -10
- package/dist/_chunks-cjs/buildCommand.cjs.map +1 -0
- package/dist/_chunks-cjs/{refractor.js → refractor.cjs} +1 -1
- package/dist/_chunks-cjs/refractor.cjs.map +1 -0
- package/dist/_chunks-es/{_visual-editing.mjs → _visual-editing.js} +4 -4
- package/dist/_chunks-es/_visual-editing.js.map +1 -0
- package/dist/_chunks-es/{refractor.mjs → refractor.js} +1 -1
- package/dist/_chunks-es/refractor.js.map +1 -0
- package/dist/_visual-editing.cjs +30 -0
- package/dist/_visual-editing.cjs.map +1 -0
- package/dist/_visual-editing.js +29 -29
- package/dist/_visual-editing.js.map +1 -1
- package/dist/{cli.js → cli.cjs} +4 -4
- package/dist/cli.cjs.map +1 -0
- package/dist/{css.mjs → css.cjs} +490 -499
- package/dist/css.cjs.map +1 -0
- package/dist/{css.d.mts → css.d.cts} +19 -23
- package/dist/css.d.ts +19 -23
- package/dist/css.js +490 -497
- package/dist/css.js.map +1 -1
- package/dist/{index.mjs → index.cjs} +368 -367
- package/dist/{index.mjs.map → index.cjs.map} +1 -1
- package/dist/index.js +366 -367
- package/dist/index.js.map +1 -1
- package/dist/{theme.mjs → theme.cjs} +219 -196
- package/dist/theme.cjs.map +1 -0
- package/dist/{theme.d.mts → theme.d.cts} +2 -0
- package/dist/theme.d.ts +2 -0
- package/dist/theme.js +218 -195
- package/dist/theme.js.map +1 -1
- package/dist/{sanity-palette.css → ui-palette.css} +1 -1
- package/dist/ui-palette.min.css +1 -0
- package/dist/{system.css → ui-system.css} +258 -140
- package/dist/ui-system.min.css +1 -0
- package/dist/{sanity-theme.css → ui-theme.css} +199 -199
- package/dist/ui-theme.min.css +1 -0
- package/dist/ui.css +29152 -0
- package/dist/ui.min.css +1 -0
- package/package.json +20 -20
- package/src/cli/buildCommand.ts +55 -20
- package/src/cli/index.ts +1 -1
- package/src/core/StyleTags.tsx +4 -4
- package/src/core/components/autocomplete/__workshop__/async.tsx +2 -2
- package/src/core/components/autocomplete/__workshop__/custom.tsx +2 -2
- package/src/core/components/autocomplete/__workshop__/focusAndBlur.tsx +3 -3
- package/src/core/primitives/button/__workshop__/custom.tsx +18 -41
- package/src/core/primitives/button/button.tsx +3 -1
- package/src/core/primitives/card/__workshop__/asButton.tsx +0 -9
- package/src/core/primitives/card/__workshop__/interactive.tsx +0 -1
- package/src/core/primitives/card/__workshop__/props.tsx +0 -3
- package/src/core/primitives/card/__workshop__/selected.tsx +6 -37
- package/src/core/primitives/heading/__workshop__/opticalAlignment.tsx +1 -1
- package/src/core/primitives/heading/__workshop__/plain.tsx +1 -8
- package/src/core/primitives/label/__workshop__/plain.tsx +1 -9
- package/src/core/primitives/text/__workshop__/example.tsx +1 -9
- package/src/css/{compilePalette.ts → _compilePalette.ts} +2 -2
- package/src/css/{compileSystem.ts → _compileSystem.ts} +1 -1
- package/src/css/{compileTheme.ts → _compileTheme.ts} +3 -3
- package/src/css/{compileTheme_v3.ts → _compileTheme_v3.ts} +7 -1
- package/src/css/_system.style.ts +1 -0
- package/src/css/index.ts +3 -3
- package/src/css/primitives/button/button.style.ts +23 -9
- package/src/css/primitives/button/button.ts +1 -12
- package/src/css/primitives/button/types.ts +1 -6
- package/src/css/primitives/card/card.style.ts +12 -21
- package/src/css/primitives/kbd/kbd.style.ts +3 -6
- package/src/css/types.ts +9 -9
- package/src/theme/v3/color/buildColor_v3.ts +53 -25
- package/src/theme/v3/color/card.ts +0 -42
- package/src/theme/v3/color/renderColor.test.ts +1 -0
- package/src/theme/v3/color/renderColor.ts +9 -2
- package/src/theme/v3/color/token.ts +1 -0
- package/src/theme/v3/defaultTokens.ts +7 -2
- package/dist/_chunks-cjs/_visual-editing.js.map +0 -1
- package/dist/_chunks-cjs/buildCommand.js.map +0 -1
- package/dist/_chunks-cjs/refractor.js.map +0 -1
- package/dist/_chunks-es/_visual-editing.mjs.map +0 -1
- package/dist/_chunks-es/refractor.mjs.map +0 -1
- package/dist/_visual-editing.mjs +0 -30
- package/dist/_visual-editing.mjs.map +0 -1
- package/dist/cli.js.map +0 -1
- package/dist/css.mjs.map +0 -1
- package/dist/sanity-palette.min.css +0 -1
- package/dist/sanity-theme.min.css +0 -1
- package/dist/system.min.css +0 -1
- package/dist/theme.mjs.map +0 -1
- package/src/css/primitives/button/_constants.ts +0 -17
- /package/dist/{_visual-editing.d.mts → _visual-editing.d.cts} +0 -0
- /package/dist/{cli.d.ts → cli.d.cts} +0 -0
- /package/dist/{index.d.mts → index.d.cts} +0 -0
package/README.md
CHANGED
|
@@ -14,9 +14,7 @@ npm install react react-dom react-is styled-components
|
|
|
14
14
|
## Usage
|
|
15
15
|
|
|
16
16
|
```jsx
|
|
17
|
-
import '@sanity/ui/
|
|
18
|
-
import '@sanity/ui/sanity-theme.css'
|
|
19
|
-
import '@sanity/ui/system.css'
|
|
17
|
+
import '@sanity/ui/ui.css'
|
|
20
18
|
|
|
21
19
|
import {Button, Card} from '@sanity/ui'
|
|
22
20
|
import {createRoot} from 'react-dom/client'
|
|
@@ -24,7 +22,7 @@ import {createRoot} from 'react-dom/client'
|
|
|
24
22
|
const root = createRoot(document.getElementById('root'))
|
|
25
23
|
|
|
26
24
|
root.render(
|
|
27
|
-
<Card>
|
|
25
|
+
<Card scheme="light" tone="default">
|
|
28
26
|
<Button text="Hello, world" />
|
|
29
27
|
</Card>,
|
|
30
28
|
)
|
|
@@ -787,12 +787,12 @@ function Button(props) {
|
|
|
787
787
|
className: css.composeClassNames(className, css.button({
|
|
788
788
|
display,
|
|
789
789
|
flex,
|
|
790
|
-
mode,
|
|
791
790
|
radius,
|
|
792
|
-
tone,
|
|
793
791
|
width
|
|
794
792
|
})),
|
|
795
793
|
"data-disabled": loading || disabled ? "" : void 0,
|
|
794
|
+
"data-mode": mode,
|
|
795
|
+
"data-tone": tone,
|
|
796
796
|
"data-selected": selected ? "" : void 0,
|
|
797
797
|
disabled: !!(loading || disabled),
|
|
798
798
|
href: disabled ? void 0 : href,
|
|
@@ -904,7 +904,7 @@ function Checkbox(props) {
|
|
|
904
904
|
}
|
|
905
905
|
Checkbox.displayName = "Checkbox";
|
|
906
906
|
const LazyRefractor = react.lazy(() => Promise.resolve().then(function() {
|
|
907
|
-
return require("./refractor.
|
|
907
|
+
return require("./refractor.cjs");
|
|
908
908
|
})), DEFAULT_CODE_ELEMENT = "pre";
|
|
909
909
|
function Code(props) {
|
|
910
910
|
const $ = reactCompilerRuntime.c(25), t0 = props;
|
|
@@ -3151,4 +3151,4 @@ exports.useRootTheme = useRootTheme;
|
|
|
3151
3151
|
exports.useTheme = useTheme;
|
|
3152
3152
|
exports.useTheme_v2 = useTheme_v2;
|
|
3153
3153
|
exports.useTooltipDelayGroup = useTooltipDelayGroup;
|
|
3154
|
-
//# sourceMappingURL=_visual-editing.
|
|
3154
|
+
//# sourceMappingURL=_visual-editing.cjs.map
|