@dataimago/css-neutral 0.1.0-alpha.6 → 0.1.0-alpha.8

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 +18 -18
  2. package/dist/tokens.scss +18 -18
  3. package/package.json +2 -2
package/dist/tokens.css CHANGED
@@ -96,10 +96,10 @@
96
96
  --color-surface-navbar: #ededeb;
97
97
  --color-surface-navbar-scrolled: #ededeb;
98
98
  --color-surface-code: #faf2e3;
99
- --color-border-subtle: rgba(12, 10, 9, 0.08);
100
- --color-border-moderate: rgba(12, 10, 9, 0.15);
101
- --color-border-strong: rgba(12, 10, 9, 0.25);
102
- --color-border-card: rgba(12, 10, 9, 0.15);
99
+ --color-border-subtle: rgba(12, 10, 9, 0.45);
100
+ --color-border-moderate: rgba(12, 10, 9, 0.60);
101
+ --color-border-strong: rgba(12, 10, 9, 0.75);
102
+ --color-border-card: rgba(12, 10, 9, 0.60);
103
103
  --color-border-code: #d6d3d1;
104
104
  --color-content-primary: #14140f;
105
105
  --color-content-secondary: #7c7c7c;
@@ -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);
@@ -131,10 +131,10 @@
131
131
  --color-surface-navbar: #141410;
132
132
  --color-surface-navbar-scrolled: #141410;
133
133
  --color-surface-code: #1c1917;
134
- --color-border-subtle: rgba(253, 249, 242, 0.08);
135
- --color-border-moderate: rgba(253, 249, 242, 0.15);
136
- --color-border-strong: rgba(253, 249, 242, 0.25);
137
- --color-border-card: rgba(253, 249, 242, 0.15);
134
+ --color-border-subtle: rgba(253, 249, 242, 0.45);
135
+ --color-border-moderate: rgba(253, 249, 242, 0.60);
136
+ --color-border-strong: rgba(253, 249, 242, 0.75);
137
+ --color-border-card: rgba(253, 249, 242, 0.60);
138
138
  --color-border-code: #292524;
139
139
  --color-content-primary: #fdf9f2;
140
140
  --color-content-secondary: #a8a29e;
@@ -151,8 +151,8 @@
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);
@@ -167,10 +167,10 @@
167
167
  --color-surface-navbar: #141410;
168
168
  --color-surface-navbar-scrolled: #141410;
169
169
  --color-surface-code: #1c1917;
170
- --color-border-subtle: rgba(253, 249, 242, 0.08);
171
- --color-border-moderate: rgba(253, 249, 242, 0.15);
172
- --color-border-strong: rgba(253, 249, 242, 0.25);
173
- --color-border-card: rgba(253, 249, 242, 0.15);
170
+ --color-border-subtle: rgba(253, 249, 242, 0.45);
171
+ --color-border-moderate: rgba(253, 249, 242, 0.60);
172
+ --color-border-strong: rgba(253, 249, 242, 0.75);
173
+ --color-border-card: rgba(253, 249, 242, 0.60);
174
174
  --color-border-code: #292524;
175
175
  --color-content-primary: #fdf9f2;
176
176
  --color-content-secondary: #a8a29e;
@@ -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
@@ -96,10 +96,10 @@
96
96
  --color-surface-navbar: #ededeb;
97
97
  --color-surface-navbar-scrolled: #ededeb;
98
98
  --color-surface-code: #faf2e3;
99
- --color-border-subtle: rgba(12, 10, 9, 0.08);
100
- --color-border-moderate: rgba(12, 10, 9, 0.15);
101
- --color-border-strong: rgba(12, 10, 9, 0.25);
102
- --color-border-card: rgba(12, 10, 9, 0.15);
99
+ --color-border-subtle: rgba(12, 10, 9, 0.45);
100
+ --color-border-moderate: rgba(12, 10, 9, 0.60);
101
+ --color-border-strong: rgba(12, 10, 9, 0.75);
102
+ --color-border-card: rgba(12, 10, 9, 0.60);
103
103
  --color-border-code: #d6d3d1;
104
104
  --color-content-primary: #14140f;
105
105
  --color-content-secondary: #7c7c7c;
@@ -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);
@@ -131,10 +131,10 @@
131
131
  --color-surface-navbar: #141410;
132
132
  --color-surface-navbar-scrolled: #141410;
133
133
  --color-surface-code: #1c1917;
134
- --color-border-subtle: rgba(253, 249, 242, 0.08);
135
- --color-border-moderate: rgba(253, 249, 242, 0.15);
136
- --color-border-strong: rgba(253, 249, 242, 0.25);
137
- --color-border-card: rgba(253, 249, 242, 0.15);
134
+ --color-border-subtle: rgba(253, 249, 242, 0.45);
135
+ --color-border-moderate: rgba(253, 249, 242, 0.60);
136
+ --color-border-strong: rgba(253, 249, 242, 0.75);
137
+ --color-border-card: rgba(253, 249, 242, 0.60);
138
138
  --color-border-code: #292524;
139
139
  --color-content-primary: #fdf9f2;
140
140
  --color-content-secondary: #a8a29e;
@@ -151,8 +151,8 @@
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);
@@ -167,10 +167,10 @@
167
167
  --color-surface-navbar: #141410;
168
168
  --color-surface-navbar-scrolled: #141410;
169
169
  --color-surface-code: #1c1917;
170
- --color-border-subtle: rgba(253, 249, 242, 0.08);
171
- --color-border-moderate: rgba(253, 249, 242, 0.15);
172
- --color-border-strong: rgba(253, 249, 242, 0.25);
173
- --color-border-card: rgba(253, 249, 242, 0.15);
170
+ --color-border-subtle: rgba(253, 249, 242, 0.45);
171
+ --color-border-moderate: rgba(253, 249, 242, 0.60);
172
+ --color-border-strong: rgba(253, 249, 242, 0.75);
173
+ --color-border-card: rgba(253, 249, 242, 0.60);
174
174
  --color-border-code: #292524;
175
175
  --color-content-primary: #fdf9f2;
176
176
  --color-content-secondary: #a8a29e;
@@ -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.6",
3
+ "version": "0.1.0-alpha.8",
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.6"
27
+ "@dataimago/tokens-neutral": "^0.1.0-alpha.9"
28
28
  },
29
29
  "keywords": [
30
30
  "css",