@oxide/design-system 3.0.1 → 3.0.2--canary.caddb93.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.
Files changed (14) hide show
  1. package/dist/{chunk-EZCJJGCD.js → chunk-BTKC2KJ2.js} +325 -234
  2. package/dist/chunk-BTKC2KJ2.js.map +1 -0
  3. package/dist/components/src/index.js +1 -1
  4. package/dist/icons/index.d.ts +9 -0
  5. package/dist/icons/react/index.d.ts +176 -158
  6. package/dist/icons/react/index.js +7 -1
  7. package/package.json +1 -1
  8. package/styles/dist/blue.css +11 -11
  9. package/styles/dist/green.css +11 -11
  10. package/styles/dist/main.css +63 -167
  11. package/styles/dist/purple.css +11 -11
  12. package/styles/dist/red.css +11 -11
  13. package/styles/dist/yellow.css +11 -11
  14. package/dist/chunk-EZCJJGCD.js.map +0 -1
package/dist/icons/react/index.js CHANGED
@@ -48,6 +48,7 @@ import {
48
48
  Dots16Icon_default,
49
49
  Dots24Icon_default,
50
50
  Download24Icon_default,
51
+ DownloadOutline12Icon_default,
51
52
  DownloadRoundel16Icon_default,
52
53
  Edit16Icon_default,
53
54
  Email16Icon_default,
@@ -144,6 +145,7 @@ import {
144
145
  Settings24Icon_default,
145
146
  Show16Icon_default,
146
147
  SignOut16Icon_default,
148
+ SizeOutline12Icon_default,
147
149
  Snapshots16Icon_default,
148
150
  Snapshots24Icon_default,
149
151
  SoftwareUpdate16Icon_default,
@@ -162,6 +164,7 @@ import {
162
164
  Terminal16Icon_default,
163
165
  Terminal24Icon_default,
164
166
  Time16Icon_default,
167
+ TimeOutline12Icon_default,
165
168
  Transmit16Icon_default,
166
169
  Transmit24Icon_default,
167
170
  Unauthorized12Icon_default,
@@ -169,7 +172,7 @@ import {
169
172
  Webhooks16Icon_default,
170
173
  Webhooks24Icon_default,
171
174
  Wireless24Icon_default
172
- } from "../../chunk-EZCJJGCD.js";
175
+ } from "../../chunk-BTKC2KJ2.js";
173
176
  export {
174
177
  Access16Icon_default as Access16Icon,
175
178
  Access24Icon_default as Access24Icon,
@@ -220,6 +223,7 @@ export {
220
223
  Dots16Icon_default as Dots16Icon,
221
224
  Dots24Icon_default as Dots24Icon,
222
225
  Download24Icon_default as Download24Icon,
226
+ DownloadOutline12Icon_default as DownloadOutline12Icon,
223
227
  DownloadRoundel16Icon_default as DownloadRoundel16Icon,
224
228
  Edit16Icon_default as Edit16Icon,
225
229
  Email16Icon_default as Email16Icon,
@@ -316,6 +320,7 @@ export {
316
320
  Settings24Icon_default as Settings24Icon,
317
321
  Show16Icon_default as Show16Icon,
318
322
  SignOut16Icon_default as SignOut16Icon,
323
+ SizeOutline12Icon_default as SizeOutline12Icon,
319
324
  Snapshots16Icon_default as Snapshots16Icon,
320
325
  Snapshots24Icon_default as Snapshots24Icon,
321
326
  SoftwareUpdate16Icon_default as SoftwareUpdate16Icon,
@@ -334,6 +339,7 @@ export {
334
339
  Terminal16Icon_default as Terminal16Icon,
335
340
  Terminal24Icon_default as Terminal24Icon,
336
341
  Time16Icon_default as Time16Icon,
342
+ TimeOutline12Icon_default as TimeOutline12Icon,
337
343
  Transmit16Icon_default as Transmit16Icon,
338
344
  Transmit24Icon_default as Transmit24Icon,
339
345
  Unauthorized12Icon_default as Unauthorized12Icon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "3.0.1",
3
+ "version": "3.0.2--canary.caddb93.0",
4
4
  "description": "Home of reusable design assets and token for oxide internal sites",
5
5
  "type": "module",
6
6
  "sideEffects": false,
package/styles/dist/blue.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --surface-tertiary: var(--color-neutral-200);
7
7
  --surface-disabled: var(--color-neutral-100);
8
8
  --surface-scrim: color(
9
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
9
+ display-p3 0.0314 0.0588 0.0667 / 0.4
10
10
  ); /* #080f1166 with alpha 0.4 */
11
11
  --surface-accent: var(--theme-accent-800);
12
12
  --surface-accent-hover: var(--theme-accent-700);
@@ -95,16 +95,16 @@
95
95
  --stroke-info-tertiary: var(--theme-info-400);
96
96
  --stroke-info-quaternary: var(--theme-info-300);
97
97
  --chart-fill-area-primary: color(
98
- display-p3 0.4840760759909391 0.5390189657729598 0.8433696459850775 / 0.7
99
- ); /* #788addb3 with alpha 0.7 */
98
+ display-p3 0.4706 0.5412 0.8667 / 0.7
99
+ ); /* #788addb3 with alpha 0.7019607843137254 */
100
100
  --chart-fill-area-secondary: color(
101
- display-p3 0.4151256342009877 0.46094099659707627 0.713805186697585 / 0.7
102
- ); /* #6776bbb3 with alpha 0.7 */
101
+ display-p3 0.4039 0.4627 0.7333 / 0.7
102
+ ); /* #6776bbb3 with alpha 0.7019607843137254 */
103
103
  --chart-fill-area-tertiary: color(
104
- display-p3 0.32502672686325673 0.35564413273764867 0.5459647947277517 / 0.7
105
- ); /* #515b8fb3 with alpha 0.7 */
104
+ display-p3 0.3176 0.3569 0.5608 / 0.7
105
+ ); /* #515b8fb3 with alpha 0.7019607843137254 */
106
106
  --chart-fill-area-quaternary: color(
107
- display-p3 0.24043055576084826 0.2618867246658045 0.3897751920628703 / 0.2
107
+ display-p3 0.2353 0.2627 0.4 / 0.2
108
108
  ); /* #3c436633 with alpha 0.2 */
109
109
  --chart-fill-item-primary: var(--theme-accent-700);
110
110
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -120,14 +120,14 @@
120
120
  --chart-stroke-line-tertiary: var(--color-red-600);
121
121
  --chart-stroke-line-quaternary: var(--color-blue-600);
122
122
  --chart-stroke-y-axis: color(
123
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
123
+ display-p3 0.1765 0.2 0.2078 / 0.4
124
124
  ); /* #2d333566 with alpha 0.4 */
125
125
  --chart-stroke-item: color(
126
- display-p3 0.4840760759909391 0.5390189657729598 0.8433696459850775 / 0.4
126
+ display-p3 0.4706 0.5412 0.8667 / 0.4
127
127
  ); /* #788add66 with alpha 0.4 */
128
128
  --chart-stroke-item-inactive: var(--color-neutral-200);
129
129
  --chart-stroke-error: color(
130
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
130
+ display-p3 0.8549 0.3804 0.4667 / 0.4
131
131
  ); /* #da617766 with alpha 0.4 */
132
132
  --theme-accent-100: var(--color-blue-100);
133
133
  --theme-accent-200: var(--color-blue-200);
package/styles/dist/green.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --surface-tertiary: var(--color-neutral-200);
7
7
  --surface-disabled: var(--color-neutral-100);
8
8
  --surface-scrim: color(
9
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
9
+ display-p3 0.0314 0.0588 0.0667 / 0.4
10
10
  ); /* #080f1166 with alpha 0.4 */
11
11
  --surface-accent: var(--theme-accent-800);
12
12
  --surface-accent-hover: var(--theme-accent-700);
@@ -95,16 +95,16 @@
95
95
  --stroke-info-tertiary: var(--theme-info-400);
96
96
  --stroke-info-quaternary: var(--theme-info-300);
97
97
  --chart-fill-area-primary: color(
98
- display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.7
99
- ); /* #20a36cb3 with alpha 0.7 */
98
+ display-p3 0.1255 0.6392 0.4235 / 0.7
99
+ ); /* #20a36cb3 with alpha 0.7019607843137254 */
100
100
  --chart-fill-area-secondary: color(
101
- display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163 / 0.7
102
- ); /* #238a5eb3 with alpha 0.7 */
101
+ display-p3 0.1373 0.5412 0.3686 / 0.7
102
+ ); /* #238a5eb3 with alpha 0.7019607843137254 */
103
103
  --chart-fill-area-tertiary: color(
104
- display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547 / 0.7
105
- ); /* #236a4cb3 with alpha 0.7 */
104
+ display-p3 0.1373 0.4157 0.298 / 0.7
105
+ ); /* #236a4cb3 with alpha 0.7019607843137254 */
106
106
  --chart-fill-area-quaternary: color(
107
- display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089 / 0.2
107
+ display-p3 0.1255 0.302 0.2314 / 0.2
108
108
  ); /* #204d3b33 with alpha 0.2 */
