@momentum-design/tokens 0.1.1 → 0.2.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 (45) hide show
  1. package/dist/css/core/complete.css +1 -1
  2. package/dist/css/theme/aaos/day-complete.css +1 -1
  3. package/dist/css/theme/aaos/night-complete.css +1 -1
  4. package/dist/css/theme/webex/dark-stable.css +4 -1
  5. package/dist/css/theme/webex/hc-dark-stable.css +4 -1
  6. package/dist/css/theme/webex/hc-light-stable.css +4 -1
  7. package/dist/css/theme/webex/light-stable.css +4 -1
  8. package/dist/css/typography/complete.css +77 -77
  9. package/dist/ios/core/complete.swift +1 -1
  10. package/dist/ios/theme/aaos/day-complete.swift +1 -1
  11. package/dist/ios/theme/aaos/night-complete.swift +1 -1
  12. package/dist/ios/theme/webex/dark-stable.swift +4 -1
  13. package/dist/ios/theme/webex/hc-dark-stable.swift +4 -1
  14. package/dist/ios/theme/webex/hc-light-stable.swift +4 -1
  15. package/dist/ios/theme/webex/light-stable.swift +4 -1
  16. package/dist/ios/typography/complete.swift +1 -1
  17. package/dist/ios-webex/theme/webex/dark-stable.swift +10 -1
  18. package/dist/ios-webex/theme/webex/hc-dark-stable.swift +10 -1
  19. package/dist/ios-webex/theme/webex/hc-light-stable.swift +25 -1
  20. package/dist/ios-webex/theme/webex/light-stable.swift +25 -1
  21. package/dist/json/theme/webex/dark-stable.json +99 -0
  22. package/dist/json/theme/webex/hc-dark-stable.json +77 -0
  23. package/dist/json/theme/webex/hc-light-stable.json +77 -0
  24. package/dist/json/theme/webex/light-stable.json +99 -0
  25. package/dist/json-minimal/theme/webex/dark-stable.json +5 -0
  26. package/dist/json-minimal/theme/webex/hc-dark-stable.json +5 -0
  27. package/dist/json-minimal/theme/webex/hc-light-stable.json +5 -0
  28. package/dist/json-minimal/theme/webex/light-stable.json +5 -0
  29. package/dist/resources/core/complete.xml +1 -1
  30. package/dist/resources/theme/aaos/day-complete.xml +1 -1
  31. package/dist/resources/theme/aaos/night-complete.xml +1 -1
  32. package/dist/resources/theme/webex/dark-stable.xml +4 -1
  33. package/dist/resources/theme/webex/hc-dark-stable.xml +4 -1
  34. package/dist/resources/theme/webex/hc-light-stable.xml +4 -1
  35. package/dist/resources/theme/webex/light-stable.xml +4 -1
  36. package/dist/resources/typography/complete.xml +1 -1
  37. package/dist/scss/core/complete.scss +1 -1
  38. package/dist/scss/theme/aaos/day-complete.scss +1 -1
  39. package/dist/scss/theme/aaos/night-complete.scss +1 -1
  40. package/dist/scss/theme/webex/dark-stable.scss +4 -1
  41. package/dist/scss/theme/webex/hc-dark-stable.scss +4 -1
  42. package/dist/scss/theme/webex/hc-light-stable.scss +4 -1
  43. package/dist/scss/theme/webex/light-stable.scss +4 -1
  44. package/dist/scss/typography/complete.scss +1 -1
  45. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:00 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:45 GMT
4
4
  */
5
5
 
