brandsync-tokens 1.0.15 → 1.0.16

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 (7) hide show
  1. package/dist/css/tokens.css +3 -3
  2. package/dist/json/components.json +3 -3
  3. package/dist/json/primitives.json +1 -1
  4. package/dist/json/semantics.json +2 -2
  5. package/dist/json/themebuilder.json +292 -0
  6. package/dist/swift/BrandsyncToken.swift +7 -7
  7. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -328,7 +328,7 @@
328
328
  --white: #ffffff;
329
329
  --static-white: #ffffff;
330
330
  --static-black: #000000;
331
- --neutral-25: #e0f0ff;
331
+ --neutral-25: #f9fafb;
332
332
  --neutral-50: #eff0f8;
333
333
  --neutral-100: #dee2ed;
334
334
  --neutral-200: #c2c7d3;
@@ -816,7 +816,7 @@
816
816
  --color-text-static-white: var(--white);
817
817
  --color-text-static-black: var(--black);
818
818
  --color-text-default: var(--black);
819
- --color-text-secondary: var(--neutral-700);
819
+ --color-text-secondary: var(--neutral-600);
820
820
  --color-text-muted: var(--neutral-500);
821
821
  --color-text-inverse: var(--static-white);
822
822
  --color-text-link: var(--semantic-information-information-700);
@@ -828,7 +828,7 @@
828
828
  --color-text-on-disabled: var(--neutral-400);
829
829
  --color-text-accent: var(--brand-colors-purple-700);
830
830
  --color-text-inverse-accent: var(--brand-colors-purple-400);
831
- --color-text-neutral-default: var(--neutral-700);
831
+ --color-text-neutral-default: var(--neutral-600);
832
832
  --color-text-neutral-hover: var(--neutral-800);
833
833
  --color-text-neutral-focused: var(--neutral-800);
834
834
  --color-text-neutral-pressed: var(--neutral-900);
package/dist/json/components.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "avatar": {
3
3
  "text-primary": "#0062c1",
4
4
  "text-default": "#000000",
5
- "text-secondary": "#4d535f",
5
+ "text-secondary": "#5d6472",
6
6
  "border-primary": "#c2c7d3",
7
7
  "border-hover": "#a0a5b4",
8
8
  "border-pressed": "#828998",
@@ -44,10 +44,10 @@
44
44
  "text": "#000000",
45
45
  "text-success": "#1b5d43",
46
46
  "text-disabled": "#828998",
47
- "placeholder": "#4d535f",
47
+ "placeholder": "#5d6472",
48
48
  "label": "#000000",
49
49
  "Error": "#982a2a",
50
- "description": "#4d535f",
50
+ "description": "#5d6472",
51
51
  "label-focus": "#0062c1",
52
52
  "icon": "#4d535f",
53
53
  "icon-error": "#982a2a",
package/dist/json/primitives.json CHANGED
@@ -492,7 +492,7 @@
492
492
  "black": "#000000"
493
493
  },
