@clayui/css 3.89.0 → 3.91.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 (53) hide show
  1. package/lib/css/atlas.css +140 -243
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +102 -154
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +153 -241
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/angle-double-left-small.svg +10 -0
  8. package/lib/images/icons/angle-double-left.svg +10 -0
  9. package/lib/images/icons/angle-double-right-small.svg +10 -0
  10. package/lib/images/icons/angle-double-right.svg +10 -0
  11. package/lib/images/icons/field-area.svg +10 -0
  12. package/lib/images/icons/flags-km-KH.svg +12 -0
  13. package/lib/images/icons/icons.svg +1 -1
  14. package/package.json +2 -2
  15. package/src/images/icons/angle-double-left-small.svg +10 -0
  16. package/src/images/icons/angle-double-left.svg +10 -0
  17. package/src/images/icons/angle-double-right-small.svg +10 -0
  18. package/src/images/icons/angle-double-right.svg +10 -0
  19. package/src/images/icons/field-area.svg +10 -0
  20. package/src/images/icons/flags-km-KH.svg +12 -0
  21. package/src/scss/_components.scss +1 -0
  22. package/src/scss/_license-text.scss +1 -1
  23. package/src/scss/_variables.scss +1 -0
  24. package/src/scss/atlas/variables/_menubar.scss +68 -62
  25. package/src/scss/atlas/variables/_navbar.scss +34 -0
  26. package/src/scss/atlas/variables/_navigation-bar.scss +1 -1
  27. package/src/scss/atlas/variables/_navs.scss +20 -41
  28. package/src/scss/cadmin/_variables.scss +1 -0
  29. package/src/scss/cadmin/components/_navbar.scss +1 -43
  30. package/src/scss/cadmin/components/_navs.scss +8 -16
  31. package/src/scss/cadmin/components/_resizer.scss +11 -0
  32. package/src/scss/cadmin/variables/_menubar.scss +204 -189
  33. package/src/scss/cadmin/variables/_navbar.scss +47 -0
  34. package/src/scss/cadmin/variables/_navigation-bar.scss +1 -1
  35. package/src/scss/cadmin/variables/_navs.scss +13 -108
  36. package/src/scss/cadmin/variables/_pagination.scss +3 -3
  37. package/src/scss/cadmin/variables/_resizer.scss +21 -0
  38. package/src/scss/cadmin/variables/_slideout.scss +7 -0
  39. package/src/scss/cadmin/variables/_treeview.scss +1 -0
  40. package/src/scss/cadmin.scss +1 -0
  41. package/src/scss/components/_navbar.scss +1 -40
  42. package/src/scss/components/_navs.scss +9 -14
  43. package/src/scss/components/_resizer.scss +11 -0
  44. package/src/scss/functions/_lx-icons-generated.scss +12 -0
  45. package/src/scss/mixins/_breakpoints.scss +44 -40
  46. package/src/scss/mixins/_menubar.scss +131 -10
  47. package/src/scss/mixins/_slideout.scss +32 -1
  48. package/src/scss/variables/_menubar.scss +158 -161
  49. package/src/scss/variables/_navbar.scss +46 -0
  50. package/src/scss/variables/_navs.scss +2 -98
  51. package/src/scss/variables/_resizer.scss +22 -0
  52. package/src/scss/variables/_slideout.scss +8 -0
  53. package/src/scss/variables/_treeview.scss +1 -0
package/src/scss/variables/_navs.scss CHANGED
@@ -456,102 +456,6 @@ $nav-pills-link-active-bg: $component-active-bg !default;
456
456
 
457
457
  $nav-pills-link-active-color: $component-active-color !default;
458
458
 
459
- // Nav Underline Link Highlight
459
+ // Nav Variants
460
460
 
