@oxide/design-system 3.0.2--canary.fe2e442.0 → 3.0.2

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/package.json +1 -1
  2. package/styles/dist/blue.css +11 -11
  3. package/styles/dist/green.css +11 -11
  4. package/styles/dist/main.css +63 -167
  5. package/styles/dist/purple.css +11 -11
  6. package/styles/dist/red.css +11 -11
  7. package/styles/dist/yellow.css +11 -11
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "3.0.2--canary.fe2e442.0",
3
+ "version": "3.0.2",
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.3556441327376487 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.3556441327376487 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);