@seed-design/css 0.1.15 → 0.2.1

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 (90) hide show
  1. package/all.css +95 -96
  2. package/all.min.css +1 -1
  3. package/base.css +36 -28
  4. package/base.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/action-button.css +4 -4
  7. package/recipes/action-button.d.ts +3 -3
  8. package/recipes/action-chip.d.ts +2 -2
  9. package/recipes/action-sheet-item.css +1 -1
  10. package/recipes/action-sheet-item.d.ts +1 -1
  11. package/recipes/action-sheet.css +1 -1
  12. package/recipes/app-bar-main.d.ts +4 -4
  13. package/recipes/app-bar.css +1 -1
  14. package/recipes/app-bar.d.ts +3 -3
  15. package/recipes/app-screen.d.ts +4 -4
  16. package/recipes/avatar.css +1 -1
  17. package/recipes/avatar.d.ts +1 -1
  18. package/recipes/badge.css +6 -6
  19. package/recipes/badge.d.ts +3 -3
  20. package/recipes/bottom-sheet.d.ts +1 -1
  21. package/recipes/callout.d.ts +1 -1
  22. package/recipes/checkbox.css +2 -2
  23. package/recipes/checkbox.d.ts +3 -3
  24. package/recipes/chip-tabs.d.ts +2 -2
  25. package/recipes/chip.css +36 -36
  26. package/recipes/chip.d.ts +3 -3
  27. package/recipes/contextual-floating-button.d.ts +2 -2
  28. package/recipes/control-chip.css +1 -1
  29. package/recipes/control-chip.d.ts +2 -2
  30. package/recipes/extended-action-sheet-item.css +1 -1
  31. package/recipes/extended-action-sheet-item.d.ts +1 -1
  32. package/recipes/extended-fab.d.ts +2 -2
  33. package/recipes/identity-placeholder.d.ts +1 -1
  34. package/recipes/inline-banner.d.ts +1 -1
  35. package/recipes/link-content.d.ts +2 -2
  36. package/recipes/manner-temp-badge.d.ts +1 -1
  37. package/recipes/manner-temp.d.ts +1 -1
  38. package/recipes/menu-sheet-item.css +1 -1
  39. package/recipes/menu-sheet-item.d.ts +2 -2
  40. package/recipes/notification-badge-positioner.d.ts +2 -2
  41. package/recipes/notification-badge.d.ts +1 -1
  42. package/recipes/page-banner.d.ts +2 -2
  43. package/recipes/progress-circle.d.ts +1 -1
  44. package/recipes/radio.css +1 -1
  45. package/recipes/radio.d.ts +1 -1
  46. package/recipes/reaction-button.css +3 -3
  47. package/recipes/reaction-button.d.ts +1 -1
  48. package/recipes/select-box.css +4 -4
  49. package/recipes/skeleton.d.ts +1 -1
  50. package/recipes/snackbar.d.ts +1 -1
  51. package/recipes/tabs.css +1 -1
  52. package/recipes/tabs.d.ts +3 -3
  53. package/recipes/text-field.css +3 -3
  54. package/recipes/text-field.d.ts +1 -1
  55. package/recipes/text.d.ts +3 -3
  56. package/recipes/toggle-button.d.ts +2 -2
  57. package/vars/color/fg.d.ts +3 -3
  58. package/vars/color/fg.mjs +3 -3
  59. package/vars/color/stroke.d.ts +14 -10
  60. package/vars/color/stroke.mjs +14 -10
  61. package/vars/component/action-button.d.ts +4 -4
  62. package/vars/component/action-button.mjs +4 -4
  63. package/vars/component/action-sheet.d.ts +1 -1
  64. package/vars/component/action-sheet.mjs +1 -1
  65. package/vars/component/avatar.d.ts +1 -1
  66. package/vars/component/avatar.mjs +1 -1
  67. package/vars/component/badge.d.ts +6 -6
  68. package/vars/component/badge.mjs +6 -6
  69. package/vars/component/checkbox.d.ts +2 -2
  70. package/vars/component/checkbox.mjs +2 -2
  71. package/vars/component/chip.d.ts +3 -94
  72. package/vars/component/chip.mjs +3 -94
  73. package/vars/component/control-chip.d.ts +1 -1
  74. package/vars/component/control-chip.mjs +1 -1
  75. package/vars/component/extended-action-sheet.d.ts +1 -1
  76. package/vars/component/extended-action-sheet.mjs +1 -1
  77. package/vars/component/menu-sheet.d.ts +1 -1
  78. package/vars/component/menu-sheet.mjs +1 -1
  79. package/vars/component/radio.d.ts +1 -1
  80. package/vars/component/radio.mjs +1 -1
  81. package/vars/component/reaction-button.d.ts +1 -1
  82. package/vars/component/reaction-button.mjs +1 -1
  83. package/vars/component/select-box.d.ts +4 -4
  84. package/vars/component/select-box.mjs +4 -4
  85. package/vars/component/tablist.d.ts +1 -1
  86. package/vars/component/tablist.mjs +1 -1
  87. package/vars/component/text-field.d.ts +4 -4
  88. package/vars/component/text-field.mjs +4 -4
  89. package/vars/component/top-navigation.d.ts +1 -1
  90. package/vars/component/top-navigation.mjs +1 -1