461
- $nav-underline-link-highlight-content: null !default;
462
- $nav-underline-link-highlight-height: null !default;
463
- $nav-underline-link-highlight-bottom: 0 !default;
464
- $nav-underline-link-highlight-left: $nav-link-padding-x * 0.5 !default;
465
- $nav-underline-link-highlight-right: $nav-link-padding-x * 0.5 !default;
466
- $nav-underline-link-highlight-top: null !default;
467
-
468
- $nav-underline-link-active-highlight: $primary-l0 !default;
469
- $nav-underline-link-active-content: '' !default;
470
- $nav-underline-link-active-highlight-height: 0.1875rem !default;
471
-
472
- $nav-underline-link-disabled-highlight: null !default;
473
-
474
- // .nav-underline
475
-
476
- $nav-underline-font-size: null !default;
477
-
478
- $nav-underline-link-highlight-palette: null !default;
479
-
480
- $nav-underline-link-color: null !default;
481
- $nav-underline-link-padding-x: null !default;
482
- $nav-underline-link-padding-y: null !default;
483
-
484
- $nav-underline-link-hover-color: null !default;
485
-
486
- $nav-underline-link-active-color: null !default;
487
-
488
- $nav-underline-link-disabled-color: null !default;
489
-
490
- // .nav-underline .nav-link[aria-expanded='true']
491
-
492
- $nav-underline-link-show: () !default;
493
- $nav-underline-link-show: map-deep-merge(
494
- (
495
- color: $nav-underline-link-active-color,
496
- after: (
497
- content: $nav-underline-link-active-content,
498
- height: $nav-underline-link-active-highlight-height,
499
- ),
500
- ),
501
- $nav-underline-link-show
502
- );
503
-
504
- $nav-underline-link: () !default;
505
- $nav-underline-link: map-deep-merge(
506
- (
507
- color: $nav-underline-link-color,
508
- padding-bottom: $nav-underline-link-padding-y,
509
- padding-left: $nav-underline-link-padding-x,
510
- padding-right: $nav-underline-link-padding-x,
511
- padding-top: $nav-underline-link-padding-y,
512
- after: (
513
- bottom: $nav-underline-link-highlight-bottom,
514
- content: $nav-underline-link-highlight-content,
515
- display: block,
516
- height: $nav-underline-link-highlight-height,
517
- position: absolute,
518
- left: $nav-underline-link-highlight-left,
519
- right: $nav-underline-link-highlight-right,
520
- top: $nav-underline-link-highlight-top,
521
- width: auto,
522
- ),
523
- hover: (
524
- color: $nav-underline-link-hover-color,
525
- ),
526
- focus: (
527
- color: $nav-underline-link-hover-color,
528
- ),
529
- active-class: (
530
- color: $nav-underline-link-active-color,
531
- after: (
532
- background-color: $nav-underline-link-active-highlight,
533
- content: $nav-underline-link-active-content,
534
- height: $nav-underline-link-active-highlight-height,
535
- ),
536
- ),
537
- show: $nav-underline-link-show,
538
- disabled: (
539
- color: $nav-underline-link-disabled-color,
540
- after: (
541
- background-color: $nav-underline-link-disabled-highlight,
542
- ),
543
- ),
544
- ),
545
- $nav-underline-link
546
- );
547
-
548
- // .nav-underline
549
-
550
- $nav-underline: () !default;
551
- $nav-underline: map-deep-merge(
552
- (
553
- font-size: $nav-underline-font-size,
554
- nav-link: $nav-underline-link,
555
- ),
556
- $nav-underline
557
- );
461
+ $nav-palette: () !default;
package/src/scss/variables/_resizer.scss ADDED
@@ -0,0 +1,22 @@
1
+ $c-horizontal-resizer: () !default;
2
+ $c-horizontal-resizer: map-merge(
3
+ (
4
+ background-color: transparent,
5
+ bottom: 0,
6
+ cursor: ew-resize,
7
+ margin-right: -0.25rem,
8
+ position: absolute,
9
+ right: 0,
10
+ top: 0,
11
+ user-select: none,
12
+ width: 0.5rem,
13
+ z-index: 10,
14
+ hover: (
15
+ background-color: $primary-l1,
16
+ ),
17
+ focus: (
18
+ background-color: $primary-l1,
19
+ ),
20
+ ),
21
+ $c-horizontal-resizer
22
+ );
package/src/scss/variables/_slideout.scss CHANGED
@@ -56,6 +56,7 @@ $c-slideout: map-deep-merge(
56
56
  sidebar: (
57
57
  display: none,
58
58
  flex-shrink: 0,
59
+ overflow: visible,
59
60
  position: relative,
60
61
  width: $c-slideout-sidebar-width,
61
62
  ),
@@ -64,6 +65,9 @@ $c-slideout: map-deep-merge(
64
65
  ),
65
66
  sidebar-c-slideout-transition: (
66
67
  display: block,
68
+ c-horizontal-resizer: (
69
+ display: none,
70
+ ),
67
71
  ),
68
72
  tbar-stacked: (
69
73
  display: none,
@@ -164,6 +168,10 @@ $c-slideout-end: map-deep-merge(
164
168
  tbar-stacked-c-slideout-show: (
165
169
  right: 0,
166
170
  ),
171
+ c-horizontal-resizer: (
172
+ left: 0,
173
+ right: auto,
174
+ ),
167
175
  ),
168
176
  $c-slideout-end
169
177
  );
package/src/scss/variables/_treeview.scss CHANGED
@@ -8,6 +8,7 @@ $treeview: map-merge(
8
8
  margin-bottom: 0,
9
9
  padding: 2px 0,
10
10
  btn: (
11
+ color: inherit,
11
12
  font-size: 12px,
12
13
  line-height: 1,
13
14
  padding: 6px 8px,