@oxide/design-system 1.6.5--canary.f8dd1ac.0 → 1.7.0--canary.5461be5.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 (8) hide show
  1. package/package.json +1 -1
  2. package/styles/dist/blue.css +19 -19
  3. package/styles/dist/green.css +19 -19
  4. package/styles/dist/main.css +21 -21
  5. package/styles/dist/purple.css +19 -19
  6. package/styles/dist/red.css +19 -19
  7. package/styles/dist/tailwind-tokens.js +15 -15
  8. package/styles/dist/yellow.css +19 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "1.6.5--canary.f8dd1ac.0",
3
+ "version": "1.7.0--canary.5461be5.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
@@ -94,18 +94,18 @@
94
94
  --surface-error-secondary-p3: var(--theme-error-200-p3);
95
95
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
96
 
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
97
+ --surface-inverse-rgb: var(--content-default-rgb);
98
+ --surface-inverse-p3: var(--content-default-p3);
99
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
104
100
 
105
101
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
102
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
103
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
104
 
105
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
106
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
107
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
108
+
109
109
  --surface-info-rgb: var(--theme-info-800-rgb);
110
110
  --surface-info-p3: var(--theme-info-800-p3);
111
111
  --surface-info: rgb(var(--surface-info-rgb));
@@ -122,26 +122,26 @@
122
122
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
123
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
124
 
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
125
+ --content-default-rgb: var(--base-neutral-900-rgb);
126
+ --content-default-p3: var(--base-neutral-900-p3);
131
127
  --content-default: rgb(var(--content-default-rgb));
132
128
 
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
129
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
130
+ --content-secondary-p3: var(--base-neutral-800-p3);
135
131
  --content-secondary: rgb(var(--content-secondary-rgb));
136
132
 
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
133
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
+ --content-tertiary-p3: var(--base-neutral-700-p3);
139
135
  --content-tertiary: rgb(var(--content-tertiary-rgb));
140
136
 
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
137
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
+ --content-quaternary-p3: var(--base-neutral-600-p3);
143
139
  --content-quaternary: rgb(var(--content-quaternary-rgb));
144
140
 
141
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quinary-p3: var(--base-neutral-500-p3);
143
+ --content-quinary: rgb(var(--content-quinary-rgb));
144
+
145
145
  --content-disabled-rgb: var(--base-neutral-500-rgb);
146
146
  --content-disabled-p3: var(--base-neutral-500-p3);
147
147
  --content-disabled: rgb(var(--content-disabled-rgb));
package/styles/dist/green.css CHANGED
@@ -94,18 +94,18 @@
94
94
  --surface-error-secondary-p3: var(--theme-error-200-p3);
95
95
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
96
 
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
97
+ --surface-inverse-rgb: var(--content-default-rgb);
98
+ --surface-inverse-p3: var(--content-default-p3);
99
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
104
100
 
105
101
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
102
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
103
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
104
 
105
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
106
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
107
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
108
+
109
109
  --surface-info-rgb: var(--theme-info-800-rgb);
110
110
  --surface-info-p3: var(--theme-info-800-p3);
111
111
  --surface-info: rgb(var(--surface-info-rgb));
@@ -122,26 +122,26 @@
122
122
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
123
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
124
 
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
125
+ --content-default-rgb: var(--base-neutral-900-rgb);
126
+ --content-default-p3: var(--base-neutral-900-p3);
131
127
  --content-default: rgb(var(--content-default-rgb));
132
128
 
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
129
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
130
+ --content-secondary-p3: var(--base-neutral-800-p3);
135
131
  --content-secondary: rgb(var(--content-secondary-rgb));
136
132
 
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
133
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
+ --content-tertiary-p3: var(--base-neutral-700-p3);
139
135
  --content-tertiary: rgb(var(--content-tertiary-rgb));
140
136
 
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
137
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
+ --content-quaternary-p3: var(--base-neutral-600-p3);
143
139
  --content-quaternary: rgb(var(--content-quaternary-rgb));
144
140
 
141
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quinary-p3: var(--base-neutral-500-p3);
143
+ --content-quinary: rgb(var(--content-quinary-rgb));
144
+
145
145
  --content-disabled-rgb: var(--base-neutral-500-rgb);
146
146
  --content-disabled-p3: var(--base-neutral-500-p3);
147
147
  --content-disabled: rgb(var(--content-disabled-rgb));
