@oxide/design-system 1.7.0--canary.5461be5.0 → 1.7.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.7.0--canary.5461be5.0",
3
+ "version": "1.7.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-rgb: var(--content-default-rgb);
98
- --surface-inverse-p3: var(--content-default-p3);
99
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
100
104
 
101
105
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
102
106
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
103
107
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
104
108
 
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-default-rgb: var(--base-neutral-900-rgb);
126
- --content-default-p3: var(--base-neutral-900-p3);
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);
127
131
  --content-default: rgb(var(--content-default-rgb));
128
132
 
129
- --content-secondary-rgb: var(--base-neutral-800-rgb);
130
- --content-secondary-p3: var(--base-neutral-800-p3);
133
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
134
+ --content-secondary-p3: var(--base-neutral-700-p3);
131
135
  --content-secondary: rgb(var(--content-secondary-rgb));
132
136
 
133
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
- --content-tertiary-p3: var(--base-neutral-700-p3);
137
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
+ --content-tertiary-p3: var(--base-neutral-600-p3);
135
139
  --content-tertiary: rgb(var(--content-tertiary-rgb));
136
140
 
137
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
- --content-quaternary-p3: var(--base-neutral-600-p3);
141
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quaternary-p3: var(--base-neutral-500-p3);
139
143
  --content-quaternary: rgb(var(--content-quaternary-rgb));
140
144
 
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-rgb: var(--content-default-rgb);
98
- --surface-inverse-p3: var(--content-default-p3);
99
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
100
104
 
101
105
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
102
106
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
103
107
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
104
108
 
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-default-rgb: var(--base-neutral-900-rgb);
126
- --content-default-p3: var(--base-neutral-900-p3);
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);
127
131
  --content-default: rgb(var(--content-default-rgb));
128
132
 
129
- --content-secondary-rgb: var(--base-neutral-800-rgb);
130
- --content-secondary-p3: var(--base-neutral-800-p3);
133
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
134
+ --content-secondary-p3: var(--base-neutral-700-p3);
131
135
  --content-secondary: rgb(var(--content-secondary-rgb));
132
136
 
133
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
- --content-tertiary-p3: var(--base-neutral-700-p3);
137
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
+ --content-tertiary-p3: var(--base-neutral-600-p3);
135
139
  --content-tertiary: rgb(var(--content-tertiary-rgb));
136
140
 
137
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
- --content-quaternary-p3: var(--base-neutral-600-p3);
141
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quaternary-p3: var(--base-neutral-500-p3);
139
143
  --content-quaternary: rgb(var(--content-quaternary-rgb));
140
144
 
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: 231, 231, 232; /* #E7E7E8 */
5
- --base-neutral-900-p3: color(display-p3 0.9059 0.9059 0.9098);
4
+ --base-neutral-900-rgb: 215, 216, 217; /* #D7D8D9 */
5
+ --base-neutral-900-p3: color(display-p3 0.8431 0.8471 0.851);
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-rgb: var(--content-default-rgb);
302
- --surface-inverse-p3: var(--content-default-p3);
303
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
304
308
 
305
309
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
306
310
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
307
311
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
308
312
 
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-default-rgb: var(--base-neutral-900-rgb);
330
- --content-default-p3: var(--base-neutral-900-p3);
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);
331
335
  --content-default: rgb(var(--content-default-rgb));
332
336
 
333
- --content-secondary-rgb: var(--base-neutral-800-rgb);
334
- --content-secondary-p3: var(--base-neutral-800-p3);
337
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
338
+ --content-secondary-p3: var(--base-neutral-700-p3);
335
339
  --content-secondary: rgb(var(--content-secondary-rgb));
336
340
 
337
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
338
- --content-tertiary-p3: var(--base-neutral-700-p3);
341
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
342
+ --content-tertiary-p3: var(--base-neutral-600-p3);
339
343
  --content-tertiary: rgb(var(--content-tertiary-rgb));
340
344
 
341
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
342
- --content-quaternary-p3: var(--base-neutral-600-p3);
345
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
346
+ --content-quaternary-p3: var(--base-neutral-500-p3);
343
347
  --content-quaternary: rgb(var(--content-quaternary-rgb));
344
348
 
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-rgb: var(--content-default-rgb);
98
- --surface-inverse-p3: var(--content-default-p3);
99
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
100
104
 
101
105
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
102
106
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
103
107
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
104
108
 
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-default-rgb: var(--base-neutral-900-rgb);
126
- --content-default-p3: var(--base-neutral-900-p3);
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);
127
131
  --content-default: rgb(var(--content-default-rgb));
128
132
 
129
- --content-secondary-rgb: var(--base-neutral-800-rgb);
130
- --content-secondary-p3: var(--base-neutral-800-p3);
133
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
134
+ --content-secondary-p3: var(--base-neutral-700-p3);
131
135
  --content-secondary: rgb(var(--content-secondary-rgb));
132
136
 
133
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
- --content-tertiary-p3: var(--base-neutral-700-p3);
137
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
+ --content-tertiary-p3: var(--base-neutral-600-p3);
135
139
  --content-tertiary: rgb(var(--content-tertiary-rgb));
136
140
 
