@seed-design/css 0.2.0 → 0.2.3

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 (78) hide show
  1. package/all.css +333 -214
  2. package/all.min.css +1 -1
  3. package/package.json +1 -1
  4. package/recipes/action-button.d.ts +3 -3
  5. package/recipes/action-chip.d.ts +2 -2
  6. package/recipes/action-sheet-item.d.ts +1 -1
  7. package/recipes/app-bar-main.d.ts +4 -4
  8. package/recipes/app-bar.d.ts +3 -3
  9. package/recipes/app-screen.d.ts +4 -4
  10. package/recipes/avatar.d.ts +1 -1
  11. package/recipes/badge.d.ts +3 -3
  12. package/recipes/bottom-sheet.d.ts +1 -1
  13. package/recipes/callout.d.ts +1 -1
  14. package/recipes/checkbox.css +5 -112
  15. package/recipes/checkbox.d.ts +3 -7
  16. package/recipes/checkbox.mjs +1 -31
  17. package/recipes/checkmark.css +105 -0
  18. package/recipes/checkmark.d.ts +28 -0
  19. package/recipes/checkmark.mjs +65 -0
  20. package/recipes/chip-tabs.css +42 -10
  21. package/recipes/chip-tabs.d.ts +7 -3
  22. package/recipes/chip-tabs.mjs +6 -0
  23. package/recipes/chip.css +33 -33
  24. package/recipes/chip.d.ts +3 -3
  25. package/recipes/contextual-floating-button.d.ts +2 -2
  26. package/recipes/control-chip.d.ts +2 -2
  27. package/recipes/extended-action-sheet-item.d.ts +1 -1
  28. package/recipes/extended-fab.d.ts +2 -2
  29. package/recipes/identity-placeholder.d.ts +1 -1
  30. package/recipes/inline-banner.d.ts +1 -1
  31. package/recipes/link-content.d.ts +2 -2
  32. package/recipes/list-item.css +102 -0
  33. package/recipes/list-item.d.ts +24 -0
  34. package/recipes/list-item.mjs +59 -0
  35. package/recipes/manner-temp-badge.d.ts +1 -1
  36. package/recipes/manner-temp.d.ts +1 -1
  37. package/recipes/menu-sheet-item.d.ts +2 -2
  38. package/recipes/notification-badge-positioner.d.ts +2 -2
  39. package/recipes/notification-badge.d.ts +1 -1
  40. package/recipes/page-banner.d.ts +2 -2
  41. package/recipes/progress-circle.d.ts +1 -1
  42. package/recipes/radio.css +29 -50
  43. package/recipes/radio.d.ts +6 -2
  44. package/recipes/radio.mjs +8 -3
  45. package/recipes/radiomark.css +68 -0
  46. package/recipes/radiomark.d.ts +24 -0
  47. package/recipes/radiomark.mjs +43 -0
  48. package/recipes/reaction-button.d.ts +1 -1
  49. package/recipes/select-box.css +0 -68
  50. package/recipes/select-box.d.ts +1 -1
  51. package/recipes/select-box.mjs +0 -16
  52. package/recipes/skeleton.d.ts +1 -1
  53. package/recipes/snackbar.d.ts +1 -1
  54. package/recipes/tabs.d.ts +3 -3
  55. package/recipes/text-field.css +8 -9
  56. package/recipes/text-field.d.ts +1 -1
  57. package/recipes/text.d.ts +3 -3
  58. package/recipes/toggle-button.d.ts +2 -2
  59. package/vars/component/checkbox.d.ts +5 -123
  60. package/vars/component/checkbox.mjs +5 -123
  61. package/vars/component/checkmark.d.ts +121 -0
  62. package/vars/component/checkmark.mjs +121 -0
  63. package/vars/component/chip-tab.d.ts +70 -10
  64. package/vars/component/chip-tab.mjs +70 -10
  65. package/vars/component/chip-tablist.d.ts +10 -2
  66. package/vars/component/chip-tablist.mjs +10 -2
  67. package/vars/component/chip.d.ts +0 -91
  68. package/vars/component/chip.mjs +0 -91
  69. package/vars/component/index.d.ts +3 -0
  70. package/vars/component/index.mjs +3 -0
  71. package/vars/component/list-item.d.ts +72 -0
  72. package/vars/component/list-item.mjs +72 -0
  73. package/vars/component/radio.d.ts +28 -52
  74. package/vars/component/radio.mjs +28 -52
  75. package/vars/component/radiomark.d.ts +77 -0
  76. package/vars/component/radiomark.mjs +77 -0
  77. package/vars/component/select-box.d.ts +0 -47
  78. package/vars/component/select-box.mjs +0 -47
