@aurea-uds/tokens 0.5.0 → 0.6.0

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.
@@ -58,6 +58,8 @@
58
58
  --sidebar-rail:4.25rem;
59
59
  --topbar-height:4rem;
60
60
  --content-max:102.5rem;
61
+ --breakpoint-2xs:360px;
62
+ --breakpoint-xs:480px;
61
63
  --breakpoint-sm:640px;
62
64
  --breakpoint-md:768px;
63
65
  --breakpoint-lg:1024px;
@@ -84,9 +86,9 @@
84
86
  --success-400:#42d392;
85
87
  --success-500:#22c875;
86
88
  --success-700:#147a4d;
87
- --warning-400:var(--brand-yellow);
88
- --warning-500:#d49c00;
89
- --warning-800:#6d4d00;
89
+ --warning-400:oklch(0.72 0.175 60);
90
+ --warning-500:oklch(0.727 0.149 60);
91
+ --warning-800:oklch(0.443 0.092 61);
90
92
  --danger-400:#ff7180;
91
93
  --danger-500:#e94b58;
92
94
  --danger-800:#7f2029;
@@ -129,6 +131,8 @@
129
131
  --popover-foreground:oklch(0.985 0 0);
130
132
  --primary:var(--brand-yellow);
131
133
  --primary-foreground:var(--brand-yellow-foreground);
134
+ --link:var(--brand-yellow);
135
+ --link-hover:var(--brand-yellow);
132
136
  --secondary:oklch(0.274 0.006 286.033);
133
137
  --secondary-foreground:oklch(0.985 0 0);
134
138
  --muted:oklch(0.269 0 0);
@@ -174,9 +178,19 @@
174
178
  --control-selected-foreground:var(--primary-foreground);
175
179
  --selection:oklch(0.795 0.184 86.047 / 0.22);
176
180
  --success-bg:oklch(0.42 0.11 150 / 0.36);
177
- --warning-bg:oklch(0.34 0.08 86 / 0.64);
181
+ --warning-bg:oklch(0.34 0.08 60 / 0.64);
178
182
  --danger-bg:oklch(0.32 0.1 22 / 0.62);
179
183
  --info-bg:oklch(0.29 0.08 260 / 0.62);
184
+ --warning-400:var(--warning);
185
+ --success:#42d392;
186
+ --success-foreground:oklch(0.2 0.02 160);
187
+ --success-hover:oklch(0.83 0.145 160);
188
+ --info:#8ec5ff;
189
+ --info-foreground:oklch(0.2 0.02 250);
190
+ --info-hover:oklch(0.86 0.075 250);
191
+ --warning:oklch(0.72 0.175 60);
192
+ --warning-foreground:oklch(0.2 0.02 60);
193
+ --warning-hover:oklch(0.78 0.16 60);
180
194
  }
181
195
  [data-theme="light"]{
182
196
  --background:oklch(0.965 0 0);
@@ -187,6 +201,8 @@
187
201
  --popover-foreground:oklch(0.145 0 0);
188
202
  --primary:var(--brand-yellow);
189
203
  --primary-foreground:var(--brand-yellow-foreground);
204
+ --link:oklch(0.52 0.106 86.047);
205
+ --link-hover:oklch(0.44 0.106 86.047);
190
206
  --secondary:oklch(0.94 0 0);
191
207
  --secondary-foreground:oklch(0.21 0.006 285.885);
192
208
  --muted:var(--secondary);
@@ -230,17 +246,26 @@
230
246
  --primary-outline:var(--brand-yellow-foreground);
231
247
  --control-selected:var(--brand-yellow-foreground);
232
248
  --control-selected-foreground:oklch(0.985 0 0);
233
- --success-400:#0f6b3e;
234
- --warning-400:#6d4d00;
249
+ --success-400:var(--success);
250
+ --warning-400:var(--warning);
235
251
  --danger-400:#9f2330;
236
- --info-400:#164f9d;
252
+ --info-400:var(--info);
237
253
  --oracle-300:var(--chart-4);
238
254
  --oracle-400:var(--chart-4);
239
255
  --selection:oklch(0.795 0.184 86.047 / 0.18);
240
256
  --success-bg:oklch(0.94 0.05 150);
241
- --warning-bg:oklch(0.95 0.06 86);
257
+ --warning-bg:oklch(0.95 0.06 61);
242
258
  --danger-bg:oklch(0.95 0.05 22);
243
259
  --info-bg:oklch(0.95 0.045 260);
260
+ --success:#0f6b3e;
261
+ --success-foreground:oklch(0.985 0 0);
262
+ --success-hover:oklch(0.4 0.1 155);
263
+ --info:#164f9d;
264
+ --info-foreground:oklch(0.985 0 0);
265
+ --info-hover:oklch(0.38 0.13 258);
266
+ --warning:oklch(0.525 0.131 61);
267
+ --warning-foreground:oklch(0.985 0 0);
268
+ --warning-hover:oklch(0.47 0.115 61);
244
269
  }
