odt-ui-rails 2.2.7 → 2.2.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 (10) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +11 -1
  3. data/app/assets/stylesheets/odt_ui/styles.css +2872 -1949
  4. data/app/assets/stylesheets/odt_ui/tokens.css +26 -27
  5. data/app/assets/stylesheets/odt_ui.css +2709 -1787
  6. data/lib/generators/odt/templates/odt_ui.rbs +14 -0
  7. data/lib/odt_ui/helper.rb +55 -0
  8. data/lib/odt_ui/version.rb +1 -1
  9. data/sig/odt_ui.rbs +14 -0
  10. metadata +1 -1
data/app/assets/stylesheets/odt_ui/tokens.css CHANGED
@@ -284,32 +284,32 @@
284
284
  /* ==========================================================================
285
285
  * Primary Brand Colors (Dark Scale)
286
286
  * ========================================================================== */
287
- --color-primary-0: hsl(240 78% 10%);
288
- --color-primary-50: hsla(225.1, 58.6%, 58.4%, 0.18);
289
- --color-primary-100: hsla(225.1, 58.6%, 58.4%, 0.28);
290
- --color-primary-200: hsl(240 78% 34%);
291
- --color-primary-300: hsl(234.2 73.9% 37.4%);
292
- --color-primary-400: hsl(229.7 65% 43%);
293
- --color-primary-500: hsl(226.9 53.8% 50.1%);
294
- --color-primary-600: hsl(225.1 58.6% 58.4%);
295
- --color-primary-700: hsl(224 63.5% 67.6%);
296
- --color-primary-800: hsl(223.3 68.7% 76.7%);
297
- --color-primary-900: hsl(222.5 100% 96.2%);
287
+ --color-primary-0: hsla(225.1, 58.6%, 58.4%, 0.05);
288
+ --color-primary-50: hsla(225.1, 58.6%, 58.4%, 0.12);
289
+ --color-primary-100: hsla(225.1, 58.6%, 58.4%, 0.20);
290
+ --color-primary-200: hsla(225.1, 58.6%, 58.4%, 0.32);
291
+ --color-primary-300: hsla(225.1, 58.6%, 58.4%, 0.48);
292
+ --color-primary-400: hsl(224 63.5% 67.6%);
293
+ --color-primary-500: hsl(225.1 58.6% 58.4%);
294
+ --color-primary-600: hsl(226.9 53.8% 50.1%);
295
+ --color-primary-700: hsl(229.7 65% 43%);
296
+ --color-primary-800: hsl(234.2 73.9% 37.4%);
297
+ --color-primary-900: hsl(240 78% 34%);
298
298
 
299
299
  /* ==========================================================================
300
300
  * Secondary Brand Colors (Dark Scale)
301
301
  * ========================================================================== */
302
- --color-secondary-0: hsl(47 100% 10%);
303
- --color-secondary-50: hsla(47, 100%, 68.6%, 0.16);
304
- --color-secondary-100: hsla(47, 100%, 68.6%, 0.25);
305
- --color-secondary-200: hsl(47 100% 50%);
306
- --color-secondary-300: hsl(47 100% 52.9%);
307
- --color-secondary-400: hsl(47 100% 57.3%);
308
- --color-secondary-500: hsl(47 100% 62.6%);
309
- --color-secondary-600: hsl(47 100% 68.6%);
310
- --color-secondary-700: hsl(47 100% 75.2%);
311
- --color-secondary-800: hsl(47 100% 81.6%);
312
- --color-secondary-900: hsl(47 100% 95.6%);
302
+ --color-secondary-0: hsla(47, 100%, 68.6%, 0.05);
303
+ --color-secondary-50: hsla(47, 100%, 68.6%, 0.12);
304
+ --color-secondary-100: hsla(47, 100%, 68.6%, 0.20);
305
+ --color-secondary-200: hsla(47, 100%, 68.6%, 0.32);
306
+ --color-secondary-300: hsla(47, 100%, 68.6%, 0.48);
307
+ --color-secondary-400: hsl(47 100% 75.2%);
308
+ --color-secondary-500: hsl(47 100% 68.6%);
309
+ --color-secondary-600: hsl(47 100% 62.6%);
310
+ --color-secondary-700: hsl(47 100% 57.3%);
311
+ --color-secondary-800: hsl(47 100% 52.9%);
312
+ --color-secondary-900: hsl(47 100% 50%);
313
313
 
314
314
  /* ==========================================================================
315
315
  * Neutral Palette (Dark Scale)
@@ -369,8 +369,8 @@
369
369
  --color-fg-inverse-disabled: var(--color-neutral-400);
370
370
 
371
371
  /* Brand Foreground */
372
- --color-fg-primary: var(--color-primary-600);
373
- --color-fg-secondary: var(--color-secondary-600);
372
+ --color-fg-primary: var(--color-primary-500);
373
+ --color-fg-secondary: var(--color-secondary-500);
374
374
 
375
375
  /* Semantic Foreground */
376
376
  --color-fg-success: var(--color-success);
@@ -406,7 +406,7 @@
406
406
  /* ==========================================================================
407
407
  * Gradients
408
408
  * ========================================================================== */
409
- --gradient-subtle: linear-gradient(to top right, var(--color-primary-50), var(--color-primary-0) 60%, var(--color-secondary-50));
409
+ --gradient-subtle: linear-gradient(to top right, var(--color-primary-50), var(--color-neutral-0) 60%, var(--color-secondary-50));
410
410
  --gradient-hero-primary: var(--gradient-subtle);
411
411
 
412
412
  /* Vibrant accent gradient */
@@ -414,7 +414,7 @@
414
414
  --gradient-hero-vibrant: var(--gradient-vibrant);
415
415
 
416
416
  /* Card surface gradients */
417
- --gradient-card: linear-gradient(to bottom, hsla(225.1, 58.6%, 58.4%, 0.25), var(--color-neutral-50));
417
+ --gradient-card: linear-gradient(to bottom, var(--color-primary-50), var(--color-neutral-50));
418
418
  --gradient-primary-to-white: linear-gradient(to bottom, var(--color-primary-50), var(--color-surface));
419
419
  --gradient-secondary-to-white: linear-gradient(to bottom, var(--color-secondary-50), var(--color-surface));
420
420
  --gradient-primary-h: linear-gradient(to right, var(--color-primary-50), var(--color-surface));
@@ -442,4 +442,3 @@
442
442
  --frosted-gradient-primary: linear-gradient(to bottom right, hsla(240, 78.3%, 65%, 0.18), hsl(224 25% 6% / 0.60));
443
443
  --frosted-gradient-secondary: linear-gradient(to bottom right, hsla(47, 100%, 60%, 0.16), hsl(224 25% 6% / 0.60));
444
444
  }
445
-