@momentum-design/tokens 0.0.28 → 0.0.29

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.
@@ -1,13 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ * Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
  */
5
5
 
6
6
  .md-core {
7
+ --md-border-radius-none: 0px;
7
8
  --md-border-radius-small: 4px;
8
9
  --md-border-radius-medium: 8px;
9
10
  --md-border-radius-large: 12px;
10
11
  --md-border-radius-half-height: 50%;
12
+ --md-border-width-none: 0px;
11
13
  --md-border-width-small: 1px;
12
14
  --md-border-width-medium: 2px;
13
15
  --md-border-width-large: 3px;
@@ -271,6 +273,7 @@
271
273
  --md-elevation-0: 0px 0px 0px 0px;
272
274
  --md-elevation-1: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));
273
275
  --md-elevation-2: drop-shadow(0px 24px 48px rgba(0,0,0,0.2));
276
+ --md-spacing-none: 0px;
274
277
  --md-spacing-micro: 2px;
275
278
  --md-spacing-xxx-small: 4px;
276
279
  --md-spacing-xx-small: 8px;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ * Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
  */
5
5
 
6
6
  .md-theme-webex-dark {
@@ -32,6 +32,9 @@
32
32
  --md-color-theme-content-text-neutral-disabled: #ffffff66;
33
33
  --md-color-theme-content-text-neutral-teams-default: #ffffffb3;
34
34
  --md-color-theme-content-text-neutral-teams-active: #fffffff2;
35
+ --md-color-theme-content-text-contrast-neutral-primary: #000000f2;
36
+ --md-color-theme-content-text-contrast-neutral-secondary: #00000099;
37
+ --md-color-theme-content-text-contrast-neutral-disabled: #00000066;
35
38
  --md-color-theme-content-text-positve-active: #9fedd8;
36
39
  --md-color-theme-content-text-positve-hover: #9fedd8;
37
40
  --md-color-theme-content-text-positve-default: #3cc29a;
@@ -75,6 +78,9 @@
75
78
  --md-color-theme-content-btn-neutral-secondary-active-default: #ffffff33;
76
79
  --md-color-theme-content-btn-neutral-secondary-active-hover: #ffffff4d;
77
80
  --md-color-theme-content-btn-neutral-secondary-active-pressed: #ffffff66;
81
+ --md-color-theme-content-btn-contrast-neutral-default: #0f0f0f;
82
+ --md-color-theme-content-btn-contrast-neutral-hover: #262626;
83
+ --md-color-theme-content-btn-contrast-neutral-pressed: #3b3b3b;
78
84
  --md-color-theme-content-btn-positive-default: #1d805f;
79
85
  --md-color-theme-content-btn-positive-hover: #185e46;
80
86
  --md-color-theme-content-btn-positive-pressed: #134231;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ * Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
  */
5
5
 
6
6
  .md-theme-webex-light {
@@ -32,6 +32,9 @@
32
32
  --md-color-theme-content-text-neutral-disabled: #00000066;
33
33
  --md-color-theme-content-text-neutral-teams-default: #000000b3;
34
34
  --md-color-theme-content-text-neutral-teams-active: #000000f2;
35
+ --md-color-theme-content-text-contrast-neutral-primary: #fffffff2;
36
+ --md-color-theme-content-text-contrast-neutral-secondary: #ffffffb3;
37
+ --md-color-theme-content-text-contrast-neutral-disabled: #ffffffcc;
35
38
  --md-color-theme-content-text-positve-active: #0e2b20;
36
39
  --md-color-theme-content-text-positve-hover: #0e2b20;
37
40
  --md-color-theme-content-text-positve-default: #185e46;
@@ -75,6 +78,9 @@
75
78
  --md-color-theme-content-btn-neutral-secondary-active-default: #00000033;
76
79
  --md-color-theme-content-btn-neutral-secondary-active-hover: #00000033;
77
80
  --md-color-theme-content-btn-neutral-secondary-active-pressed: #00000066;
81
+ --md-color-theme-content-btn-contrast-neutral-default: #ffffff;
82
+ --md-color-theme-content-btn-contrast-neutral-hover: #ededed;
83
+ --md-color-theme-content-btn-contrast-neutral-pressed: #dedede;
78
84
  --md-color-theme-content-btn-positive-default: #1d805f;
79
85
  --md-color-theme-content-btn-positive-hover: #185e46;
80
86
  --md-color-theme-content-btn-positive-pressed: #134231;
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
7
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -13,9 +13,11 @@ public class {
13
13
  public static let md-border-radius-half-height = 50%
14
14
  public static let md-border-radius-large = 12px
15
15
  public static let md-border-radius-medium = 8px
16
+ public static let md-border-radius-none = 0px
16
17
  public static let md-border-radius-small = 4px
17
18
  public static let md-border-width-large = 3px
18
19
  public static let md-border-width-medium = 2px
20
+ public static let md-border-width-none = 0px
19
21
  public static let md-border-width-small = 1px
20
22
  public static let md-color-core-black-alpha-00 = #00000000
21
23
  public static let md-color-core-black-alpha-04 = #0000000a
@@ -281,6 +283,7 @@ public class {
281
283
  public static let md-spacing-large = 24px
282
284
  public static let md-spacing-medium = 20px
283
285
  public static let md-spacing-micro = 2px
286
+ public static let md-spacing-none = 0px
284
287
  public static let md-spacing-small = 16px
285
288
  public static let md-spacing-x-big = 80px
286
289
  public static let md-spacing-x-large = 32px
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
7
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -35,6 +35,9 @@ public class {
35
35
  public static let md-color-theme-content-btn-accent-default = #1170cf
36
36
  public static let md-color-theme-content-btn-accent-hover = #0353a8
37
37
  public static let md-color-theme-content-btn-accent-pressed = #063a75
38
+ public static let md-color-theme-content-btn-contrast-neutral-default = #0f0f0f
39
+ public static let md-color-theme-content-btn-contrast-neutral-hover = #262626
40
+ public static let md-color-theme-content-btn-contrast-neutral-pressed = #3b3b3b
38
41
  public static let md-color-theme-content-btn-negative-default = #db1f2e
39
42
  public static let md-color-theme-content-btn-negative-hover = #ab0a15
40
43
  public static let md-color-theme-content-btn-negative-pressed = #780d13
@@ -114,6 +117,9 @@ public class {
114
117
  public static let md-color-theme-content-text-accent-active = #bfe3ff
115
118
  public static let md-color-theme-content-text-accent-default = #64b4fa
116
119
  public static let md-color-theme-content-text-accent-hover = #bfe3ff
120
+ public static let md-color-theme-content-text-contrast-neutral-disabled = #00000066
121
+ public static let md-color-theme-content-text-contrast-neutral-primary = #000000f2
122
+ public static let md-color-theme-content-text-contrast-neutral-secondary = #00000099
117
123
  public static let md-color-theme-content-text-decorative-cobalt-active = #c7eeff
118
124
  public static let md-color-theme-content-text-decorative-cobalt-default = #5ebff7
119
125
  public static let md-color-theme-content-text-decorative-cyan-active = #b2f4f7
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
7
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
8
8
 
9
9
 
10
10
  import UIKit
@@ -35,6 +35,9 @@ public class {
35
35
  public static let md-color-theme-content-btn-accent-default = #1170cf
36
36
  public static let md-color-theme-content-btn-accent-hover = #0353a8
37
37
  public static let md-color-theme-content-btn-accent-pressed = #063a75
38
+ public static let md-color-theme-content-btn-contrast-neutral-default = #ffffff
39
+ public static let md-color-theme-content-btn-contrast-neutral-hover = #ededed
40
+ public static let md-color-theme-content-btn-contrast-neutral-pressed = #dedede
38
41
  public static let md-color-theme-content-btn-negative-default = #db1f2e
39
42
  public static let md-color-theme-content-btn-negative-hover = #ab0a15
40
43
  public static let md-color-theme-content-btn-negative-pressed = #780d13
@@ -114,6 +117,9 @@ public class {
114
117
  public static let md-color-theme-content-text-accent-active = #0a274a
115
118
  public static let md-color-theme-content-text-accent-default = #0353a8
116
119
  public static let md-color-theme-content-text-accent-hover = #0a274a
120
+ public static let md-color-theme-content-text-contrast-neutral-disabled = #ffffffcc
121
+ public static let md-color-theme-content-text-contrast-neutral-primary = #fffffff2
122
+ public static let md-color-theme-content-text-contrast-neutral-secondary = #ffffffb3
117
123
  public static let md-color-theme-content-text-decorative-cobalt-active = #12283d
118
124
  public static let md-color-theme-content-text-decorative-cobalt-default = #08599c
119
125
  public static let md-color-theme-content-text-decorative-cyan-active = #0b2a30
@@ -1,15 +1,36 @@
1
1
  {
2
2
  "border-radius": {
3
+ "none": {
4
+ "value": "0px",
5
+ "type": "borderRadius",
6
+ "description": "Border Radius: None",
7
+ "filePath": "src/core/border-radius.json",
8
+ "isSource": true,
9
+ "original": {
10
+ "value": "0px",
11
+ "type": "borderRadius",
12
+ "description": "Border Radius: None"
13
+ },
14
+ "name": "md-border-radius-none",
15
+ "attributes": {
16
+ "category": "border-radius",
17
+ "type": "none"
18
+ },
19
+ "path": [
20
+ "border-radius",
21
+ "none"
22
+ ]
23
+ },
3
24
  "small": {
4
25
  "value": "4px",
5
26
  "type": "borderRadius",
6
- "description": "Small border radius.",
27
+ "description": "Border Radius Small",
7
28
  "filePath": "src/core/border-radius.json",
8
29
  "isSource": true,
9
30
  "original": {
10
31
  "value": "4px",
11
32
  "type": "borderRadius",
12
- "description": "Small border radius."
33
+ "description": "Border Radius Small"
13
34
  },
14
35
  "name": "md-border-radius-small",
15
36
  "attributes": {
@@ -24,13 +45,13 @@
24
45
  "medium": {
25
46
  "value": "8px",
26
47
  "type": "borderRadius",
27
- "description": "Medium border radius.",
48
+ "description": "Border Radius Medium",
28
49
  "filePath": "src/core/border-radius.json",
29
50
  "isSource": true,
30
51
  "original": {
31
52
  "value": "8px",
32
53
  "type": "borderRadius",
33
- "description": "Medium border radius."
54
+ "description": "Border Radius Medium"
34
55
  },
35
56
  "name": "md-border-radius-medium",
36
57
  "attributes": {
@@ -45,13 +66,13 @@
45
66
  "large": {
46
67
  "value": "12px",
47
68
  "type": "borderRadius",
48
- "description": "Large border radius.",
69
+ "description": "Border Radius Large",
49
70
  "filePath": "src/core/border-radius.json",
50
71
  "isSource": true,
51
72
  "original": {
52
73
  "value": "12px",
53
74
  "type": "borderRadius",
54
- "description": "Large border radius."
75
+ "description": "Border Radius Large"
55
76
  },
56
77
  "name": "md-border-radius-large",
57
78
  "attributes": {
@@ -66,13 +87,13 @@
66
87
  "half-height": {
67
88
  "value": "50%",
68
89
  "type": "borderRadius",
69
- "description": "Rounded pill shape.",
90
+ "description": "Border Radius Half Height",
70
91
  "filePath": "src/core/border-radius.json",
71
92
  "isSource": true,
72
93
  "original": {
73
94
  "value": "50%",
74
95
  "type": "borderRadius",
75
- "description": "Rounded pill shape."
96
+ "description": "Border Radius Half Height"
76
97
  },
77
98
  "name": "md-border-radius-half-height",
78
99
  "attributes": {
@@ -86,6 +107,27 @@
86
107
  }
87
108
  },
88
109
  "border-width": {
110
+ "none": {
111
+ "value": "0px",
112
+ "type": "borderWidth",
113
+ "description": "Border Width None",
114
+ "filePath": "src/core/border-width.json",
115
+ "isSource": true,
116
+ "original": {
117
+ "value": "0px",
118
+ "type": "borderWidth",
119
+ "description": "Border Width None"
120
+ },
121
+ "name": "md-border-width-none",
122
+ "attributes": {
123
+ "category": "border-width",
124
+ "type": "none"
125
+ },
126
+ "path": [
127
+ "border-width",
128
+ "none"
129
+ ]
130
+ },
89
131
  "small": {
90
132
  "value": "1px",
91
133
  "type": "borderWidth",
@@ -6856,6 +6898,25 @@
6856
6898
  }
6857
6899
  },
6858
6900
  "spacing": {
6901
+ "none": {
6902
+ "value": "0px",
6903
+ "type": "spacing",
6904
+ "filePath": "src/core/spacing.json",
6905
+ "isSource": true,
6906
+ "original": {
6907
+ "value": "0px",
6908
+ "type": "spacing"
6909
+ },
6910
+ "name": "md-spacing-none",
6911
+ "attributes": {
6912
+ "category": "spacing",
6913
+ "type": "none"
6914
+ },
6915
+ "path": [
6916
+ "spacing",
6917
+ "none"
6918
+ ]
6919
+ },
6859
6920
  "micro": {
6860
6921
  "value": "2px",
6861
6922
  "type": "spacing",
@@ -803,6 +803,97 @@
803
803
  }
804
804
  }
805
805
  },
806
+ "contrast": {
807
+ "neutral": {
808
+ "primary": {
809
+ "value": "#000000f2",
810
+ "type": "color",
811
+ "description": "Core Token: core.black-alpha.95\nHEX: 000000 95%\n---\nUsed for inverted text primary.",
812
+ "filePath": "src/theme/webex/dark.json",
813
+ "isSource": true,
814
+ "original": {
815
+ "value": "{color.core.black-alpha.95}",
816
+ "type": "color",
817
+ "description": "Core Token: core.black-alpha.95\nHEX: 000000 95%\n---\nUsed for inverted text primary."
818
+ },
819
+ "name": "md-color-theme-content-text-contrast-neutral-primary",
820
+ "attributes": {
821
+ "category": "color",
822
+ "type": "theme",
823
+ "item": "content",
824
+ "subitem": "text",
825
+ "state": "contrast"
826
+ },
827
+ "path": [
828
+ "color",
829
+ "theme",
830
+ "content",
831
+ "text",
832
+ "contrast",
833
+ "neutral",
834
+ "primary"
835
+ ]
836
+ },
837
+ "secondary": {
838
+ "value": "#00000099",
839
+ "type": "color",
840
+ "description": "Core Token: core.black-alpha.60\nHEX: 000000 60%\n---\nUsed for inverted text secondary.",
841
+ "filePath": "src/theme/webex/dark.json",
842
+ "isSource": true,
843
+ "original": {
844
+ "value": "{color.core.black-alpha.60}",
845
+ "type": "color",
846
+ "description": "Core Token: core.black-alpha.60\nHEX: 000000 60%\n---\nUsed for inverted text secondary."
847
+ },
848
+ "name": "md-color-theme-content-text-contrast-neutral-secondary",
849
+ "attributes": {
850
+ "category": "color",
851
+ "type": "theme",
852
+ "item": "content",
853
+ "subitem": "text",
854
+ "state": "contrast"
855
+ },
856
+ "path": [
857
+ "color",
858
+ "theme",
859
+ "content",
860
+ "text",
861
+ "contrast",
862
+ "neutral",
863
+ "secondary"
864
+ ]
865
+ },
866
+ "disabled": {
867
+ "value": "#00000066",
868
+ "type": "color",
869
+ "description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n---\nUsed for disabled inverted text.",
870
+ "filePath": "src/theme/webex/dark.json",
871
+ "isSource": true,
872
+ "original": {
873
+ "value": "{color.core.black-alpha.40}",
874
+ "type": "color",
875
+ "description": "Core Token: core.black-alpha.40\nHEX: 000000 40%\n---\nUsed for disabled inverted text."
876
+ },
877
+ "name": "md-color-theme-content-text-contrast-neutral-disabled",
878
+ "attributes": {
879
+ "category": "color",
880
+ "type": "theme",
881
+ "item": "content",
882
+ "subitem": "text",
883
+ "state": "contrast"
884
+ },
885
+ "path": [
886
+ "color",
887
+ "theme",
888
+ "content",
889
+ "text",
890
+ "contrast",
891
+ "neutral",
892
+ "disabled"
893
+ ]
894
+ }
895
+ }
896
+ },
806
897
  "positve": {
807
898
  "active": {
808
899
  "value": "#9fedd8",
@@ -2079,6 +2170,97 @@
2079
2170
  }
2080
2171
  }
2081
2172
  },
2173
+ "contrast": {
2174
+ "neutral": {
2175
+ "default": {
2176
+ "value": "#0f0f0f",
2177
+ "type": "color",
2178
+ "description": "Core Token: core.gray.100\nHEX 0f0f0f\n-----------------------------------\nRest state of inverted buttons. ",
2179
+ "filePath": "src/theme/webex/dark.json",
2180
+ "isSource": true,
2181
+ "original": {
2182
+ "value": "{color.core.gray.100}",
2183
+ "type": "color",
2184
+ "description": "Core Token: core.gray.100\nHEX 0f0f0f\n-----------------------------------\nRest state of inverted buttons. "
2185
+ },
2186
+ "name": "md-color-theme-content-btn-contrast-neutral-default",
2187
+ "attributes": {
2188
+ "category": "color",
2189
+ "type": "theme",
2190
+ "item": "content",
2191
+ "subitem": "btn",
2192
+ "state": "contrast"
2193
+ },
2194
+ "path": [
2195
+ "color",
2196
+ "theme",
2197
+ "content",
2198
+ "btn",
2199
+ "contrast",
2200
+ "neutral",
2201
+ "default"
2202
+ ]
2203
+ },
2204
+ "hover": {
2205
+ "value": "#262626",
2206
+ "type": "color",
2207
+ "description": "Core Token: core.gray.90\nHEX 262626\n-----------------------------------\nHover state of inverted buttons. ",
2208
+ "filePath": "src/theme/webex/dark.json",
2209
+ "isSource": true,
2210
+ "original": {
2211
+ "value": "{color.core.gray.90}",
2212
+ "type": "color",
2213
+ "description": "Core Token: core.gray.90\nHEX 262626\n-----------------------------------\nHover state of inverted buttons. "
2214
+ },
2215
+ "name": "md-color-theme-content-btn-contrast-neutral-hover",
2216
+ "attributes": {
2217
+ "category": "color",
2218
+ "type": "theme",
2219
+ "item": "content",
2220
+ "subitem": "btn",
2221
+ "state": "contrast"
2222
+ },
2223
+ "path": [
2224
+ "color",
2225
+ "theme",
2226
+ "content",
2227
+ "btn",
2228
+ "contrast",
2229
+ "neutral",
2230
+ "hover"
2231
+ ]
2232
+ },
2233
+ "pressed": {
2234
+ "value": "#3b3b3b",
2235
+ "type": "color",
2236
+ "description": "Core Token: core.gray.80\nHEX 3b3b3b\n-----------------------------------\nPressed state of inverted buttons. ",
2237
+ "filePath": "src/theme/webex/dark.json",
2238
+ "isSource": true,
2239
+ "original": {
2240
+ "value": "{color.core.gray.80}",
2241
+ "type": "color",
2242
+ "description": "Core Token: core.gray.80\nHEX 3b3b3b\n-----------------------------------\nPressed state of inverted buttons. "
2243
+ },
2244
+ "name": "md-color-theme-content-btn-contrast-neutral-pressed",
2245
+ "attributes": {
2246
+ "category": "color",
2247
+ "type": "theme",
2248
+ "item": "content",
2249
+ "subitem": "btn",
2250
+ "state": "contrast"
2251
+ },
2252
+ "path": [
2253
+ "color",
2254
+ "theme",
2255
+ "content",
2256
+ "btn",
2257
+ "contrast",
2258
+ "neutral",
2259
+ "pressed"
2260
+ ]
2261
+ }
2262
+ }
2263
+ },
2082
2264
  "positive": {
2083
2265
  "default": {
2084
2266
  "value": "#1d805f",
@@ -803,6 +803,97 @@
803
803
  }
804
804
  }
805
805
  },
806
+ "contrast": {
807
+ "neutral": {
808
+ "primary": {
809
+ "value": "#fffffff2",
810
+ "type": "color",
811
+ "description": "Core Token: core.white-alpha.95\nHEX: ffffff 95%\n--------------------------\nUsed for inverted primary text. ",
812
+ "filePath": "src/theme/webex/light.json",
813
+ "isSource": true,
814
+ "original": {
815
+ "value": "{color.core.white-alpha.95}",
816
+ "type": "color",
817
+ "description": "Core Token: core.white-alpha.95\nHEX: ffffff 95%\n--------------------------\nUsed for inverted primary text. "
818
+ },
819
+ "name": "md-color-theme-content-text-contrast-neutral-primary",
820
+ "attributes": {
821
+ "category": "color",
822
+ "type": "theme",
823
+ "item": "content",
824
+ "subitem": "text",
825
+ "state": "contrast"
826
+ },
827
+ "path": [
828
+ "color",
829
+ "theme",
830
+ "content",
831
+ "text",
832
+ "contrast",
833
+ "neutral",
834
+ "primary"
835
+ ]
836
+ },
837
+ "secondary": {
838
+ "value": "#ffffffb3",
839
+ "type": "color",
840
+ "description": "Core Token: core.white-alpha.70\nHEX: ffffff 70%\n--------------------------\nUsed for secondary inverted primary text. ",
841
+ "filePath": "src/theme/webex/light.json",
842
+ "isSource": true,
843
+ "original": {
844
+ "value": "{color.core.white-alpha.70}",
845
+ "type": "color",
846
+ "description": "Core Token: core.white-alpha.70\nHEX: ffffff 70%\n--------------------------\nUsed for secondary inverted primary text. "
847
+ },
848
+ "name": "md-color-theme-content-text-contrast-neutral-secondary",
849
+ "attributes": {
850
+ "category": "color",
851
+ "type": "theme",
852
+ "item": "content",
853
+ "subitem": "text",
854
+ "state": "contrast"
855
+ },
856
+ "path": [
857
+ "color",
858
+ "theme",
859
+ "content",
860
+ "text",
861
+ "contrast",
862
+ "neutral",
863
+ "secondary"
864
+ ]
865
+ },
866
+ "disabled": {
867
+ "value": "#ffffffcc",
868
+ "type": "color",
869
+ "description": "Core Token: core.white-alpha.80\nHEX: ffffff 80%\n--------------------------\nUsed for disabled state of inverted text. ",
870
+ "filePath": "src/theme/webex/light.json",
871
+ "isSource": true,
872
+ "original": {
873
+ "value": "{color.core.white-alpha.80}",
874
+ "type": "color",
875
+ "description": "Core Token: core.white-alpha.80\nHEX: ffffff 80%\n--------------------------\nUsed for disabled state of inverted text. "
876
+ },
877
+ "name": "md-color-theme-content-text-contrast-neutral-disabled",
878
+ "attributes": {
879
+ "category": "color",
880
+ "type": "theme",
881
+ "item": "content",
882
+ "subitem": "text",
883
+ "state": "contrast"
884
+ },
885
+ "path": [
886
+ "color",
887
+ "theme",
888
+ "content",
889
+ "text",
890
+ "contrast",
891
+ "neutral",
892
+ "disabled"
893
+ ]
894
+ }
895
+ }
896
+ },
806
897
  "positve": {
807
898
  "active": {
808
899
  "value": "#0e2b20",
@@ -2079,6 +2170,97 @@
2079
2170
  }
2080
2171
  }
2081
2172
  },
2173
+ "contrast": {
2174
+ "neutral": {
2175
+ "default": {
2176
+ "value": "#ffffff",
2177
+ "type": "color",
2178
+ "description": "Core Token: core.white-alpha.100\nHEX ffffff 100%\n-----------------------------------\nRest state of inverted buttons. ",
2179
+ "filePath": "src/theme/webex/light.json",
2180
+ "isSource": true,
2181
+ "original": {
2182
+ "value": "{color.core.white-alpha.100}",
2183
+ "type": "color",
2184
+ "description": "Core Token: core.white-alpha.100\nHEX ffffff 100%\n-----------------------------------\nRest state of inverted buttons. "
2185
+ },
2186
+ "name": "md-color-theme-content-btn-contrast-neutral-default",
2187
+ "attributes": {
2188
+ "category": "color",
2189
+ "type": "theme",
2190
+ "item": "content",
2191
+ "subitem": "btn",
2192
+ "state": "contrast"
2193
+ },
2194
+ "path": [
2195
+ "color",
2196
+ "theme",
2197
+ "content",
2198
+ "btn",
2199
+ "contrast",
2200
+ "neutral",
2201
+ "default"
2202
+ ]
2203
+ },
2204
+ "hover": {
2205
+ "value": "#ededed",
2206
+ "type": "color",
2207
+ "description": "Core Token: core.gray.10\nHEX ededed\n-----------------------------------\nHover state of inverted buttons. ",
2208
+ "filePath": "src/theme/webex/light.json",
2209
+ "isSource": true,
2210
+ "original": {
2211
+ "value": "{color.core.gray.10}",
2212
+ "type": "color",
2213
+ "description": "Core Token: core.gray.10\nHEX ededed\n-----------------------------------\nHover state of inverted buttons. "
2214
+ },
2215
+ "name": "md-color-theme-content-btn-contrast-neutral-hover",
2216
+ "attributes": {
2217
+ "category": "color",
2218
+ "type": "theme",
2219
+ "item": "content",
2220
+ "subitem": "btn",
2221
+ "state": "contrast"
2222
+ },
2223
+ "path": [
2224
+ "color",
2225
+ "theme",
2226
+ "content",
2227
+ "btn",
2228
+ "contrast",
2229
+ "neutral",
2230
+ "hover"
2231
+ ]
2232
+ },
2233
+ "pressed": {
2234
+ "value": "#dedede",
2235
+ "type": "color",
2236
+ "description": "Core Token: core.gray.20\nHEX dedede\n-----------------------------------\nPressed state of inverted buttons. ",
2237
+ "filePath": "src/theme/webex/light.json",
2238
+ "isSource": true,
2239
+ "original": {
2240
+ "value": "{color.core.gray.20}",
2241
+ "type": "color",
2242
+ "description": "Core Token: core.gray.20\nHEX dedede\n-----------------------------------\nPressed state of inverted buttons. "
2243
+ },
2244
+ "name": "md-color-theme-content-btn-contrast-neutral-pressed",
2245
+ "attributes": {
2246
+ "category": "color",
2247
+ "type": "theme",
2248
+ "item": "content",
2249
+ "subitem": "btn",
2250
+ "state": "contrast"
2251
+ },
2252
+ "path": [
2253
+ "color",
2254
+ "theme",
2255
+ "content",
2256
+ "btn",
2257
+ "contrast",
2258
+ "neutral",
2259
+ "pressed"
2260
+ ]
2261
+ }
2262
+ }
2263
+ },
2082
2264
  "positive": {
2083
2265
  "default": {
2084
2266
  "value": "#1d805f",
@@ -1,11 +1,13 @@
1
1
  {
2
2
  "border-radius": {
3
+ "none": "0px",
3
4
  "small": "4px",
4
5
  "medium": "8px",
5
6
  "large": "12px",
6
7
  "half-height": "50%"
7
8
  },
8
9
  "border-width": {
10
+ "none": "0px",
9
11
  "small": "1px",
10
12
  "medium": "2px",
11
13
  "large": "3px"
@@ -393,6 +395,7 @@
393
395
  "2": "drop-shadow(0px 24px 48px rgba(0,0,0,0.2))"
394
396
  },
395
397
  "spacing": {
398
+ "none": "0px",
396
399
  "micro": "2px",
397
400
  "xxx-small": "4px",
398
401
  "xx-small": "8px",
@@ -59,6 +59,13 @@
59
59
  "active": "#fffffff2"
60
60
  }
61
61
  },
62
+ "contrast": {
63
+ "neutral": {
64
+ "primary": "#000000f2",
65
+ "secondary": "#00000099",
66
+ "disabled": "#00000066"
67
+ }
68
+ },
62
69
  "positve": {
63
70
  "active": "#9fedd8",
64
71
  "hover": "#9fedd8",
@@ -142,6 +149,13 @@
142
149
  }
143
150
  }
144
151
  },
152
+ "contrast": {
153
+ "neutral": {
154
+ "default": "#0f0f0f",
155
+ "hover": "#262626",
156
+ "pressed": "#3b3b3b"
157
+ }
158
+ },
145
159
  "positive": {
146
160
  "default": "#1d805f",
147
161
  "hover": "#185e46",
@@ -59,6 +59,13 @@
59
59
  "active": "#000000f2"
60
60
  }
61
61
  },
62
+ "contrast": {
63
+ "neutral": {
64
+ "primary": "#fffffff2",
65
+ "secondary": "#ffffffb3",
66
+ "disabled": "#ffffffcc"
67
+ }
68
+ },
62
69
  "positve": {
63
70
  "active": "#0e2b20",
64
71
  "hover": "#0e2b20",
@@ -142,6 +149,13 @@
142
149
  }
143
150
  }
144
151
  },
152
+ "contrast": {
153
+ "neutral": {
154
+ "default": "#ffffff",
155
+ "hover": "#ededed",
156
+ "pressed": "#dedede"
157
+ }
158
+ },
145
159
  "positive": {
146
160
  "default": "#1d805f",
147
161
  "hover": "#185e46",
@@ -2,13 +2,15 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Tue, 06 Dec 2022 20:26:57 GMT
5
+ Generated on Wed, 07 Dec 2022 00:42:50 GMT
6
6
  -->
7
7
  <resources>
8
+ <string name="md-border-radius-none">0px</string>
8
9
  <string name="md-border-radius-small">4px</string>
9
10
  <string name="md-border-radius-medium">8px</string>
10
11
  <string name="md-border-radius-large">12px</string>
11
12
  <string name="md-border-radius-half-height">50%</string>
13
+ <string name="md-border-width-none">0px</string>
12
14
  <string name="md-border-width-small">1px</string>
13
15
  <string name="md-border-width-medium">2px</string>
14
16
  <string name="md-border-width-large">3px</string>
@@ -272,6 +274,7 @@
272
274
  <string name="md-elevation-0">0px 0px 0px 0px</string>
273
275
  <string name="md-elevation-1">drop-shadow(0px 4px 8px rgba(0,0,0,0.2))</string>
274
276
  <string name="md-elevation-2">drop-shadow(0px 24px 48px rgba(0,0,0,0.2))</string>
277
+ <string name="md-spacing-none">0px</string>
275
278
  <string name="md-spacing-micro">2px</string>
276
279
  <string name="md-spacing-xxx-small">4px</string>
277
280
  <string name="md-spacing-xx-small">8px</string>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Tue, 06 Dec 2022 20:26:57 GMT
5
+ Generated on Wed, 07 Dec 2022 00:42:50 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="md-color-theme-bg-primary">linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)</color>
@@ -33,6 +33,9 @@
33
33
  <color name="md-color-theme-content-text-neutral-disabled">#ffffff66</color>
34
34
  <color name="md-color-theme-content-text-neutral-teams-default">#ffffffb3</color>
35
35
  <color name="md-color-theme-content-text-neutral-teams-active">#fffffff2</color>
36
+ <color name="md-color-theme-content-text-contrast-neutral-primary">#000000f2</color>
37
+ <color name="md-color-theme-content-text-contrast-neutral-secondary">#00000099</color>
38
+ <color name="md-color-theme-content-text-contrast-neutral-disabled">#00000066</color>
36
39
  <color name="md-color-theme-content-text-positve-active">#9fedd8</color>
37
40
  <color name="md-color-theme-content-text-positve-hover">#9fedd8</color>
38
41
  <color name="md-color-theme-content-text-positve-default">#3cc29a</color>
@@ -76,6 +79,9 @@
76
79
  <color name="md-color-theme-content-btn-neutral-secondary-active-default">#ffffff33</color>
77
80
  <color name="md-color-theme-content-btn-neutral-secondary-active-hover">#ffffff4d</color>
78
81
  <color name="md-color-theme-content-btn-neutral-secondary-active-pressed">#ffffff66</color>
82
+ <color name="md-color-theme-content-btn-contrast-neutral-default">#0f0f0f</color>
83
+ <color name="md-color-theme-content-btn-contrast-neutral-hover">#262626</color>
84
+ <color name="md-color-theme-content-btn-contrast-neutral-pressed">#3b3b3b</color>
79
85
  <color name="md-color-theme-content-btn-positive-default">#1d805f</color>
80
86
  <color name="md-color-theme-content-btn-positive-hover">#185e46</color>
81
87
  <color name="md-color-theme-content-btn-positive-pressed">#134231</color>
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Tue, 06 Dec 2022 20:26:57 GMT
5
+ Generated on Wed, 07 Dec 2022 00:42:50 GMT
6
6
  -->
7
7
  <resources>
8
8
  <color name="md-color-theme-bg-primary">linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)</color>
@@ -33,6 +33,9 @@
33
33
  <color name="md-color-theme-content-text-neutral-disabled">#00000066</color>
34
34
  <color name="md-color-theme-content-text-neutral-teams-default">#000000b3</color>
35
35
  <color name="md-color-theme-content-text-neutral-teams-active">#000000f2</color>
36
+ <color name="md-color-theme-content-text-contrast-neutral-primary">#fffffff2</color>
37
+ <color name="md-color-theme-content-text-contrast-neutral-secondary">#ffffffb3</color>
38
+ <color name="md-color-theme-content-text-contrast-neutral-disabled">#ffffffcc</color>
36
39
  <color name="md-color-theme-content-text-positve-active">#0e2b20</color>
37
40
  <color name="md-color-theme-content-text-positve-hover">#0e2b20</color>
38
41
  <color name="md-color-theme-content-text-positve-default">#185e46</color>
@@ -76,6 +79,9 @@
76
79
  <color name="md-color-theme-content-btn-neutral-secondary-active-default">#00000033</color>
77
80
  <color name="md-color-theme-content-btn-neutral-secondary-active-hover">#00000033</color>
78
81
  <color name="md-color-theme-content-btn-neutral-secondary-active-pressed">#00000066</color>
82
+ <color name="md-color-theme-content-btn-contrast-neutral-default">#ffffff</color>
83
+ <color name="md-color-theme-content-btn-contrast-neutral-hover">#ededed</color>
84
+ <color name="md-color-theme-content-btn-contrast-neutral-pressed">#dedede</color>
79
85
  <color name="md-color-theme-content-btn-positive-default">#1d805f</color>
80
86
  <color name="md-color-theme-content-btn-positive-hover">#185e46</color>
81
87
  <color name="md-color-theme-content-btn-positive-pressed">#134231</color>
@@ -1,11 +1,13 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
 
5
+ $md-border-radius-none: 0px;
5
6
  $md-border-radius-small: 4px;
6
7
  $md-border-radius-medium: 8px;
7
8
  $md-border-radius-large: 12px;
8
9
  $md-border-radius-half-height: 50%;
10
+ $md-border-width-none: 0px;
9
11
  $md-border-width-small: 1px;
10
12
  $md-border-width-medium: 2px;
11
13
  $md-border-width-large: 3px;
@@ -269,6 +271,7 @@ $md-color-partner-doc: #4285f4;
269
271
  $md-elevation-0: 0px 0px 0px 0px;
270
272
  $md-elevation-1: drop-shadow(0px 4px 8px rgba(0,0,0,0.2));
271
273
  $md-elevation-2: drop-shadow(0px 24px 48px rgba(0,0,0,0.2));
274
+ $md-spacing-none: 0px;
272
275
  $md-spacing-micro: 2px;
273
276
  $md-spacing-xxx-small: 4px;
274
277
  $md-spacing-xx-small: 8px;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
 
5
5
  $md-color-theme-bg-primary: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);
6
6
  $md-color-theme-bg-secondary: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
@@ -30,6 +30,9 @@ $md-color-theme-content-text-neutral-secondary: #ffffffb3;
30
30
  $md-color-theme-content-text-neutral-disabled: #ffffff66;
31
31
  $md-color-theme-content-text-neutral-teams-default: #ffffffb3;
32
32
  $md-color-theme-content-text-neutral-teams-active: #fffffff2;
33
+ $md-color-theme-content-text-contrast-neutral-primary: #000000f2;
34
+ $md-color-theme-content-text-contrast-neutral-secondary: #00000099;
35
+ $md-color-theme-content-text-contrast-neutral-disabled: #00000066;
33
36
  $md-color-theme-content-text-positve-active: #9fedd8;
34
37
  $md-color-theme-content-text-positve-hover: #9fedd8;
35
38
  $md-color-theme-content-text-positve-default: #3cc29a;
@@ -73,6 +76,9 @@ $md-color-theme-content-btn-neutral-secondary-disabled: #ffffff00;
73
76
  $md-color-theme-content-btn-neutral-secondary-active-default: #ffffff33;
74
77
  $md-color-theme-content-btn-neutral-secondary-active-hover: #ffffff4d;
75
78
  $md-color-theme-content-btn-neutral-secondary-active-pressed: #ffffff66;
79
+ $md-color-theme-content-btn-contrast-neutral-default: #0f0f0f;
80
+ $md-color-theme-content-btn-contrast-neutral-hover: #262626;
81
+ $md-color-theme-content-btn-contrast-neutral-pressed: #3b3b3b;
76
82
  $md-color-theme-content-btn-positive-default: #1d805f;
77
83
  $md-color-theme-content-btn-positive-hover: #185e46;
78
84
  $md-color-theme-content-btn-positive-pressed: #134231;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 06 Dec 2022 20:26:57 GMT
3
+ // Generated on Wed, 07 Dec 2022 00:42:50 GMT
4
4
 
5
5
  $md-color-theme-bg-primary: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);
6
6
  $md-color-theme-bg-secondary: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
@@ -30,6 +30,9 @@ $md-color-theme-content-text-neutral-secondary: #000000b3;
30
30
  $md-color-theme-content-text-neutral-disabled: #00000066;
31
31
  $md-color-theme-content-text-neutral-teams-default: #000000b3;
32
32
  $md-color-theme-content-text-neutral-teams-active: #000000f2;
33
+ $md-color-theme-content-text-contrast-neutral-primary: #fffffff2;
34
+ $md-color-theme-content-text-contrast-neutral-secondary: #ffffffb3;
35
+ $md-color-theme-content-text-contrast-neutral-disabled: #ffffffcc;
33
36
  $md-color-theme-content-text-positve-active: #0e2b20;
34
37
  $md-color-theme-content-text-positve-hover: #0e2b20;
35
38
  $md-color-theme-content-text-positve-default: #185e46;
@@ -73,6 +76,9 @@ $md-color-theme-content-btn-neutral-secondary-disabled: #00000000;
73
76
  $md-color-theme-content-btn-neutral-secondary-active-default: #00000033;
74
77
  $md-color-theme-content-btn-neutral-secondary-active-hover: #00000033;
75
78
  $md-color-theme-content-btn-neutral-secondary-active-pressed: #00000066;
79
+ $md-color-theme-content-btn-contrast-neutral-default: #ffffff;
80
+ $md-color-theme-content-btn-contrast-neutral-hover: #ededed;
81
+ $md-color-theme-content-btn-contrast-neutral-pressed: #dedede;
76
82
  $md-color-theme-content-btn-positive-default: #1d805f;
77
83
  $md-color-theme-content-btn-positive-hover: #185e46;
78
84
  $md-color-theme-content-btn-positive-pressed: #134231;
package/package.json CHANGED
@@ -24,5 +24,5 @@
24
24
  "@momentum-design/token-builder": "^0.0.0",
25
25
  "rimraf": "^3.0.2"
26
26
  },
27
- "version": "0.0.28"
27
+ "version": "0.0.29"
28
28
  }