@onereach/styles 2.17.4-beta.1152.0 → 2.17.4-beta.1156.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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/variables/tokens/design-tokens-next.json +10 -0
  3. package/tailwind.config.preset.js +1 -5
  4. package/tokens.css +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/styles",
3
- "version": "2.17.4-beta.1152.0",
3
+ "version": "2.17.4-beta.1156.0",
4
4
  "description": "Styles for or-ui-next",
5
5
  "main": "./main.css",
6
6
  "unpkg": "./main.css",
package/src/variables/tokens/design-tokens-next.json CHANGED
@@ -589,6 +589,16 @@
589
589
  "name": "dark-warning-opacity-0-16",
590
590
  "value": "rgba(251,188,12,0.16)",
591
591
  "groupName": "dark/warning/opacity-0.16"
592
+ },
593
+ {
594
+ "name": "light-overlay",
595
+ "value": "rgba(27,27,29,0.8)",
596
+ "groupName": "light/overlay"
597
+ },
598
+ {
599
+ "name": "dark-overlay",
600
+ "value": "rgba(27,27,29,0.8)",
601
+ "groupName": "dark/overlay"
592
602
  }
593
603
  ],
594
604
  "Gradients": [],
package/tailwind.config.preset.js CHANGED
@@ -193,11 +193,7 @@ module.exports = {
193
193
  addVariant('hover', '&:hover:not(.pointer-events-none)');
194
194
  addVariant('focus-visible', '&:focus-visible:not(.pointer-events-none)');
195
195
  addVariant('focus-within', '&:focus-within:not(.pointer-events-none)');
196
-
197
- addVariant('active', [
198
- '&:active:not(.pointer-events-none)',
199
- '&[active]:not(.pointer-events-none)',
200
- ]);
196
+ addVariant('active', '&:active:not(.pointer-events-none)');
201
197
 
202
198
  addVariant('enabled', ['&:enabled', '&:not([disabled])']);
203
199
  addVariant('disabled', ['&:disabled', '&[disabled]']);
package/tokens.css CHANGED
@@ -61,6 +61,7 @@
61
61
  --or-c-warning-opacity-0-08: rgba(153,112,0,0.08);
62
62
  --or-c-warning-opacity-0-12: rgba(153,112,0,0.12);
63
63
  --or-c-warning-opacity-0-16: rgba(153,112,0,0.16);
64
+ --or-c-overlay: rgba(27,27,29,0.8);
64
65
  }
65
66
  [data-theme="dark-mode"], [data-theme="dark"] {
66
67
  --or-c-primary: rgba(164,200,255,1);
@@ -121,4 +122,5 @@
121
122
  --or-c-warning-opacity-0-08: rgba(251,188,12,0.08);
122
123
  --or-c-warning-opacity-0-12: rgba(251,188,12,0.12);
123
124
  --or-c-warning-opacity-0-16: rgba(251,188,12,0.16);
125
+ --or-c-overlay: rgba(27,27,29,0.8);
124
126
  }