keystone_ui-styles 0.6.0 → 0.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 (4) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/tailwind/keystone_ui_styles/engine.css +76 -76
  3. data/lib/keystone_ui/styles/version.rb +1 -1
  4. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9ad7572e17ad6ad7c6e9b1fbf6ee4f4767ce5e1e5089556c0f468356b4e9ad34
4
- data.tar.gz: df35a5ae5770ca2f9c7462b04ceace38656ae1344abbbe662945b4dc1314da9c
3
+ metadata.gz: '01934e2242ca47043e8df7646baa100cdec5eca816728852f8752a1e2d826064'
4
+ data.tar.gz: cf23dce4201edc36fd14beffffdf866b09321810340633ae6423eb36ca5b068f
5
5
  SHA512:
6
- metadata.gz: 9334339a02553548b8927756437f53902489bc6cf7adb0ee19d8597a1c254c808e04e03aa1510e1add5f9ce239cc8f4daf811d60064d4e61823b4ee83994a151
7
- data.tar.gz: e5524b27ca4d6ff98a1bfe7eb0ab10043fed2e4e32239b10e0466b57f6cf3c63b527e7287ccae0a30a8f9b7b8decc4f19362e9422c18a2941664775599a220e4
6
+ metadata.gz: 33a231892e34c69f42ba74cfccaf4d3e312264393d1ec07da1c9544bdc492d1c9f73e6613f4668e35bd0b001fa9afdb8cc0948d9b7e77f03365c0005c3f49d81
7
+ data.tar.gz: 58a23c96da3017d1304de87c9a12011d2fdb287253e9fc9d66afd333842869c748f08a0dee41a7495b6fce5fac103e444d2d90a1f2c271db1535bccdae15d8bc
data/app/assets/tailwind/keystone_ui_styles/engine.css CHANGED
@@ -87,17 +87,17 @@
87
87
  --ks-color-danger-hover-dark: var(--color-red-500);
88
88
  --ks-color-on-fill-dark: var(--color-white);
89
89
  --ks-color-surface: var(--color-white);
90
- --ks-color-surface-dark: var(--color-zinc-900);
91
- --ks-color-border: var(--color-gray-200);
92
- --ks-color-border-dark: var(--color-zinc-700);
93
- --ks-color-border-control: var(--color-gray-300);
94
- --ks-color-border-control-dark: var(--color-zinc-700);
95
- --ks-color-text: var(--color-gray-900);
90
+ --ks-color-surface-dark: var(--color-surface-900);
91
+ --ks-color-border: var(--color-surface-200);
92
+ --ks-color-border-dark: var(--color-surface-700);
93
+ --ks-color-border-control: var(--ks-color-border-strong);
94
+ --ks-color-border-control-dark: var(--ks-color-border-strong-dark);
95
+ --ks-color-text: var(--color-surface-900);
96
96
  --ks-color-text-dark: var(--color-white);
97
- --ks-color-text-label: var(--color-gray-700);
98
- --ks-color-text-label-dark: var(--color-gray-300);
99
- --ks-color-text-muted: var(--color-gray-500);
100
- --ks-color-text-muted-dark: var(--color-gray-400);
97
+ --ks-color-text-label: var(--color-surface-700);
98
+ --ks-color-text-label-dark: var(--color-surface-300);
99
+ --ks-color-text-muted: var(--color-surface-500);
100
+ --ks-color-text-muted-dark: var(--color-surface-400);
101
101
  --ks-font-weight-heading: var(--font-weight-semibold);
102
102
  --ks-radius-surface: var(--radius-lg);
103
103
  --ks-shadow-surface: var(--shadow-sm);
@@ -134,39 +134,39 @@
134
134
  --ks-font-weight-medium: var(--font-weight-medium);
135
135
  --ks-color-backdrop: color-mix(in oklab, var(--color-black) 60%, transparent);
136
136
  --ks-color-overlay: var(--color-white);
137
- --ks-color-overlay-dark: var(--color-zinc-800);
138
- --ks-color-text-heading: var(--color-gray-900);
139
- --ks-color-text-heading-dark: var(--color-gray-200);
140
- --ks-color-close: var(--color-gray-400);
137
+ --ks-color-overlay-dark: var(--color-surface-800);
138
+ --ks-color-text-heading: var(--ks-color-text);
139
+ --ks-color-text-heading-dark: var(--ks-color-text-dark);
140
+ --ks-color-close: var(--ks-color-icon);
141
141
  --ks-color-close-hover: var(--color-gray-600);