109
109
  --chart-fill-item-primary: var(--theme-accent-700);
110
110
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -120,14 +120,14 @@
120
120
  --chart-stroke-line-tertiary: var(--color-red-600);
121
121
  --chart-stroke-line-quaternary: var(--color-blue-600);
122
122
  --chart-stroke-y-axis: color(
123
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
123
+ display-p3 0.1765 0.2 0.2078 / 0.4
124
124
  ); /* #2d333566 with alpha 0.4 */
125
125
  --chart-stroke-item: color(
126
- display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.4
126
+ display-p3 0.1255 0.6392 0.4235 / 0.4
127
127
  ); /* #20a36c66 with alpha 0.4 */
128
128
  --chart-stroke-item-inactive: var(--color-neutral-200);
129
129
  --chart-stroke-error: color(
130
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
130
+ display-p3 0.8549 0.3804 0.4667 / 0.4
131
131
  ); /* #da617766 with alpha 0.4 */
132
132
  --theme-accent-100: var(--color-green-100);
133
133
  --theme-accent-200: var(--color-green-200);
package/styles/dist/main.css CHANGED
@@ -2,162 +2,58 @@
2
2
  @import 'tailwindcss';
3
3
 
4
4
  :root {
5
- --color-neutral-1000: color(
6
- display-p3 0.9967761539452785 0.9998701540262044 0.9999331805514878
7
- ); /* #FEFFFF */
8
- --color-neutral-900: color(
9
- display-p3 0.8438352319511949 0.8469290330354962 0.8505640360063605
10
- ); /* #D7D8D9 */
11
- --color-neutral-800: color(
12
- display-p3 0.7236755020156038 0.7329467520722801 0.7367074499372497
13
- ); /* #B8BBBC */
14
- --color-neutral-700: color(
15
- display-p3 0.6334818103070252 0.6427511817107786 0.6465119387581825
16
- ); /* #A1A4A5 */
17
- --color-neutral-600: color(
18
- display-p3 0.4976701084474386 0.5130897614687101 0.5205515394637789
19
- ); /* #7e8385 */
20
- --color-neutral-500: color(
21
- display-p3 0.3597085003581039 0.3720412109254131 0.3794431797850346
22
- ); /* #5B5F61 */
23
- --color-neutral-400: color(
24
- display-p3 0.2553413105536939 0.27376625441340496 0.27770648130844244
25
- ); /* #404647 */
26
- --color-neutral-300: color(
27
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162
28
- ); /* #2D3335 */
29
- --color-neutral-200: color(
30
- display-p3 0.11431963155657676 0.13261753531957074 0.143744402534617
31
- ); /* #1C2225 */
32
- --color-neutral-100: color(
33
- display-p3 0.08386952946123807 0.10507459422019316 0.1126540913483059
34
- ); /* #141B1D */
35
- --color-neutral-50: color(
36
- display-p3 0.06739284393097031 0.08558006444336808 0.0931064989053643
37
- ); /* #101618 */
38
- --color-neutral-0: color(
39
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541
40
- ); /* #080F11 */
41
- --color-blue-800: color(
42
- display-p3 0.5616641479260542 0.6287493953124766 0.9734821327451663
43
- ); /* #8BA1FF */
44
- --color-blue-700: color(
45
- display-p3 0.4840760759909391 0.5390189657729598 0.8433696459850775
46
- ); /* #788ADD */
47
- --color-blue-600: color(
48
- display-p3 0.4151256342009877 0.46094099659707627 0.713805186697585
49
- ); /* #6776BB */
50
- --color-blue-500: color(
51
- display-p3 0.32502672686325673 0.35564413273764867 0.5459647947277517
52
- ); /* #515B8F */
53
- --color-blue-400: color(
54
- display-p3 0.24043055576084826 0.2618867246658045 0.3897751920628703
55
- ); /* #3C4366 */
56
- --color-blue-300: color(
57
- display-p3 0.1786200923014884 0.1878574995226226 0.2752857688446367
58
- ); /* #2D3048 */
59
- --color-blue-200: color(
60
- display-p3 0.11907577529357963 0.12523747486865994 0.17245027907531774
61
- ); /* #1E202D */
62
- --color-blue-100: color(
63
- display-p3 0.09090310464814949 0.09398978491029422 0.12658653445006884
64
- ); /* #171821 */
65
- --color-purple-800: color(
66
- display-p3 0.7199041089606463 0.5905777966739129 0.8997851881994727
67
- ); /* #BE95EB */
68
- --color-purple-700: color(
69
- display-p3 0.6176620043485992 0.5072919661927223 0.7770451092818965
70
- ); /* #A380CB */
71
- --color-purple-600: color(
72
- display-p3 0.5266029147263402 0.43201348221720354 0.658472257647523
73
- ); /* #8B6DAC */
74
- --color-purple-500: color(
75
- display-p3 0.40927836765624315 0.3368069077031495 0.5055688506059814
76
- ); /* #6C5584 */
77
- --color-purple-400: color(
78
- display-p3 0.2925207541619176 0.24535487188954597 0.3602153988663625
79
- ); /* #4D3E5E */
80
- --color-purple-300: color(
81
- display-p3 0.21265042602455625 0.17808591248874042 0.25689800139783175
82
- ); /* #382D43 */
83
- --color-purple-200: color(
84
- display-p3 0.14120618453185496 0.1224209120935679 0.165300467987632
85
- ); /* #251F2B */
86
- --color-purple-100: color(
87
- display-p3 0.11380102321850455 0.0949832101380699 0.13061626398927353
88
- ); /* #1E1822 */
89
- --color-red-800: color(
90
- display-p3 0.9168165401949406 0.46465535927403595 0.5390081507653561
91
- ); /* #FB6E88 */
92
- --color-red-700: color(
93
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213
94
- ); /* #DA6177 */
95
- --color-red-600: color(
96
- display-p3 0.7123368412346623 0.3659764657543945 0.42018168321468297
97
- ); /* #C3576A */
98
- --color-red-500: color(
99
- display-p3 0.54467993913213 0.2881585750532095 0.32859275026896756
100
- ); /* #954553 */
101
- --color-red-400: color(
102
- display-p3 0.3880353956012564 0.21503505622273383 0.2377024955644162
103
- ); /* #6A343C */
104
- --color-red-300: color(
105
- display-p3 0.17652197603839365 0.10959767370210685 0.11485879231717566
106
- ); /* #301B1D */
107
- --color-red-200: color(
108
- display-p3 0.129140055434958 0.08468327014966448 0.09064241222767869
109
- ); /* #231517 */
110
- --color-red-100: color(
111
- display-p3 0.1111091592090036 0.07627289273638779 0.07896469636558265
112
- ); /* #1E1314 */
113
- --color-yellow-800: color(
114
- display-p3 0.9246726761147905 0.7349322400144668 0.35478568923303233
115
- ); /* #F5B944 */
116
- --color-yellow-700: color(
117
- display-p3 0.7625685956908921 0.60767449881825 0.2994621129781391
118
- ); /* #CA993B */
119
- --color-yellow-600: color(
120
- display-p3 0.577577081670476 0.46066704465450065 0.23478898502532436
121
- ); /* #997430 */
122
- --color-yellow-500: color(
123
- display-p3 0.4456676007915647 0.3572643913038676 0.1862111103866858
124
- ); /* #765A27 */
125
- --color-yellow-400: color(
126
- display-p3 0.32158715205107063 0.26170195700266397 0.14269771287346764
127
- ); /* #55421F */
128
- --color-yellow-300: color(
129
- display-p3 0.231079570994478 0.1901717568816926 0.11084081717589886
130
- ); /* #3D3019 */
131
- --color-yellow-200: color(
132
- display-p3 0.1551157651257713 0.12681932912773047 0.08123881916988879
133
- ); /* #292013 */
134
- --color-yellow-100: color(
135
- display-p3 0.12104842543229768 0.09906271231243746 0.063859934590173
136
- ); /* #20190F */
137
- --color-green-800: color(
138
- display-p3 0.4509664622561616 0.8240810849465557 0.6105978837942857
139
- ); /* #48d597 */
140
- --color-green-700: color(
141
- display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609
142
- ); /* #20A36C */
143
- --color-green-600: color(
144
- display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163
145
- ); /* #238A5E */
146
- --color-green-500: color(
147
- display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547
148
- ); /* #236A4C */
149
- --color-green-400: color(
150
- display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089
151
- ); /* #204D3B */
152
- --color-green-300: color(
153
- display-p3 0.13497680842452758 0.21306259957523738 0.18224720796629387
154
- ); /* #1C372E */
155
- --color-green-200: color(
156
- display-p3 0.09712693532459268 0.13585807676438863 0.13295269910261515
157
- ); /* #162322 */
158
- --color-green-100: color(
159
- display-p3 0.07996460795736646 0.10115556161740791 0.10873484064468295
160
- ); /* #131A1C */
5
+ --color-neutral-1000: color(display-p3 0.9961 1 1); /* #FEFFFF */
6
+ --color-neutral-900: color(display-p3 0.8431 0.8471 0.851); /* #D7D8D9 */
7
+ --color-neutral-800: color(display-p3 0.7216 0.7333 0.7373); /* #B8BBBC */
8
+ --color-neutral-700: color(display-p3 0.6314 0.6431 0.6471); /* #A1A4A5 */
9
+ --color-neutral-600: color(display-p3 0.4941 0.5137 0.5216); /* #7e8385 */
10
+ --color-neutral-500: color(display-p3 0.3569 0.3725 0.3804); /* #5B5F61 */
11
+ --color-neutral-400: color(display-p3 0.251 0.2745 0.2784); /* #404647 */
12
+ --color-neutral-300: color(display-p3 0.1765 0.2 0.2078); /* #2D3335 */
13
+ --color-neutral-200: color(display-p3 0.1098 0.1333 0.1451); /* #1C2225 */
14
+ --color-neutral-100: color(display-p3 0.0784 0.1059 0.1137); /* #141B1D */
15
+ --color-neutral-50: color(display-p3 0.0627 0.0863 0.0941); /* #101618 */
16
+ --color-neutral-0: color(display-p3 0.0314 0.0588 0.0667); /* #080F11 */
17
+ --color-blue-800: color(display-p3 0.5451 0.6314 1); /* #8BA1FF */
18
+ --color-blue-700: color(display-p3 0.4706 0.5412 0.8667); /* #788ADD */
19
+ --color-blue-600: color(display-p3 0.4039 0.4627 0.7333); /* #6776BB */
20
+ --color-blue-500: color(display-p3 0.3176 0.3569 0.5608); /* #515B8F */
21
+ --color-blue-400: color(display-p3 0.2353 0.2627 0.4); /* #3C4366 */
22
+ --color-blue-300: color(display-p3 0.1765 0.1882 0.2824); /* #2D3048 */
23
+ --color-blue-200: color(display-p3 0.1176 0.1255 0.1765); /* #1E202D */
24
+ --color-blue-100: color(display-p3 0.0902 0.0941 0.1294); /* #171821 */
25
+ --color-purple-800: color(display-p3 0.7451 0.5843 0.9216); /* #BE95EB */
26
+ --color-purple-700: color(display-p3 0.6392 0.502 0.7961); /* #A380CB */
27
+ --color-purple-600: color(display-p3 0.5451 0.4275 0.6745); /* #8B6DAC */
28
+ --color-purple-500: color(display-p3 0.4235 0.3333 0.5176); /* #6C5584 */
29
+ --color-purple-400: color(display-p3 0.302 0.2431 0.3686); /* #4D3E5E */
30
+ --color-purple-300: color(display-p3 0.2196 0.1765 0.2627); /* #382D43 */
31
+ --color-purple-200: color(display-p3 0.1451 0.1216 0.1686); /* #251F2B */
32
+ --color-purple-100: color(display-p3 0.1176 0.0941 0.1333); /* #1E1822 */
33
+ --color-red-800: color(display-p3 0.9843 0.4314 0.5333); /* #FB6E88 */
34
+ --color-red-700: color(display-p3 0.8549 0.3804 0.4667); /* #DA6177 */
35
+ --color-red-600: color(display-p3 0.7647 0.3412 0.4157); /* #C3576A */
36
+ --color-red-500: color(display-p3 0.5843 0.2706 0.3255); /* #954553 */
37
+ --color-red-400: color(display-p3 0.4157 0.2039 0.2353); /* #6A343C */
38
+ --color-red-300: color(display-p3 0.1882 0.1059 0.1137); /* #301B1D */
39
+ --color-red-200: color(display-p3 0.1373 0.0824 0.0902); /* #231517 */
40
+ --color-red-100: color(display-p3 0.1176 0.0745 0.0784); /* #1E1314 */
41
+ --color-yellow-800: color(display-p3 0.9608 0.7255 0.2667); /* #F5B944 */
42
+ --color-yellow-700: color(display-p3 0.7922 0.6 0.2314); /* #CA993B */
43
+ --color-yellow-600: color(display-p3 0.6 0.4549 0.1882); /* #997430 */
44
+ --color-yellow-500: color(display-p3 0.4627 0.3529 0.1529); /* #765A27 */
45
+ --color-yellow-400: color(display-p3 0.3333 0.2588 0.1216); /* #55421F */
46
+ --color-yellow-300: color(display-p3 0.2392 0.1882 0.098); /* #3D3019 */
47
+ --color-yellow-200: color(display-p3 0.1608 0.1255 0.0745); /* #292013 */
48
+ --color-yellow-100: color(display-p3 0.1255 0.098 0.0588); /* #20190F */
49
+ --color-green-800: color(display-p3 0.2824 0.8353 0.5922); /* #48d597 */
50
+ --color-green-700: color(display-p3 0.1255 0.6392 0.4235); /* #20A36C */
51
+ --color-green-600: color(display-p3 0.1373 0.5412 0.3686); /* #238A5E */
52
+ --color-green-500: color(display-p3 0.1373 0.4157 0.298); /* #236A4C */
53
+ --color-green-400: color(display-p3 0.1255 0.302 0.2314); /* #204D3B */
54
+ --color-green-300: color(display-p3 0.1098 0.2157 0.1804); /* #1C372E */
55
+ --color-green-200: color(display-p3 0.0863 0.1373 0.1333); /* #162322 */
56
+ --color-green-100: color(display-p3 0.0745 0.102 0.1098); /* #131A1C */
161
57
  --surface-default: var(--color-neutral-0);
162
58
  --surface-hover: var(--color-neutral-200);
163
59
  --surface-raise: var(--color-neutral-50);
@@ -165,7 +61,7 @@
165
61
  --surface-tertiary: var(--color-neutral-200);
166
62
  --surface-disabled: var(--color-neutral-100);
167
63
  --surface-scrim: color(
168
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
64
+ display-p3 0.0314 0.0588 0.0667 / 0.4
169
65
  ); /* #080f1166 with alpha 0.4 */
170
66
  --surface-accent: var(--theme-accent-800);
171
67
  --surface-accent-hover: var(--theme-accent-700);
@@ -254,16 +150,16 @@
254
150
  --stroke-info-tertiary: var(--theme-info-400);
255
151
  --stroke-info-quaternary: var(--theme-info-300);
256
152
  --chart-fill-area-primary: color(
257
- display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.7
258
- ); /* #20a36cb3 with alpha 0.7 */
153
+ display-p3 0.1255 0.6392 0.4235 / 0.7
154
+ ); /* #20a36cb3 with alpha 0.7019607843137254 */
259
155
  --chart-fill-area-secondary: color(
260
- display-p3 0.2692940449440336 0.5334053150097006 0.38200477116356163 / 0.7
261
- ); /* #238a5eb3 with alpha 0.7 */
156
+ display-p3 0.1373 0.5412 0.3686 / 0.7
157
+ ); /* #238a5eb3 with alpha 0.7019607843137254 */
262
158
  --chart-fill-area-tertiary: color(
263
- display-p3 0.21921823824294856 0.40988544994958725 0.3065549544047547 / 0.7
264
- ); /* #236a4cb3 with alpha 0.7 */
159
+ display-p3 0.1373 0.4157 0.298 / 0.7
160
+ ); /* #236a4cb3 with alpha 0.7019607843137254 */
265
161
  --chart-fill-area-quaternary: color(
266
- display-p3 0.17205281115427723 0.2979531244804644 0.23597564991643089 / 0.2
162
+ display-p3 0.1255 0.302 0.2314 / 0.2
267
163
  ); /* #204d3b33 with alpha 0.2 */
