@blockle/blocks 0.19.0 → 0.20.0-alpha1

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 (283) hide show
  1. package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.cjs +19 -0
  2. package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.mjs +20 -0
  3. package/dist/components/accessibility/VisuallyHidden/index.cjs +1 -0
  4. package/dist/components/accessibility/VisuallyHidden/index.mjs +1 -0
  5. package/dist/{styles/components/Accessibility → components/accessibility}/VisuallyHidden/visually-hidden.css.cjs +1 -1
  6. package/dist/{styles/components/Accessibility → components/accessibility}/VisuallyHidden/visually-hidden.css.mjs +1 -1
  7. package/dist/components/display/Divider/Divider.cjs +25 -0
  8. package/dist/components/display/Divider/Divider.mjs +26 -0
  9. package/dist/{styles/components → components}/display/Divider/divider.css.cjs +2 -2
  10. package/dist/components/display/Divider/index.cjs +1 -0
  11. package/dist/components/display/Divider/index.mjs +1 -0
  12. package/dist/components/feedback/Progress/Progress.cjs +53 -0
  13. package/dist/components/feedback/Progress/Progress.mjs +54 -0
  14. package/dist/components/feedback/Progress/index.cjs +1 -0
  15. package/dist/components/feedback/Progress/index.mjs +1 -0
  16. package/dist/components/feedback/Spinner/Spinner.cjs +25 -0
  17. package/dist/components/feedback/Spinner/Spinner.mjs +26 -0
  18. package/dist/components/feedback/Spinner/index.cjs +1 -0
  19. package/dist/components/feedback/Spinner/index.mjs +1 -0
  20. package/dist/components/form/Button/Button.cjs +58 -0
  21. package/dist/{styles/components → components}/form/Button/Button.css.cjs +2 -2
  22. package/dist/{styles/components → components}/form/Button/Button.mjs +13 -11
  23. package/dist/components/form/Button/index.cjs +1 -0
  24. package/dist/components/form/Button/index.mjs +1 -0
  25. package/dist/components/form/Checkbox/Checkbox.cjs +78 -0
  26. package/dist/components/form/Checkbox/Checkbox.mjs +79 -0
  27. package/dist/{styles/components → components}/form/Checkbox/checkbox.css.cjs +3 -3
  28. package/dist/components/form/Checkbox/index.cjs +1 -0
  29. package/dist/components/form/Checkbox/index.mjs +1 -0
  30. package/dist/components/form/Input/Input.cjs +50 -0
  31. package/dist/components/form/Input/Input.mjs +51 -0
  32. package/dist/components/form/Input/index.cjs +1 -0
  33. package/dist/components/form/Input/index.mjs +1 -0
  34. package/dist/{styles/components → components}/form/Input/input.css.cjs +2 -2
  35. package/dist/components/form/Label/Label.cjs +29 -0
  36. package/dist/components/form/Label/Label.mjs +30 -0
  37. package/dist/components/form/Label/index.cjs +1 -0
  38. package/dist/components/form/Label/index.mjs +1 -0
  39. package/dist/components/form/Radio/Radio.cjs +47 -0
  40. package/dist/components/form/Radio/Radio.mjs +48 -0
  41. package/dist/components/form/Radio/RadioGroup.cjs +1 -0
  42. package/dist/components/form/Radio/RadioGroup.mjs +1 -0
  43. package/dist/components/form/Radio/index.cjs +1 -0
  44. package/dist/components/form/Radio/index.mjs +1 -0
  45. package/dist/{styles/components → components}/form/Radio/radio.css.cjs +3 -3
  46. package/dist/components/form/Select/Select.cjs +64 -0
  47. package/dist/{styles/components → components}/form/Select/Select.mjs +23 -6
  48. package/dist/components/form/Select/index.cjs +1 -0
  49. package/dist/components/form/Select/index.mjs +1 -0
  50. package/dist/{styles/components → components}/form/Select/select.css.cjs +4 -4
  51. package/dist/components/form/Slider/Slider.cjs +139 -0
  52. package/dist/components/form/Slider/Slider.mjs +142 -0
  53. package/dist/components/form/Slider/index.cjs +1 -0
  54. package/dist/components/form/Slider/index.mjs +1 -0
  55. package/dist/{styles/components → components}/form/Slider/slider.css.cjs +6 -6
  56. package/dist/components/form/Slider/usePointerProgress.cjs +44 -0
  57. package/dist/components/form/Slider/usePointerProgress.mjs +45 -0
  58. package/dist/{styles/components → components}/form/Switch/Switch.cjs +10 -8
  59. package/dist/{styles/components → components}/form/Switch/Switch.mjs +9 -5
  60. package/dist/components/form/Switch/index.cjs +1 -0
  61. package/dist/components/form/Switch/index.mjs +1 -0
  62. package/dist/{styles/components → components}/form/Switch/switch.css.cjs +3 -3
  63. package/dist/components/layout/Box/Box.cjs +27 -0
  64. package/dist/components/layout/Box/Box.mjs +28 -0
  65. package/dist/components/layout/Box/index.cjs +1 -0
  66. package/dist/components/layout/Box/index.mjs +1 -0
  67. package/dist/components/layout/Inline/Inline.cjs +29 -0
  68. package/dist/components/layout/Inline/Inline.mjs +30 -0
  69. package/dist/components/layout/Inline/index.cjs +1 -0
  70. package/dist/components/layout/Inline/index.mjs +1 -0
  71. package/dist/components/layout/Stack/Stack.cjs +29 -0
  72. package/dist/components/layout/Stack/Stack.mjs +30 -0
  73. package/dist/components/layout/Stack/index.cjs +1 -0
  74. package/dist/components/layout/Stack/index.mjs +1 -0
  75. package/dist/components/navigation/Link/Link.cjs +31 -0
  76. package/dist/components/navigation/Link/Link.mjs +32 -0
  77. package/dist/components/navigation/Link/index.cjs +1 -0
  78. package/dist/components/navigation/Link/index.mjs +1 -0
  79. package/dist/components/other/BlocksProvider/BlocksProvider.cjs +36 -0
  80. package/dist/components/other/BlocksProvider/BlocksProvider.mjs +39 -0
  81. package/dist/components/other/BlocksProvider/context.cjs +4 -0
  82. package/dist/components/other/BlocksProvider/context.mjs +7 -0
  83. package/dist/components/other/BlocksProvider/index.cjs +1 -0
  84. package/dist/components/other/BlocksProvider/index.mjs +1 -0
  85. package/dist/components/other/Portal/Portal.cjs +7 -0
  86. package/dist/components/other/Portal/Portal.mjs +8 -0
  87. package/dist/components/other/Portal/index.cjs +1 -0
  88. package/dist/components/other/Portal/index.mjs +1 -0
  89. package/dist/components/overlay/Dialog/Dialog.cjs +77 -0
  90. package/dist/components/overlay/Dialog/Dialog.mjs +80 -0
  91. package/dist/{styles/components → components}/overlay/Dialog/dialog.css.cjs +2 -2
  92. package/dist/components/overlay/Dialog/dialogHelper.cjs +20 -0
  93. package/dist/components/overlay/Dialog/dialogHelper.mjs +21 -0
  94. package/dist/components/overlay/Dialog/index.cjs +1 -0
  95. package/dist/components/overlay/Dialog/index.mjs +1 -0
  96. package/dist/components/overlay/Popover/Popover.cjs +111 -0
  97. package/dist/components/overlay/Popover/Popover.mjs +112 -0
  98. package/dist/components/overlay/Popover/popover-utils.cjs +61 -0
  99. package/dist/components/overlay/Popover/popover-utils.mjs +62 -0
  100. package/dist/components/overlay/Tooltip/Tooltip.cjs +71 -0
  101. package/dist/components/overlay/Tooltip/Tooltip.mjs +74 -0
  102. package/dist/components/overlay/Tooltip/index.cjs +1 -0
  103. package/dist/components/overlay/Tooltip/index.mjs +1 -0
  104. package/dist/components/typography/Heading/Heading.cjs +23 -0
  105. package/dist/components/typography/Heading/Heading.mjs +24 -0
  106. package/dist/{styles/components → components}/typography/Heading/heading.css.cjs +2 -2
  107. package/dist/components/typography/Heading/index.cjs +1 -0
  108. package/dist/components/typography/Heading/index.mjs +1 -0
  109. package/dist/components/typography/Text/Text.cjs +20 -0
  110. package/dist/{styles/components → components}/typography/Text/Text.mjs +2 -2
  111. package/dist/components/typography/Text/index.cjs +1 -0
  112. package/dist/components/typography/Text/index.mjs +1 -0
  113. package/dist/{styles/components → components}/typography/Text/text.css.cjs +2 -2
  114. package/dist/hooks/useClickOutside/useClickOutside.cjs +22 -0
  115. package/dist/hooks/useClickOutside/useClickOutside.mjs +23 -0
  116. package/dist/hooks/useControlledValue/useControlledValue.cjs +31 -0
  117. package/dist/hooks/useControlledValue/useControlledValue.mjs +32 -0
  118. package/dist/hooks/useIsomorphicLayoutEffect/index.cjs +1 -0
  119. package/dist/hooks/useIsomorphicLayoutEffect/index.mjs +1 -0
  120. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs +4 -0
  121. package/dist/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs +7 -0
  122. package/dist/hooks/useKeyboard/index.cjs +1 -0
  123. package/dist/hooks/useKeyboard/index.mjs +1 -0
  124. package/dist/hooks/useKeyboard/useKeyboard.cjs +19 -0
  125. package/dist/hooks/useKeyboard/useKeyboard.mjs +22 -0
  126. package/dist/hooks/useLayer/index.cjs +1 -0
  127. package/dist/hooks/useLayer/index.mjs +1 -0
  128. package/dist/hooks/useLayer/useLayer.cjs +25 -0
  129. package/dist/hooks/useLayer/useLayer.mjs +26 -0
  130. package/dist/hooks/usePreventBodyScroll/index.cjs +1 -0
  131. package/dist/hooks/usePreventBodyScroll/index.mjs +1 -0
  132. package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.cjs +29 -0
  133. package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.mjs +30 -0
  134. package/dist/hooks/useRestoreFocus/index.cjs +1 -0
  135. package/dist/hooks/useRestoreFocus/index.mjs +1 -0
  136. package/dist/hooks/useRestoreFocus/useRestoreFocus.cjs +17 -0
  137. package/dist/hooks/useRestoreFocus/useRestoreFocus.mjs +18 -0
  138. package/dist/hooks/useRootAriaHidden/index.cjs +1 -0
  139. package/dist/hooks/useRootAriaHidden/index.mjs +1 -0
  140. package/dist/hooks/useRootAriaHidden/useRootAriaHidden.cjs +11 -0
  141. package/dist/hooks/useRootAriaHidden/useRootAriaHidden.mjs +12 -0
  142. package/dist/hooks/useVisibilityState/index.cjs +1 -0
  143. package/dist/hooks/useVisibilityState/index.mjs +1 -0
  144. package/dist/hooks/useVisibilityState/useVisibilityState.cjs +15 -0
  145. package/dist/hooks/useVisibilityState/useVisibilityState.mjs +16 -0
  146. package/dist/index.cjs +71 -444
  147. package/dist/index.d.mts +1 -1
  148. package/dist/index.d.ts +1 -1
  149. package/dist/index.mjs +37 -415
  150. package/dist/lib/asChildRenderer/createAsChildTemplate.cjs +72 -0
  151. package/dist/lib/asChildRenderer/createAsChildTemplate.mjs +73 -0
  152. package/dist/{styles/lib → lib}/css/atoms/atomicProperties.cjs +28 -22
  153. package/dist/{styles/lib → lib}/css/atoms/atomicProperties.mjs +7 -1
  154. package/dist/{styles/lib → lib}/css/atoms/sprinkles.css.cjs +8 -8
  155. package/dist/lib/css/flexbox/flexbox.cjs +16 -0
  156. package/dist/lib/css/flexbox/flexbox.mjs +17 -0
  157. package/dist/{styles/lib → lib}/css/style/style.cjs +3 -3
  158. package/dist/lib/react/mergeProps.cjs +42 -0
  159. package/dist/lib/react/mergeProps.mjs +43 -0
  160. package/dist/lib/react/refs.cjs +16 -0
  161. package/dist/lib/react/refs.mjs +17 -0
  162. package/dist/lib/theme/makeTheme.cjs +12 -0
  163. package/dist/lib/theme/store/theme.cjs +92 -0
  164. package/dist/lib/theme/store/theme.mjs +93 -0
  165. package/dist/lib/theme/vars.css.cjs +9 -0
  166. package/dist/{styles/lib → lib}/utils/atom-props.cjs +2 -2
  167. package/dist/lib/utils/classnames.cjs +6 -0
  168. package/dist/lib/utils/classnames.mjs +7 -0
  169. package/dist/lib/utils/dom.cjs +12 -0
  170. package/dist/lib/utils/dom.mjs +13 -0
  171. package/dist/lib/utils/math.cjs +12 -0
  172. package/dist/lib/utils/math.mjs +13 -0
  173. package/dist/momotaro.chunk.d.ts +40 -56
  174. package/dist/reset.cjs +2 -2
  175. package/dist/reset.mjs +2 -2
  176. package/dist/{styles/themes → themes}/momotaro/components/button.css.cjs +23 -23
  177. package/dist/themes/momotaro/components/checkbox.css.cjs +59 -0
  178. package/dist/{styles/themes → themes}/momotaro/components/dialog.css.cjs +4 -4
  179. package/dist/{styles/themes → themes}/momotaro/components/divider.css.cjs +2 -2
  180. package/dist/{styles/themes → themes}/momotaro/components/helpers.css.cjs +3 -3
  181. package/dist/themes/momotaro/components/index.cjs +34 -0
  182. package/dist/{styles/themes → themes}/momotaro/components/input.css.cjs +9 -9
  183. package/dist/{styles/themes → themes}/momotaro/components/label.css.cjs +7 -7
  184. package/dist/{styles/themes → themes}/momotaro/components/link.css.cjs +7 -7
  185. package/dist/{styles/themes → themes}/momotaro/components/popover.css.cjs +4 -4
  186. package/dist/{styles/themes → themes}/momotaro/components/progress.css.cjs +7 -7
  187. package/dist/themes/momotaro/components/radio.css.cjs +60 -0
  188. package/dist/themes/momotaro/components/select.css.cjs +44 -0
  189. package/dist/themes/momotaro/components/slider.css.cjs +89 -0
  190. package/dist/{styles/themes → themes}/momotaro/components/spinner.css.cjs +2 -2
  191. package/dist/{styles/themes → themes}/momotaro/components/switch.css.cjs +10 -10
  192. package/dist/{styles/themes → themes}/momotaro/components/tooltip.css.cjs +6 -6
  193. package/dist/themes/momotaro/momotaro.css.cjs +13 -0
  194. package/dist/{styles/themes → themes}/momotaro/tokens.css.cjs +11 -11
  195. package/dist/themes/momotaro.cjs +2 -2
  196. package/dist/themes/momotaro.mjs +1 -1
  197. package/package.json +5 -15
  198. package/dist/styles/components/Accessibility/VisuallyHidden/VisuallyHidden.cjs +0 -16
  199. package/dist/styles/components/Accessibility/VisuallyHidden/VisuallyHidden.mjs +0 -17
  200. package/dist/styles/components/display/Divider/Divider.cjs +0 -239
  201. package/dist/styles/components/display/Divider/Divider.mjs +0 -240
  202. package/dist/styles/components/form/Button/Button.cjs +0 -56
  203. package/dist/styles/components/form/Checkbox/Checkbox.cjs +0 -84
  204. package/dist/styles/components/form/Checkbox/Checkbox.mjs +0 -85
  205. package/dist/styles/components/form/Input/Input.cjs +0 -37
  206. package/dist/styles/components/form/Input/Input.mjs +0 -38
  207. package/dist/styles/components/form/Radio/Radio.cjs +0 -23
  208. package/dist/styles/components/form/Radio/Radio.mjs +0 -24
  209. package/dist/styles/components/form/Select/Select.cjs +0 -47
  210. package/dist/styles/components/form/Slider/Slider.cjs +0 -205
  211. package/dist/styles/components/form/Slider/Slider.mjs +0 -206
  212. package/dist/styles/components/other/BlocksProvider/BlocksProvider.cjs +0 -41
  213. package/dist/styles/components/other/BlocksProvider/BlocksProvider.mjs +0 -42
  214. package/dist/styles/components/overlay/Dialog/Dialog.cjs +0 -172
  215. package/dist/styles/components/overlay/Dialog/Dialog.mjs +0 -173
  216. package/dist/styles/components/typography/Heading/Heading.cjs +0 -15
  217. package/dist/styles/components/typography/Heading/Heading.mjs +0 -16
  218. package/dist/styles/components/typography/Text/Text.cjs +0 -20
  219. package/dist/styles/lib/theme/makeTheme.cjs +0 -12
  220. package/dist/styles/lib/theme/vars.css.cjs +0 -9
  221. package/dist/styles/themes/momotaro/components/checkbox.css.cjs +0 -59
  222. package/dist/styles/themes/momotaro/components/index.cjs +0 -34
  223. package/dist/styles/themes/momotaro/components/radio.css.cjs +0 -60
  224. package/dist/styles/themes/momotaro/components/select.css.cjs +0 -44
  225. package/dist/styles/themes/momotaro/components/slider.css.cjs +0 -89
  226. package/dist/styles/themes/momotaro/momotaro.css.cjs +0 -13
  227. /package/dist/{styles/components → components}/display/Divider/divider.css.mjs +0 -0
  228. /package/dist/{styles/components → components}/form/Button/Button.css.mjs +0 -0
  229. /package/dist/{styles/components → components}/form/Checkbox/checkbox.css.mjs +0 -0
  230. /package/dist/{styles/components → components}/form/Input/input.css.mjs +0 -0
  231. /package/dist/{styles/components → components}/form/Radio/radio.css.mjs +0 -0
  232. /package/dist/{styles/components → components}/form/Select/select.css.mjs +0 -0
  233. /package/dist/{styles/components → components}/form/Slider/slider.css.mjs +0 -0
  234. /package/dist/{styles/components → components}/form/Switch/switch.css.mjs +0 -0
  235. /package/dist/{styles/components → components}/overlay/Dialog/dialog.css.mjs +0 -0
  236. /package/dist/{styles/components → components}/typography/Heading/heading.css.mjs +0 -0
  237. /package/dist/{styles/components → components}/typography/Text/text.css.mjs +0 -0
  238. /package/dist/{styles/lib → lib}/css/atoms/atoms.cjs +0 -0
  239. /package/dist/{styles/lib → lib}/css/atoms/atoms.mjs +0 -0
  240. /package/dist/{styles/lib → lib}/css/atoms/breakpoints.cjs +0 -0
  241. /package/dist/{styles/lib → lib}/css/atoms/breakpoints.mjs +0 -0
  242. /package/dist/{styles/lib → lib}/css/atoms/index.cjs +0 -0
  243. /package/dist/{styles/lib → lib}/css/atoms/index.mjs +0 -0
  244. /package/dist/{styles/lib → lib}/css/atoms/sprinkles.css.mjs +0 -0
  245. /package/dist/{styles/lib → lib}/css/layers/layers.css.cjs +0 -0
  246. /package/dist/{styles/lib → lib}/css/layers/layers.css.mjs +0 -0
  247. /package/dist/{styles/lib → lib}/css/reset/reset.css.cjs +0 -0
  248. /package/dist/{styles/lib → lib}/css/reset/reset.css.mjs +0 -0
  249. /package/dist/{styles/lib → lib}/css/style/style.mjs +0 -0
  250. /package/dist/{styles/lib → lib}/css/utils/cssUtils.cjs +0 -0
  251. /package/dist/{styles/lib → lib}/css/utils/cssUtils.mjs +0 -0
  252. /package/dist/{styles/lib → lib}/theme/makeComponentTheme.cjs +0 -0
  253. /package/dist/{styles/lib → lib}/theme/makeComponentTheme.mjs +0 -0
  254. /package/dist/{styles/lib → lib}/theme/makeTheme.mjs +0 -0
  255. /package/dist/{styles/lib → lib}/theme/makeVanillaTheme.cjs +0 -0
  256. /package/dist/{styles/lib → lib}/theme/makeVanillaTheme.mjs +0 -0
  257. /package/dist/{styles/lib → lib}/theme/tokens.cjs +0 -0
  258. /package/dist/{styles/lib → lib}/theme/tokens.mjs +0 -0
  259. /package/dist/{styles/lib → lib}/theme/vars.css.mjs +0 -0
  260. /package/dist/{styles/lib → lib}/utils/atom-props.mjs +0 -0
  261. /package/dist/{styles/themes → themes}/momotaro/components/button.css.mjs +0 -0
  262. /package/dist/{styles/themes → themes}/momotaro/components/checkbox.css.mjs +0 -0
  263. /package/dist/{styles/themes → themes}/momotaro/components/dialog.css.mjs +0 -0
  264. /package/dist/{styles/themes → themes}/momotaro/components/divider.css.mjs +0 -0
  265. /package/dist/{styles/themes → themes}/momotaro/components/helpers.css.mjs +0 -0
  266. /package/dist/{styles/themes → themes}/momotaro/components/index.mjs +0 -0
  267. /package/dist/{styles/themes → themes}/momotaro/components/input.css.mjs +0 -0
  268. /package/dist/{styles/themes → themes}/momotaro/components/label.css.mjs +0 -0
  269. /package/dist/{styles/themes → themes}/momotaro/components/link.css.mjs +0 -0
  270. /package/dist/{styles/themes → themes}/momotaro/components/popover.css.mjs +0 -0
  271. /package/dist/{styles/themes → themes}/momotaro/components/progress.css.mjs +0 -0
  272. /package/dist/{styles/themes → themes}/momotaro/components/radio.css.mjs +0 -0
  273. /package/dist/{styles/themes → themes}/momotaro/components/select.css.mjs +0 -0
  274. /package/dist/{styles/themes → themes}/momotaro/components/slider.css.mjs +0 -0
  275. /package/dist/{styles/themes → themes}/momotaro/components/spinner.css.mjs +0 -0
  276. /package/dist/{styles/themes → themes}/momotaro/components/switch.css.mjs +0 -0
  277. /package/dist/{styles/themes → themes}/momotaro/components/tooltip.css.mjs +0 -0
  278. /package/dist/{styles/themes → themes}/momotaro/components/transitions.cjs +0 -0
  279. /package/dist/{styles/themes → themes}/momotaro/components/transitions.mjs +0 -0
  280. /package/dist/{styles/themes → themes}/momotaro/index.cjs +0 -0
  281. /package/dist/{styles/themes → themes}/momotaro/index.mjs +0 -0
  282. /package/dist/{styles/themes → themes}/momotaro/momotaro.css.mjs +0 -0
  283. /package/dist/{styles/themes → themes}/momotaro/tokens.css.mjs +0 -0
