@clayui/css 3.133.0 → 3.135.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 (42) hide show
  1. package/lib/css/atlas.css +92 -32
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +93 -32
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +39 -33
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/flags-en-IE.svg +12 -0
  8. package/lib/images/icons/flags-en-LV.svg +11 -0
  9. package/lib/images/icons/flags-my-MM.svg +13 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/flags-en-IE.svg +12 -0
  13. package/src/images/icons/flags-en-LV.svg +11 -0
  14. package/src/images/icons/flags-my-MM.svg +13 -0
  15. package/src/scss/_license-text.scss +1 -1
  16. package/src/scss/atlas/variables/_labels.scss +1 -0
  17. package/src/scss/atlas/variables/_modals.scss +1 -0
  18. package/src/scss/cadmin/variables/_labels.scss +4 -5
  19. package/src/scss/cadmin/variables/_modals.scss +18 -2
  20. package/src/scss/cadmin/variables/_utilities.scss +7 -0
  21. package/src/scss/functions/_lx-icons-generated.scss +6 -0
  22. package/src/scss/mixins/_forms.scss +690 -432
  23. package/src/scss/mixins/_input-groups.scss +222 -107
  24. package/src/scss/mixins/_labels.scss +100 -48
  25. package/src/scss/mixins/_menubar.scss +131 -60
  26. package/src/scss/mixins/_modals.scss +36 -20
  27. package/src/scss/mixins/_nav.scss +86 -34
  28. package/src/scss/mixins/_navbar.scss +436 -270
  29. package/src/scss/mixins/_pagination.scss +241 -151
  30. package/src/scss/mixins/_panels.scss +86 -51
  31. package/src/scss/mixins/_popovers.scss +82 -32
  32. package/src/scss/mixins/_sheet.scss +19 -7
  33. package/src/scss/mixins/_sidebar.scss +195 -89
  34. package/src/scss/mixins/_slideout.scss +96 -46
  35. package/src/scss/mixins/_stickers.scss +86 -39
  36. package/src/scss/mixins/_tables.scss +527 -308
  37. package/src/scss/mixins/_tbar.scss +165 -87
  38. package/src/scss/mixins/_toggle-switch.scss +705 -380
  39. package/src/scss/mixins/_tooltip.scss +53 -21
  40. package/src/scss/variables/_labels.scss +4 -5
  41. package/src/scss/variables/_modals.scss +18 -2
  42. package/src/scss/variables/_utilities.scss +6 -0
package/src/scss/mixins/_tooltip.scss CHANGED
@@ -30,40 +30,72 @@
30
30
  $enabled: setter(map-get($map, enabled), true);
31
31
 