268
164
  --chart-fill-item-primary: var(--theme-accent-700);
269
165
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -279,14 +175,14 @@
279
175
  --chart-stroke-line-tertiary: var(--color-red-600);
280
176
  --chart-stroke-line-quaternary: var(--color-blue-600);
281
177
  --chart-stroke-y-axis: color(
282
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
178
+ display-p3 0.1765 0.2 0.2078 / 0.4
283
179
  ); /* #2d333566 with alpha 0.4 */
284
180
  --chart-stroke-item: color(
285
- display-p3 0.30729539326874494 0.6299054596145268 0.440831736604609 / 0.4
181
+ display-p3 0.1255 0.6392 0.4235 / 0.4
286
182
  ); /* #20a36c66 with alpha 0.4 */
287
183
  --chart-stroke-item-inactive: var(--color-neutral-200);
288
184
  --chart-stroke-error: color(
289
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
185
+ display-p3 0.8549 0.3804 0.4667 / 0.4
290
186
  ); /* #da617766 with alpha 0.4 */
291
187
  --theme-accent-100: var(--color-green-100);
292
188
  --theme-accent-200: var(--color-green-200);
package/styles/dist/purple.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --surface-tertiary: var(--color-neutral-200);
7
7
  --surface-disabled: var(--color-neutral-100);
