@dataimago/css-neutral 0.1.0-alpha.7 → 0.1.0-alpha.9

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 (3) hide show
  1. package/dist/tokens.css +7 -7
  2. package/dist/tokens.scss +7 -7
  3. package/package.json +2 -2
package/dist/tokens.css CHANGED
@@ -116,8 +116,8 @@
116
116
  --shadow-subtle: 0 1px 2px 0 rgb(20 20 16 / 0.05);
117
117
  --shadow-moderate: 0 4px 6px -1px rgb(20 20 16 / 0.1);
118
118
  --shadow-prominent: 0 10px 15px -3px rgb(20 20 16 / 0.1);
119
- --border-subtle: rgba(20, 20, 16, 0.1);
120
- --border-moderate: rgba(20, 20, 16, 0.15);
119
+ --border-subtle: rgba(20, 20, 16, 0.47);
120
+ --border-moderate: rgba(20, 20, 16, 0.63);
121
121
  --border-focus: #3498DB;
122
122
  --navigation-hover-background: rgba(20, 20, 16, 0.05);
123
123
  --navigation-active-background: rgba(20, 20, 16, 0.1);
@@ -151,15 +151,15 @@
151
151
  --shadow-subtle: 0 1px 2px 0 rgb(237 237 235 / 0.03);
152
152
  --shadow-moderate: 0 4px 6px -1px rgb(237 237 235 / 0.05);
153
153
  --shadow-prominent: 0 10px 15px -3px rgb(237 237 235 / 0.4);
154
- --border-subtle: rgba(237, 237, 235, 0.1);
155
- --border-moderate: rgba(237, 237, 235, 0.15);
154
+ --border-subtle: rgba(237, 237, 235, 0.47);
155
+ --border-moderate: rgba(237, 237, 235, 0.63);
156
156
  --border-focus: #4FC3F7;
157
157
  --navigation-hover-background: rgba(237, 237, 235, 0.05);
158
158
  --navigation-active-background: rgba(237, 237, 235, 0.1);
159
159
  }
160
160
 
161
161
  @media (prefers-color-scheme: dark) {
162
- :root {
162
+ :root:where(:not([data-bs-theme="light"])) {
163
163
  --color-surface-page: #141410;
164
164
  --color-surface-page-scrolled: #141410;
165
165
  --color-surface-elevated: #1c1917;
@@ -187,8 +187,8 @@
187
187
  --shadow-subtle: 0 1px 2px 0 rgb(237 237 235 / 0.03);
188
188
  --shadow-moderate: 0 4px 6px -1px rgb(237 237 235 / 0.05);
189
189
  --shadow-prominent: 0 10px 15px -3px rgb(237 237 235 / 0.4);
190
- --border-subtle: rgba(237, 237, 235, 0.1);
191
- --border-moderate: rgba(237, 237, 235, 0.15);
190
+ --border-subtle: rgba(237, 237, 235, 0.47);
191
+ --border-moderate: rgba(237, 237, 235, 0.63);
192
192
  --border-focus: #4FC3F7;
193
193
  --navigation-hover-background: rgba(237, 237, 235, 0.05);
194
194
  --navigation-active-background: rgba(237, 237, 235, 0.1);
package/dist/tokens.scss CHANGED
@@ -116,8 +116,8 @@
116
116
  --shadow-subtle: 0 1px 2px 0 rgb(20 20 16 / 0.05);
117
117
  --shadow-moderate: 0 4px 6px -1px rgb(20 20 16 / 0.1);
118
118
  --shadow-prominent: 0 10px 15px -3px rgb(20 20 16 / 0.1);
119
- --border-subtle: rgba(20, 20, 16, 0.1);
120
- --border-moderate: rgba(20, 20, 16, 0.15);
119
+ --border-subtle: rgba(20, 20, 16, 0.47);
120
+ --border-moderate: rgba(20, 20, 16, 0.63);
121
121
  --border-focus: #3498DB;
122
122
  --navigation-hover-background: rgba(20, 20, 16, 0.05);
123
123
  --navigation-active-background: rgba(20, 20, 16, 0.1);
@@ -151,15 +151,15 @@
151
151
  --shadow-subtle: 0 1px 2px 0 rgb(237 237 235 / 0.03);
152
152
  --shadow-moderate: 0 4px 6px -1px rgb(237 237 235 / 0.05);
153
153
  --shadow-prominent: 0 10px 15px -3px rgb(237 237 235 / 0.4);
154
- --border-subtle: rgba(237, 237, 235, 0.1);
155
- --border-moderate: rgba(237, 237, 235, 0.15);
154
+ --border-subtle: rgba(237, 237, 235, 0.47);
155
+ --border-moderate: rgba(237, 237, 235, 0.63);
156
156
  --border-focus: #4FC3F7;
157
157
  --navigation-hover-background: rgba(237, 237, 235, 0.05);
158
158
  --navigation-active-background: rgba(237, 237, 235, 0.1);
159
159
  }
160
160
 
161
161
  @media (prefers-color-scheme: dark) {
162
- :root {
162
+ :root:where(:not([data-bs-theme="light"])) {
163
163
  --color-surface-page: #141410;
164
164
  --color-surface-page-scrolled: #141410;
165
165
  --color-surface-elevated: #1c1917;
@@ -187,8 +187,8 @@
187
187
  --shadow-subtle: 0 1px 2px 0 rgb(237 237 235 / 0.03);
188
188
  --shadow-moderate: 0 4px 6px -1px rgb(237 237 235 / 0.05);
189
189
  --shadow-prominent: 0 10px 15px -3px rgb(237 237 235 / 0.4);
190
- --border-subtle: rgba(237, 237, 235, 0.1);
191
- --border-moderate: rgba(237, 237, 235, 0.15);
190
+ --border-subtle: rgba(237, 237, 235, 0.47);
191
+ --border-moderate: rgba(237, 237, 235, 0.63);
192
192
  --border-focus: #4FC3F7;
193
193
  --navigation-hover-background: rgba(237, 237, 235, 0.05);
194
194
  --navigation-active-background: rgba(237, 237, 235, 0.1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataimago/css-neutral",
3
- "version": "0.1.0-alpha.7",
3
+ "version": "0.1.0-alpha.9",
4
4
  "description": "Neutral-identity compiled CSS + Tailwind preset — paired with @dataimago/tokens-neutral. Sensible defaults for externally-owned consumers (Level-3 user apps, third-party Level-2 hubs); Noto Sans throughout, neutral palette.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -24,7 +24,7 @@
24
24
  "README.md"
25
25
  ],
26
26
  "dependencies": {
27
- "@dataimago/tokens-neutral": "^0.1.0-alpha.8"
27
+ "@dataimago/tokens-neutral": "^0.1.0-alpha.10"
28
28
  },
29
29
  "keywords": [
30
30
  "css",