142
142
  --ks-color-close-hover-dark: var(--color-gray-200);
143
143
  --ks-color-ring: color-mix(in oklab, var(--color-black) 5%, transparent);
144
144
  --ks-color-ring-dark: color-mix(in oklab, var(--color-white) 10%, transparent);
145
- --ks-color-hover: var(--color-gray-50);
146
- --ks-color-hover-dark: var(--color-zinc-800);
147
- --ks-color-border-strong: var(--color-gray-300);
148
- --ks-color-border-strong-dark: var(--color-zinc-600);
145
+ --ks-color-hover: var(--color-surface-50);
146
+ --ks-color-hover-dark: var(--color-surface-800);
147
+ --ks-color-border-strong: var(--color-surface-300);
148
+ --ks-color-border-strong-dark: var(--color-surface-600);
149
149
  --ks-color-focus: var(--color-accent-500);
150
- --ks-color-hover-raised: var(--color-gray-50);
151
- --ks-color-hover-raised-dark: var(--color-zinc-700);
152
- --ks-color-border-choice: var(--color-surface-300);
153
- --ks-color-text-choice: var(--color-surface-900);
154
- --ks-color-text-choice-dark: var(--color-surface-100);
155
- --ks-color-text-choice-muted: var(--color-surface-500);
156
- --ks-color-text-choice-muted-dark: var(--color-surface-400);
150
+ --ks-color-hover-raised: var(--ks-color-hover);
151
+ --ks-color-hover-raised-dark: var(--ks-color-hover-dark);
152
+ --ks-color-border-choice: var(--ks-color-border-strong);
153
+ --ks-color-text-choice: var(--ks-color-text);
154
+ --ks-color-text-choice-dark: var(--ks-color-text-dark);
155
+ --ks-color-text-choice-muted: var(--ks-color-text-muted);
156
+ --ks-color-text-choice-muted-dark: var(--ks-color-text-muted-dark);
157
157
  --ks-color-selected-border: var(--color-accent-500);
158
158
  --ks-color-selected: var(--color-accent-50);
159
159
  --ks-color-selected-dark: var(--color-zinc-800);
160
- --ks-color-text-option: var(--color-gray-900);
161
- --ks-color-text-option-dark: var(--color-gray-100);
162
- --ks-color-text-option-muted: var(--color-surface-500);
163
- --ks-color-text-option-muted-dark: var(--color-gray-400);
160
+ --ks-color-text-option: var(--ks-color-text);
161
+ --ks-color-text-option-dark: var(--ks-color-text-dark);
162
+ --ks-color-text-option-muted: var(--ks-color-text-muted);
163
+ --ks-color-text-option-muted-dark: var(--ks-color-text-muted-dark);
164
164
  --ks-color-drop-active: var(--color-accent-50);
165
165
  --ks-color-drop-active-dark: color-mix(in oklab, var(--color-accent-900) 10%, transparent);
166
- --ks-color-icon: var(--color-gray-400);
167
- --ks-color-icon-dark: var(--color-gray-500);
168
- --ks-color-text-secondary: var(--color-gray-600);
169
- --ks-color-text-secondary-dark: var(--color-gray-400);
166
+ --ks-color-icon: var(--color-surface-400);
167
+ --ks-color-icon-dark: var(--color-surface-500);
168
+ --ks-color-text-secondary: var(--color-surface-600);
169
+ --ks-color-text-secondary-dark: var(--color-surface-400);
170
170
  --ks-color-link: var(--color-accent-600);
171
171
  --ks-color-link-dark: var(--color-accent-400);
172
172
  --ks-color-link-hover: var(--color-accent-500);
@@ -178,36 +178,36 @@
178
178
  --ks-color-info-600: var(--color-accent-600);
179
179
  --ks-color-danger-500: var(--color-red-500);
180
180
  --ks-color-hover-border: color-mix(in oklab, var(--color-accent-500) 50%, transparent);