8
8
  --surface-scrim: color(
9
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
9
+ display-p3 0.0314 0.0588 0.0667 / 0.4
10
10
  ); /* #080f1166 with alpha 0.4 */
11
11
  --surface-accent: var(--theme-accent-800);
12
12
  --surface-accent-hover: var(--theme-accent-700);
@@ -95,16 +95,16 @@
95
95
  --stroke-info-tertiary: var(--theme-info-400);
96
96
  --stroke-info-quaternary: var(--theme-info-300);
97
97
  --chart-fill-area-primary: color(
98
- display-p3 0.6176620043485992 0.5072919661927223 0.7770451092818965 / 0.7
99
- ); /* #a380cbb3 with alpha 0.7 */
98
+ display-p3 0.6392 0.502 0.7961 / 0.7
99
+ ); /* #a380cbb3 with alpha 0.7019607843137254 */
100
100
  --chart-fill-area-secondary: color(
101
- display-p3 0.5266029147263402 0.43201348221720354 0.658472257647523 / 0.7
102
- ); /* #8b6dacb3 with alpha 0.7 */
101
+ display-p3 0.5451 0.4275 0.6745 / 0.7
102
+ ); /* #8b6dacb3 with alpha 0.7019607843137254 */
103
103
  --chart-fill-area-tertiary: color(
104
- display-p3 0.40927836765624315 0.3368069077031495 0.5055688506059814 / 0.7
105
- ); /* #6c5584b3 with alpha 0.7 */
104
+ display-p3 0.4235 0.3333 0.5176 / 0.7
105
+ ); /* #6c5584b3 with alpha 0.7019607843137254 */
106
106
  --chart-fill-area-quaternary: color(
107
- display-p3 0.2925207541619176 0.24535487188954597 0.3602153988663625 / 0.2
107
+ display-p3 0.302 0.2431 0.3686 / 0.2
108
108
  ); /* #4d3e5e33 with alpha 0.2 */