245
270
  [data-brand="lory"][data-theme="dark"]{
246
271
  --background:oklch(0.16 0.018 250);
@@ -297,7 +322,7 @@
297
322
  --sidebar-ring:oklch(0.72 0.19 48);
298
323
  --success-400:oklch(0.72 0.15 158);
299
324
  --warning-400:oklch(0.78 0.14 78);
300
- --danger-400:oklch(0.7 0.19 25);
325
+ --danger-400:oklch(0.722 0.1717 25);
301
326
  --info-400:oklch(0.7 0.13 235);
302
327
  --success-bg:oklch(0.32 0.07 158);
303
328
  --warning-bg:oklch(0.34 0.07 80);
@@ -357,10 +382,10 @@
357
382
  --sidebar-accent-foreground:oklch(0.24 0.022 250);
358
383
  --sidebar-border:oklch(0.915 0.006 255);
359
384
  --sidebar-ring:oklch(0.682 0.197 44.5);
360
- --success-400:oklch(0.66 0.15 155);
361
- --warning-400:oklch(0.78 0.15 75);
362
- --danger-400:oklch(0.62 0.21 26);
363
- --info-400:oklch(0.62 0.13 235);
385
+ --success-400:oklch(0.52 0.1276 155);
386
+ --warning-400:oklch(0.532 0.1129 75);
387
+ --danger-400:oklch(0.542 0.21 26);
388
+ --info-400:oklch(0.526 0.1106 235);
364
389
  --success-bg:oklch(0.95 0.05 155);
365
390
  --warning-bg:oklch(0.95 0.06 80);
366
391
  --danger-bg:oklch(0.95 0.05 25);
@@ -178,19 +178,19 @@ export const base = {
178
178
  "oklch": null
179
179
  },
180
180
  "warning400": {
181
- "hex": "#f0b100",
182
- "p3": "color(display-p3 0.9037 0.7031 0.0745)",
183
- "oklch": "oklch(0.795 0.184 86.047)"
181
+ "hex": "#f18500",
182
+ "p3": "color(display-p3 0.8895 0.5417 0.1662)",
183
+ "oklch": "oklch(0.72 0.175 60)"
184
184
  },
185
185
  "warning500": {
186
- "hex": "#d49c00",
187
- "p3": "color(display-p3 0.8314 0.6118 0)",
188
- "oklch": null
186
+ "hex": "#e98d35",
187
+ "p3": "color(display-p3 0.8653 0.5711 0.2835)",
188
+ "oklch": "oklch(0.727 0.149 60)"
189
189
  },
190
190
  "warning800": {
191
- "hex": "#6d4d00",
192
- "p3": "color(display-p3 0.4274 0.302 0)",
193
- "oklch": null
191
+ "hex": "#774613",
192
+ "p3": "color(display-p3 0.4406 0.2824 0.121)",
193
+ "oklch": "oklch(0.443 0.092 61)"
194
194
  },
195
195
  "danger400": {
196
196
  "hex": "#ff7180",
@@ -271,6 +271,8 @@ export const tracking = {
271
271
  "trackingWidest": 0.12
272
272
  };
273
273
  export const breakpoints = {
274
+ "breakpoint2xs": 360,
275
+ "breakpointXs": 480,
274
276
  "breakpointSm": 640,
275
277
  "breakpointMd": 768,
276
278
  "breakpointLg": 1024,
@@ -319,6 +321,16 @@ export const themes = {
319
321
  "p3": "color(display-p3 0.4225 0.2527 0.0951)",
320
322
  "oklch": "oklch(0.421 0.095 57.708)"
321
323
  },
324
+ "link": {
325
+ "hex": "#f0b100",
326
+ "p3": "color(display-p3 0.9037 0.7031 0.0745)",
327
+ "oklch": "oklch(0.795 0.184 86.047)"
328
+ },
329
+ "linkHover": {
330
+ "hex": "#f0b100",
331
+ "p3": "color(display-p3 0.9037 0.7031 0.0745)",
332
+ "oklch": "oklch(0.795 0.184 86.047)"
333
+ },
322
334
  "secondary": {
323
335
  "hex": "#27272a",
324
336
  "p3": "color(display-p3 0.1529 0.1529 0.1647)",
@@ -545,9 +557,9 @@ export const themes = {
545
557
  "oklch": "oklch(0.42 0.11 150 / 0.36)"
546
558
  },
547
559
  "warningBg": {
548
- "hex": "#4a3400a3",
549
- "p3": "color(display-p3 0.2776 0.2068 0.0011 / 0.64)",
550
- "oklch": "oklch(0.34 0.08 86 / 0.64)"
560
+ "hex": "#552c00a3",
561
+ "p3": "color(display-p3 0.312 0.1804 0.0425 / 0.64)",
562
+ "oklch": "oklch(0.34 0.08 60 / 0.64)"
551
563
  },
552
564
  "dangerBg": {
553
565
  "hex": "#5b161a9e",
@@ -559,6 +571,56 @@ export const themes = {
559
571
  "p3": "color(display-p3 0.0924 0.1619 0.3121 / 0.62)",
560
572
  "oklch": "oklch(0.29 0.08 260 / 0.62)"
561
573
  },
574
+ "warning400": {
575
+ "hex": "#f18500",
576
+ "p3": "color(display-p3 0.8895 0.5417 0.1662)",
577
+ "oklch": "oklch(0.72 0.175 60)"
578
+ },
579
+ "success": {
580
+ "hex": "#42d392",
581
+ "p3": "color(display-p3 0.2588 0.8275 0.5726)",
582
+ "oklch": null
583
+ },
584
+ "successForeground": {
585
+ "hex": "#0e1913",
586
+ "p3": "color(display-p3 0.0638 0.0964 0.0757)",
587
+ "oklch": "oklch(0.2 0.02 160)"
588
+ },
589
+ "successHover": {
590
+ "hex": "#63e4a6",
591
+ "p3": "color(display-p3 0.5273 0.8827 0.6709)",
592
+ "oklch": "oklch(0.83 0.145 160)"
593
+ },
594
+ "info": {
595
+ "hex": "#8ec5ff",
596
+ "p3": "color(display-p3 0.5569 0.7725 1)",
597
+ "oklch": null
598
+ },
599
+ "infoForeground": {
600
+ "hex": "#0f171f",
601
+ "p3": "color(display-p3 0.0653 0.0885 0.1182)",
602
+ "oklch": "oklch(0.2 0.02 250)"
603
+ },
604
+ "infoHover": {
605
+ "hex": "#acd5ff",
606
+ "p3": "color(display-p3 0.7073 0.8325 0.9923)",
607
+ "oklch": "oklch(0.86 0.075 250)"
608
+ },
609
+ "warning": {
610
+ "hex": "#f18500",
611
+ "p3": "color(display-p3 0.8895 0.5417 0.1662)",
612
+ "oklch": "oklch(0.72 0.175 60)"
613
+ },
614
+ "warningForeground": {
615
+ "hex": "#1d140d",
616
+ "p3": "color(display-p3 0.1077 0.0795 0.054)",
617
+ "oklch": "oklch(0.2 0.02 60)"
618
+ },
619
+ "warningHover": {
620
+ "hex": "#ff9c3b",
621
+ "p3": "color(display-p3 0.9501 0.6285 0.3141)",
622
+ "oklch": "oklch(0.78 0.16 60)"
623
+ },
562
624
  "textMuted": {
563
625
  "hex": "#a1a1a1",
564
626
  "p3": "color(display-p3 0.6302 0.6302 0.6302)",
@@ -631,6 +693,16 @@ export const themes = {
631
693
  "p3": "color(display-p3 0.4225 0.2527 0.0951)",
632
694
  "oklch": "oklch(0.421 0.095 57.708)"
633
695
  },
696
+ "link": {
697
+ "hex": "#846301",
698
+ "p3": "color(display-p3 0.4976 0.3951 0.1201)",
699
+ "oklch": "oklch(0.52 0.106 86.047)"
700
+ },
701
+ "linkHover": {
702
+ "hex": "#6c4d00",
703
+ "p3": "color(display-p3 0.4058 0.3056 0)",
704
+ "oklch": "oklch(0.44 0.106 86.047)"
705
+ },
634
706
  "secondary": {
635
707
  "hex": "#ebebeb",
636
708
  "p3": "color(display-p3 0.9215 0.9215 0.9215)",
@@ -852,9 +924,9 @@ export const themes = {
852
924
  "oklch": null
853
925
  },
854
926
  "warning400": {
855
- "hex": "#6d4d00",
856
- "p3": "color(display-p3 0.4274 0.302 0)",
857
- "oklch": null
927
+ "hex": "#9f5400",
928
+ "p3": "color(display-p3 0.5836 0.3461 0.0687)",
929
+ "oklch": "oklch(0.525 0.131 61)"
858
930
  },
859
931
  "danger400": {
860
932
  "hex": "#9f2330",
@@ -887,9 +959,9 @@ export const themes = {
887
959
  "oklch": "oklch(0.94 0.05 150)"
888
960
  },
889
961
  "warningBg": {
890
- "hex": "#ffecc1",
891
- "p3": "color(display-p3 0.9928 0.9301 0.7768)",
892
- "oklch": "oklch(0.95 0.06 86)"
962
+ "hex": "#ffe6c6",
963
+ "p3": "color(display-p3 1 0.9081 0.7938)",
964
+ "oklch": "oklch(0.95 0.06 61)"
893
965
  },
894
966
  "dangerBg": {
895
967
  "hex": "#ffe2df",
@@ -901,6 +973,51 @@ export const themes = {
901
973
  "p3": "color(display-p3 0.8812 0.9379 1)",
902
974
  "oklch": "oklch(0.95 0.045 260)"
903
975
  },
976
+ "success": {
977
+ "hex": "#0f6b3e",
978
+ "p3": "color(display-p3 0.0588 0.4196 0.2431)",
979
+ "oklch": null
980
+ },
981
+ "successForeground": {
982
+ "hex": "#fafafa",
983
+ "p3": "color(display-p3 0.9803 0.9803 0.9803)",
984
+ "oklch": "oklch(0.985 0 0)"
985
+ },
986
+ "successHover": {
987
+ "hex": "#00572e",
988
+ "p3": "color(display-p3 0.1347 0.3347 0.1971)",
989
+ "oklch": "oklch(0.4 0.1 155)"
990
+ },
991
+ "info": {
992
+ "hex": "#164f9d",
993
+ "p3": "color(display-p3 0.0863 0.3098 0.6157)",
994
+ "oklch": null
995
+ },
996
+ "infoForeground": {
997
+ "hex": "#fafafa",
998
+ "p3": "color(display-p3 0.9803 0.9803 0.9803)",
999
+ "oklch": "oklch(0.985 0 0)"
1000
+ },
1001
+ "infoHover": {
1002
+ "hex": "#0a3f86",
1003
+ "p3": "color(display-p3 0.1072 0.2427 0.5055)",
1004
+ "oklch": "oklch(0.38 0.13 258)"
1005
+ },
1006
+ "warning": {
1007
+ "hex": "#9f5400",
1008
+ "p3": "color(display-p3 0.5836 0.3461 0.0687)",
1009
+ "oklch": "oklch(0.525 0.131 61)"
1010
+ },
1011
+ "warningForeground": {
1012
+ "hex": "#fafafa",
1013
+ "p3": "color(display-p3 0.9803 0.9803 0.9803)",
1014
+ "oklch": "oklch(0.985 0 0)"
1015
+ },
1016
+ "warningHover": {
1017
+ "hex": "#884800",
1018
+ "p3": "color(display-p3 0.4986 0.296 0.0656)",
1019
+ "oklch": "oklch(0.47 0.115 61)"
1020
+ },
904
1021
  "textMuted": {
905
1022
  "hex": "#505050",
906
1023
  "p3": "color(display-p3 0.3124 0.3124 0.3124)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurea-uds/tokens",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Design tokens for Aurea UDS: the DTCG source and the CSS custom properties generated from it.",
5
5
  "keywords": [
6
6
  "aurea",