better_ui 0.7.1 → 0.7.2
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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 64c0ed9d31f8392770eaedb20fe0727444877a4fa8886b6241bf70c5d093b03e
|
|
4
|
+
data.tar.gz: bbf85b45c167057d13b403d3270eb0bf744cab5d1b2646ee3c6ed88c6cdfceca
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9fa81ccba17b2fc8bf7922ebb4e41a38328cd8439d851008dce1eb1a9b06e47b0481db570f2377ca4a69b65ae91814306584ec24f0d1514e2114763b34db4d89
|
|
7
|
+
data.tar.gz: 92ac9e0d3d760f148f25c0b0fa11e2d57aa7d56d8cf367df637b2521deb8f7bdc11b59063e8fd523e11db0c3de4d8276e824ef1388fada0c71199c4fe05d5395
|
data/lib/better_ui/version.rb
CHANGED
|
@@ -7,7 +7,7 @@ module BetterUi
|
|
|
7
7
|
class InstallGenerator < Rails::Generators::Base
|
|
8
8
|
source_root File.expand_path("templates", __dir__)
|
|
9
9
|
|
|
10
|
-
class_option :copy_theme, type: :boolean, default:
|
|
10
|
+
class_option :copy_theme, type: :boolean, default: true,
|
|
11
11
|
desc: "Copy theme CSS file for customization instead of using npm package default"
|
|
12
12
|
|
|
13
13
|
desc "Installs BetterUi npm package and configures your Rails application"
|
|
@@ -138,6 +138,19 @@
|
|
|
138
138
|
--color-dark-900: oklch(0.16 0.02 240);
|
|
139
139
|
--color-dark-950: oklch(0.10 0.02 240);
|
|
140
140
|
|
|
141
|
+
/* Grayscale - Additional utility grays */
|
|
142
|
+
--color-grayscale-50: oklch(0.98 0.00 0);
|
|
143
|
+
--color-grayscale-100: oklch(0.96 0.00 0);
|
|
144
|
+
--color-grayscale-200: oklch(0.92 0.00 0);
|
|
145
|
+
--color-grayscale-300: oklch(0.84 0.00 0);
|
|
146
|
+
--color-grayscale-400: oklch(0.68 0.00 0);
|
|
147
|
+
--color-grayscale-500: oklch(0.52 0.00 0);
|
|
148
|
+
--color-grayscale-600: oklch(0.42 0.00 0);
|
|
149
|
+
--color-grayscale-700: oklch(0.34 0.00 0);
|
|
150
|
+
--color-grayscale-800: oklch(0.26 0.00 0);
|
|
151
|
+
--color-grayscale-900: oklch(0.18 0.00 0);
|
|
152
|
+
--color-grayscale-950: oklch(0.10 0.00 0);
|
|
153
|
+
|
|
141
154
|
/* ============================================
|
|
142
155
|
TYPOGRAPHY
|
|
143
156
|
============================================ */
|
|
@@ -189,92 +202,3 @@
|
|
|
189
202
|
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
190
203
|
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
|
191
204
|
}
|
|
192
|
-
|
|
193
|
-
/* ============================================
|
|
194
|
-
UTILITY CLASSES
|
|
195
|
-
============================================ */
|
|
196
|
-
|
|
197
|
-
@layer utilities {
|
|
198
|
-
/* Heading text colors for each variant */
|
|
199
|
-
.text-heading-primary {
|
|
200
|
-
@apply text-primary-700 dark:text-primary-300;
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
.text-heading-secondary {
|
|
204
|
-
@apply text-secondary-700 dark:text-secondary-300;
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.text-heading-accent {
|
|
208
|
-
@apply text-accent-700 dark:text-accent-300;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.text-heading-success {
|
|
212
|
-
@apply text-success-700 dark:text-success-300;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.text-heading-danger {
|
|
216
|
-
@apply text-danger-700 dark:text-danger-300;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.text-heading-warning {
|
|
220
|
-
@apply text-warning-700 dark:text-warning-300;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.text-heading-info {
|
|
224
|
-
@apply text-info-700 dark:text-info-300;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
.text-heading-light {
|
|
228
|
-
@apply text-light-700 dark:text-light-300;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.text-heading-dark {
|
|
232
|
-
@apply text-dark-700 dark:text-dark-300;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
/* Hide number input spinners */
|
|
236
|
-
.no-spinner::-webkit-inner-spin-button,
|
|
237
|
-
.no-spinner::-webkit-outer-spin-button {
|
|
238
|
-
-webkit-appearance: none;
|
|
239
|
-
margin: 0;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
.no-spinner {
|
|
243
|
-
-moz-appearance: textfield;
|
|
244
|
-
appearance: textfield;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
/* Focus ring utilities */
|
|
248
|
-
.focus-ring {
|
|
249
|
-
@apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
.focus-ring-inset {
|
|
253
|
-
@apply focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500;
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
/* Smooth scrolling */
|
|
257
|
-
.scroll-smooth {
|
|
258
|
-
scroll-behavior: smooth;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
/* Truncate text */
|
|
262
|
-
.truncate {
|
|
263
|
-
overflow: hidden;
|
|
264
|
-
text-overflow: ellipsis;
|
|
265
|
-
white-space: nowrap;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
/* Glass morphism effect */
|
|
269
|
-
.glass {
|
|
270
|
-
background: rgba(255, 255, 255, 0.7);
|
|
271
|
-
backdrop-filter: blur(10px);
|
|
272
|
-
-webkit-backdrop-filter: blur(10px);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
.glass-dark {
|
|
276
|
-
background: rgba(0, 0, 0, 0.5);
|
|
277
|
-
backdrop-filter: blur(10px);
|
|
278
|
-
-webkit-backdrop-filter: blur(10px);
|
|
279
|
-
}
|
|
280
|
-
}
|