109
109
  --chart-fill-item-primary: var(--theme-accent-700);
110
110
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -120,14 +120,14 @@
120
120
  --chart-stroke-line-tertiary: var(--color-red-600);
121
121
  --chart-stroke-line-quaternary: var(--color-blue-600);
122
122
  --chart-stroke-y-axis: color(
123
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
123
+ display-p3 0.1765 0.2 0.2078 / 0.4
124
124
  ); /* #2d333566 with alpha 0.4 */
125
125
  --chart-stroke-item: color(
126
- display-p3 0.6176620043485992 0.5072919661927223 0.7770451092818965 / 0.4
126
+ display-p3 0.6392 0.502 0.7961 / 0.4
127
127
  ); /* #a380cb66 with alpha 0.4 */
128
128
  --chart-stroke-item-inactive: var(--color-neutral-200);
129
129
  --chart-stroke-error: color(
130
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
130
+ display-p3 0.8549 0.3804 0.4667 / 0.4
131
131
  ); /* #da617766 with alpha 0.4 */
132
132
  --theme-accent-100: var(--color-purple-100);
133
133
  --theme-accent-200: var(--color-purple-200);
package/styles/dist/red.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --surface-tertiary: var(--color-neutral-200);
7
7
  --surface-disabled: var(--color-neutral-100);