package/vars/component/radiomark.d.ts ADDED
@@ -0,0 +1,77 @@
1
+ export declare const vars: {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-bg-layer-default)",
6
+ "strokeWidth": "1px",
7
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
8
+ "cornerRadius": "var(--seed-radius-full)"
9
+ },
10
+ "icon": {
11
+ "cornerRadius": "var(--seed-radius-full)"
12
+ }
13
+ },
14
+ "enabledPressed": {
15
+ "root": {
16
+ "color": "var(--seed-color-bg-layer-default-pressed)"
17
+ }
18
+ },
19
+ "enabledSelected": {
20
+ "root": {
21
+ "color": "var(--seed-color-bg-brand-solid)",
22
+ "strokeWidth": "0px"
23
+ },
24
+ "icon": {
25
+ "color": "var(--seed-color-palette-static-white)"
26
+ }
27
+ },
28
+ "enabledSelectedPressed": {
29
+ "root": {
30
+ "color": "var(--seed-color-bg-brand-solid-pressed)"
31
+ }
32
+ },
33
+ "disabled": {
34
+ "root": {
35
+ "color": "var(--seed-color-palette-gray-300)"
36
+ }
37
+ },
38
+ "disabledSelected": {
39
+ "root": {
40
+ "strokeColor": "var(--seed-color-palette-gray-300)"
41
+ },
42
+ "icon": {
43
+ "color": "var(--seed-color-palette-gray-300)"
44
+ }
45
+ }
46
+ },
47
+ "sizeMedium": {
48
+ "enabled": {
49
+ "root": {
50
+ "size": "var(--seed-dimension-x5)"
51
+ },
52
+ "icon": {
53
+ "size": "var(--seed-dimension-x2)"
54
+ }
55
+ },
56
+ "disabled": {
57
+ "icon": {
58
+ "size": "var(--seed-dimension-x2_5)"
59
+ }
60
+ }
61
+ },
62
+ "sizeLarge": {
63
+ "enabled": {
64
+ "root": {
65
+ "size": "var(--seed-dimension-x6)"
66
+ },
67
+ "icon": {
68
+ "size": "var(--seed-dimension-x2_5)"
69
+ }
70
+ },
71
+ "disabled": {
72
+ "icon": {
73
+ "size": "var(--seed-dimension-x3)"
74
+ }
75
+ }
76
+ }
77
+ }
package/vars/component/radiomark.mjs ADDED
@@ -0,0 +1,77 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-bg-layer-default)",
6
+ "strokeWidth": "1px",
7
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
8
+ "cornerRadius": "var(--seed-radius-full)"
9
+ },
10
+ "icon": {
11
+ "cornerRadius": "var(--seed-radius-full)"
12
+ }
13
+ },
14
+ "enabledPressed": {
15
+ "root": {
16
+ "color": "var(--seed-color-bg-layer-default-pressed)"
17
+ }
18
+ },
19
+ "enabledSelected": {
20
+ "root": {
21
+ "color": "var(--seed-color-bg-brand-solid)",
22
+ "strokeWidth": "0px"
23
+ },
24
+ "icon": {
25
+ "color": "var(--seed-color-palette-static-white)"
26
+ }
27
+ },
28
+ "enabledSelectedPressed": {
29
+ "root": {
30
+ "color": "var(--seed-color-bg-brand-solid-pressed)"
31
+ }
32
+ },
33
+ "disabled": {
34
+ "root": {
35
+ "color": "var(--seed-color-palette-gray-300)"
36
+ }
37
+ },
38
+ "disabledSelected": {
39
+ "root": {
40
+ "strokeColor": "var(--seed-color-palette-gray-300)"
41
+ },
42
+ "icon": {
43
+ "color": "var(--seed-color-palette-gray-300)"
44
+ }
45
+ }
46
+ },
47
+ "sizeMedium": {
48
+ "enabled": {
49
+ "root": {
50
+ "size": "var(--seed-dimension-x5)"
51
+ },
52
+ "icon": {
53
+ "size": "var(--seed-dimension-x2)"
54
+ }
55
+ },
56
+ "disabled": {
57
+ "icon": {
58
+ "size": "var(--seed-dimension-x2_5)"
59
+ }
60
+ }
61
+ },
62
+ "sizeLarge": {
63
+ "enabled": {
64
+ "root": {
65
+ "size": "var(--seed-dimension-x6)"
66
+ },
67
+ "icon": {
68
+ "size": "var(--seed-dimension-x2_5)"
69
+ }
70
+ },
71
+ "disabled": {
72
+ "icon": {
73
+ "size": "var(--seed-dimension-x3)"
74
+ }
75
+ }
76
+ }
77
+ }
package/vars/component/select-box.d.ts CHANGED
@@ -23,69 +23,22 @@ export declare const vars: {
23
23
  "fontWeight": "var(--seed-font-weight-regular)",
24
24
  "fontSize": "var(--seed-font-size-t4)",
25
25
  "lineHeight": "var(--seed-line-height-t4)"
26
- },
27
- "checkboxControl": {
28
- "size": "var(--seed-dimension-x6)",
29
- "color": "var(--seed-color-bg-layer-default)",
30
- "strokeWidth": "1px",
31
- "strokeColor": "var(--seed-color-stroke-neutral-weak)",
32
- "cornerRadius": "var(--seed-radius-r1)"
33
- },
34
- "checkboxIcon": {
35
- "size": "var(--seed-dimension-x3_5)"
36
- },
37
- "radioControl": {
38
- "size": "var(--seed-dimension-x6)",
39
- "color": "var(--seed-color-bg-layer-default)",
40
- "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-neutral-weak)",
42
- "cornerRadius": "var(--seed-radius-full)"
43
- },
44
- "radioIcon": {
45
- "size": "var(--seed-dimension-x2_5)",
46
- "cornerRadius": "var(--seed-radius-full)"
47
26
  }
