@clayui/css 3.95.2 → 3.98.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 (55) hide show
  1. package/lib/css/atlas.css +405 -94
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +210 -82
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +375 -178
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/accessibility.svg +9 -0
  8. package/lib/images/icons/icons.svg +1 -1
  9. package/lib/images/icons/stars.svg +9 -0
  10. package/package.json +2 -2
  11. package/src/images/icons/accessibility.svg +9 -0
  12. package/src/images/icons/stars.svg +9 -0
  13. package/src/scss/_license-text.scss +1 -1
  14. package/src/scss/atlas/variables/_forms.scss +38 -0
  15. package/src/scss/atlas/variables/_menubar.scss +87 -9
  16. package/src/scss/atlas/variables/_pagination.scss +56 -4
  17. package/src/scss/atlas/variables/_tables.scss +4 -4
  18. package/src/scss/cadmin/components/_date-picker.scss +4 -0
  19. package/src/scss/cadmin/components/_forms.scss +1 -25
  20. package/src/scss/cadmin/components/_grid.scss +0 -12
  21. package/src/scss/cadmin/components/_multi-step-nav.scss +1 -11
  22. package/src/scss/cadmin/components/_navbar.scss +1 -6
  23. package/src/scss/cadmin/components/_progress-bars.scss +6 -0
  24. package/src/scss/cadmin/components/_type.scss +0 -21
  25. package/src/scss/cadmin/components/_utilities-functional-important.scss +30 -10
  26. package/src/scss/cadmin/variables/_buttons.scss +12 -2
  27. package/src/scss/cadmin/variables/_forms.scss +31 -0
  28. package/src/scss/cadmin/variables/_menubar.scss +100 -45
  29. package/src/scss/cadmin/variables/_multi-step-nav.scss +18 -0
  30. package/src/scss/cadmin/variables/_navbar.scss +13 -0
  31. package/src/scss/cadmin/variables/_pagination.scss +48 -4
  32. package/src/scss/cadmin/variables/_tables.scss +4 -4
  33. package/src/scss/cadmin/variables/_utilities.scss +111 -36
  34. package/src/scss/components/_date-picker.scss +4 -0
  35. package/src/scss/components/_forms.scss +1 -25
  36. package/src/scss/components/_grid.scss +0 -10
  37. package/src/scss/components/_multi-step-nav.scss +9 -20
  38. package/src/scss/components/_navbar.scss +1 -6
  39. package/src/scss/components/_type.scss +0 -21
  40. package/src/scss/components/_utilities-functional-important.scss +27 -8
  41. package/src/scss/functions/_lx-icons-generated.scss +4 -0
  42. package/src/scss/mixins/_dropdown-menu.scss +37 -1
  43. package/src/scss/mixins/_globals.scss +46 -17
  44. package/src/scss/mixins/_input-groups.scss +8 -0
  45. package/src/scss/mixins/_links.scss +44 -0
  46. package/src/scss/mixins/_transition.scss +2 -7
  47. package/src/scss/mixins/_type.scss +7 -3
  48. package/src/scss/variables/_buttons.scss +2 -0
  49. package/src/scss/variables/_dropdowns.scss +54 -0
  50. package/src/scss/variables/_forms.scss +48 -3
  51. package/src/scss/variables/_icons.scss +1 -1
  52. package/src/scss/variables/_menubar.scss +8 -10
  53. package/src/scss/variables/_multi-step-nav.scss +43 -1
  54. package/src/scss/variables/_navbar.scss +14 -0
  55. package/src/scss/variables/_utilities.scss +111 -36