181
- --ks-color-border-subtle: var(--color-surface-200);
182
- --ks-color-border-subtle-dark: var(--color-surface-700);
183
- --ks-color-fill-muted: var(--color-surface-50);
184
- --ks-color-fill-muted-dark: var(--color-surface-800);
185
- --ks-color-text-display: var(--color-surface-900);
186
- --ks-color-text-display-dark: var(--color-white);
187
- --ks-color-text-display-muted: var(--color-surface-500);
188
- --ks-color-text-display-muted-dark: var(--color-surface-400);
189
- --ks-color-raised: var(--color-white);
190
- --ks-color-raised-dark: var(--color-surface-800);
181
+ --ks-color-border-subtle: var(--ks-color-border);
182
+ --ks-color-border-subtle-dark: var(--ks-color-border-dark);
183
+ --ks-color-fill-muted: var(--ks-color-hover);
184
+ --ks-color-fill-muted-dark: var(--ks-color-hover-dark);
185
+ --ks-color-text-display: var(--ks-color-text);
186
+ --ks-color-text-display-dark: var(--ks-color-text-dark);
187
+ --ks-color-text-display-muted: var(--ks-color-text-muted);
188
+ --ks-color-text-display-muted-dark: var(--ks-color-text-muted-dark);
189
+ --ks-color-raised: var(--ks-color-overlay);
190
+ --ks-color-raised-dark: var(--ks-color-overlay-dark);
191
191
  --ks-color-tint: color-mix(in oklab, var(--color-accent-500) 10%, transparent);
192
192
  --ks-color-tint-border: color-mix(in oklab, var(--color-accent-500) 20%, transparent);
193
193
  --ks-shadow-surface-dark: 0 0 #0000;
194
- --ks-color-table-head: var(--color-gray-50);
195
- --ks-color-table-head-dark: color-mix(in oklab, var(--color-gray-800) 75%, transparent);
196
- --ks-color-table-body: var(--color-white);
197
- --ks-color-table-body-dark: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
198
- --ks-color-divider: var(--color-gray-200);
199
- --ks-color-divider-dark: color-mix(in oklab, var(--color-white) 10%, transparent);
194
+ --ks-color-table-head: var(--ks-color-hover);
195
+ --ks-color-table-head-dark: var(--ks-color-hover-dark);
196
+ --ks-color-table-body: var(--ks-color-surface);
197
+ --ks-color-table-body-dark: var(--ks-color-surface-dark);
198
+ --ks-color-divider: var(--ks-color-border);
199
+ --ks-color-divider-dark: var(--ks-color-border-dark);
200
200
  --ks-color-code: var(--color-surface-900);
201
201
  --ks-color-code-dark: var(--color-black);
202
202
  --ks-color-text-code: var(--color-surface-100);
203
- --ks-color-text-body: var(--color-surface-600);
204
- --ks-color-text-body-dark: var(--color-surface-400);
205
- --ks-color-icon-soft: var(--color-surface-400);
206
- --ks-color-track: var(--color-surface-200);
207
- --ks-color-track-dark: var(--color-surface-700);
203
+ --ks-color-text-body: var(--ks-color-text-secondary);
204
+ --ks-color-text-body-dark: var(--ks-color-text-secondary-dark);
205
+ --ks-color-icon-soft: var(--ks-color-icon);
206
+ --ks-color-track: var(--ks-color-border);
207
+ --ks-color-track-dark: var(--ks-color-border-dark);
208
208
  --ks-color-meter: var(--color-accent-500);
209
- --ks-color-text-meter-label: var(--color-surface-700);
210
- --ks-color-text-meter-label-dark: var(--color-surface-300);
209
+ --ks-color-text-meter-label: var(--ks-color-text-label);
210
+ --ks-color-text-meter-label-dark: var(--ks-color-text-label-dark);
211
211
  --ks-color-funnel-accent: var(--color-accent-500);
212
212
  --ks-color-funnel-sky: var(--color-sky-500);
213
213
  --ks-color-funnel-violet: var(--color-violet-500);
@@ -222,28 +222,28 @@
222
222
  --ks-color-pipeline-box: var(--color-surface-900);
223
223
  --ks-color-pipeline-label: var(--color-surface-500);
224
224
  --ks-color-pipeline-amber: var(--color-amber-400);
225
- --ks-color-nav: var(--base-bg-low, var(--color-white));
226
- --ks-color-nav-dark: var(--base-bg-low, var(--color-zinc-900));
227
- --ks-color-nav-border: var(--base-border-tertiary, var(--color-gray-200));
228
- --ks-color-nav-border-dark: var(--base-border-tertiary, var(--color-zinc-700));
229
- --ks-color-nav-text: var(--base-text-tertiary, var(--color-gray-500));
230
- --ks-color-nav-text-dark: var(--base-text-tertiary, var(--color-gray-400));
231
- --ks-color-nav-text-hover: var(--base-text-secondary, var(--color-gray-700));
232
- --ks-color-nav-text-hover-dark: var(--base-text-secondary, var(--color-gray-300));
233
- --ks-color-nav-active: var(--text-primary, var(--color-accent-600));
234
- --ks-color-nav-active-dark: var(--text-primary, var(--color-accent-400));
235
- --ks-color-nav-link: var(--base-text, var(--color-gray-900));
236
- --ks-color-nav-link-dark: var(--base-text, var(--color-white));
237
- --ks-color-nav-indicator: var(--border-primary, var(--color-accent-600));
238
- --ks-color-nav-indicator-dark: var(--border-primary, var(--color-accent-400));
239
- --ks-color-nav-menu-mobile: var(--base-bg-base, var(--color-white));
240
- --ks-color-nav-menu-mobile-dark: var(--base-bg-base, var(--color-zinc-900));
241
- --ks-color-nav-hover: var(--base-bg-hover, var(--color-gray-50));
242
- --ks-color-nav-hover-dark: var(--base-bg-hover, var(--color-zinc-800));
225
+ --ks-color-nav: var(--base-bg-low, var(--ks-color-surface));
226
+ --ks-color-nav-dark: var(--base-bg-low, var(--ks-color-surface-dark));
227
+ --ks-color-nav-border: var(--base-border-tertiary, var(--ks-color-border));
228
+ --ks-color-nav-border-dark: var(--base-border-tertiary, var(--ks-color-border-dark));
229
+ --ks-color-nav-text: var(--base-text-tertiary, var(--ks-color-text-muted));
230
+ --ks-color-nav-text-dark: var(--base-text-tertiary, var(--ks-color-text-muted-dark));
231
+ --ks-color-nav-text-hover: var(--base-text-secondary, var(--ks-color-text-label));
232
+ --ks-color-nav-text-hover-dark: var(--base-text-secondary, var(--ks-color-text-label-dark));
233
+ --ks-color-nav-active: var(--text-primary, var(--ks-color-link));
234
+ --ks-color-nav-active-dark: var(--text-primary, var(--ks-color-link-dark));
235
+ --ks-color-nav-link: var(--base-text, var(--ks-color-text));
236
+ --ks-color-nav-link-dark: var(--base-text, var(--ks-color-text-dark));
237
+ --ks-color-nav-indicator: var(--border-primary, var(--ks-color-link));
238
+ --ks-color-nav-indicator-dark: var(--border-primary, var(--ks-color-link-dark));
239
+ --ks-color-nav-menu-mobile: var(--base-bg-base, var(--ks-color-surface));
240
+ --ks-color-nav-menu-mobile-dark: var(--base-bg-base, var(--ks-color-surface-dark));
241
+ --ks-color-nav-hover: var(--base-bg-hover, var(--ks-color-hover));
242
+ --ks-color-nav-hover-dark: var(--base-bg-hover, var(--ks-color-hover-dark));
243
243
  --ks-shadow-menu: var(--shadow-md);
244
244
  --ks-font-weight-normal: var(--font-weight-normal);
245
- --ks-color-hover-soft: var(--color-gray-50);
246
- --ks-color-hover-soft-dark: var(--color-gray-800);
245
+ --ks-color-hover-soft: var(--ks-color-hover);
246
+ --ks-color-hover-soft-dark: var(--ks-color-hover-dark);
247
247
  --ks-color-focus-dark: var(--color-accent-400);
248
248
  --ks-color-link-strong-hover: var(--color-accent-900);
249
249
  --ks-color-link-strong-hover-dark: var(--color-accent-300);
data/lib/keystone_ui/styles/version.rb CHANGED
@@ -2,6 +2,6 @@
2
2
 
3
3
  module KeystoneUi
4
4
  module Styles
5
- VERSION = "0.6.0"
5
+ VERSION = "0.7.0"
6
6
  end
7
7
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: keystone_ui-styles
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.0
4
+ version: 0.7.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Tyler Schneider