package/vars/component/reaction-button.mjs CHANGED
@@ -30,7 +30,7 @@ export const vars = {
30
30
  "selected": {
31
31
  "root": {
32
32
  "color": "var(--seed-color-bg-layer-default)",
33
- "strokeColor": "var(--seed-color-stroke-brand)",
33
+ "strokeColor": "var(--seed-color-stroke-brand-weak)",
34
34
  "strokeWidth": "1px"
35
35
  },
36
36
  "label": {
package/vars/component/select-box.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare const vars: {
6
6
  "paddingY": "var(--seed-dimension-x5)",
7
7
  "gap": "var(--seed-dimension-x2_5)",
8
8
  "strokeWidth": "1px",
9
- "strokeColor": "var(--seed-color-stroke-neutral)",
9
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
10
10
  "cornerRadius": "var(--seed-radius-r3)"
11
11
  },
12
12
  "content": {
@@ -28,7 +28,7 @@ export declare const vars: {
28
28
  "size": "var(--seed-dimension-x6)",
29
29
  "color": "var(--seed-color-bg-layer-default)",
30
30
  "strokeWidth": "1px",
31
- "strokeColor": "var(--seed-color-stroke-control)",
31
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
32
32
  "cornerRadius": "var(--seed-radius-r1)"
33
33
  },
34
34
  "checkboxIcon": {
@@ -38,7 +38,7 @@ export declare const vars: {
38
38
  "size": "var(--seed-dimension-x6)",
39
39
  "color": "var(--seed-color-bg-layer-default)",
40
40
  "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-control)",
41
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
42
42
  "cornerRadius": "var(--seed-radius-full)"
43
43
  },
44
44
  "radioIcon": {
@@ -60,7 +60,7 @@ export declare const vars: {
60
60
  "enabledSelected": {
61
61
  "root": {
62
62
  "color": "var(--seed-color-bg-neutral-weak)",
63
- "strokeColor": "var(--seed-color-stroke-control)"
63
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
64
64
  },
65
65
  "checkboxControl": {
66
66
  "color": "var(--seed-color-bg-brand-solid)",
package/vars/component/select-box.mjs CHANGED
@@ -6,7 +6,7 @@ export const vars = {
6
6
  "paddingY": "var(--seed-dimension-x5)",
7
7
  "gap": "var(--seed-dimension-x2_5)",
8
8
  "strokeWidth": "1px",
9
- "strokeColor": "var(--seed-color-stroke-neutral)",
9
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)",
10
10
  "cornerRadius": "var(--seed-radius-r3)"
11
11
  },
12
12
  "content": {
@@ -28,7 +28,7 @@ export const vars = {
28
28
  "size": "var(--seed-dimension-x6)",
29
29
  "color": "var(--seed-color-bg-layer-default)",
30
30
  "strokeWidth": "1px",
31
- "strokeColor": "var(--seed-color-stroke-control)",
31
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
32
32
  "cornerRadius": "var(--seed-radius-r1)"
33
33
  },
34
34
  "checkboxIcon": {
@@ -38,7 +38,7 @@ export const vars = {
38
38
  "size": "var(--seed-dimension-x6)",
39
39
  "color": "var(--seed-color-bg-layer-default)",
40
40
  "strokeWidth": "1px",
41
- "strokeColor": "var(--seed-color-stroke-control)",
41
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)",
42
42
  "cornerRadius": "var(--seed-radius-full)"
43
43
  },
44
44
  "radioIcon": {
@@ -60,7 +60,7 @@ export const vars = {
60
60
  "enabledSelected": {
61
61
  "root": {
62
62
  "color": "var(--seed-color-bg-neutral-weak)",
63
- "strokeColor": "var(--seed-color-stroke-control)"
63
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
64
64
  },
65
65
  "checkboxControl": {
66
66
  "color": "var(--seed-color-bg-brand-solid)",
package/vars/component/tablist.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const vars: {
4
4
  "root": {
5
5
  "color": "var(--seed-color-bg-layer-default)",
6
6
  "strokeBottomWidth": "1px",
7
- "strokeColor": "var(--seed-color-stroke-neutral)"
7
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
8
8
  },
9
9
  "indicator": {
10
10
  "height": "2px",
package/vars/component/tablist.mjs CHANGED
@@ -4,7 +4,7 @@ export const vars = {
4
4
  "root": {
5
5
  "color": "var(--seed-color-bg-layer-default)",
6
6
  "strokeBottomWidth": "1px",
7
- "strokeColor": "var(--seed-color-stroke-neutral)"
7
+ "strokeColor": "var(--seed-color-stroke-neutral-muted)"
8
8
  },
9
9
  "indicator": {
10
10
  "height": "2px",
package/vars/component/text-field.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const vars: {
12
12
  "field": {
13
13
  "color": "var(--seed-color-bg-layer-default)",
14
14
  "strokeWidth": "1px",
15
- "strokeColor": "var(--seed-color-stroke-field)"
15
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
16
16
  },
17
17
  "value": {
18
18
  "color": "var(--seed-color-fg-neutral)"
@@ -51,19 +51,19 @@ export declare const vars: {
51
51
  },
52
52
  "focused": {
53
53
  "field": {
54
- "strokeColor": "var(--seed-color-stroke-field-focused)"
54
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)"
55
55
  }
56
56
  },
57
57
  "invalid": {
58
58
  "field": {
59
59
  "color": "var(--seed-color-bg-critical-weak)",
60
- "strokeColor": "var(--seed-color-stroke-critical)"
60
+ "strokeColor": "var(--seed-color-stroke-critical-weak)"
61
61
  }
62
62
  },
63
63
  "invalidFocused": {
64
64
  "field": {
65
65
  "color": "var(--seed-color-bg-layer-default)",
66
- "strokeColor": "var(--seed-color-stroke-field)"
66
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
67
67
  }
68
68
  },
69
69
  "readonly": {
package/vars/component/text-field.mjs CHANGED
@@ -12,7 +12,7 @@ export const vars = {
12
12
  "field": {
13
13
  "color": "var(--seed-color-bg-layer-default)",
14
14
  "strokeWidth": "1px",
15
- "strokeColor": "var(--seed-color-stroke-field)"
15
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
16
16
  },
17
17
  "value": {
18
18
  "color": "var(--seed-color-fg-neutral)"
@@ -51,19 +51,19 @@ export const vars = {
51
51
  },
52
52
  "focused": {
53
53
  "field": {
54
- "strokeColor": "var(--seed-color-stroke-field-focused)"
54
+ "strokeColor": "var(--seed-color-stroke-neutral-contrast)"
55
55
  }
56
56
  },
57
57
  "invalid": {
58
58
  "field": {
59
59
  "color": "var(--seed-color-bg-critical-weak)",
60
- "strokeColor": "var(--seed-color-stroke-critical)"
60
+ "strokeColor": "var(--seed-color-stroke-critical-weak)"
61
61
  }
62
62
  },
63
63
  "invalidFocused": {
64
64
  "field": {
65
65
  "color": "var(--seed-color-bg-layer-default)",
66
- "strokeColor": "var(--seed-color-stroke-field)"
66
+ "strokeColor": "var(--seed-color-stroke-neutral-weak)"
67
67
  }
68
68
  },
69
69
  "readonly": {
package/vars/component/top-navigation.d.ts CHANGED
@@ -58,7 +58,7 @@ export declare const vars: {
58
58
  "dividerTrue": {
59
59
  "enabled": {
60
60
  "root": {
61
- "strokeColor": "var(--seed-color-stroke-neutral-muted)",
61
+ "strokeColor": "var(--seed-color-stroke-neutral-subtle)",
62
62
  "strokeWidth": "1px"
63
63
  }
64
64
  }
package/vars/component/top-navigation.mjs CHANGED
@@ -58,7 +58,7 @@ export const vars = {
58
58
  "dividerTrue": {
59
59
  "enabled": {
60
60
  "root": {
61
- "strokeColor": "var(--seed-color-stroke-neutral-muted)",
61
+ "strokeColor": "var(--seed-color-stroke-neutral-subtle)",
62
62
  "strokeWidth": "1px"
63
63
  }
64
64
  }