@oxide/design-system 0.5.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/styles/dist/blue.css +1 -1
  3. package/styles/dist/main.css +5 -5
  4. package/styles/dist/purple.css +1 -1
  5. package/styles/dist/tailwind-tokens.js +4 -4
  6. package/styles/dist/yellow.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "0.5.0",
3
+ "version": "0.6.0",
4
4
  "description": "Home of reusable design assets and token for oxide internal sites",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/styles/dist/blue.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
26
26
  --surface-disabled: rgb(var(--surface-disabled-rgb));
27
27
 
28
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6);
28
+ --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
29
29
 
30
30
  --surface-accent-rgb: var(--theme-accent-800-rgb);
31
31
  --surface-accent: rgb(var(--surface-accent-rgb));
package/styles/dist/main.css CHANGED
@@ -178,7 +178,7 @@
178
178
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
179
179
  --surface-disabled: rgb(var(--surface-disabled-rgb));
180
180
 
181
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6);
181
+ --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
182
182
 
183
183
  --surface-accent-rgb: var(--theme-accent-800-rgb);
184
184
  --surface-accent: rgb(var(--surface-accent-rgb));
@@ -563,11 +563,11 @@
563
563
  --border-radius-lg: 0.375rem;
564
564
  --border-radius-full: 624.9375rem;
565
565
 
566
- --box-shadow-0: none;
567
- --box-shadow-1: 0px 0.656px 4.625px #00000021, 0px 3px 13px #00000033,
566
+ --elevation-0: none;
567
+ --elevation-1: 0px 0.656px 4.625px #00000021, 0px 3px 13px #00000033,
568
568
  0px 7.594px 34.875px #00000045, 0px 15px 80px #00000066;
569
- --box-shadow-2: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033,
569
+ --elevation-2: 0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033,
570
570
  0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066;
571
- --box-shadow-3: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
571
+ --elevation-3: 0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033,
572
572
  0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066;
573
573
  }
package/styles/dist/purple.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
26
26
  --surface-disabled: rgb(var(--surface-disabled-rgb));
27
27
 
28
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6);
28
+ --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
29
29
 
30
30
  --surface-accent-rgb: var(--theme-accent-800-rgb);
31
31
  --surface-accent: rgb(var(--surface-accent-rgb));
package/styles/dist/tailwind-tokens.js CHANGED
@@ -926,19 +926,19 @@ module.exports.colorUtilities = {
926
926
 
927
927
  module.exports.elevationUtilities = {
928
928
  '.elevation-0': {
929
- 'box-shadow': 'var(--box-shadow-0)',
929
+ 'box-shadow': 'var(--elevation-0)',
930
930
  'background-color': 'var(--surface-default)',
931
931
  },
932
932
  '.elevation-1': {
933
- 'box-shadow': 'var(--box-shadow-1)',
933
+ 'box-shadow': 'var(--elevation-1)',
934
934
  'background-color': 'var(--surface-hover)',
935
935
  },
936
936
  '.elevation-2': {
937
- 'box-shadow': 'var(--box-shadow-2)',
937
+ 'box-shadow': 'var(--elevation-2)',
938
938
  'background-color': 'var(--surface-secondary)',
939
939
  },
940
940
  '.elevation-3': {
941
- 'box-shadow': 'var(--box-shadow-3)',
941
+ 'box-shadow': 'var(--elevation-3)',
942
942
  'background-color': 'var(--surface-tertiary)',
943
943
  },
944
944
  }
package/styles/dist/yellow.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
26
26
  --surface-disabled: rgb(var(--surface-disabled-rgb));
27
27
 
28
- --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.6);
28
+ --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
29
29
 
30
30
  --surface-accent-rgb: var(--theme-accent-800-rgb);
31
31
  --surface-accent: rgb(var(--surface-accent-rgb));