32
32
  @if ($enabled) {
33
- @include clay-css($map);
34
-
35
- &.show {
36
- @include clay-css(map-get($map, show));
33
+ @if (length($map) != 0) {
34
+ @include clay-css($map);
37
35
  }
38
36
 
39
- .arrow {
40
- @include clay-css(map-get($map, arrow));
37
+ $_show: map-get($map, show);
41
38
 
42
- &::before {
43
- @include clay-css(map-deep-get($map, arrow, before));
39
+ @if ($_show) {
40
+ &.show {
41
+ @include clay-css($_show);
44
42
  }
43
+ }
44
+
45
+ $_arrow: map-get($map, arrow);
46
+
47
+ @if ($_arrow) {
48
+ .arrow {
49
+ @include clay-css($_arrow);
50
+
51
+ $_before: map-get($_arrow, before);
52
+
53
+ @if ($_before) {
54
+ &::before {
55
+ @include clay-css($_before);
56
+ }
57
+ }
58
+
59
+ $_after: map-get($_arrow, after);
45
60
 
46
- &::after {
47
- @include clay-css(map-deep-get($map, arrow, after));
61
+ @if ($_after) {
62
+ &::after {
63
+ @include clay-css($_after);
64
+ }
65
+ }
48
66
  }
49
67
  }
50
68
 
51
- .tooltip-arrow {
52
- @include clay-css(map-get($map, tooltip-arrow));
69
+ $_tooltip-arrow: map-get($map, tooltip-arrow);
53
70
 
54
- &::before {
55
- @include clay-css(
56
- map-deep-get($map, tooltip-arrow, before)
57
- );
58
- }
71
+ @if ($_tooltip-arrow) {
72
+ .tooltip-arrow {
73
+ @include clay-css($_tooltip-arrow);
74
+
75
+ $_before: map-get($_tooltip-arrow, before);
76
+
77
+ @if ($_before) {
78
+ &::before {
79
+ @include clay-css($_before);
80
+ }
81
+ }
59
82
 
60
- &::after {
61
- @include clay-css(map-deep-get($map, tooltip-arrow, after));
83
+ $_after: map-get($_tooltip-arrow, after);
84
+
85
+ @if ($_after) {
86
+ &::after {
87
+ @include clay-css($_after);
88
+ }
89
+ }
62
90
  }
63
91
  }
64
92
 
65
- .tooltip-inner {
66
- @include clay-css(map-get($map, tooltip-inner));
93
+ $_tooltip-inner: map-get($map, tooltip-inner);
94
+
95
+ @if ($_tooltip-inner) {
96
+ .tooltip-inner {
97
+ @include clay-css($_tooltip-inner);
98
+ }
67
99
  }
68
100
  }
69
101
  }
package/src/scss/variables/_labels.scss CHANGED
@@ -125,15 +125,14 @@ $label-dismissible: map-merge(
125
125
  $label-close: () !default;
126
126
  $label-close: map-deep-merge(
127
127
  (
128
- border-radius: 1px,
128
+ border-radius: 5000px,
129
129
  color: inherit,
130
130
  display: inline-flex,
131
131
  font-size: 1rem,
132
- height: auto,
133
- margin-bottom: -2px,
134
- margin-top: -2px,
132
+ height: 1.5rem,
133
+ margin: -6px,
135
134
  opacity: 1,
136
- width: auto,
135
+ width: 1.5rem,
137
136
  hover: (
138
137
  color: inherit,
139
138
  opacity: 1,
package/src/scss/variables/_modals.scss CHANGED
@@ -101,6 +101,10 @@ $modal-header: map-deep-merge(
101
101
  padding-bottom: 0,
102
102
  padding-top: 0,
103
103
  z-index: 1,
104
+ '.modal-title': (
105
+ margin-bottom: 0,
106
+ margin-top: 0,
107
+ ),
104
108
  mobile: (
105
109
  height: $modal-header-height-mobile,
106
110
  ),
@@ -134,6 +138,17 @@ $modal-body: map-deep-merge(
134
138
  overflow: auto,
135
139
  padding: $modal-inner-padding,
136
140
  ),
141
+ '.modal-banner-img': (
142
+ margin-left: math-sign($modal-inner-padding),
143
+ margin-right: math-sign($modal-inner-padding),
144
+ top: math-sign($modal-inner-padding),
145
+ ),
146
+ '.close': (
147
+ position: absolute,
148
+ right: 1rem,
149
+ top: 1rem,
150
+ z-index: 1,
151
+ ),
137
152
  ),
138
153
  $modal-body
139
154
  );
@@ -225,7 +240,7 @@ $modal-item-shrink: map-deep-merge(
225
240
 
226
241
  $modal-title-font-size: 1.25rem !default;
227
242
  $modal-title-font-weight: $font-weight-semi-bold !default;
228
- $modal-title-line-height: $line-height-base !default;
243
+ $modal-title-line-height: $headings-line-height !default;
229
244
  $modal-title-text-align: null !default;
230
245
  $modal-title-font-size-mobile: null !default;
231
246
 
@@ -353,7 +368,8 @@ $modal: map-deep-merge(
353
368
  font-size: $modal-title-font-size,
354
369
  font-weight: $modal-title-font-weight,
355
370
  line-height: $modal-title-line-height,
356
- margin-bottom: 0,
371
+ margin-bottom: 1.5rem,
372
+ margin-top: 1rem,
357
373
  overflow: hidden,
358
374
  text-align: $modal-title-text-align,
359
375
  text-overflow: ellipsis,
package/src/scss/variables/_utilities.scss CHANGED
@@ -260,6 +260,12 @@ $bg-theme-colors: map-deep-merge(
260
260
  background-color: clay-darken($primary, 10%) !important,
261
261
  ),
262
262
  ),
263
+ 'primary-l3': (
264
+ background-color: $primary-l3 !important,
265
+ hover: (
266
+ background-color: clay-darken($primary-l3, 10%) !important,
267
+ ),
268
+ ),
263
269
  'secondary': (
264
270
  background-color: $secondary !important,
265
271
  hover: (