48
27
  },
49
28
  "enabledPressed": {
50
29
  "root": {
51
30
  "color": "var(--seed-color-bg-layer-default-pressed)"
52
- },
53
- "checkboxControl": {
54
- "color": "var(--seed-color-bg-layer-default-pressed)"
55
- },
56
- "radioControl": {
57
- "color": "var(--seed-color-bg-layer-default-pressed)"
58
31
  }
59
32
  },
60
33
  "enabledSelected": {
61
34
  "root": {
62
35
  "color": "var(--seed-color-bg-neutral-weak)",
63
36
  "strokeColor": "var(--seed-color-stroke-neutral-weak)"
64
- },
65
- "checkboxControl": {
66
- "color": "var(--seed-color-bg-brand-solid)",
67
- "strokeWidth": "0"
68
- },
69
- "checkboxIcon": {
70
- "color": "var(--seed-color-palette-static-white)"
71
- },
72
- "radioControl": {
73
- "color": "var(--seed-color-bg-brand-solid)",
74
- "strokeWidth": "0"
75
- },
76
- "radioIcon": {
77
- "color": "var(--seed-color-palette-static-white)"
78
37
  }
79
38
  },
80
39
  "enabledSelectedPressed": {
81
40
  "root": {
82
41
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
83
- },
84
- "checkboxControl": {
85
- "color": "var(--seed-color-bg-brand-solid-pressed)"
86
- },
87
- "radioControl": {
88
- "color": "var(--seed-color-bg-brand-solid-pressed)"
89
42
  }
90
43
  }
91
44
  }
package/vars/component/select-box.mjs CHANGED
@@ -23,69 +23,22 @@ export const vars = {
23
23
  "fontWeight": "var(--seed-font-weight-regular)",
24
24
  "fontSize": "var(--seed-font-size-t4)",
25
25
  "lineHeight": "var(--seed-line-height-t4)"
26
- },
27
- "checkboxControl": {
28
- "size": "var(--seed-dimension-x6)",
29
- "color": "var(--seed-color-bg-layer-default)",
30
- "strokeWidth": "1px",
31
- "strokeColor": "var(--seed-color-stroke-neutral-weak)",
32
- "cornerRadius": "var(--seed-radius-r1)"
33
- },
34
- "checkboxIcon": {
35
- "size": "var(--seed-dimension-x3_5)"
36
- },
37
- "radioControl": {
38
- "size": "var(--seed-dimension-x6)",
39
- "color": "var(--seed-color-bg-layer-default)",
40
- "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-neutral-weak)",
42
- "cornerRadius": "var(--seed-radius-full)"
43
- },
44
- "radioIcon": {
45
- "size": "var(--seed-dimension-x2_5)",
46
- "cornerRadius": "var(--seed-radius-full)"
47
26
  }
48
27
  },
49
28
  "enabledPressed": {
50
29
  "root": {
51
30
  "color": "var(--seed-color-bg-layer-default-pressed)"
52
- },
53
- "checkboxControl": {
54
- "color": "var(--seed-color-bg-layer-default-pressed)"
55
- },
56
- "radioControl": {
57
- "color": "var(--seed-color-bg-layer-default-pressed)"
58
31
  }
59
32
  },
60
33
  "enabledSelected": {
61
34
  "root": {
62
35
  "color": "var(--seed-color-bg-neutral-weak)",
63
36
  "strokeColor": "var(--seed-color-stroke-neutral-weak)"
64
- },
65
- "checkboxControl": {
66
- "color": "var(--seed-color-bg-brand-solid)",
67
- "strokeWidth": "0"
68
- },
69
- "checkboxIcon": {
70
- "color": "var(--seed-color-palette-static-white)"
71
- },
72
- "radioControl": {
73
- "color": "var(--seed-color-bg-brand-solid)",
74
- "strokeWidth": "0"
75
- },
76
- "radioIcon": {
77
- "color": "var(--seed-color-palette-static-white)"
78
37
  }
79
38
  },
80
39
  "enabledSelectedPressed": {
81
40
  "root": {
82
41
  "color": "var(--seed-color-bg-neutral-weak-pressed)"
83
- },
84
- "checkboxControl": {
85
- "color": "var(--seed-color-bg-brand-solid-pressed)"
86
- },
87
- "radioControl": {
88
- "color": "var(--seed-color-bg-brand-solid-pressed)"
89
42
  }
90
43
  }
91
44
  }