6
6
  .mds-core {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:02 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:46 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-day {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:02 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:46 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-aaos-night {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:01 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:45 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-darkWebex {
@@ -379,4 +379,7 @@
379
379
  --mds-color-theme-avatar-slate: #535573;
380
380
  --mds-color-theme-avatar-violet: #643abd;
381
381
  --mds-color-theme-avatar-yellow: #7d4705;
382
+ --mds-color-theme-focus-0: #000000;
383
+ --mds-color-theme-focus-1: #64b4fa;
384
+ --mds-color-theme-focus-2: #64b4fa;
382
385
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:02 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:46 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-hcDarkWebex {
@@ -371,4 +371,7 @@
371
371
  --mds-color-theme-common-touchbar-icon-attention: #000000;
372
372
  --mds-color-theme-common-touchbar-icon-stable: #000000;
373
373
  --mds-color-theme-common-touchbar-icon-secure: #000000;
374
+ --mds-color-theme-focus-0: #000000;
375
+ --mds-color-theme-focus-1: #ffffff;
376
+ --mds-color-theme-focus-2: #ffffff;
374
377
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:02 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:46 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-hcLightWebex {
@@ -371,4 +371,7 @@
371
371
  --mds-color-theme-gradientdivider-orange-hover: #000000;
372
372
  --mds-color-theme-gradientdivider-purple-normal: #000000;
373
373
  --mds-color-theme-gradientdivider-purple-hover: #000000;
374
+ --mds-color-theme-focus-0: #ffffff;
375
+ --mds-color-theme-focus-1: #000000;
376
+ --mds-color-theme-focus-2: #000000;
374
377
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:01 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:46 GMT
4
4
  */
5
5
 
6
6
  .mds-theme-stable-lightWebex {
@@ -378,4 +378,7 @@
378
378
  --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
379
379
  --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
380
380
  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
381
+ --mds-color-theme-focus-0: #ffffff;
382
+ --mds-color-theme-focus-1: #1170cf;
383
+ --mds-color-theme-focus-2: #1170cf;
381
384
  }
@@ -1,32 +1,32 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Oct 2024 08:57:04 GMT
3
+ * Generated on Mon, 21 Oct 2024 17:31:48 GMT
4
4
  */
5
5
 
6
6
  .mds-typography {
7
- --mds-font-lineheight-base: 16px;
8
- --mds-font-lineheight-body-small: 16px;
9
- --mds-font-lineheight-body-midsize: 20px;
10
- --mds-font-lineheight-body-large: 24px;
11
- --mds-font-lineheight-heading-small: 28px;
12
- --mds-font-lineheight-heading-midsize: 32px;
13
- --mds-font-lineheight-heading-large: 40px;
14
- --mds-font-lineheight-heading-xlarge: 52px;
15
- --mds-font-lineheight-headline-small: 64px;
7
+ --mds-font-lineheight-base: 1rem;
8
+ --mds-font-lineheight-body-small: 1rem;
9
+ --mds-font-lineheight-body-midsize: 1.25rem;
10
+ --mds-font-lineheight-body-large: 1.5rem;
11
+ --mds-font-lineheight-heading-small: 1.75rem;
12
+ --mds-font-lineheight-heading-midsize: 2rem;
13
+ --mds-font-lineheight-heading-large: 2.5rem;
14
+ --mds-font-lineheight-heading-xlarge: 3.25rem;
15
+ --mds-font-lineheight-headline-small: 4rem;
16
16
  --mds-font-family-primary: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
17
17
  --mds-font-weight-light: 300;
18
18
  --mds-font-weight-regular: 400;
19
19
  --mds-font-weight-medium: 500;
20
20
  --mds-font-weight-bold: 700;
21
- --mds-font-size-base: 16px;
22
- --mds-font-size-body-small: 12px;
23
- --mds-font-size-body-midsize: 14px;
24
- --mds-font-size-body-large: 16px;
25
- --mds-font-size-heading-small: 20px;
26
- --mds-font-size-heading-midsize: 24px;
27
- --mds-font-size-heading-large: 32px;
28
- --mds-font-size-heading-xlarge: 40px;
29
- --mds-font-size-headline-small: 52px;
21
+ --mds-font-size-base: 1rem;
22
+ --mds-font-size-body-small: 0.75rem;
23
+ --mds-font-size-body-midsize: 0.875rem;
24
+ --mds-font-size-body-large: 1rem;
25
+ --mds-font-size-heading-small: 1.25rem;
26
+ --mds-font-size-heading-midsize: 1.5rem;
27
+ --mds-font-size-heading-large: 2rem;
28
+ --mds-font-size-heading-xlarge: 2.5rem;
29
+ --mds-font-size-headline-small: 3.25rem;
30
30
  --mds-font-text-transform-none: none;
31
31
  --mds-font-text-transform-uppercase: uppercase;
32
32
  --mds-font-text-transform-lowercase: lowercase;
@@ -35,176 +35,176 @@
35
35
  --mds-font-decoration-none: none;
36
36
  --mds-font-apps-body-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
37
37
  --mds-font-apps-body-small-regular-font-weight: 400;
38
- --mds-font-apps-body-small-regular-line-height: 16px;
39
- --mds-font-apps-body-small-regular-font-size: 12px;
38
+ --mds-font-apps-body-small-regular-line-height: 1rem;
39
+ --mds-font-apps-body-small-regular-font-size: 0.75rem;
40
40
  --mds-font-apps-body-small-regular-text-case: none;
41
41
  --mds-font-apps-body-small-regular-text-decoration: none;
42
42
  --mds-font-apps-body-small-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
43
43
  --mds-font-apps-body-small-regular-underline-font-weight: 400;
44
- --mds-font-apps-body-small-regular-underline-line-height: 16px;
45
- --mds-font-apps-body-small-regular-underline-font-size: 12px;
44
+ --mds-font-apps-body-small-regular-underline-line-height: 1rem;
45
+ --mds-font-apps-body-small-regular-underline-font-size: 0.75rem;
46
46
  --mds-font-apps-body-small-regular-underline-text-case: none;
47
47
  --mds-font-apps-body-small-regular-underline-text-decoration: underline;
48
48
  --mds-font-apps-body-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
49
49
  --mds-font-apps-body-small-medium-font-weight: 500;
50
- --mds-font-apps-body-small-medium-line-height: 16px;
51
- --mds-font-apps-body-small-medium-font-size: 12px;
50
+ --mds-font-apps-body-small-medium-line-height: 1rem;
51
+ --mds-font-apps-body-small-medium-font-size: 0.75rem;
52
52
  --mds-font-apps-body-small-medium-text-case: none;
53
53
  --mds-font-apps-body-small-medium-text-decoration: none;
54
54
  --mds-font-apps-body-small-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
55
55
  --mds-font-apps-body-small-medium-underline-font-weight: 500;
56
- --mds-font-apps-body-small-medium-underline-line-height: 16px;
57
- --mds-font-apps-body-small-medium-underline-font-size: 12px;
56
+ --mds-font-apps-body-small-medium-underline-line-height: 1rem;
57
+ --mds-font-apps-body-small-medium-underline-font-size: 0.75rem;
58
58
  --mds-font-apps-body-small-medium-underline-text-case: none;
59
59
  --mds-font-apps-body-small-medium-underline-text-decoration: underline;
60
60
  --mds-font-apps-body-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
61
61
  --mds-font-apps-body-small-bold-font-weight: 700;
62
- --mds-font-apps-body-small-bold-line-height: 16px;
63
- --mds-font-apps-body-small-bold-font-size: 12px;
62
+ --mds-font-apps-body-small-bold-line-height: 1rem;
63
+ --mds-font-apps-body-small-bold-font-size: 0.75rem;
64
64
  --mds-font-apps-body-small-bold-text-case: none;
65
65
  --mds-font-apps-body-small-bold-text-decoration: none;
66
66
  --mds-font-apps-body-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
67
67
  --mds-font-apps-body-midsize-regular-font-weight: 400;
68
- --mds-font-apps-body-midsize-regular-line-height: 20px;
69
- --mds-font-apps-body-midsize-regular-font-size: 14px;
68
+ --mds-font-apps-body-midsize-regular-line-height: 1.25rem;
69
+ --mds-font-apps-body-midsize-regular-font-size: 0.875rem;
70
70
  --mds-font-apps-body-midsize-regular-text-case: none;
71
71
  --mds-font-apps-body-midsize-regular-text-decoration: none;
72
72
  --mds-font-apps-body-midsize-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
73
73
  --mds-font-apps-body-midsize-regular-underline-font-weight: 400;
74
- --mds-font-apps-body-midsize-regular-underline-line-height: 20px;
75
- --mds-font-apps-body-midsize-regular-underline-font-size: 14px;
74
+ --mds-font-apps-body-midsize-regular-underline-line-height: 1.25rem;
75
+ --mds-font-apps-body-midsize-regular-underline-font-size: 0.875rem;
76
76
  --mds-font-apps-body-midsize-regular-underline-text-case: none;
77
77
  --mds-font-apps-body-midsize-regular-underline-text-decoration: underline;
78
78
  --mds-font-apps-body-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
79
79
  --mds-font-apps-body-midsize-medium-font-weight: 500;
80
- --mds-font-apps-body-midsize-medium-line-height: 20px;
81
- --mds-font-apps-body-midsize-medium-font-size: 14px;
80
+ --mds-font-apps-body-midsize-medium-line-height: 1.25rem;
81
+ --mds-font-apps-body-midsize-medium-font-size: 0.875rem;
82
82
  --mds-font-apps-body-midsize-medium-text-case: none;
83
83
  --mds-font-apps-body-midsize-medium-text-decoration: none;
84
84
  --mds-font-apps-body-midsize-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
85
85
  --mds-font-apps-body-midsize-medium-underline-font-weight: 500;
86
- --mds-font-apps-body-midsize-medium-underline-line-height: 20px;
87
- --mds-font-apps-body-midsize-medium-underline-font-size: 14px;
86
+ --mds-font-apps-body-midsize-medium-underline-line-height: 1.25rem;
87
+ --mds-font-apps-body-midsize-medium-underline-font-size: 0.875rem;
88
88
  --mds-font-apps-body-midsize-medium-underline-text-case: none;
89
89
  --mds-font-apps-body-midsize-medium-underline-text-decoration: underline;
90
90
  --mds-font-apps-body-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
91
91
  --mds-font-apps-body-midsize-bold-font-weight: 700;
92
- --mds-font-apps-body-midsize-bold-line-height: 20px;
93
- --mds-font-apps-body-midsize-bold-font-size: 14px;
92
+ --mds-font-apps-body-midsize-bold-line-height: 1.25rem;
93
+ --mds-font-apps-body-midsize-bold-font-size: 0.875rem;
94
94
  --mds-font-apps-body-midsize-bold-text-case: none;
95
95
  --mds-font-apps-body-midsize-bold-text-decoration: none;
96
96
  --mds-font-apps-body-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
97
97
  --mds-font-apps-body-large-regular-font-weight: 400;
98
- --mds-font-apps-body-large-regular-line-height: 24px;
99
- --mds-font-apps-body-large-regular-font-size: 16px;
98
+ --mds-font-apps-body-large-regular-line-height: 1.5rem;
99
+ --mds-font-apps-body-large-regular-font-size: 1rem;
100
100
  --mds-font-apps-body-large-regular-text-case: none;
101
101
  --mds-font-apps-body-large-regular-text-decoration: none;
102
102
  --mds-font-apps-body-large-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
103
103
  --mds-font-apps-body-large-regular-underline-font-weight: 400;
104
- --mds-font-apps-body-large-regular-underline-line-height: 24px;
105
- --mds-font-apps-body-large-regular-underline-font-size: 16px;
104
+ --mds-font-apps-body-large-regular-underline-line-height: 1.5rem;
105
+ --mds-font-apps-body-large-regular-underline-font-size: 1rem;
106
106
  --mds-font-apps-body-large-regular-underline-text-case: none;
107
107
  --mds-font-apps-body-large-regular-underline-text-decoration: underline;
108
108
  --mds-font-apps-body-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
109
109
  --mds-font-apps-body-large-medium-font-weight: 500;
110
- --mds-font-apps-body-large-medium-line-height: 24px;
111
- --mds-font-apps-body-large-medium-font-size: 16px;
110
+ --mds-font-apps-body-large-medium-line-height: 1.5rem;
111
+ --mds-font-apps-body-large-medium-font-size: 1rem;
112
112
  --mds-font-apps-body-large-medium-text-case: none;
113
113
  --mds-font-apps-body-large-medium-text-decoration: none;
114
114
  --mds-font-apps-body-large-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
115
115
  --mds-font-apps-body-large-medium-underline-font-weight: 500;
116
- --mds-font-apps-body-large-medium-underline-line-height: 24px;
117
- --mds-font-apps-body-large-medium-underline-font-size: 16px;
116
+ --mds-font-apps-body-large-medium-underline-line-height: 1.5rem;
117
+ --mds-font-apps-body-large-medium-underline-font-size: 1rem;
118
118
  --mds-font-apps-body-large-medium-underline-text-case: none;
119
119
  --mds-font-apps-body-large-medium-underline-text-decoration: underline;
120
120
  --mds-font-apps-body-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
121
121
  --mds-font-apps-body-large-bold-font-weight: 700;
122
- --mds-font-apps-body-large-bold-line-height: 24px;
123
- --mds-font-apps-body-large-bold-font-size: 16px;
122
+ --mds-font-apps-body-large-bold-line-height: 1.5rem;
123
+ --mds-font-apps-body-large-bold-font-size: 1rem;
124
124
  --mds-font-apps-body-large-bold-text-case: none;
125
125
  --mds-font-apps-body-large-bold-text-decoration: none;
126
126
  --mds-font-apps-heading-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
127
127
  --mds-font-apps-heading-small-regular-font-weight: 400;
128
- --mds-font-apps-heading-small-regular-line-height: 28px;
129
- --mds-font-apps-heading-small-regular-font-size: 20px;
128
+ --mds-font-apps-heading-small-regular-line-height: 1.75rem;
129
+ --mds-font-apps-heading-small-regular-font-size: 1.25rem;
130
130
  --mds-font-apps-heading-small-regular-text-case: none;
131
131
  --mds-font-apps-heading-small-regular-text-decoration: none;
132
132
  --mds-font-apps-heading-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
133
133
  --mds-font-apps-heading-small-medium-font-weight: 500;
134
- --mds-font-apps-heading-small-medium-line-height: 28px;
135
- --mds-font-apps-heading-small-medium-font-size: 20px;
134
+ --mds-font-apps-heading-small-medium-line-height: 1.75rem;
135
+ --mds-font-apps-heading-small-medium-font-size: 1.25rem;
136
136
  --mds-font-apps-heading-small-medium-text-case: none;
137
137
  --mds-font-apps-heading-small-medium-text-decoration: none;
138
138
  --mds-font-apps-heading-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
139
139
  --mds-font-apps-heading-small-bold-font-weight: 700;
140
- --mds-font-apps-heading-small-bold-line-height: 28px;
141
- --mds-font-apps-heading-small-bold-font-size: 20px;
140
+ --mds-font-apps-heading-small-bold-line-height: 1.75rem;
141
+ --mds-font-apps-heading-small-bold-font-size: 1.25rem;
142
142
  --mds-font-apps-heading-small-bold-text-case: none;
143
143
  --mds-font-apps-heading-small-bold-text-decoration: none;
144
144
  --mds-font-apps-heading-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
145
145
  --mds-font-apps-heading-midsize-regular-font-weight: 400;
146
- --mds-font-apps-heading-midsize-regular-line-height: 32px;
147
- --mds-font-apps-heading-midsize-regular-font-size: 24px;
146
+ --mds-font-apps-heading-midsize-regular-line-height: 2rem;
147
+ --mds-font-apps-heading-midsize-regular-font-size: 1.5rem;
148
148
  --mds-font-apps-heading-midsize-regular-text-case: none;
149
149
  --mds-font-apps-heading-midsize-regular-text-decoration: none;
150
150
  --mds-font-apps-heading-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
151
151
  --mds-font-apps-heading-midsize-medium-font-weight: 500;
152
- --mds-font-apps-heading-midsize-medium-line-height: 32px;
153
- --mds-font-apps-heading-midsize-medium-font-size: 24px;
152
+ --mds-font-apps-heading-midsize-medium-line-height: 2rem;
153
+ --mds-font-apps-heading-midsize-medium-font-size: 1.5rem;
154
154
  --mds-font-apps-heading-midsize-medium-text-case: none;
155
155
  --mds-font-apps-heading-midsize-medium-text-decoration: none;
156
156
  --mds-font-apps-heading-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
157
157
  --mds-font-apps-heading-midsize-bold-font-weight: 700;
158
- --mds-font-apps-heading-midsize-bold-line-height: 32px;
159
- --mds-font-apps-heading-midsize-bold-font-size: 24px;
158
+ --mds-font-apps-heading-midsize-bold-line-height: 2rem;
159
+ --mds-font-apps-heading-midsize-bold-font-size: 1.5rem;
160
160
  --mds-font-apps-heading-midsize-bold-text-case: none;
161
161
  --mds-font-apps-heading-midsize-bold-text-decoration: none;
162
162
  --mds-font-apps-heading-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
163
163
  --mds-font-apps-heading-large-regular-font-weight: 400;
164
- --mds-font-apps-heading-large-regular-line-height: 40px;
165
- --mds-font-apps-heading-large-regular-font-size: 32px;
164
+ --mds-font-apps-heading-large-regular-line-height: 2.5rem;
165
+ --mds-font-apps-heading-large-regular-font-size: 2rem;
166
166
  --mds-font-apps-heading-large-regular-text-case: none;
167
167
  --mds-font-apps-heading-large-regular-text-decoration: none;
168
168
  --mds-font-apps-heading-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
169
169
  --mds-font-apps-heading-large-medium-font-weight: 500;
170
- --mds-font-apps-heading-large-medium-line-height: 40px;
171
- --mds-font-apps-heading-large-medium-font-size: 32px;
170
+ --mds-font-apps-heading-large-medium-line-height: 2.5rem;
171
+ --mds-font-apps-heading-large-medium-font-size: 2rem;
172
172
  --mds-font-apps-heading-large-medium-text-case: none;
173
173
  --mds-font-apps-heading-large-medium-text-decoration: none;
174
174
  --mds-font-apps-heading-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
175
175
  --mds-font-apps-heading-large-bold-font-weight: 700;
176
- --mds-font-apps-heading-large-bold-line-height: 40px;
177
- --mds-font-apps-heading-large-bold-font-size: 32px;
176
+ --mds-font-apps-heading-large-bold-line-height: 2.5rem;
177
+ --mds-font-apps-heading-large-bold-font-size: 2rem;
178
178
  --mds-font-apps-heading-large-bold-text-case: none;
179
179
  --mds-font-apps-heading-large-bold-text-decoration: none;
180
180
  --mds-font-apps-heading-xlarge-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
181
181
  --mds-font-apps-heading-xlarge-regular-font-weight: 400;
182
- --mds-font-apps-heading-xlarge-regular-line-height: 52px;
183
- --mds-font-apps-heading-xlarge-regular-font-size: 40px;
182
+ --mds-font-apps-heading-xlarge-regular-line-height: 3.25rem;
183
+ --mds-font-apps-heading-xlarge-regular-font-size: 2.5rem;
184
184
  --mds-font-apps-heading-xlarge-regular-text-case: none;
185
185
  --mds-font-apps-heading-xlarge-regular-text-decoration: none;
186
186
  --mds-font-apps-heading-xlarge-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
187
187
  --mds-font-apps-heading-xlarge-medium-font-weight: 500;
188
- --mds-font-apps-heading-xlarge-medium-line-height: 52px;
189
- --mds-font-apps-heading-xlarge-medium-font-size: 40px;
188
+ --mds-font-apps-heading-xlarge-medium-line-height: 3.25rem;
189
+ --mds-font-apps-heading-xlarge-medium-font-size: 2.5rem;
190
190
  --mds-font-apps-heading-xlarge-medium-text-case: none;
191
191
  --mds-font-apps-heading-xlarge-medium-text-decoration: none;
192
192
  --mds-font-apps-heading-xlarge-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
193
193
  --mds-font-apps-heading-xlarge-bold-font-weight: 700;
194
- --mds-font-apps-heading-xlarge-bold-line-height: 52px;
195
- --mds-font-apps-heading-xlarge-bold-font-size: 40px;
194
+ --mds-font-apps-heading-xlarge-bold-line-height: 3.25rem;
195
+ --mds-font-apps-heading-xlarge-bold-font-size: 2.5rem;
196
196
  --mds-font-apps-heading-xlarge-bold-text-case: none;
197
197
  --mds-font-apps-heading-xlarge-bold-text-decoration: none;
198
198
  --mds-font-apps-headline-small-light-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
199
199
  --mds-font-apps-headline-small-light-font-weight: 300;
200
- --mds-font-apps-headline-small-light-font-size: 52px;
201
- --mds-font-apps-headline-small-light-line-height: 64px;
200
+ --mds-font-apps-headline-small-light-font-size: 3.25rem;
201
+ --mds-font-apps-headline-small-light-line-height: 4rem;
202
202
  --mds-font-apps-headline-small-light-text-decoration: none;
203
203
  --mds-font-apps-headline-small-light-text-case: none;
204
204
  --mds-font-apps-headline-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
205
205
  --mds-font-apps-headline-small-regular-font-weight: 400;
206
- --mds-font-apps-headline-small-regular-font-size: 52px;
207
- --mds-font-apps-headline-small-regular-line-height: 64px;
206
+ --mds-font-apps-headline-small-regular-font-size: 3.25rem;
207
+ --mds-font-apps-headline-small-regular-line-height: 4rem;
208
208
  --mds-font-apps-headline-small-regular-text-decoration: none;
209
209
  --mds-font-apps-headline-small-regular-text-case: none;
210
210
  }
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:01 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:45 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:02 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:46 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:02 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:46 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:01 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:45 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -218,6 +218,9 @@ public class {
218
218
  public static let mdsColorThemeControlInactiveNormal = #ffffff00
219
219
  public static let mdsColorThemeControlInactivePressed = #ffffff66
220
220
  public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
221
+ public static let mdsColorThemeFocus0 = #000000
222
+ public static let mdsColorThemeFocus1 = #64b4fa
223
+ public static let mdsColorThemeFocus2 = #64b4fa
221
224
  public static let mdsColorThemeGlobaltintNormal = #3492eb
222
225
  public static let mdsColorThemeGlobaltintSelected = #1170cf
223
226
  public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%)
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:02 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:46 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -204,6 +204,9 @@ public class {
204
204
  public static let mdsColorThemeControlInactiveNormal = #000000
205
205
  public static let mdsColorThemeControlInactivePressed = #000000
206
206
  public static let mdsColorThemeControlIndicatorInactiveNormal = #000000
207
+ public static let mdsColorThemeFocus0 = #000000
208
+ public static let mdsColorThemeFocus1 = #ffffff
209
+ public static let mdsColorThemeFocus2 = #ffffff
207
210
  public static let mdsColorThemeGlobaltintNormal = #ffffff
208
211
  public static let mdsColorThemeGlobaltintSelected = #ffff00
209
212
  public static let mdsColorThemeGradientdividerAnnounceHover = #ffffff
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:02 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:46 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -204,6 +204,9 @@ public class {
204
204
  public static let mdsColorThemeControlInactiveNormal = #ffffff
205
205
  public static let mdsColorThemeControlInactivePressed = #ffffff
206
206
  public static let mdsColorThemeControlIndicatorInactiveNormal = #ffffff
207
+ public static let mdsColorThemeFocus0 = #ffffff
208
+ public static let mdsColorThemeFocus1 = #000000
209
+ public static let mdsColorThemeFocus2 = #000000
207
210
  public static let mdsColorThemeGlobaltintNormal = #000000
208
211
  public static let mdsColorThemeGlobaltintSelected = #00009f
209
212
  public static let mdsColorThemeGradientdividerAnnounceHover = #000000
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:02 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:46 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -217,6 +217,9 @@ public class {
217
217
  public static let mdsColorThemeControlInactiveNormal = #00000000
218
218
  public static let mdsColorThemeControlInactivePressed = #00000066
219
219
  public static let mdsColorThemeControlIndicatorInactiveNormal = #8f8f8f
220
+ public static let mdsColorThemeFocus0 = #ffffff
221
+ public static let mdsColorThemeFocus1 = #1170cf
222
+ public static let mdsColorThemeFocus2 = #1170cf
220
223
  public static let mdsColorThemeGlobaltintNormal = #1170cf
221
224
  public static let mdsColorThemeGlobaltintSelected = #1170cf
222
225
  public static let mdsColorThemeGradientdividerAnnounceHover = linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%)
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 09 Oct 2024 08:57:04 GMT
7
+ // Generated on Mon, 21 Oct 2024 17:31:48 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -397,6 +397,12 @@ open class DarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteP
397
397
  open var yellow: UIColor { return UIColor(hex: 0x7D4705) }
398
398
  public init() {}
399
399
  }
400
+ open class DarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
401
+ open var 0: UIColor { return UIColor(hex: 0x000000) }
402
+ open var 1: UIColor { return UIColor(hex: 0x64B4FA) }
403
+ open var 2: UIColor { return UIColor(hex: 0x64B4FA) }
404
+ public init() {}
405
+ }
400
406
  open class DarkMomentumTheme: MomentumThemeTokensProtocol {
401
407
  open var text: any MomentumThemeTextColorPaletteProtocol
402
408
  open var inverted: any MomentumThemeInvertedColorPaletteProtocol
@@ -413,6 +419,7 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
413
419
  open var groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol
414
420
  open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
415
421
  open var avatar: any MomentumThemeAvatarColorPaletteProtocol
422
+ open var focus: any MomentumThemeFocusColorPaletteProtocol
416
423
 
417
424
  public init(
418
425
  text: any MomentumThemeTextColorPaletteProtocol = DarkMomentumThemeTextColorPalette(),
@@ -429,7 +436,8 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
429
436
  globalTint: any MomentumThemeGlobalTintColorPaletteProtocol = DarkMomentumThemeGlobalTintColorPalette(),
430
437
  groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = DarkMomentumThemeGroupedBackgroundColorPalette(),
431
438
  gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = DarkMomentumThemeGradientDividerColorPalette(),
432
- avatar: any MomentumThemeAvatarColorPaletteProtocol = DarkMomentumThemeAvatarColorPalette()
439
+ avatar: any MomentumThemeAvatarColorPaletteProtocol = DarkMomentumThemeAvatarColorPalette(),
440
+ focus: any MomentumThemeFocusColorPaletteProtocol = DarkMomentumThemeFocusColorPalette()
433
441
  ) {
434
442
  self.text = text
435
443
  self.inverted = inverted
@@ -446,6 +454,7 @@ open class DarkMomentumTheme: MomentumThemeTokensProtocol {
446
454
  self.groupedBackground = groupedBackground
447
455
  self.gradientDivider = gradientDivider
448
456
  self.avatar = avatar
457
+ self.focus = focus
449
458
  }
450
459
  }
451
460
 
@@ -416,6 +416,12 @@ open class HcDarkMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
416
416
  open var touchbarIconSecure: UIColor { return UIColor(hex: 0x000000) }
417
417
  public init() {}
418
418
  }
419
+ open class HcDarkMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
420
+ open var 0: UIColor { return UIColor(hex: 0x000000) }
421
+ open var 1: UIColor { return UIColor(hex: 0xFFFFFF) }
422
+ open var 2: UIColor { return UIColor(hex: 0xFFFFFF) }
423
+ public init() {}
424
+ }
419
425
  open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
420
426
  open var text: any MomentumThemeTextColorPaletteProtocol
421
427
  open var inverted: any MomentumThemeInvertedColorPaletteProtocol
@@ -433,6 +439,7 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
433
439
  open var gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol
434
440
  open var avatar: any MomentumThemeAvatarColorPaletteProtocol
435
441
  open var common: any MomentumThemeCommonColorPaletteProtocol
442
+ open var focus: any MomentumThemeFocusColorPaletteProtocol
436
443
 
437
444
  public init(
438
445
  text: any MomentumThemeTextColorPaletteProtocol = HcDarkMomentumThemeTextColorPalette(),
@@ -450,7 +457,8 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
450
457
  groupedBackground: any MomentumThemeGroupedBackgroundColorPaletteProtocol = HcDarkMomentumThemeGroupedBackgroundColorPalette(),
451
458
  gradientDivider: any MomentumThemeGradientDividerColorPaletteProtocol = HcDarkMomentumThemeGradientDividerColorPalette(),
452
459
  avatar: any MomentumThemeAvatarColorPaletteProtocol = HcDarkMomentumThemeAvatarColorPalette(),
453
- common: any MomentumThemeCommonColorPaletteProtocol = HcDarkMomentumThemeCommonColorPalette()
460
+ common: any MomentumThemeCommonColorPaletteProtocol = HcDarkMomentumThemeCommonColorPalette(),
461
+ focus: any MomentumThemeFocusColorPaletteProtocol = HcDarkMomentumThemeFocusColorPalette()
454
462
  ) {
455
463
  self.text = text
456
464
  self.inverted = inverted
@@ -468,6 +476,7 @@ open class HcDarkMomentumTheme: MomentumThemeTokensProtocol {
468
476
  self.gradientDivider = gradientDivider
469
477
  self.avatar = avatar
470
478
  self.common = common
479
+ self.focus = focus
471
480
  }
472
481
  }
473
482