@seed-design/css 1.2.9 → 1.2.11

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 (29) hide show
  1. package/all.css +12 -564
  2. package/all.layered.css +12 -564
  3. package/all.layered.min.css +1 -1
  4. package/all.min.css +1 -1
  5. package/package.json +1 -1
  6. package/recipes/app-bar-main.css +6 -109
  7. package/recipes/app-bar-main.layered.css +6 -106
  8. package/recipes/app-bar.css +3 -279
  9. package/recipes/app-bar.d.ts +1 -1
  10. package/recipes/app-bar.layered.css +3 -266
  11. package/recipes/app-bar.layered.mjs +4 -0
  12. package/recipes/app-bar.mjs +4 -0
  13. package/recipes/app-screen.css +0 -203
  14. package/recipes/app-screen.layered.css +0 -190
  15. package/recipes/notification-badge.css +3 -2
  16. package/recipes/notification-badge.layered.css +3 -2
  17. package/vars/component/checkmark.d.ts +0 -2
  18. package/vars/component/index.d.ts +2 -0
  19. package/vars/component/index.mjs +2 -0
  20. package/vars/component/notification-badge.d.ts +5 -4
  21. package/vars/component/notification-badge.mjs +3 -2
  22. package/vars/component/radiomark.d.ts +0 -3
  23. package/vars/component/switchmark.d.ts +0 -3
  24. package/vars/component/top-navigation-icon-button.d.ts +36 -0
  25. package/vars/component/top-navigation-icon-button.mjs +36 -0
  26. package/vars/component/top-navigation-text-button.d.ts +52 -0
  27. package/vars/component/top-navigation-text-button.mjs +51 -0
  28. package/vars/component/top-navigation.d.ts +47 -25
  29. package/vars/component/top-navigation.mjs +39 -25
package/vars/component/top-navigation.mjs CHANGED
@@ -1,25 +1,20 @@
1
1
  export const vars = {
2
- "themeCupertino": {
2
+ "themeIos": {
3
3
  "enabled": {
4
4
  "root": {
5
- "minHeight": "44px",
5
+ "height": "44px",
6
6
  "paddingX": "var(--seed-dimension-x4)"
7
- },
8
- "icon": {
9
- "size": "24px",
10
- "targetSize": "44px"
11
7
  }
12
8
  }
13
9
  },
14
10
  "themeAndroid": {
15
11
  "enabled": {
16
12
  "root": {
17
- "minHeight": "56px",
13
+ "height": "56px",
18
14
  "paddingX": "var(--seed-dimension-x4)"
19
15
  },
20
- "icon": {
21
- "size": "24px",
22
- "targetSize": "44px"
16
+ "main": {
17
+ "paddingLeft": "16px"
23
18
  }
24
19
  }
25
20
  },
@@ -33,25 +28,31 @@ export const vars = {
33
28
  },
34
29
  "subtitle": {
35
30
  "color": "var(--seed-color-fg-neutral-muted)"
36
- },
37
- "icon": {
38
- "color": "var(--seed-color-fg-neutral)"
39
31
  }
40
32
  }
41
33
  },
42
34
  "toneTransparent": {
43
35
  "enabled": {
44
- "root": {
45
- "color": "#00000000"
46
- },
47
36
  "title": {
48
37
  "color": "var(--seed-color-palette-static-white)"
49
38
  },
50
39
  "subtitle": {
51
40
  "color": "var(--seed-color-palette-static-white)"
52
- },
53
- "icon": {
54
- "color": "var(--seed-color-palette-static-white)"
41
+ }
42
+ }
43
+ },
44
+ "toneTransparentGradientFalse": {
45
+ "enabled": {
46
+ "root": {
47
+ "color": "#00000000"
48
+ }
49
+ }
50
+ },
51
+ "toneTransparentGradientTrue": {
52
+ "enabled": {
53
+ "root": {
54
+ "gradient": "#00000059 0%, #00000000 100%",
55
+ "bleedBottom": "var(--seed-dimension-x5)"
55
56
  }
56
57
  }
57
58
  },
@@ -63,26 +64,39 @@ export const vars = {
63
64
  }
64
65
  }
65
66
  },
67
+ "dividerFalse": {},
66
68
  "titleLayoutTitleOnly": {
67
69
  "enabled": {
68
70
  "title": {
69
- "fontSize": "var(--seed-font-size-t6-static)",
71
+ "fontSize": "var(--seed-font-size-t6)",
70
72
  "fontWeight": "var(--seed-font-weight-bold)",
71
- "lineHeight": "var(--seed-line-height-t6-static)"
73
+ "lineHeight": "var(--seed-line-height-t6)",
74
+ "maxFontSizeScale": "1.2",
75
+ "minFontSizeScale": "1",
76
+ "maxLineHeightScale": "1.2",
77
+ "minLineHeightScale": "1"
72
78
  }
73
79
  }
74
80
  },
75
81
  "titleLayoutWithSubtitle": {
76
82
  "enabled": {
77
83
  "title": {
78
- "fontSize": "var(--seed-font-size-t5-static)",
84
+ "fontSize": "var(--seed-font-size-t5)",
79
85
  "fontWeight": "var(--seed-font-weight-bold)",
80
- "lineHeight": "var(--seed-line-height-t5-static)"
86
+ "lineHeight": "var(--seed-line-height-t5)",
87
+ "maxFontSizeScale": "1.2",
88
+ "minFontSizeScale": "1",
89
+ "maxLineHeightScale": "1.2",
90
+ "minLineHeightScale": "1"
81
91
  },
82
92
  "subtitle": {
83
- "fontSize": "var(--seed-font-size-t2-static)",
93
+ "fontSize": "var(--seed-font-size-t2)",
84
94
  "fontWeight": "var(--seed-font-weight-regular)",
85
- "lineHeight": "var(--seed-line-height-t2-static)"
95
+ "lineHeight": "var(--seed-line-height-t2)",
96
+ "maxFontSizeScale": "1.2",
97
+ "minFontSizeScale": "1",
98
+ "maxLineHeightScale": "1.2",
99
+ "minLineHeightScale": "1"
86
100
  }
87
101
  }
88
102
  }