@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.
Files changed (161) hide show
  1. package/dist/index.cjs +256 -8
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.mjs +257 -8
  5. package/dist/momotaro.chunk.d.ts +289 -271
  6. package/dist/reset.css.cjs +2 -0
  7. package/dist/reset.css.mjs +2 -0
  8. package/dist/style.css +2851 -0
  9. package/dist/styles/components/display/Divider/Divider.cjs +1 -0
  10. package/dist/styles/components/display/Divider/Divider.mjs +1 -0
  11. package/dist/styles/components/display/Divider/divider.css.cjs +3 -10
  12. package/dist/styles/components/display/Divider/divider.css.mjs +3 -10
  13. package/dist/styles/components/form/Button/Button.css.cjs +3 -10
  14. package/dist/styles/components/form/Button/Button.css.mjs +3 -10
  15. package/dist/styles/components/form/Button/Button.css.ts.vanilla.cjs +1 -0
  16. package/dist/styles/components/form/Button/Button.css.ts.vanilla.mjs +1 -0
  17. package/dist/styles/components/form/Checkbox/checkbox.css.cjs +5 -24
  18. package/dist/styles/components/form/Checkbox/checkbox.css.mjs +5 -24
  19. package/dist/styles/components/form/Checkbox/checkbox.css.ts.vanilla.cjs +1 -0
  20. package/dist/styles/components/form/Checkbox/checkbox.css.ts.vanilla.mjs +1 -0
  21. package/dist/styles/components/form/Input/input.css.cjs +3 -14
  22. package/dist/styles/components/form/Input/input.css.mjs +3 -14
  23. package/dist/styles/components/form/Input/input.css.ts.vanilla.cjs +1 -0
  24. package/dist/styles/components/form/Input/input.css.ts.vanilla.mjs +1 -0
  25. package/dist/styles/components/form/Radio/radio.css.cjs +5 -24
  26. package/dist/styles/components/form/Radio/radio.css.mjs +5 -24
  27. package/dist/styles/components/form/Radio/radio.css.ts.vanilla.cjs +1 -0
  28. package/dist/styles/components/form/Radio/radio.css.ts.vanilla.mjs +1 -0
  29. package/dist/styles/components/form/Select/Select.cjs +2 -2
  30. package/dist/styles/components/form/Select/Select.mjs +2 -2
  31. package/dist/styles/components/form/Select/select.css.cjs +5 -30
  32. package/dist/styles/components/form/Select/select.css.mjs +5 -30
  33. package/dist/styles/components/form/Select/select.css.ts.vanilla.cjs +1 -0
  34. package/dist/styles/components/form/Select/select.css.ts.vanilla.mjs +1 -0
  35. package/dist/styles/components/form/Slider/slider.css.cjs +7 -64
  36. package/dist/styles/components/form/Slider/slider.css.mjs +7 -64
  37. package/dist/styles/components/form/Slider/slider.css.ts.vanilla.cjs +1 -0
  38. package/dist/styles/components/form/Slider/slider.css.ts.vanilla.mjs +1 -0
  39. package/dist/styles/components/form/Switch/switch.css.cjs +4 -20
  40. package/dist/styles/components/form/Switch/switch.css.mjs +4 -20
  41. package/dist/styles/components/form/Switch/switch.css.ts.vanilla.cjs +1 -0
  42. package/dist/styles/components/form/Switch/switch.css.ts.vanilla.mjs +1 -0
  43. package/dist/styles/components/overlay/Dialog/Dialog.cjs +3 -0
  44. package/dist/styles/components/overlay/Dialog/Dialog.mjs +4 -1
  45. package/dist/styles/components/overlay/Dialog/dialog.css.cjs +3 -18
  46. package/dist/styles/components/overlay/Dialog/dialog.css.mjs +3 -18
  47. package/dist/styles/components/overlay/Dialog/dialog.css.ts.vanilla.cjs +1 -0
  48. package/dist/styles/components/overlay/Dialog/dialog.css.ts.vanilla.mjs +1 -0
  49. package/dist/styles/components/typography/Heading/heading.css.cjs +3 -10
  50. package/dist/styles/components/typography/Heading/heading.css.mjs +3 -10
  51. package/dist/styles/components/typography/Heading/heading.css.ts.vanilla.cjs +1 -0
  52. package/dist/styles/components/typography/Heading/heading.css.ts.vanilla.mjs +1 -0
  53. package/dist/styles/components/typography/Text/text.css.cjs +3 -10
  54. package/dist/styles/components/typography/Text/text.css.mjs +3 -10
  55. package/dist/styles/components/typography/Text/text.css.ts.vanilla.cjs +1 -0
  56. package/dist/styles/components/typography/Text/text.css.ts.vanilla.mjs +1 -0
  57. package/dist/styles/entries/reset.css.ts.vanilla.cjs +1 -0
  58. package/dist/styles/entries/reset.css.ts.vanilla.mjs +1 -0
  59. package/dist/styles/lib/css/atoms/sprinkles.css.cjs +2088 -31
  60. package/dist/styles/lib/css/atoms/sprinkles.css.mjs +2088 -31
  61. package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.cjs +1 -0
  62. package/dist/styles/lib/css/atoms/sprinkles.css.ts.vanilla.mjs +1 -0
  63. package/dist/styles/lib/css/layers/layers.css.ts.vanilla.cjs +1 -0
  64. package/dist/styles/lib/css/layers/layers.css.ts.vanilla.mjs +1 -0
  65. package/dist/styles/lib/css/reset/reset.css.ts.vanilla.cjs +1 -0
  66. package/dist/styles/lib/css/reset/reset.css.ts.vanilla.mjs +1 -0
  67. package/dist/styles/lib/theme/makeTheme.cjs +18 -2
  68. package/dist/styles/lib/theme/makeTheme.mjs +17 -1
  69. package/dist/styles/lib/theme/vars.css.cjs +76 -4
  70. package/dist/styles/lib/theme/vars.css.mjs +76 -4
  71. package/dist/styles/lib/theme/vars.css.ts.vanilla.cjs +1 -0
  72. package/dist/styles/lib/theme/vars.css.ts.vanilla.mjs +1 -0
  73. package/dist/styles/themes/momotaro/components/button.css.ts.vanilla.cjs +1 -0
  74. package/dist/styles/themes/momotaro/components/button.css.ts.vanilla.mjs +1 -0
  75. package/dist/styles/themes/momotaro/components/checkbox.css.ts.vanilla.cjs +1 -0
  76. package/dist/styles/themes/momotaro/components/checkbox.css.ts.vanilla.mjs +1 -0
  77. package/dist/styles/themes/momotaro/components/dialog.css.ts.vanilla.cjs +1 -0
  78. package/dist/styles/themes/momotaro/components/dialog.css.ts.vanilla.mjs +1 -0
  79. package/dist/styles/themes/momotaro/components/divider.css.ts.vanilla.cjs +1 -0
  80. package/dist/styles/themes/momotaro/components/divider.css.ts.vanilla.mjs +1 -0
  81. package/dist/styles/themes/momotaro/components/dropdown.css.ts.vanilla.cjs +1 -0
  82. package/dist/styles/themes/momotaro/components/dropdown.css.ts.vanilla.mjs +1 -0
  83. package/dist/styles/themes/momotaro/components/helpers.css.ts.vanilla.cjs +1 -0
  84. package/dist/styles/themes/momotaro/components/helpers.css.ts.vanilla.mjs +1 -0
  85. package/dist/styles/themes/momotaro/components/input.css.ts.vanilla.cjs +1 -0
  86. package/dist/styles/themes/momotaro/components/input.css.ts.vanilla.mjs +1 -0
  87. package/dist/styles/themes/momotaro/components/label.css.ts.vanilla.cjs +1 -0
  88. package/dist/styles/themes/momotaro/components/label.css.ts.vanilla.mjs +1 -0
  89. package/dist/styles/themes/momotaro/components/link.css.ts.vanilla.cjs +1 -0
  90. package/dist/styles/themes/momotaro/components/link.css.ts.vanilla.mjs +1 -0
  91. package/dist/styles/themes/momotaro/components/progress.css.ts.vanilla.cjs +1 -0
  92. package/dist/styles/themes/momotaro/components/progress.css.ts.vanilla.mjs +1 -0
  93. package/dist/styles/themes/momotaro/components/radio.css.ts.vanilla.cjs +1 -0
  94. package/dist/styles/themes/momotaro/components/radio.css.ts.vanilla.mjs +1 -0
  95. package/dist/styles/themes/momotaro/components/select.css.ts.vanilla.cjs +1 -0
  96. package/dist/styles/themes/momotaro/components/select.css.ts.vanilla.mjs +1 -0
  97. package/dist/styles/themes/momotaro/components/slider.css.ts.vanilla.cjs +1 -0
  98. package/dist/styles/themes/momotaro/components/slider.css.ts.vanilla.mjs +1 -0
  99. package/dist/styles/themes/momotaro/components/spinner.css.ts.vanilla.cjs +1 -0
  100. package/dist/styles/themes/momotaro/components/spinner.css.ts.vanilla.mjs +1 -0
  101. package/dist/styles/themes/momotaro/components/switch.css.ts.vanilla.cjs +1 -0
  102. package/dist/styles/themes/momotaro/components/switch.css.ts.vanilla.mjs +1 -0
  103. package/dist/styles/themes/momotaro/momotaro.css.cjs +191 -7
  104. package/dist/styles/themes/momotaro/momotaro.css.mjs +191 -7
  105. package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.cjs +1 -0
  106. package/dist/styles/themes/momotaro/momotaro.css.ts.vanilla.mjs +1 -0
  107. package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.cjs +1 -0
  108. package/dist/styles/themes/momotaro/tokens.css.ts.vanilla.mjs +1 -0
  109. package/package.json +22 -22
  110. package/dist/styles/lib/css/atoms/atomicProperties.cjs +0 -83
  111. package/dist/styles/lib/css/atoms/atomicProperties.mjs +0 -84
  112. package/dist/styles/lib/css/atoms/breakpoints.cjs +0 -11
  113. package/dist/styles/lib/css/atoms/breakpoints.mjs +0 -12
  114. package/dist/styles/lib/css/layers/layers.css.cjs +0 -7
  115. package/dist/styles/lib/css/layers/layers.css.mjs +0 -8
  116. package/dist/styles/lib/css/style/style.cjs +0 -28
  117. package/dist/styles/lib/css/style/style.mjs +0 -29
  118. package/dist/styles/lib/theme/makeComponentTheme.cjs +0 -5
  119. package/dist/styles/lib/theme/makeComponentTheme.mjs +0 -6
  120. package/dist/styles/lib/theme/makeVanillaTheme.cjs +0 -19
  121. package/dist/styles/lib/theme/makeVanillaTheme.mjs +0 -20
  122. package/dist/styles/lib/theme/tokens.cjs +0 -81
  123. package/dist/styles/lib/theme/tokens.mjs +0 -82
  124. package/dist/styles/themes/momotaro/components/button.css.cjs +0 -103
  125. package/dist/styles/themes/momotaro/components/button.css.mjs +0 -104
  126. package/dist/styles/themes/momotaro/components/checkbox.css.cjs +0 -59
  127. package/dist/styles/themes/momotaro/components/checkbox.css.mjs +0 -60
  128. package/dist/styles/themes/momotaro/components/dialog.css.cjs +0 -68
  129. package/dist/styles/themes/momotaro/components/dialog.css.mjs +0 -69
  130. package/dist/styles/themes/momotaro/components/divider.css.cjs +0 -11
  131. package/dist/styles/themes/momotaro/components/divider.css.mjs +0 -12
  132. package/dist/styles/themes/momotaro/components/dropdown.css.cjs +0 -54
  133. package/dist/styles/themes/momotaro/components/dropdown.css.mjs +0 -55
  134. package/dist/styles/themes/momotaro/components/helpers.css.cjs +0 -43
  135. package/dist/styles/themes/momotaro/components/helpers.css.mjs +0 -44
  136. package/dist/styles/themes/momotaro/components/index.cjs +0 -32
  137. package/dist/styles/themes/momotaro/components/index.mjs +0 -33
  138. package/dist/styles/themes/momotaro/components/input.css.cjs +0 -41
  139. package/dist/styles/themes/momotaro/components/input.css.mjs +0 -42
  140. package/dist/styles/themes/momotaro/components/label.css.cjs +0 -33
  141. package/dist/styles/themes/momotaro/components/label.css.mjs +0 -34
  142. package/dist/styles/themes/momotaro/components/link.css.cjs +0 -47
  143. package/dist/styles/themes/momotaro/components/link.css.mjs +0 -48
  144. package/dist/styles/themes/momotaro/components/progress.css.cjs +0 -55
  145. package/dist/styles/themes/momotaro/components/progress.css.mjs +0 -56
  146. package/dist/styles/themes/momotaro/components/radio.css.cjs +0 -60
  147. package/dist/styles/themes/momotaro/components/radio.css.mjs +0 -61
  148. package/dist/styles/themes/momotaro/components/select.css.cjs +0 -35
  149. package/dist/styles/themes/momotaro/components/select.css.mjs +0 -36
  150. package/dist/styles/themes/momotaro/components/slider.css.cjs +0 -65
  151. package/dist/styles/themes/momotaro/components/slider.css.mjs +0 -66
  152. package/dist/styles/themes/momotaro/components/spinner.css.cjs +0 -43
  153. package/dist/styles/themes/momotaro/components/spinner.css.mjs +0 -44
  154. package/dist/styles/themes/momotaro/components/switch.css.cjs +0 -58
  155. package/dist/styles/themes/momotaro/components/switch.css.mjs +0 -59
  156. package/dist/styles/themes/momotaro/components/transitions.cjs +0 -3
  157. package/dist/styles/themes/momotaro/components/transitions.mjs +0 -4
  158. package/dist/styles/themes/momotaro/tokens.css.cjs +0 -84
  159. package/dist/styles/themes/momotaro/tokens.css.mjs +0 -85
  160. /package/dist/styles/{lib/css/reset/reset.css.cjs → components/display/Divider/divider.css.ts.vanilla.cjs} +0 -0
  161. /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 { style } from "@vanilla-extract/css";
3
- import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
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
- const container = style({
6
- "@layer": {
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,
@@ -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
- const css = require("@vanilla-extract/css");
4
- const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
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
- const backdrop = css.style({
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 { style } from "@vanilla-extract/css";
3
- import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
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
- const backdrop = style({
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
@@ -1,15 +1,8 @@
1
1
  "use strict";
2
2
  const fileScope = require("@vanilla-extract/css/fileScope");
3
- const css = require("@vanilla-extract/css");
4
- const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
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
- const heading = css.style({
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 { style } from "@vanilla-extract/css";
3
- import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
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
- const heading = style({
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
@@ -1,15 +1,8 @@
1
1
  "use strict";
2
2
  const fileScope = require("@vanilla-extract/css/fileScope");
3
- const css = require("@vanilla-extract/css");
4
- const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
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
- const text = css.style({
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 { style } from "@vanilla-extract/css";
3
- import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
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
- const text = style({
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";