@blockle/blocks-theme-momotaro 1.0.5 → 2.0.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 (53) hide show
  1. package/dist/components/button.css.d.ts +2 -1
  2. package/dist/components/button.css.js +109 -106
  3. package/dist/components/checkbox.css.d.ts +2 -1
  4. package/dist/components/checkbox.css.js +49 -46
  5. package/dist/components/dialog.css.d.ts +2 -1
  6. package/dist/components/dialog.css.js +67 -64
  7. package/dist/components/divider.css.d.ts +2 -1
  8. package/dist/components/divider.css.js +10 -7
  9. package/dist/components/helpers.css.d.ts +1 -1
  10. package/dist/components/input.css.d.ts +2 -1
  11. package/dist/components/input.css.js +39 -36
  12. package/dist/components/label.css.d.ts +2 -1
  13. package/dist/components/label.css.js +25 -22
  14. package/dist/components/link.css.d.ts +2 -1
  15. package/dist/components/popover.css.d.ts +2 -1
  16. package/dist/components/popover.css.js +36 -33
  17. package/dist/components/progress.css.d.ts +2 -1
  18. package/dist/components/progress.css.js +35 -32
  19. package/dist/components/radio.css.d.ts +2 -1
  20. package/dist/components/radio.css.js +48 -45
  21. package/dist/components/select.css.d.ts +2 -1
  22. package/dist/components/select.css.js +43 -40
  23. package/dist/components/slider.css.d.ts +2 -1
  24. package/dist/components/slider.css.js +76 -73
  25. package/dist/components/spinner.css.d.ts +2 -1
  26. package/dist/components/spinner.css.js +29 -26
  27. package/dist/components/switch.css.d.ts +2 -1
  28. package/dist/components/switch.css.js +54 -51
  29. package/dist/components/tooltip.css.d.ts +2 -1
  30. package/dist/components/tooltip.css.js +23 -20
  31. package/dist/index.d.ts +1 -1
  32. package/package.json +5 -11
  33. package/dist/components/button.css.cjs +0 -126
  34. package/dist/components/checkbox.css.cjs +0 -62
  35. package/dist/components/dialog.css.cjs +0 -81
  36. package/dist/components/divider.css.cjs +0 -16
  37. package/dist/components/helpers.css.cjs +0 -47
  38. package/dist/components/index.cjs +0 -35
  39. package/dist/components/input.css.cjs +0 -46
  40. package/dist/components/label.css.cjs +0 -33
  41. package/dist/components/link.css.cjs +0 -56
  42. package/dist/components/popover.css.cjs +0 -45
  43. package/dist/components/progress.css.cjs +0 -57
  44. package/dist/components/radio.css.cjs +0 -63
  45. package/dist/components/select.css.cjs +0 -53
  46. package/dist/components/slider.css.cjs +0 -95
  47. package/dist/components/spinner.css.cjs +0 -44
  48. package/dist/components/switch.css.cjs +0 -66
  49. package/dist/components/tooltip.css.cjs +0 -30
  50. package/dist/components/transitions.cjs +0 -4
  51. package/dist/index.cjs +0 -4
  52. package/dist/theme.css.cjs +0 -14
  53. package/dist/tokens.css.cjs +0 -86
@@ -1,86 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const fileScope = require("@vanilla-extract/css/fileScope");
4
- const blocksCore = require("@blockle/blocks-core");
5
- fileScope.setFileScope("src/tokens.css.ts", "@blockle/blocks-theme-momotaro");
6
- const tokens = {
7
- border: {
8
- radius: {
9
- small: "4px",
10
- medium: "8px",
11
- large: "16px",
12
- xlarge: "32px"
13
- },
14
- width: {
15
- small: "1px",
16
- medium: "2px",
17
- large: "4px"
18
- }
19
- },
20
- color: {
21
- white: "#fff",
22
- black: "#000",
23
- body: "#F4F6FA",
24
- primaryLight: "#E4DFFF",
25
- primary: "#7265E3",
26
- primaryDark: "#4D3CAB",
27
- secondaryLight: "#7CF5CD",
28
- secondary: "#7FE3F0",
29
- secondaryDark: "#68C6EF",
30
- text: "#2D3142",
31
- textLight: "#9C9EB9",
32
- textDark: "#4C5980",
33
- danger: "#FF9B90",
34
- link: "#7265E3"
35
- },
36
- shadow: {
37
- small: "0px 4px 8px rgba(0, 0, 0, 0.08)",
38
- medium: "0px 8px 16px rgba(0, 0, 0, 0.08)",
39
- large: "0px 16px 24px rgba(0, 0, 0, 0.08)"
40
- },
41
- focus: {
42
- boxShadow: "0 0 1px 2px #AF8EFF"
43
- },
44
- spacing: {
45
- none: "0px",
46
- gutter: "28px",
47
- xsmall: "4px",
48
- small: "8px",
49
- medium: "12px",
50
- large: "16px",
51
- xlarge: "24px"
52
- },
53
- transition: {
54
- slow: "240ms",
55
- normal: "120ms",
56
- fast: "80ms"
57
- },
58
- typography: {
59
- fontFamily: {
60
- body: '"Rubik", sans-serif',
61
- primary: '"Rubik", sans-serif',
62
- secondary: '"Rubik", sans-serif'
63
- },
64
- fontSize: {
65
- xsmall: blocksCore.rem(12),
66
- small: blocksCore.rem(14),
67
- medium: blocksCore.rem(16),
68
- large: blocksCore.rem(20),
69
- xlarge: blocksCore.rem(24)
70
- },
71
- fontWeight: {
72
- regular: 400,
73
- medium: 500,
74
- strong: 700
75
- },
76
- lineHeight: {
77
- xsmall: blocksCore.rem(16),
78
- small: blocksCore.rem(20),
79
- medium: blocksCore.rem(24),
80
- large: blocksCore.rem(28),
81
- xlarge: blocksCore.rem(32)
82
- }
83
- }
84
- };
85
- fileScope.endFileScope();
86
- exports.tokens = tokens;