8
8
  --surface-scrim: color(
9
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
9
+ display-p3 0.0314 0.0588 0.0667 / 0.4
10
10
  ); /* #080f1166 with alpha 0.4 */
11
11
  --surface-accent: var(--theme-accent-800);
12
12
  --surface-accent-hover: var(--theme-accent-700);
@@ -95,16 +95,16 @@
95
95
  --stroke-info-tertiary: var(--theme-info-400);
96
96
  --stroke-info-quaternary: var(--theme-info-300);
97
97
  --chart-fill-area-primary: color(
98
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.7
99
- ); /* #da6177b3 with alpha 0.7 */
98
+ display-p3 0.8549 0.3804 0.4667 / 0.7
99
+ ); /* #da6177b3 with alpha 0.7019607843137254 */
100
100
  --chart-fill-area-secondary: color(
101
- display-p3 0.7123368412346623 0.3659764657543945 0.42018168321468297 / 0.7
102
- ); /* #c3576ab3 with alpha 0.7 */
101
+ display-p3 0.7647 0.3412 0.4157 / 0.7
102
+ ); /* #c3576ab3 with alpha 0.7019607843137254 */
103
103
  --chart-fill-area-tertiary: color(
104
- display-p3 0.54467993913213 0.2881585750532095 0.32859275026896756 / 0.7
105
- ); /* #954553b3 with alpha 0.7 */
104
+ display-p3 0.5843 0.2706 0.3255 / 0.7
105
+ ); /* #954553b3 with alpha 0.7019607843137254 */
106
106
  --chart-fill-area-quaternary: color(
107
- display-p3 0.3880353956012564 0.21503505622273383 0.2377024955644162 / 0.2
107
+ display-p3 0.4157 0.2039 0.2353 / 0.2
108
108
  ); /* #6a343c33 with alpha 0.2 */