494
494
  "neutral": {
495
- "25": "#e0f0ff",
495
+ "25": "#f9fafb",
496
496
  "50": "#eff0f8",
497
497
  "100": "#dee2ed",
498
498
  "200": "#c2c7d3",
package/dist/json/semantics.json CHANGED
@@ -56,7 +56,7 @@
56
56
  "static-white": "#ffffff",
57
57
  "static-black": "#000000",
58
58
  "default": "#000000",
59
- "secondary": "#4d535f",
59
+ "secondary": "#5d6472",
60
60
  "muted": "#6d7585",
61
61
  "inverse": "#ffffff",
62
62
  "link": "#005592",
@@ -70,7 +70,7 @@
70
70
  "on-disabled": "#828998",
71
71
  "accent": "#4b35c9",
72
72
  "inverse-accent": "#8676fe",
73
- "neutral - default": "#4d535f",
73
+ "neutral - default": "#5d6472",
74
74
  "neutral - hover": "#363c47",
75
75
  "neutral - focused": "#363c47",
76
76
  "neutral - pressed": "#21262e",
package/dist/json/themebuilder.json ADDED
@@ -0,0 +1,292 @@
1
+ {
2
+ "steel": {
3
+ "shades": {
4
+ "50": "#EEF0F6",
5
+ "100": "#D9E3F1",
6
+ "200": "#B1C9E3",
7
+ "300": "#83AAD0",
8
+ "400": "#558DBE",
9
+ "500": "#3779AE",
10
+ "600": "#2B6796",
11
+ "700": "#1F567F",
12
+ "800": "#103E5F",
13
+ "900": "#041D30",
14
+ "950": "#032841"
15
+ }
16
+ },
17
+ "teal": {
18
+ "shades": {
19
+ "50": "#E9F3F2",
20
+ "100": "#C8E9E7",
21
+ "200": "#9ED1CF",
22
+ "300": "#72B2B0",
23
+ "400": "#469593",
24
+ "500": "#008280",
25
+ "600": "#116F6E",
26
+ "700": "#185B5A",
27
+ "800": "#144241",
28
+ "900": "#032B2A",
29
+ "950": "#02201F"
30
+ }
31
+ },
32
+ "jade": {
33
+ "shades": {
34
+ "50": "#EAF3EF",
35
+ "100": "#C6EADF",
36
+ "200": "#8CD4C2",
37
+ "300": "#63B4A2",
38
+ "400": "#349985",
39
+ "500": "#008370",
40
+ "600": "#0E7060",
41
+ "700": "#0E5D50",
42
+ "800": "#034439",
43
+ "900": "#002C24",
44
+ "950": "#02201A"
45
+ }
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
+ "neutral": {
213
+ "shades": {
214
+ "25": "#F9FAFB",
215
+ "50": "#EFF0F8",
216
+ "100": "#DEE2ED",
217
+ "200": "#C2C7D3",
218
+ "300": "#A0A5B4",
219
+ "400": "#828998",
220
+ "500": "#6D7585",
221
+ "600": "#5D6472",
222
+ "700": "#4D535F",
223
+ "800": "#363C47",
224
+ "900": "#21262E",
225
+ "950": "#191C22",
226
+ "500-transparent": "#6D75854D",
227
+ "500-transparent 2": "#6D7585BF",
228
+ "50-transparent": "#EFF0F8E5",
229
+ "500-transparent-2": "#6D7585BF"
230
+ }
231
+ },
232
+ "success": {
233
+ "shades": {
234
+ "50": "#E5F5E9",
235
+ "100": "#C5EBD5",
236
+ "200": "#94D4B3",
237
+ "300": "#6BB491",
238
+ "400": "#469873",
239
+ "500": "#00855B",
240
+ "600": "#11714E",
241
+ "700": "#1B5D43",
242
+ "800": "#184330",
243
+ "900": "#0F2B1E",
244
+ "950": "#101E17"
245
+ }
246
+ },
247
+ "error": {
248
+ "shades": {
249
+ "50": "#FCECEA",
250
+ "100": "#FFDAD7",
251
+ "200": "#FFB3AE",
252
+ "300": "#FF807A",
253
+ "400": "#EE5351",
254
+ "500": "#D93539",
255
+ "600": "#B92F31",
256
+ "700": "#982A2A",
257
+ "800": "#701D1E",
258
+ "900": "#481212",
259
+ "950": "#34100F"
260
+ }
261
+ },
262
+ "warning": {
263
+ "shades": {
264
+ "50": "#FFEFDB",
265
+ "100": "#FFDEA1",
266
+ "200": "#F1BD51",
267
+ "300": "#D39B00",
268
+ "400": "#B18100",
269
+ "500": "#956D00",
270
+ "600": "#805D00",
271
+ "700": "#6B4D00",
272
+ "800": "#4E3700",
273
+ "900": "#332300",
274
+ "950": "#261A00"
275
+ }
276
+ },
277
+ "information": {
278
+ "shades": {
279
+ "50": "#EDF0FA",
280
+ "100": "#D6E3F8",
281
+ "200": "#AEC8ED",
282
+ "300": "#73A9EA",
283
+ "400": "#448CD6",
284
+ "500": "#0078CB",
285
+ "600": "#0066AE",
286
+ "700": "#005592",
287
+ "800": "#003D6C",
288
+ "900": "#00283F",
289
+ "950": "#111C2A"
290
+ }
291
+ }
292
+ }
package/dist/swift/BrandsyncToken.swift CHANGED
@@ -338,7 +338,7 @@ public enum BrandsyncToken {
338
338
  public static let white = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
339
339
  public static let staticWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
340
340
  public static let staticBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
341
- public static let neutral25 = UIColor(red: 0.878, green: 0.941, blue: 1.000, alpha: 1)
341
+ public static let neutral25 = UIColor(red: 0.976, green: 0.980, blue: 0.984, alpha: 1)
342
342
  public static let neutral50 = UIColor(red: 0.937, green: 0.941, blue: 0.973, alpha: 1)
343
343
  public static let neutral100 = UIColor(red: 0.871, green: 0.886, blue: 0.929, alpha: 1)
344
344
  public static let neutral200 = UIColor(red: 0.761, green: 0.780, blue: 0.827, alpha: 1)
@@ -528,7 +528,7 @@ public enum BrandsyncToken {
528
528
  public static let colorTextStaticWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
529
529
  public static let colorTextStaticBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
530
530
  public static let colorTextDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
531
- public static let colorTextSecondary = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
531
+ public static let colorTextSecondary = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
532
532
  public static let colorTextMuted = UIColor(red: 0.427, green: 0.459, blue: 0.522, alpha: 1)
533
533
  public static let colorTextInverse = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
534
534
  public static let colorTextLink = UIColor(red: 0.000, green: 0.333, blue: 0.573, alpha: 1)
@@ -541,7 +541,7 @@ public enum BrandsyncToken {
541
541
  public static let colorTextOnDisabled = UIColor(red: 0.510, green: 0.537, blue: 0.596, alpha: 1)
542
542
  public static let colorTextAccent = UIColor(red: 0.294, green: 0.208, blue: 0.788, alpha: 1)
543
543
  public static let colorTextInverseAccent = UIColor(red: 0.525, green: 0.463, blue: 0.996, alpha: 1)
544
- public static let colorTextNeutralDefault = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
544
+ public static let colorTextNeutralDefault = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
545
545
  public static let colorTextNeutralPressed = UIColor(red: 0.129, green: 0.149, blue: 0.180, alpha: 1)
546
546
  public static let colorSurfaceBase = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
547
547
  public static let colorSurfaceRaised = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
@@ -713,7 +713,7 @@ public enum BrandsyncToken {
713
713
  public static let colorSurfaceOverlay level 2 = UIColor(red: 0.427, green: 0.459, blue: 0.522, alpha: 0.30196078431372547)
714
714
  public static let colorIconsStaticWhite = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
715
715
  public static let colorIconsStaticBlack = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
716
- public static let colorIconsDefault = UIColor(red: 0.878, green: 0.941, blue: 1.000, alpha: 1)
716
+ public static let colorIconsDefault = UIColor(red: 0.976, green: 0.980, blue: 0.984, alpha: 1)
717
717
  public static let colorIconsMuted = UIColor(red: 0.510, green: 0.537, blue: 0.596, alpha: 1)
718
718
  public static let colorIconsDisabled = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
719
719
  public static let colorIconsInverse = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
@@ -801,7 +801,7 @@ public enum BrandsyncToken {
801
801
  public enum Components {
802
802
  public static let avatarTextPrimary = UIColor(red: 0.000, green: 0.384, blue: 0.757, alpha: 1)
803
803
  public static let avatarTextDefault = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
804
- public static let avatarTextSecondary = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
804
+ public static let avatarTextSecondary = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
805
805
  public static let avatarBorderPrimary = UIColor(red: 0.761, green: 0.780, blue: 0.827, alpha: 1)
806
806
  public static let avatarBorderPressed = UIColor(red: 0.510, green: 0.537, blue: 0.596, alpha: 1)
807
807
  public static let avatarBgDafault = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
@@ -826,10 +826,10 @@ public enum BrandsyncToken {
826
826
  public static let inputText = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
827
827
  public static let inputTextSuccess = UIColor(red: 0.106, green: 0.365, blue: 0.263, alpha: 1)
828
828
  public static let inputTextDisabled = UIColor(red: 0.510, green: 0.537, blue: 0.596, alpha: 1)
829
- public static let inputPlaceholder = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
829
+ public static let inputPlaceholder = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
830
830
  public static let inputLabel = UIColor(red: 0.000, green: 0.000, blue: 0.000, alpha: 1)
831
831
  public static let inputError = UIColor(red: 0.596, green: 0.165, blue: 0.165, alpha: 1)
832
- public static let inputDescription = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
832
+ public static let inputDescription = UIColor(red: 0.365, green: 0.392, blue: 0.447, alpha: 1)
833
833
  public static let inputIcon = UIColor(red: 0.302, green: 0.325, blue: 0.373, alpha: 1)
834
834
  public static let inputIconError = UIColor(red: 0.596, green: 0.165, blue: 0.165, alpha: 1)
835
835
  public static let inputIconSuccess = UIColor(red: 0.067, green: 0.443, blue: 0.306, alpha: 1)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "brandsync-tokens",
3
- "version": "1.0.15",
3
+ "version": "1.0.16",
4
4
  "description": "Brandsync design tokens — CSS custom properties",
5
5
  "exports": {
6
6
  "./tokens.css": "./dist/css/tokens.css"