@@ -1,44 +0,0 @@
1
- "use strict";
2
- const fileScope = require("@vanilla-extract/css/fileScope");
3
- const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
4
- const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
5
- const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
6
- const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
7
- fileScope.setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
8
- const select = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("select", {
9
- select: styles_lib_css_style_style_cjs.style([{
10
- color: "text",
11
- padding: "large",
12
- border: "none",
13
- outline: "none",
14
- backgroundColor: "white",
15
- borderRadius: "medium",
16
- boxShadow: "medium",
17
- minHeight: 56,
18
- transitionDuration: styles_lib_theme_vars_css_cjs.vars.transition.fast,
19
- transitionProperty: "box-shadow",
20
- ":focus-within": {
21
- outline: "2px solid transparent",
22
- outlineOffset: "2px",
23
- boxShadow: `${styles_lib_theme_vars_css_cjs.vars.shadow.small}, ${styles_lib_theme_vars_css_cjs.vars.focus.boxShadow}`
24
- }
25
- }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
26
- variants: {
27
- variant: {
28
- outline: styles_lib_css_style_style_cjs.style({
29
- borderWidth: "small",
30
- borderStyle: "solid",
31
- borderColor: "primary"
32
- }),
33
- solid: styles_lib_css_style_style_cjs.style({})
34
- }
35
- },
36
- icon: styles_lib_css_style_style_cjs.style({
37
- paddingInline: "large"
38
- }),
39
- defaultVariants: {
40
- variant: "solid"
41
- }
42
- });
43
- fileScope.endFileScope();
44
- exports.select = select;
@@ -1,89 +0,0 @@
1
- "use strict";
2
- const fileScope = require("@vanilla-extract/css/fileScope");
3
- const css = require("@vanilla-extract/css");
4
- const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
5
- const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
6
- const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
7
- const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
8
- fileScope.setFileScope("src/themes/momotaro/components/slider.css.ts", "@blockle/blocks");
9
- const trackBackground = css.createVar("trackBackground");
10
- const filledTrackBackground = css.createVar("filledTrackBackground");
11
- const thumbBackground = css.createVar("thumbBackground");
12
- const thumbActive = css.createVar("thumbActive");
13
- const slider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("slider", {
14
- base: styles_lib_css_style_style_cjs.style({
15
- blockSize: "20px"
16
- }),
17
- track: styles_lib_css_style_style_cjs.style({
18
- blockSize: "4px",
19
- backgroundColor: trackBackground,
20
- borderRadius: "small"
21
- }),
22
- filledTrack: styles_lib_css_style_style_cjs.style({
23
- backgroundColor: filledTrackBackground
24
- }),
25
- thumb: styles_lib_css_style_style_cjs.style([{
26
- backgroundColor: thumbBackground,
27
- borderRadius: "50%",
28
- height: "16px",
29
- width: "16px",
30
- boxShadow: `0 0 0 0px color-mix(in srgb, ${styles_lib_theme_vars_css_cjs.vars.color.primaryLight}, transparent 0%)`,
31
- vars: {
32
- [thumbActive]: `0 0 0 8px color-mix(in srgb, ${styles_lib_theme_vars_css_cjs.vars.color.primaryLight}, transparent 20%)`
33
- },
34
- ":hover": {
35
- boxShadow: thumbActive
36
- },
37
- ":focus-visible": {
38
- boxShadow: thumbActive
39
- },
40
- "@media": {
41
- "(prefers-reduced-motion: no-preference)": {
42
- transition: "box-shadow 0.2s"
43
- }
44
- }
45
- }, styles_themes_momotaro_components_helpers_css_cjs.focusable]),
46
- variants: {
47
- size: {
48
- small: styles_lib_css_style_style_cjs.style({
49
- inlineSize: "100px"
50
- }),
51
- medium: styles_lib_css_style_style_cjs.style({
52
- inlineSize: "200px"
53
- }),
54
- large: styles_lib_css_style_style_cjs.style({
55
- inlineSize: "300px"
56
- })
57
- },
58
- colorScheme: {
59
- primary: styles_lib_css_style_style_cjs.style({
60
- vars: {
61
- [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
62
- [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary,
63
- [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.primary
64
- }
65
- }),
66
- secondary: styles_lib_css_style_style_cjs.style({
67
- vars: {
68
- [trackBackground]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight,
69
- [filledTrackBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary,
70
- [thumbBackground]: styles_lib_theme_vars_css_cjs.vars.color.secondary
71
- }
72
- })
73
- },
74
- disabled: styles_lib_css_style_style_cjs.style({
75
- pointerEvents: "none",
76
- vars: {
77
- [trackBackground]: "#c0c0c0",
78
- [filledTrackBackground]: "#ccc",
79
- [thumbBackground]: "#c0c0c0"
80
- }
81
- })
82
- },
83
- defaultVariants: {
84
- size: "medium",
85
- colorScheme: "primary"
86
- }
87
- });
88
- fileScope.endFileScope();
89
- exports.slider = slider;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- const fileScope = require("@vanilla-extract/css/fileScope");
3
- const styles_lib_theme_makeTheme_cjs = require("../../lib/theme/makeTheme.cjs");
4
- const styles_themes_momotaro_components_index_cjs = require("./components/index.cjs");
5
- const styles_themes_momotaro_tokens_css_cjs = require("./tokens.css.cjs");
6
- fileScope.setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
7
- const momotaro = styles_lib_theme_makeTheme_cjs.makeTheme({
8
- name: "momotaro",
9
- tokens: styles_themes_momotaro_tokens_css_cjs.tokens,
10
- components: styles_themes_momotaro_components_index_cjs.components
11
- });
12
- fileScope.endFileScope();
13
- exports.momotaro = momotaro;
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes