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.
@@ -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": "0px",
169
- "thin": "1px",
170
- "medium": "2px",
171
- "thick": "4px"
162
+ "0": 0,
163
+ "thin": 1,
164
+ "medium": 2,
165
+ "thick": 4
172
166
  },
173
167
  "border radius": {
174
- "0": "0px",
175
- "50": "4px",
176
- "75": "6px",
177
- "100": "8px",
178
- "150": "12px",
179
- "200": "16px",
180
- "300": "24px",
181
- "full": "120px"
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": "0px",
185
- "25": "2px",
186
- "50": "4px",
187
- "75": "6px",
188
- "100": "8px",
189
- "150": "12px",
190
- "200": "16px",
191
- "250": "20px",
192
- "300": "24px",
193
- "350": "28px",
194
- "400": "32px",
195
- "500": "40px",
196
- "550": "44px",
197
- "600": "48px",
198
- "700": "56px",
199
- "800": "64px",
200
- "1000": "80px",
201
- "1200": "96px",
202
- "1500": "120px",
203
- "-600": "-48px",
204
- "-500": "-40px",
205
- "-350": "-28px",
206
- "-200": "-16px",
207
- "-150": "-12px",
208
- "-100": "-8px"
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": "6px",
212
- "100": "8px",
213
- "200": "16px",
214
- "250": "20px",
215
- "300": "24px",
216
- "400": "32px",
217
- "500": "40px",
218
- "600": "48px",
219
- "700": "56px",
220
- "800": "64px",
221
- "1000": "80px",
222
- "1200": "96px",
223
- "1600": "128px",
224
- "3200": "256px",
225
- "6400": "512px"
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": "#ECECEC",
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
- }