137
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
- --content-quaternary-p3: var(--base-neutral-600-p3);
141
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quaternary-p3: var(--base-neutral-500-p3);
139
143
  --content-quaternary: rgb(var(--content-quaternary-rgb));
140
144
 
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-rgb: var(--content-default-rgb);
98
- --surface-inverse-p3: var(--content-default-p3);
99
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
100
104
 
101
105
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
102
106
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
103
107
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
104
108
 
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-default-rgb: var(--base-neutral-900-rgb);
126
- --content-default-p3: var(--base-neutral-900-p3);
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);
127
131
  --content-default: rgb(var(--content-default-rgb));
128
132
 
129
- --content-secondary-rgb: var(--base-neutral-800-rgb);
130
- --content-secondary-p3: var(--base-neutral-800-p3);
133
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
134
+ --content-secondary-p3: var(--base-neutral-700-p3);
131
135
  --content-secondary: rgb(var(--content-secondary-rgb));
132
136
 
133
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
- --content-tertiary-p3: var(--base-neutral-700-p3);
137
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
+ --content-tertiary-p3: var(--base-neutral-600-p3);
135
139
  --content-tertiary: rgb(var(--content-tertiary-rgb));
136
140
 
137
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
- --content-quaternary-p3: var(--base-neutral-600-p3);
141
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quaternary-p3: var(--base-neutral-500-p3);
139
143
  --content-quaternary: rgb(var(--content-quaternary-rgb));
140
144
 
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,6 +131,12 @@ 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
+ },
134
140
  '.text-default': {
135
141
  color: 'var(--content-default)',
136
142
  '@supports (color: color(display-p3 1 1 1))': {
@@ -155,12 +161,6 @@ module.exports.colorUtilities = {
155
161
  color: 'var(--content-quaternary-p3)',
156
162
  },
157
163
  },
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,22 +756,22 @@ module.exports.colorUtilities = {
756
756
  'background-color': 'var(--surface-error-secondary-p3)',
757
757
  },
758
758
  },
759
- '.bg-inverse': {
760
- 'background-color': 'var(--surface-inverse)',
759
+ '.bg-inverse-raise': {
760
+ 'background-color': 'var(--surface-inverse-raise)',
761
761
  '@supports (color: color(display-p3 1 1 1))': {
762
- 'background-color': 'var(--surface-inverse-p3)',
762
+ 'background-color': 'var(--surface-inverse-raise-p3)',
763
763
  },
764
764
  },
765
- '.bg-inverse-secondary': {
766
- 'background-color': 'var(--surface-inverse-secondary)',
765
+ '.bg-inverse-primary': {
766
+ 'background-color': 'var(--surface-inverse-primary)',
767
767
  '@supports (color: color(display-p3 1 1 1))': {
768
- 'background-color': 'var(--surface-inverse-secondary-p3)',
768
+ 'background-color': 'var(--surface-inverse-primary-p3)',
769
769
  },
770
770
  },
771
- '.bg-inverse-tertiary': {
772
- 'background-color': 'var(--surface-inverse-tertiary)',
771
+ '.bg-inverse-secondary': {
772
+ 'background-color': 'var(--surface-inverse-secondary)',
773
773
  '@supports (color: color(display-p3 1 1 1))': {
774
- 'background-color': 'var(--surface-inverse-tertiary-p3)',
774
+ 'background-color': 'var(--surface-inverse-secondary-p3)',
775
775
  },
776
776
  },
777
777
  '.bg-info': {
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-rgb: var(--content-default-rgb);
98
- --surface-inverse-p3: var(--content-default-p3);
99
- --surface-inverse: rgb(var(--surface-inverse-rgb));
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));
100
104
 
101
105
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
102
106
  --surface-inverse-secondary-p3: var(--content-secondary-p3);
103
107
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
104
108
 
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-default-rgb: var(--base-neutral-900-rgb);
126
- --content-default-p3: var(--base-neutral-900-p3);
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);
127
131
  --content-default: rgb(var(--content-default-rgb));
128
132
 
129
- --content-secondary-rgb: var(--base-neutral-800-rgb);
130
- --content-secondary-p3: var(--base-neutral-800-p3);
133
+ --content-secondary-rgb: var(--base-neutral-700-rgb);
134
+ --content-secondary-p3: var(--base-neutral-700-p3);
131
135
  --content-secondary: rgb(var(--content-secondary-rgb));
132
136
 
133
- --content-tertiary-rgb: var(--base-neutral-700-rgb);
134
- --content-tertiary-p3: var(--base-neutral-700-p3);
137
+ --content-tertiary-rgb: var(--base-neutral-600-rgb);
138
+ --content-tertiary-p3: var(--base-neutral-600-p3);
135
139
  --content-tertiary: rgb(var(--content-tertiary-rgb));
136
140
 
137
- --content-quaternary-rgb: var(--base-neutral-600-rgb);
138
- --content-quaternary-p3: var(--base-neutral-600-p3);
141
+ --content-quaternary-rgb: var(--base-neutral-500-rgb);
142
+ --content-quaternary-p3: var(--base-neutral-500-p3);
139
143
  --content-quaternary: rgb(var(--content-quaternary-rgb));
140
144
 
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));