@blockle/blocks 0.10.0 → 0.11.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/index.cjs +256 -8
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +257 -8
- package/dist/momotaro.chunk.d.ts +289 -271
- package/dist/reset.css.cjs +2 -0
- package/dist/reset.css.mjs +2 -0
- package/dist/style.css +2851 -0
- package/dist/styles/components/display/Divider/Divider.cjs +1 -0
- package/dist/styles/components/display/Divider/Divider.mjs +1 -0
- package/dist/styles/components/display/Divider/divider.css.cjs +3 -10
- package/dist/styles/components/display/Divider/divider.css.mjs +3 -10
- package/dist/styles/components/form/Button/Button.css.cjs +3 -10
- package/dist/styles/components/form/Button/Button.css.mjs +3 -10
- package/dist/styles/components/form/Button/Button.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Button/Button.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Checkbox/checkbox.css.cjs +5 -24
- package/dist/styles/components/form/Checkbox/checkbox.css.mjs +5 -24
- package/dist/styles/components/form/Checkbox/checkbox.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Checkbox/checkbox.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Input/input.css.cjs +3 -14
- package/dist/styles/components/form/Input/input.css.mjs +3 -14
- package/dist/styles/components/form/Input/input.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Input/input.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Radio/radio.css.cjs +5 -24
- package/dist/styles/components/form/Radio/radio.css.mjs +5 -24
- package/dist/styles/components/form/Radio/radio.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Radio/radio.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Select/Select.cjs +2 -2
- package/dist/styles/components/form/Select/Select.mjs +2 -2
- package/dist/styles/components/form/Select/select.css.cjs +5 -30
- package/dist/styles/components/form/Select/select.css.mjs +5 -30
- package/dist/styles/components/form/Select/select.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Select/select.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Slider/slider.css.cjs +7 -64
- package/dist/styles/components/form/Slider/slider.css.mjs +7 -64
- package/dist/styles/components/form/Slider/slider.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Slider/slider.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/form/Switch/switch.css.cjs +4 -20
- package/dist/styles/components/form/Switch/switch.css.mjs +4 -20
- package/dist/styles/components/form/Switch/switch.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/form/Switch/switch.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/overlay/Dialog/Dialog.cjs +3 -0
- package/dist/styles/components/overlay/Dialog/Dialog.mjs +4 -1
- package/dist/styles/components/overlay/Dialog/dialog.css.cjs +3 -18
- package/dist/styles/components/overlay/Dialog/dialog.css.mjs +3 -18
- package/dist/styles/components/overlay/Dialog/dialog.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/overlay/Dialog/dialog.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/typography/Heading/heading.css.cjs +3 -10
- package/dist/styles/components/typography/Heading/heading.css.mjs +3 -10
- package/dist/styles/components/typography/Heading/heading.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/typography/Heading/heading.css.ts.vanilla.mjs +1 -0
- package/dist/styles/components/typography/Text/text.css.cjs +3 -10
- package/dist/styles/components/typography/Text/text.css.mjs +3 -10
- package/dist/styles/components/typography/Text/text.css.ts.vanilla.cjs +1 -0
- package/dist/styles/components/typography/Text/text.css.ts.vanilla.mjs +1 -0
- package/dist/styles/entries/reset.css.ts.vanilla.cjs +1 -0
- package/dist/styles/entries/reset.css.ts.vanilla.mjs +1 -0
- package/dist/styles/lib/css/atoms/sprinkles.css.cjs +2088 -31
- package/dist/styles/lib/css/atoms/sprinkles.css.mjs +2088 -31
- package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.cjs +1 -0
- package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.mjs +1 -0
- package/dist/styles/lib/css/layers/layers.css.ts.vanilla.cjs +1 -0
- package/dist/styles/lib/css/layers/layers.css.ts.vanilla.mjs +1 -0
- package/dist/styles/lib/css/reset/reset.css.ts.vanilla.cjs +1 -0
- package/dist/styles/lib/css/reset/reset.css.ts.vanilla.mjs +1 -0
- package/dist/styles/lib/theme/makeTheme.cjs +18 -2
- package/dist/styles/lib/theme/makeTheme.mjs +17 -1
- package/dist/styles/lib/theme/vars.css.cjs +76 -4
- package/dist/styles/lib/theme/vars.css.mjs +76 -4
- package/dist/styles/lib/theme/vars.css.ts.vanilla.cjs +1 -0
- package/dist/styles/lib/theme/vars.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/button.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/button.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/checkbox.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/checkbox.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/dialog.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/dialog.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/divider.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/divider.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/dropdown.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/dropdown.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/helpers.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/helpers.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/input.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/input.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/label.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/label.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/link.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/link.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/progress.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/progress.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/radio.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/radio.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/select.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/select.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/slider.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/slider.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/spinner.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/spinner.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/components/switch.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/components/switch.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/momotaro.css.cjs +191 -7
- package/dist/styles/themes/momotaro/momotaro.css.mjs +191 -7
- package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.mjs +1 -0
- package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.cjs +1 -0
- package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.mjs +1 -0
- package/package.json +22 -22
- package/dist/styles/lib/css/atoms/atomicProperties.cjs +0 -83
- package/dist/styles/lib/css/atoms/atomicProperties.mjs +0 -84
- package/dist/styles/lib/css/atoms/breakpoints.cjs +0 -11
- package/dist/styles/lib/css/atoms/breakpoints.mjs +0 -12
- package/dist/styles/lib/css/layers/layers.css.cjs +0 -7
- package/dist/styles/lib/css/layers/layers.css.mjs +0 -8
- package/dist/styles/lib/css/style/style.cjs +0 -28
- package/dist/styles/lib/css/style/style.mjs +0 -29
- package/dist/styles/lib/theme/makeComponentTheme.cjs +0 -5
- package/dist/styles/lib/theme/makeComponentTheme.mjs +0 -6
- package/dist/styles/lib/theme/makeVanillaTheme.cjs +0 -19
- package/dist/styles/lib/theme/makeVanillaTheme.mjs +0 -20
- package/dist/styles/lib/theme/tokens.cjs +0 -81
- package/dist/styles/lib/theme/tokens.mjs +0 -82
- package/dist/styles/themes/momotaro/components/button.css.cjs +0 -103
- package/dist/styles/themes/momotaro/components/button.css.mjs +0 -104
- package/dist/styles/themes/momotaro/components/checkbox.css.cjs +0 -59
- package/dist/styles/themes/momotaro/components/checkbox.css.mjs +0 -60
- package/dist/styles/themes/momotaro/components/dialog.css.cjs +0 -68
- package/dist/styles/themes/momotaro/components/dialog.css.mjs +0 -69
- package/dist/styles/themes/momotaro/components/divider.css.cjs +0 -11
- package/dist/styles/themes/momotaro/components/divider.css.mjs +0 -12
- package/dist/styles/themes/momotaro/components/dropdown.css.cjs +0 -54
- package/dist/styles/themes/momotaro/components/dropdown.css.mjs +0 -55
- package/dist/styles/themes/momotaro/components/helpers.css.cjs +0 -43
- package/dist/styles/themes/momotaro/components/helpers.css.mjs +0 -44
- package/dist/styles/themes/momotaro/components/index.cjs +0 -32
- package/dist/styles/themes/momotaro/components/index.mjs +0 -33
- package/dist/styles/themes/momotaro/components/input.css.cjs +0 -41
- package/dist/styles/themes/momotaro/components/input.css.mjs +0 -42
- package/dist/styles/themes/momotaro/components/label.css.cjs +0 -33
- package/dist/styles/themes/momotaro/components/label.css.mjs +0 -34
- package/dist/styles/themes/momotaro/components/link.css.cjs +0 -47
- package/dist/styles/themes/momotaro/components/link.css.mjs +0 -48
- package/dist/styles/themes/momotaro/components/progress.css.cjs +0 -55
- package/dist/styles/themes/momotaro/components/progress.css.mjs +0 -56
- package/dist/styles/themes/momotaro/components/radio.css.cjs +0 -60
- package/dist/styles/themes/momotaro/components/radio.css.mjs +0 -61
- package/dist/styles/themes/momotaro/components/select.css.cjs +0 -35
- package/dist/styles/themes/momotaro/components/select.css.mjs +0 -36
- package/dist/styles/themes/momotaro/components/slider.css.cjs +0 -65
- package/dist/styles/themes/momotaro/components/slider.css.mjs +0 -66
- package/dist/styles/themes/momotaro/components/spinner.css.cjs +0 -43
- package/dist/styles/themes/momotaro/components/spinner.css.mjs +0 -44
- package/dist/styles/themes/momotaro/components/switch.css.cjs +0 -58
- package/dist/styles/themes/momotaro/components/switch.css.mjs +0 -59
- package/dist/styles/themes/momotaro/components/transitions.cjs +0 -3
- package/dist/styles/themes/momotaro/components/transitions.mjs +0 -4
- package/dist/styles/themes/momotaro/tokens.css.cjs +0 -84
- package/dist/styles/themes/momotaro/tokens.css.mjs +0 -85
- /package/dist/styles/{lib/css/reset/reset.css.cjs → components/display/Divider/divider.css.ts.vanilla.cjs} +0 -0
- /package/dist/styles/{lib/css/reset/reset.css.mjs → components/display/Divider/divider.css.ts.vanilla.mjs} +0 -0
|
@@ -1,25 +1,9 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import "../../../lib/css/layers/layers.css.ts.vanilla.mjs";
|
|
3
|
+
import "./switch.css.ts.vanilla.mjs";
|
|
4
4
|
setFileScope("src/components/form/Switch/switch.css.ts", "@blockle/blocks");
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
[blocksLayer]: {
|
|
8
|
-
cursor: "pointer",
|
|
9
|
-
userSelect: "none",
|
|
10
|
-
position: "relative"
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}, "container");
|
|
14
|
-
const input = style({
|
|
15
|
-
"@layer": {
|
|
16
|
-
[blocksLayer]: {
|
|
17
|
-
opacity: 0,
|
|
18
|
-
maxBlockSize: 0,
|
|
19
|
-
maxInlineSize: 0
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}, "input");
|
|
5
|
+
var container = "tbb26a0";
|
|
6
|
+
var input = "tbb26a1";
|
|
23
7
|
endFileScope();
|
|
24
8
|
export {
|
|
25
9
|
container,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -248,7 +248,10 @@ const Dialog = ({
|
|
|
248
248
|
};
|
|
249
249
|
exports.Dialog = Dialog;
|
|
250
250
|
exports.Portal = Portal;
|
|
251
|
+
exports.hasAnimationDuration = hasAnimationDuration;
|
|
251
252
|
exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
|
|
252
253
|
exports.useKeyboard = useKeyboard;
|
|
254
|
+
exports.useLayer = useLayer;
|
|
253
255
|
exports.usePreventBodyScroll = usePreventBodyScroll;
|
|
254
256
|
exports.useRootAriaHidden = useRootAriaHidden;
|
|
257
|
+
exports.useVisibilityState = useVisibilityState;
|
|
@@ -248,8 +248,11 @@ const Dialog = ({
|
|
|
248
248
|
export {
|
|
249
249
|
Dialog,
|
|
250
250
|
Portal,
|
|
251
|
+
hasAnimationDuration,
|
|
251
252
|
useIsomorphicLayoutEffect,
|
|
252
253
|
useKeyboard,
|
|
254
|
+
useLayer,
|
|
253
255
|
usePreventBodyScroll,
|
|
254
|
-
useRootAriaHidden
|
|
256
|
+
useRootAriaHidden,
|
|
257
|
+
useVisibilityState
|
|
255
258
|
};
|
|
@@ -1,23 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
require("../../../lib/css/layers/layers.css.ts.vanilla.cjs");
|
|
4
|
+
require("./dialog.css.ts.vanilla.cjs");
|
|
5
5
|
fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
|
|
6
|
-
|
|
7
|
-
"@layer": {
|
|
8
|
-
[styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
|
|
9
|
-
contain: "layout",
|
|
10
|
-
display: "flex",
|
|
11
|
-
placeItems: "center",
|
|
12
|
-
position: "fixed",
|
|
13
|
-
inlineSize: "100%",
|
|
14
|
-
blockSize: "100%",
|
|
15
|
-
insetInlineStart: 0,
|
|
16
|
-
insetBlockStart: 0,
|
|
17
|
-
overflow: "hidden",
|
|
18
|
-
zIndex: 1e3
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}, "backdrop");
|
|
6
|
+
var backdrop = "_1j8hm8d0";
|
|
22
7
|
fileScope.endFileScope();
|
|
23
8
|
exports.backdrop = backdrop;
|
|
@@ -1,23 +1,8 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import "../../../lib/css/layers/layers.css.ts.vanilla.mjs";
|
|
3
|
+
import "./dialog.css.ts.vanilla.mjs";
|
|
4
4
|
setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
|
|
5
|
-
|
|
6
|
-
"@layer": {
|
|
7
|
-
[blocksLayer]: {
|
|
8
|
-
contain: "layout",
|
|
9
|
-
display: "flex",
|
|
10
|
-
placeItems: "center",
|
|
11
|
-
position: "fixed",
|
|
12
|
-
inlineSize: "100%",
|
|
13
|
-
blockSize: "100%",
|
|
14
|
-
insetInlineStart: 0,
|
|
15
|
-
insetBlockStart: 0,
|
|
16
|
-
overflow: "hidden",
|
|
17
|
-
zIndex: 1e3
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}, "backdrop");
|
|
5
|
+
var backdrop = "_1j8hm8d0";
|
|
21
6
|
endFileScope();
|
|
22
7
|
export {
|
|
23
8
|
backdrop
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
require("../../../lib/css/layers/layers.css.ts.vanilla.cjs");
|
|
4
|
+
require("./heading.css.ts.vanilla.cjs");
|
|
5
5
|
fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
|
|
6
|
-
|
|
7
|
-
"@layer": {
|
|
8
|
-
[styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
|
|
9
|
-
margin: 0,
|
|
10
|
-
padding: 0
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}, "heading");
|
|
6
|
+
var heading = "_176zl350";
|
|
14
7
|
fileScope.endFileScope();
|
|
15
8
|
exports.heading = heading;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import "../../../lib/css/layers/layers.css.ts.vanilla.mjs";
|
|
3
|
+
import "./heading.css.ts.vanilla.mjs";
|
|
4
4
|
setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
|
|
5
|
-
|
|
6
|
-
"@layer": {
|
|
7
|
-
[blocksLayer]: {
|
|
8
|
-
margin: 0,
|
|
9
|
-
padding: 0
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}, "heading");
|
|
5
|
+
var heading = "_176zl350";
|
|
13
6
|
endFileScope();
|
|
14
7
|
export {
|
|
15
8
|
heading
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const fileScope = require("@vanilla-extract/css/fileScope");
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
require("../../../lib/css/layers/layers.css.ts.vanilla.cjs");
|
|
4
|
+
require("./text.css.ts.vanilla.cjs");
|
|
5
5
|
fileScope.setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
|
|
6
|
-
|
|
7
|
-
"@layer": {
|
|
8
|
-
[styles_lib_css_layers_layers_css_cjs.blocksLayer]: {
|
|
9
|
-
margin: 0,
|
|
10
|
-
padding: 0
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}, "text");
|
|
6
|
+
var text = "tiyd9n0";
|
|
14
7
|
fileScope.endFileScope();
|
|
15
8
|
exports.text = text;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import "../../../lib/css/layers/layers.css.ts.vanilla.mjs";
|
|
3
|
+
import "./text.css.ts.vanilla.mjs";
|
|
4
4
|
setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
|
|
5
|
-
|
|
6
|
-
"@layer": {
|
|
7
|
-
[blocksLayer]: {
|
|
8
|
-
margin: 0,
|
|
9
|
-
padding: 0
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}, "text");
|
|
5
|
+
var text = "tiyd9n0";
|
|
13
6
|
endFileScope();
|
|
14
7
|
export {
|
|
15
8
|
text
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|