brandsync-tokens 1.0.14 → 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 (6) hide show
  1. package/dist/css/tokens.css +3 -4
  2. package/dist/json/components.json +3 -3
  3. package/dist/json/semantics.json +3 -3
  4. package/dist/json/themebuilder.json +292 -0
  5. package/dist/swift/BrandsyncToken.swift +5 -5
  6. package/package.json +1 -1
package/dist/css/tokens.css CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * brandsync-tokens v1.0.13
4
3
  */
5
4
 
6
5
  :root {
@@ -817,7 +816,7 @@
817
816
  --color-text-static-white: var(--white);
818
817
  --color-text-static-black: var(--black);
819
818
  --color-text-default: var(--black);
820
- --color-text-secondary: var(--neutral-700);
819
+ --color-text-secondary: var(--neutral-600);
821
820
  --color-text-muted: var(--neutral-500);
822
821
  --color-text-inverse: var(--static-white);
823
822
  --color-text-link: var(--semantic-information-information-700);
@@ -829,12 +828,12 @@
829
828
  --color-text-on-disabled: var(--neutral-400);
830
829
  --color-text-accent: var(--brand-colors-purple-700);
831
830
  --color-text-inverse-accent: var(--brand-colors-purple-400);
832
- --color-text-neutral-default: var(--neutral-700);
831
+ --color-text-neutral-default: var(--neutral-600);
833
832
  --color-text-neutral-hover: var(--neutral-800);
834
833
  --color-text-neutral-focused: var(--neutral-800);
835
834
  --color-text-neutral-pressed: var(--neutral-900);
836
835
  --color-text-info: var(--semantic-information-information-700);
837
- --color-text-neutral-default: var(--neutral-700);
836
+ --color-text-neutral-default: var(--neutral-600);
838
837
  --color-text-neutral-hover: var(--neutral-800);
839
838
  --color-text-neutral-focused: var(--neutral-800);
840
839
  --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/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,12 +70,12 @@
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",
77
77
  "info": "#005592",
78
- "neutral-default": "#4d535f",
78
+ "neutral-default": "#5d6472",
79
79
  "neutral-hover": "#363c47",
80
80
  "neutral-focused": "#363c47",
81
81
  "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
@@ -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)
@@ -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.14",
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"