109
109
  --chart-fill-item-primary: var(--theme-accent-700);
110
110
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -120,14 +120,14 @@
120
120
  --chart-stroke-line-tertiary: var(--color-red-600);
121
121
  --chart-stroke-line-quaternary: var(--color-blue-600);
122
122
  --chart-stroke-y-axis: color(
123
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
123
+ display-p3 0.1765 0.2 0.2078 / 0.4
124
124
  ); /* #2d333566 with alpha 0.4 */
125
125
  --chart-stroke-item: color(
126
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
126
+ display-p3 0.8549 0.3804 0.4667 / 0.4
127
127
  ); /* #da617766 with alpha 0.4 */
128
128
  --chart-stroke-item-inactive: var(--color-neutral-200);
129
129
  --chart-stroke-error: color(
130
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
130
+ display-p3 0.8549 0.3804 0.4667 / 0.4
131
131
  ); /* #da617766 with alpha 0.4 */
132
132
  --theme-accent-100: var(--color-red-100);
133
133
  --theme-accent-200: var(--color-red-200);
package/styles/dist/yellow.css CHANGED
@@ -6,7 +6,7 @@
6
6
  --surface-tertiary: var(--color-neutral-200);
7
7
  --surface-disabled: var(--color-neutral-100);
8
8
  --surface-scrim: color(
9
- display-p3 0.036760063071504825 0.05804576716456642 0.06562718269807541 / 0.4
9
+ display-p3 0.0314 0.0588 0.0667 / 0.4
10
10
  ); /* #080f1166 with alpha 0.4 */
