brandsync-tokens 1.0.19 → 1.0.21
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.
- package/dist/css/tokens.css +64 -332
- package/dist/json/accessibility.json +10 -5699
- package/dist/json/components.json +1 -2
- package/dist/json/primitives.json +76 -388
- package/dist/json/semantics.json +54 -77
- package/dist/json/themebuilder.json +1 -166
- package/dist/swift/BrandsyncTheme.swift +0 -18
- package/dist/swift/BrandsyncToken.swift +151 -151
- package/package.json +4 -2
package/dist/json/semantics.json
CHANGED
|
@@ -73,12 +73,7 @@
|
|
|
73
73
|
"neutral - default": "#5d6472",
|
|
74
74
|
"neutral - hover": "#363c47",
|
|
75
75
|
"neutral - focused": "#363c47",
|
|
76
|
-
"neutral - pressed": "#21262e"
|
|
77
|
-
"info": "#005592",
|
|
78
|
-
"neutral-default": "#5d6472",
|
|
79
|
-
"neutral-hover": "#363c47",
|
|
80
|
-
"neutral-focused": "#363c47",
|
|
81
|
-
"neutral-pressed": "#21262e"
|
|
76
|
+
"neutral - pressed": "#21262e"
|
|
82
77
|
},
|
|
83
78
|
"surface": {
|
|
84
79
|
"base": "#ffffff",
|
|
@@ -104,8 +99,7 @@
|
|
|
104
99
|
"warning": "#ffefdb",
|
|
105
100
|
"error": "#fcecea",
|
|
106
101
|
"overlay": "#6d75854d",
|
|
107
|
-
"overlay level 2": "#6d7585bf"
|
|
108
|
-
"overlay-level-2": "#6d7585bf"
|
|
102
|
+
"overlay level 2": "#6d7585bf"
|
|
109
103
|
},
|
|
110
104
|
"icons": {
|
|
111
105
|
"static-white": "#ffffff",
|
|
@@ -165,80 +159,63 @@
|
|
|
165
159
|
},
|
|
166
160
|
"Label": "Label",
|
|
167
161
|
"border width": {
|
|
168
|
-
"0":
|
|
169
|
-
"thin":
|
|
170
|
-
"medium":
|
|
171
|
-
"thick":
|
|
162
|
+
"0": 0,
|
|
163
|
+
"thin": 1,
|
|
164
|
+
"medium": 2,
|
|
165
|
+
"thick": 4
|
|
172
166
|
},
|
|
173
167
|
"border radius": {
|
|
174
|
-
"0":
|
|
175
|
-
"50":
|
|
176
|
-
"75":
|
|
177
|
-
"100":
|
|
178
|
-
"150":
|
|
179
|
-
"200":
|
|
180
|
-
"300":
|
|
181
|
-
"full":
|
|
168
|
+
"0": 0,
|
|
169
|
+
"50": 4,
|
|
170
|
+
"75": 6,
|
|
171
|
+
"100": 8,
|
|
172
|
+
"150": 12,
|
|
173
|
+
"200": 16,
|
|
174
|
+
"300": 24,
|
|
175
|
+
"full": 120
|
|
182
176
|
},
|
|
183
177
|
"spacing": {
|
|
184
|
-
"0":
|
|
185
|
-
"25":
|
|
186
|
-
"50":
|
|
187
|
-
"75":
|
|
188
|
-
"100":
|
|
189
|
-
"150":
|
|
190
|
-
"200":
|
|
191
|
-
"250":
|
|
192
|
-
"300":
|
|
193
|
-
"350":
|
|
194
|
-
"400":
|
|
195
|
-
"500":
|
|
196
|
-
"550":
|
|
197
|
-
"600":
|
|
198
|
-
"700":
|
|
199
|
-
"800":
|
|
200
|
-
"1000":
|
|
201
|
-
"1200":
|
|
202
|
-
"1500":
|
|
203
|
-
"-600":
|
|
204
|
-
"-500":
|
|
205
|
-
"-350":
|
|
206
|
-
"-200":
|
|
207
|
-
"-150":
|
|
208
|
-
"-100":
|
|
178
|
+
"0": 0,
|
|
179
|
+
"25": 2,
|
|
180
|
+
"50": 4,
|
|
181
|
+
"75": 6,
|
|
182
|
+
"100": 8,
|
|
183
|
+
"150": 12,
|
|
184
|
+
"200": 16,
|
|
185
|
+
"250": 20,
|
|
186
|
+
"300": 24,
|
|
187
|
+
"350": 28,
|
|
188
|
+
"400": 32,
|
|
189
|
+
"500": 40,
|
|
190
|
+
"550": 44,
|
|
191
|
+
"600": 48,
|
|
192
|
+
"700": 56,
|
|
193
|
+
"800": 64,
|
|
194
|
+
"1000": 80,
|
|
195
|
+
"1200": 96,
|
|
196
|
+
"1500": 120,
|
|
197
|
+
"-600": -48,
|
|
198
|
+
"-500": -40,
|
|
199
|
+
"-350": -28,
|
|
200
|
+
"-200": -16,
|
|
201
|
+
"-150": -12,
|
|
202
|
+
"-100": -8
|
|
209
203
|
},
|
|
210
204
|
"sizing": {
|
|
211
|
-
"75":
|
|
212
|
-
"100":
|
|
213
|
-
"200":
|
|
214
|
-
"250":
|
|
215
|
-
"300":
|
|
216
|
-
"400":
|
|
217
|
-
"500":
|
|
218
|
-
"600":
|
|
219
|
-
"700":
|
|
220
|
-
"800":
|
|
221
|
-
"1000":
|
|
222
|
-
"1200":
|
|
223
|
-
"1600":
|
|
224
|
-
"3200":
|
|
225
|
-
"6400":
|
|
226
|
-
},
|
|
227
|
-
"label": "Label",
|
|
228
|
-
"border-width": {
|
|
229
|
-
"0": "0px",
|
|
230
|
-
"thin": "1px",
|
|
231
|
-
"medium": "2px",
|
|
232
|
-
"thick": "4px"
|
|
233
|
-
},
|
|
234
|
-
"border-radius": {
|
|
235
|
-
"0": "0px",
|
|
236
|
-
"50": "4px",
|
|
237
|
-
"75": "6px",
|
|
238
|
-
"100": "8px",
|
|
239
|
-
"150": "12px",
|
|
240
|
-
"200": "16px",
|
|
241
|
-
"300": "24px",
|
|
242
|
-
"full": "120px"
|
|
205
|
+
"75": 6,
|
|
206
|
+
"100": 8,
|
|
207
|
+
"200": 16,
|
|
208
|
+
"250": 20,
|
|
209
|
+
"300": 24,
|
|
210
|
+
"400": 32,
|
|
211
|
+
"500": 40,
|
|
212
|
+
"600": 48,
|
|
213
|
+
"700": 56,
|
|
214
|
+
"800": 64,
|
|
215
|
+
"1000": 80,
|
|
216
|
+
"1200": 96,
|
|
217
|
+
"1600": 128,
|
|
218
|
+
"3200": 256,
|
|
219
|
+
"6400": 512
|
|
243
220
|
}
|
|
244
221
|
}
|
|
@@ -44,174 +44,9 @@
|
|
|
44
44
|
"950": "#02201A"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
"purple": {
|
|
48
|
-
"shades": {
|
|
49
|
-
"50": "#F3EFFB",
|
|
50
|
-
"100": "#E5DFFD",
|
|
51
|
-
"200": "#C8C0FF",
|
|
52
|
-
"300": "#A49AFF",
|
|
53
|
-
"400": "#8676FE",
|
|
54
|
-
"500": "#715AFC",
|
|
55
|
-
"600": "#5E47E6",
|
|
56
|
-
"700": "#4B35C9",
|
|
57
|
-
"800": "#3720A1",
|
|
58
|
-
"900": "#220F73",
|
|
59
|
-
"950": "#201463"
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
"cobalt": {
|
|
63
|
-
"shades": {
|
|
64
|
-
"50": "#F1EFFA",
|
|
65
|
-
"100": "#E0E0FD",
|
|
66
|
-
"200": "#BCC2FF",
|
|
67
|
-
"300": "#939EFF",
|
|
68
|
-
"400": "#6D7CFF",
|
|
69
|
-
"500": "#4F63FF",
|
|
70
|
-
"600": "#3B4EE9",
|
|
71
|
-
"700": "#303ECD",
|
|
72
|
-
"800": "#1928A5",
|
|
73
|
-
"900": "#091675",
|
|
74
|
-
"950": "#050D5D"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
"blue": {
|
|
78
|
-
"shades": {
|
|
79
|
-
"50": "#EEF0FA",
|
|
80
|
-
"100": "#D8E3FC",
|
|
81
|
-
"200": "#AEC7F8",
|
|
82
|
-
"300": "#7AA6F2",
|
|
83
|
-
"400": "#3E88EF",
|
|
84
|
-
"500": "#0073E1",
|
|
85
|
-
"600": "#0062C1",
|
|
86
|
-
"700": "#0051A2",
|
|
87
|
-
"800": "#003A78",
|
|
88
|
-
"900": "#002550",
|
|
89
|
-
"950": "#001B3E"
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
"green": {
|
|
93
|
-
"shades": {
|
|
94
|
-
"50": "#ECF2EA",
|
|
95
|
-
"100": "#D0E9D2",
|
|
96
|
-
"200": "#9FD3A9",
|
|
97
|
-
"300": "#78B385",
|
|
98
|
-
"400": "#469961",
|
|
99
|
-
"500": "#23834A",
|
|
100
|
-
"600": "#2A7043",
|
|
101
|
-
"700": "#295C3A",
|
|
102
|
-
"800": "#21422A",
|
|
103
|
-
"900": "#112B19",
|
|
104
|
-
"950": "#0B2011"
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
"lime": {
|
|
108
|
-
"shades": {
|
|
109
|
-
"50": "#F0F2E7",
|
|
110
|
-
"100": "#D7E8C6",
|
|
111
|
-
"200": "#ADD18F",
|
|
112
|
-
"300": "#81B45C",
|
|
113
|
-
"400": "#64963F",
|
|
114
|
-
"500": "#478019",
|
|
115
|
-
"600": "#406F1D",
|
|
116
|
-
"700": "#385B1E",
|
|
117
|
-
"800": "#2A4218",
|
|
118
|
-
"900": "#182A0C",
|
|
119
|
-
"950": "#121F09"
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
"yellow": {
|
|
123
|
-
"shades": {
|
|
124
|
-
"50": "#FAF1DB",
|
|
125
|
-
"100": "#F9E28A",
|
|
126
|
-
"200": "#E3C437",
|
|
127
|
-
"300": "#C0A300",
|
|
128
|
-
"400": "#A18800",
|
|
129
|
-
"500": "#887200",
|
|
130
|
-
"600": "#746202",
|
|
131
|
-
"700": "#615102",
|
|
132
|
-
"800": "#463A01",
|
|
133
|
-
"900": "#2E2500",
|
|
134
|
-
"950": "#221B00"
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
"amber": {
|
|
138
|
-
"shades": {
|
|
139
|
-
"50": "#FCEEE0",
|
|
140
|
-
"100": "#F8DFBF",
|
|
141
|
-
"200": "#F1BE71",
|
|
142
|
-
"300": "#D19C46",
|
|
143
|
-
"400": "#B47F1E",
|
|
144
|
-
"500": "#996805",
|
|
145
|
-
"600": "#875B04",
|
|
146
|
-
"700": "#6F4B02",
|
|
147
|
-
"800": "#513601",
|
|
148
|
-
"900": "#352201",
|
|
149
|
-
"950": "#291900"
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
"orange": {
|
|
153
|
-
"shades": {
|
|
154
|
-
"50": "#FAEEE9",
|
|
155
|
-
"100": "#F9DDD0",
|
|
156
|
-
"200": "#F7B997",
|
|
157
|
-
"300": "#F08C50",
|
|
158
|
-
"400": "#D26D2B",
|
|
159
|
-
"500": "#BA5400",
|
|
160
|
-
"600": "#A24907",
|
|
161
|
-
"700": "#873D07",
|
|
162
|
-
"800": "#642C04",
|
|
163
|
-
"900": "#411B02",
|
|
164
|
-
"950": "#301302"
|
|
165
|
-
}
|
|
166
|
-
},
|
|
167
|
-
"magenta": {
|
|
168
|
-
"shades": {
|
|
169
|
-
"50": "#FBEEEF",
|
|
170
|
-
"100": "#FFD7E0",
|
|
171
|
-
"200": "#FFB1C7",
|
|
172
|
-
"300": "#FF7AA7",
|
|
173
|
-
"400": "#EA4F8B",
|
|
174
|
-
"500": "#D12E75",
|
|
175
|
-
"600": "#B62965",
|
|
176
|
-
"700": "#9A1F53",
|
|
177
|
-
"800": "#71163C",
|
|
178
|
-
"900": "#4A0D27",
|
|
179
|
-
"950": "#38091C"
|
|
180
|
-
}
|
|
181
|
-
},
|
|
182
|
-
"maroon": {
|
|
183
|
-
"shades": {
|
|
184
|
-
"50": "#F9EEF3",
|
|
185
|
-
"100": "#F6DBEF",
|
|
186
|
-
"200": "#EAB6E3",
|
|
187
|
-
"300": "#D88CD1",
|
|
188
|
-
"400": "#C465C0",
|
|
189
|
-
"500": "#B14BB0",
|
|
190
|
-
"600": "#983F98",
|
|
191
|
-
"700": "#7F347E",
|
|
192
|
-
"800": "#5E245D",
|
|
193
|
-
"900": "#3E163D",
|
|
194
|
-
"950": "#2C122B"
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
"violet": {
|
|
198
|
-
"shades": {
|
|
199
|
-
"50": "#F9EEFE",
|
|
200
|
-
"100": "#EEDCFD",
|
|
201
|
-
"200": "#D8B8FD",
|
|
202
|
-
"300": "#BE92F4",
|
|
203
|
-
"400": "#A372DD",
|
|
204
|
-
"500": "#8F5ACE",
|
|
205
|
-
"600": "#7750A8",
|
|
206
|
-
"700": "#64428D",
|
|
207
|
-
"800": "#492E6A",
|
|
208
|
-
"900": "#311B4B",
|
|
209
|
-
"950": "#241338"
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
47
|
"neutral": {
|
|
213
48
|
"shades": {
|
|
214
|
-
"25": "#
|
|
49
|
+
"25": "#F9FAFB",
|
|
215
50
|
"50": "#EFF0F8",
|
|
216
51
|
"100": "#DEE2ED",
|
|
217
52
|
"200": "#C2C7D3",
|
|
@@ -517,21 +517,3 @@ extension BrandsyncTheme {
|
|
|
517
517
|
public let sizing6400 = BrandsyncToken.Semantics.sizing6400
|
|
518
518
|
}
|
|
519
519
|
}
|
|
520
|
-
|
|
521
|
-
// MARK: - Border
|
|
522
|
-
extension BrandsyncTheme {
|
|
523
|
-
public struct Border {
|
|
524
|
-
public let borderRadius0 = BrandsyncToken.Semantics.borderRadius0
|
|
525
|
-
public let borderRadius50 = BrandsyncToken.Semantics.borderRadius50
|
|
526
|
-
public let borderRadius75 = BrandsyncToken.Semantics.borderRadius75
|
|
527
|
-
public let borderRadius100 = BrandsyncToken.Semantics.borderRadius100
|
|
528
|
-
public let borderRadius150 = BrandsyncToken.Semantics.borderRadius150
|
|
529
|
-
public let borderRadius200 = BrandsyncToken.Semantics.borderRadius200
|
|
530
|
-
public let borderRadius300 = BrandsyncToken.Semantics.borderRadius300
|
|
531
|
-
public let borderRadiusFull = BrandsyncToken.Semantics.borderRadiusFull
|
|
532
|
-
public let borderWidth0 = BrandsyncToken.Semantics.borderWidth0
|
|
533
|
-
public let borderWidthThin = BrandsyncToken.Semantics.borderWidthThin
|
|
534
|
-
public let borderWidthMedium = BrandsyncToken.Semantics.borderWidthMedium
|
|
535
|
-
public let borderWidthThick = BrandsyncToken.Semantics.borderWidthThick
|
|
536
|
-
}
|
|
537
|
-
}
|