package/src/scss/variables/_utilities.scss CHANGED
@@ -360,41 +360,6 @@ $border-theme-colors: map-deep-merge(
360
360
  $displays: none, inline, inline-block, block, grid, contents, table, table-row,
361
361
  table-cell, flex, inline-flex !default;
362
362
 
363
- $displays-c-prefers-reduced-motion: () !default;
364
- $displays-c-prefers-reduced-motion: map-deep-merge(
365
- (
366
- d-block-c-prefers-reduced-motion: (
367
- display: none !important,
368
- ),
369
- d-inline-block-c-prefers-reduced-motion: (
370
- display: none !important,
371
- ),
372
- '@media (prefers-reduced-motion: reduce)': (
373
- d-none-c-prefers-reduced-motion: (
374
- display: none !important,
375
- ),
376
- d-block-c-prefers-reduced-motion: (
377
- display: block !important,
378
- ),
379
- d-inline-block-c-prefers-reduced-motion: (
380
- display: inline-block !important,
381
- ),
382
- ),
383
- c-prefers-reduced-motion: (
384
- d-none-c-prefers-reduced-motion: (
385
- display: none !important,
386
- ),
387
- d-block-c-prefers-reduced-motion: (
388
- display: block !important,
389
- ),
390
- d-inline-block-c-prefers-reduced-motion: (
391
- display: inline-block !important,
392
- ),
393
- ),
394
- ),
395
- $displays-c-prefers-reduced-motion
396
- );
397
-
398
363
  // Overflow
399
364
 
400
365
  $overflows: auto, hidden !default;
@@ -561,7 +526,117 @@ $text-decorations: map-deep-merge(
561
526
  $text-decorations
562
527
  );
563
528
 
564
- // Transitions
529
+ // Text Truncate
530
+
531
+ $text-truncate: () !default;
532
+ $text-truncate: map-merge(
533
+ (
534
+ display: block,
535
+ overflow: hidden,
536
+ text-overflow: ellipsis,
537
+ white-space: nowrap,
538
+ ),
539
+ $text-truncate
540
+ );
541
+
542
+ // Text Truncate Inline
543
+
544
+ $text-truncate-inline: () !default;
545
+ $text-truncate-inline: map-deep-merge(
546
+ (
547
+ display: inline-flex,
548
+ max-width: 100%,
549
+ text-truncate: (
550
+ display: inline-block,
551
+ max-width: 100%,
552
+ overflow: hidden,
553
+ text-overflow: ellipsis,
554
+ vertical-align: bottom,
555
+ white-space: nowrap,
556
+ word-wrap: normal,
557
+ ),
558
+ ),
559
+ $text-truncate-inline
560
+ );
561
+
562
+ // C Prefers
563
+
564
+ $c-prefers-link-underline: () !default;
565
+ $c-prefers-link-underline: map-deep-merge(
566
+ (
567
+ '.c-prefers-link-underline': (
568
+ '[href]:not(.disabled):not([role="button"])': (
569
+ text-decoration: underline !important,
570
+ ),
571
+ '.btn-monospaced, .nav-btn-monospaced, .nav-link-monospaced': (
572
+ '&[href]:not(.disabled):not([role="button"]):not([role="tab"])::after':
573
+ (
574
+ content: '\00a0\00a0\00a0',
575
+ position: absolute,
576
+ text-decoration: underline !important,
577
+ ),
578
+ ),
579
+ '.multi-step-item.active, .multi-step-item.complete, .multi-step-item.error, .dropdown':
580
+ (
581
+ '.multi-step-icon[href]:not([role="button"])::after': (
582
+ content: '\00a0\00a0\00a0',
583
+ position: absolute,
584
+ text-decoration: underline !important,
585
+ ),
586
+ ),
587
+ '.multi-step-item.disabled .multi-step-icon[href]:not([role="button"])::after':
588
+ (
589
+ text-decoration: none !important,
590
+ ),
591
+ ),
592
+ ),
593
+ $c-prefers-link-underline
594
+ );
595
+
596
+ $c-prefers-letter-spacing: () !default;
597
+ $c-prefers-letter-spacing: map-deep-merge(
598
+ (
599
+ '.c-prefers-letter-spacing-1': (
600
+ letter-spacing: 1px !important,
601
+ ),
602
+ ),
603
+ $c-prefers-letter-spacing
604
+ );
605
+
606
+ $displays-c-prefers-reduced-motion: () !default;
607
+ $displays-c-prefers-reduced-motion: map-deep-merge(
608
+ (
609
+ d-block-c-prefers-reduced-motion: (
610
+ display: none !important,
611
+ ),
612
+ d-inline-block-c-prefers-reduced-motion: (
613
+ display: none !important,
614
+ ),
615
+ '@media (prefers-reduced-motion: reduce)': (
616
+ d-none-c-prefers-reduced-motion: (
617
+ display: none !important,
618
+ ),
619
+ d-block-c-prefers-reduced-motion: (
620
+ display: block !important,
621
+ ),
622
+ d-inline-block-c-prefers-reduced-motion: (
623
+ display: inline-block !important,
624
+ ),
625
+ ),
626
+ c-prefers-reduced-motion: (
627
+ d-none-c-prefers-reduced-motion: (
628
+ display: none !important,
629
+ ),
630
+ d-block-c-prefers-reduced-motion: (
631
+ display: block !important,
632
+ ),
633
+ d-inline-block-c-prefers-reduced-motion: (
634
+ display: inline-block !important,
635
+ ),
636
+ ),
637
+ ),
638
+ $displays-c-prefers-reduced-motion
639
+ );
565
640
 
566
641
  $c-prefers-reduced-motion: () !default;
567
642
  $c-prefers-reduced-motion: map-merge(