package/styles/dist/main.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
2
2
 
3
3
  :root {
4
- --base-neutral-900-rgb: 215, 216, 217; /* #D7D8D9 */
5
- --base-neutral-900-p3: color(display-p3 0.8431 0.8471 0.851);
4
+ --base-neutral-900-rgb: 231, 231, 232; /* #E7E7E8 */
5
+ --base-neutral-900-p3: color(display-p3 0.9059 0.9059 0.9098);
6
6
  --base-neutral-900: rgb(var(--base-neutral-900-rgb));
7
7
 
8
8
  --base-neutral-800-rgb: 184, 187, 188; /* #B8BBBC */
@@ -298,18 +298,18 @@
298
298
  --surface-error-secondary-p3: var(--theme-error-200-p3);
299
299
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
300
300
 
301
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
302
- --surface-inverse-raise-p3: var(--content-raise-p3);
303
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
304
-
305
- --surface-inverse-primary-rgb: var(--content-default-rgb);
306
- --surface-inverse-primary-p3: var(--content-default-p3);
307
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
301
+ --surface-inverse-rgb: var(--content-default-rgb);
302
+ --surface-inverse-p3: var(--content-default-p3);
303
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
308
304
 
309
305
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
310
306
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
311
307
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
312
308
 
309
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
310
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
311
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
312
+
313
313
  --surface-info-rgb: var(--theme-info-800-rgb);
314
314
  --surface-info-p3: var(--theme-info-800-p3);
315
315
  --surface-info: rgb(var(--surface-info-rgb));
@@ -326,26 +326,26 @@
326
326
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
327
327
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
328
328
 
329
- --content-raise-rgb: var(--base-neutral-900-rgb);
330
- --content-raise-p3: var(--base-neutral-900-p3);
331
- --content-raise: rgb(var(--content-raise-rgb));
332
-
333
- --content-default-rgb: var(--base-neutral-800-rgb);
334
- --content-default-p3: var(--base-neutral-800-p3);
329
+ --content-default-rgb: var(--base-neutral-900-rgb);
330
+ --content-default-p3: var(--base-neutral-900-p3);
335
331
  --content-default: rgb(var(--content-default-rgb));
336
332
 
337
- --content-secondary-rgb: var(--base-neutral-700-rgb);
338
- --content-secondary-p3: var(--base-neutral-700-p3);
333
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
334
+ --content-secondary-p3: var(--base-neutral-800-p3);
339
335
  --content-secondary: rgb(var(--content-secondary-rgb));
340
336
 
341
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
342
- --content-tertiary-p3: var(--base-neutral-600-p3);
337
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
338
+ --content-tertiary-p3: var(--base-neutral-700-p3);
343
339
  --content-tertiary: rgb(var(--content-tertiary-rgb));
344
340
 
345
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
346
- --content-quaternary-p3: var(--base-neutral-500-p3);
341
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
342
+ --content-quaternary-p3: var(--base-neutral-600-p3);
347
343
  --content-quaternary: rgb(var(--content-quaternary-rgb));
348
344
 
345
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
346
+ --content-quinary-p3: var(--base-neutral-500-p3);
347
+ --content-quinary: rgb(var(--content-quinary-rgb));
348
+
349
349
  --content-disabled-rgb: var(--base-neutral-500-rgb);
350
350
  --content-disabled-p3: var(--base-neutral-500-p3);
351
351
  --content-disabled: rgb(var(--content-disabled-rgb));
package/styles/dist/purple.css CHANGED
@@ -94,18 +94,18 @@
94
94
  --surface-error-secondary-p3: var(--theme-error-200-p3);
95
95
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
96
 
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
97
+ --surface-inverse-rgb: var(--content-default-rgb);
98
+ --surface-inverse-p3: var(--content-default-p3);
99
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
104
100
 
105
101
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
102
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
103
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
104
 
105
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
106
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
107
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
108
+
109
109
  --surface-info-rgb: var(--theme-info-800-rgb);
110
110
  --surface-info-p3: var(--theme-info-800-p3);
111
111
  --surface-info: rgb(var(--surface-info-rgb));
@@ -122,26 +122,26 @@
122
122
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
123
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
124
 
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
125
+ --content-default-rgb: var(--base-neutral-900-rgb);
126
+ --content-default-p3: var(--base-neutral-900-p3);
131
127
  --content-default: rgb(var(--content-default-rgb));
132
128
 
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
129
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
130
+ --content-secondary-p3: var(--base-neutral-800-p3);
135
131
  --content-secondary: rgb(var(--content-secondary-rgb));
136
132
 
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
133
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
+ --content-tertiary-p3: var(--base-neutral-700-p3);
139
135
  --content-tertiary: rgb(var(--content-tertiary-rgb));
140
136
 
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
137
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
+ --content-quaternary-p3: var(--base-neutral-600-p3);
143
139
  --content-quaternary: rgb(var(--content-quaternary-rgb));
144
140
 
141
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quinary-p3: var(--base-neutral-500-p3);
143
+ --content-quinary: rgb(var(--content-quinary-rgb));
144
+
145
145
  --content-disabled-rgb: var(--base-neutral-500-rgb);
146
146
  --content-disabled-p3: var(--base-neutral-500-p3);
147
147
  --content-disabled: rgb(var(--content-disabled-rgb));
package/styles/dist/red.css CHANGED
@@ -94,18 +94,18 @@
94
94
  --surface-error-secondary-p3: var(--theme-error-200-p3);
95
95
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
96
 
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
97
+ --surface-inverse-rgb: var(--content-default-rgb);
98
+ --surface-inverse-p3: var(--content-default-p3);
99
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
104
100
 
105
101
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
102
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
103
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
104
 
105
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
106
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
107
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
108
+
109
109
  --surface-info-rgb: var(--theme-info-800-rgb);
110
110
  --surface-info-p3: var(--theme-info-800-p3);
111
111
  --surface-info: rgb(var(--surface-info-rgb));
@@ -122,26 +122,26 @@
122
122
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
123
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
124
 
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
125
+ --content-default-rgb: var(--base-neutral-900-rgb);
126
+ --content-default-p3: var(--base-neutral-900-p3);
131
127
  --content-default: rgb(var(--content-default-rgb));
132
128
 
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
129
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
130
+ --content-secondary-p3: var(--base-neutral-800-p3);
135
131
  --content-secondary: rgb(var(--content-secondary-rgb));
136
132
 
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
133
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
+ --content-tertiary-p3: var(--base-neutral-700-p3);
139
135
  --content-tertiary: rgb(var(--content-tertiary-rgb));
140
136
 
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
137
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
+ --content-quaternary-p3: var(--base-neutral-600-p3);
143
139
  --content-quaternary: rgb(var(--content-quaternary-rgb));
144
140
 
141
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quinary-p3: var(--base-neutral-500-p3);
143
+ --content-quinary: rgb(var(--content-quinary-rgb));
144
+
145
145
  --content-disabled-rgb: var(--base-neutral-500-rgb);
146
146
  --content-disabled-p3: var(--base-neutral-500-p3);
147
147
  --content-disabled: rgb(var(--content-disabled-rgb));
package/styles/dist/tailwind-tokens.js CHANGED
@@ -131,12 +131,6 @@ module.exports.textUtilities = {
131
131
  }
132
132
 
133
133
  module.exports.colorUtilities = {
134
- '.text-raise': {
135
- color: 'var(--content-raise)',
136
- '@supports (color: color(display-p3 1 1 1))': {
137
- color: 'var(--content-raise-p3)',
138
- },
139
- },
140
134
  '.text-default': {
141
135
  color: 'var(--content-default)',
142
136
  '@supports (color: color(display-p3 1 1 1))': {
@@ -161,6 +155,12 @@ module.exports.colorUtilities = {
161
155
  color: 'var(--content-quaternary-p3)',
162
156
  },
163
157
  },
158
+ '.text-quinary': {
159
+ color: 'var(--content-quinary)',
160
+ '@supports (color: color(display-p3 1 1 1))': {
161
+ color: 'var(--content-quinary-p3)',
162
+ },
163
+ },
164
164
  '.text-disabled': {
165
165
  color: 'var(--content-disabled)',
166
166
  '@supports (color: color(display-p3 1 1 1))': {
@@ -756,16 +756,10 @@ module.exports.colorUtilities = {
756
756
  'background-color': 'var(--surface-error-secondary-p3)',
757
757
  },
758
758
  },
759
- '.bg-inverse-raise': {
760
- 'background-color': 'var(--surface-inverse-raise)',
759
+ '.bg-inverse': {
760
+ 'background-color': 'var(--surface-inverse)',
761
761
  '@supports (color: color(display-p3 1 1 1))': {
762
- 'background-color': 'var(--surface-inverse-raise-p3)',
763
- },
764
- },
765
- '.bg-inverse-primary': {
766
- 'background-color': 'var(--surface-inverse-primary)',
767
- '@supports (color: color(display-p3 1 1 1))': {
768
- 'background-color': 'var(--surface-inverse-primary-p3)',
762
+ 'background-color': 'var(--surface-inverse-p3)',
769
763
  },
770
764
  },
771
765
  '.bg-inverse-secondary': {
@@ -774,6 +768,12 @@ module.exports.colorUtilities = {
774
768
  'background-color': 'var(--surface-inverse-secondary-p3)',
775
769
  },
776
770
  },
771
+ '.bg-inverse-tertiary': {
772
+ 'background-color': 'var(--surface-inverse-tertiary)',
773
+ '@supports (color: color(display-p3 1 1 1))': {
774
+ 'background-color': 'var(--surface-inverse-tertiary-p3)',
775
+ },
776
+ },
777
777
  '.bg-info': {
778
778
  'background-color': 'var(--surface-info)',
779
779
  '@supports (color: color(display-p3 1 1 1))': {
package/styles/dist/yellow.css CHANGED
@@ -94,18 +94,18 @@
94
94
  --surface-error-secondary-p3: var(--theme-error-200-p3);
95
95
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
96
96
 
97
- --surface-inverse-raise-rgb: var(--content-raise-rgb);
98
- --surface-inverse-raise-p3: var(--content-raise-p3);
99
- --surface-inverse-raise: rgb(var(--surface-inverse-raise-rgb));
100
-
101
- --surface-inverse-primary-rgb: var(--content-default-rgb);
102
- --surface-inverse-primary-p3: var(--content-default-p3);
103
- --surface-inverse-primary: rgb(var(--surface-inverse-primary-rgb));
97
+ --surface-inverse-rgb: var(--content-default-rgb);
98
+ --surface-inverse-p3: var(--content-default-p3);
99
+ --surface-inverse: rgb(var(--surface-inverse-rgb));
104
100
 
105
101
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
106
102
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
107
103
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
108
104
 
105
+ --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
106
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
107
+ --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
108
+
109
109
  --surface-info-rgb: var(--theme-info-800-rgb);
110
110
  --surface-info-p3: var(--theme-info-800-p3);
111
111
  --surface-info: rgb(var(--surface-info-rgb));
@@ -122,26 +122,26 @@
122
122
  --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
123
123
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
124
124
 
125
- --content-raise-rgb: var(--base-neutral-900-rgb);
126
- --content-raise-p3: var(--base-neutral-900-p3);
127
- --content-raise: rgb(var(--content-raise-rgb));
128
-
129
- --content-default-rgb: var(--base-neutral-800-rgb);
130
- --content-default-p3: var(--base-neutral-800-p3);
125
+ --content-default-rgb: var(--base-neutral-900-rgb);
126
+ --content-default-p3: var(--base-neutral-900-p3);
131
127
  --content-default: rgb(var(--content-default-rgb));
132
128
 
133
- --content-secondary-rgb: var(--base-neutral-700-rgb);
134
- --content-secondary-p3: var(--base-neutral-700-p3);
129
+ --content-secondary-rgb: var(--base-neutral-800-rgb);
130
+ --content-secondary-p3: var(--base-neutral-800-p3);
135
131
  --content-secondary: rgb(var(--content-secondary-rgb));
136
132
 
137
- --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
- --content-tertiary-p3: var(--base-neutral-600-p3);
133
+ --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
+ --content-tertiary-p3: var(--base-neutral-700-p3);
139
135
  --content-tertiary: rgb(var(--content-tertiary-rgb));
140
136
 
141
- --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
- --content-quaternary-p3: var(--base-neutral-500-p3);
137
+ --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
+ --content-quaternary-p3: var(--base-neutral-600-p3);
143
139
  --content-quaternary: rgb(var(--content-quaternary-rgb));
144
140
 
141
+ --content-quinary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quinary-p3: var(--base-neutral-500-p3);
143
+ --content-quinary: rgb(var(--content-quinary-rgb));
144
+
145
145
  --content-disabled-rgb: var(--base-neutral-500-rgb);
146
146
  --content-disabled-p3: var(--base-neutral-500-p3);
147
147
  --content-disabled: rgb(var(--content-disabled-rgb));