11
11
  --surface-accent: var(--theme-accent-800);
12
12
  --surface-accent-hover: var(--theme-accent-700);
@@ -95,16 +95,16 @@
95
95
  --stroke-info-tertiary: var(--theme-info-400);
96
96
  --stroke-info-quaternary: var(--theme-info-300);
97
97
  --chart-fill-area-primary: color(
98
- display-p3 0.7625685956908921 0.60767449881825 0.2994621129781391 / 0.7
99
- ); /* #ca993bb3 with alpha 0.7 */
98
+ display-p3 0.7922 0.6 0.2314 / 0.7
99
+ ); /* #ca993bb3 with alpha 0.7019607843137254 */
100
100
  --chart-fill-area-secondary: color(
101
- display-p3 0.577577081670476 0.46066704465450065 0.23478898502532436 / 0.7
102
- ); /* #997430b3 with alpha 0.7 */
101
+ display-p3 0.6 0.4549 0.1882 / 0.7
102
+ ); /* #997430b3 with alpha 0.7019607843137254 */
103
103
  --chart-fill-area-tertiary: color(
104
- display-p3 0.4456676007915647 0.3572643913038676 0.1862111103866858 / 0.7
105
- ); /* #765a27b3 with alpha 0.7 */
104
+ display-p3 0.4627 0.3529 0.1529 / 0.7
105
+ ); /* #765a27b3 with alpha 0.7019607843137254 */
106
106
  --chart-fill-area-quaternary: color(
107
- display-p3 0.32158715205107063 0.26170195700266397 0.14269771287346764 / 0.2
107
+ display-p3 0.3333 0.2588 0.1216 / 0.2
108
108
  ); /* #55421f33 with alpha 0.2 */
109
109
  --chart-fill-item-primary: var(--theme-accent-700);
110
110
  --chart-fill-item-secondary: var(--theme-accent-600);
@@ -120,14 +120,14 @@
120
120
  --chart-stroke-line-tertiary: var(--color-red-600);
121
121
  --chart-stroke-line-quaternary: var(--color-blue-600);
122
122
  --chart-stroke-y-axis: color(
123
- display-p3 0.18088995487994503 0.1992673051921286 0.20679231365610162 / 0.4
123
+ display-p3 0.1765 0.2 0.2078 / 0.4
124
124
  ); /* #2d333566 with alpha 0.4 */
125
125
  --chart-stroke-item: color(
126
- display-p3 0.7625685956908921 0.60767449881825 0.2994621129781391 / 0.4
126
+ display-p3 0.7922 0.6 0.2314 / 0.4
127
127
  ); /* #ca993b66 with alpha 0.4 */
128
128
  --chart-stroke-item-inactive: var(--color-neutral-200);
129
129
  --chart-stroke-error: color(
130
- display-p3 0.7964645558620367 0.40841569441043135 0.47149465440441213 / 0.4
130
+ display-p3 0.8549 0.3804 0.4667 / 0.4
131
131
  ); /* #da617766 with alpha 0.4 */
132
132
  --theme-accent-100: var(--color-yellow-100);
133
133
  --theme-accent-200: var(--color-yellow-200);