@clayui/css 3.65.1 → 3.69.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 (57) hide show
  1. package/lib/css/atlas.css +49 -94
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +31 -75
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +63 -62
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/icons.svg +1 -1
  8. package/package.json +2 -2
  9. package/src/scss/_license-text.scss +1 -1
  10. package/src/scss/atlas/variables/_buttons.scss +26 -26
  11. package/src/scss/atlas/variables/_custom-forms.scss +2 -2
  12. package/src/scss/atlas/variables/_dropdowns.scss +2 -2
  13. package/src/scss/atlas/variables/_forms.scss +6 -2
  14. package/src/scss/atlas/variables/_menubar.scss +6 -6
  15. package/src/scss/atlas/variables/_utilities.scss +1 -1
  16. package/src/scss/cadmin/components/_buttons.scss +14 -22
  17. package/src/scss/cadmin/components/_dropdowns.scss +22 -14
  18. package/src/scss/cadmin/variables/_buttons.scss +6 -0
  19. package/src/scss/cadmin/variables/_dropdowns.scss +10 -10
  20. package/src/scss/cadmin/variables/_forms.scss +7 -3
  21. package/src/scss/cadmin/variables/_menubar.scss +8 -8
  22. package/src/scss/cadmin/variables/_modals.scss +3 -2
  23. package/src/scss/cadmin/variables/_popovers.scss +3 -2
  24. package/src/scss/components/_alerts.scss +28 -80
  25. package/src/scss/components/_buttons.scss +16 -24
  26. package/src/scss/components/_custom-forms.scss +4 -12
  27. package/src/scss/components/_date-picker.scss +6 -23
  28. package/src/scss/components/_dropdowns.scss +30 -35
  29. package/src/scss/components/_forms.scss +16 -53
  30. package/src/scss/components/_icons.scss +4 -4
  31. package/src/scss/components/_labels.scss +6 -10
  32. package/src/scss/components/_list-group.scss +4 -9
  33. package/src/scss/components/_modals.scss +2 -6
  34. package/src/scss/components/_progress-bars.scss +2 -6
  35. package/src/scss/components/_stickers.scss +3 -15
  36. package/src/scss/components/_type.scss +3 -3
  37. package/src/scss/mixins/_alerts.scss +10 -24
  38. package/src/scss/mixins/_aspect-ratio.scss +51 -49
  39. package/src/scss/mixins/_badges.scss +140 -140
  40. package/src/scss/mixins/_buttons.scss +2 -6
  41. package/src/scss/mixins/_cards.scss +4 -10
  42. package/src/scss/mixins/_dropdown-menu.scss +19 -31
  43. package/src/scss/mixins/_globals.scss +1 -1
  44. package/src/scss/mixins/_grid.scss +59 -51
  45. package/src/scss/mixins/_labels.scss +228 -212
  46. package/src/scss/mixins/_menubar.scss +15 -46
  47. package/src/scss/mixins/_navbar.scss +41 -43
  48. package/src/scss/mixins/_pagination.scss +35 -71
  49. package/src/scss/mixins/_sheet.scss +2 -6
  50. package/src/scss/mixins/_stickers.scss +10 -19
  51. package/src/scss/mixins/_tbar.scss +10 -30
  52. package/src/scss/mixins/_utilities.scss +1 -1
  53. package/src/scss/variables/_dropdowns.scss +4 -4
  54. package/src/scss/variables/_forms.scss +3 -1
  55. package/src/scss/variables/_menubar.scss +8 -8
  56. package/src/scss/variables/_modals.scss +3 -2
  57. package/src/scss/variables/_popovers.scss +3 -1
package/src/scss/mixins/_menubar.scss CHANGED
@@ -53,8 +53,6 @@
53
53
 
54
54
  // .menubar-vertical-expand-{md}
55
55
 
56
- $base: setter($map, ());
57
-
58
56
  $mobile: setter(map-get($map, mobile), ());
59
57
  $mobile: map-merge(
60
58
  $mobile,
@@ -129,8 +127,6 @@
129
127
 
130
128
  // .menubar-collapse
131
129
 
132
- $collapse: setter(map-get($map, collapse), ());
133
-
134
130
  $collapse-mobile: setter(map-get($map, collapse-mobile), ());
135
131
  $collapse-mobile: map-merge(
136
132
  $collapse-mobile,
@@ -178,8 +174,6 @@
178
174
  )
179
175
  );
180
176
 
181
- $nav-nested: setter(map-get($map, nav-nested), ());
182
-
183
177
  $nav-nested-mobile: setter(map-get($map, nav-nested-mobile), ());
184
178
  $nav-nested-mobile: map-merge(
185
179
  $nav-nested-mobile,
@@ -197,8 +191,6 @@
197
191
  )
198
192
  );
199
193
 
200
- $nav-nested-margins: setter(map-get($map, nav-nested-margins), ());
201
-
202
194
  $nav-nested-margins-mobile: setter(
203
195
  map-get($map, nav-nested-margins-mobile),
204
196
  ()
@@ -219,16 +211,6 @@
219
211
  )
220
212
  );
221
213
 
222
- $nav-nested-margins-item: setter(
223
- map-get($map, nav-nested-margins-item),
224
- ()
225
- );
226
-
227
- $nav-nested-margins-item-mobile: setter(
228
- map-get($map, nav-nested-margins-item-mobile),
229
- ()
230
- );
231
-
232
214
  // .menubar-toggler
233
215
 
234
216
  $toggler-mobile: setter(map-get($map, toggler-mobile), ());
@@ -278,11 +260,6 @@
278
260
  )
279
261
  );
280
262
 
281
- $_toggler-mobile-lexicon-icon: setter(
282
- map-get($toggler-mobile, lexicon-icon),
283
- ()
284
- );
285
-
286
263
  $_toggler-mobile-c-inner: setter(map-get($toggler-mobile, c-inner), ());
287
264
  $_toggler-mobile-c-inner: map-merge(
288
265
  $_toggler-mobile-c-inner,
@@ -327,14 +304,14 @@
327
304
  );
328
305
 
329
306
  @if ($enabled) {
330
- @include clay-css($base);
307
+ @include clay-css($map);
331
308
 
332
309
  @include media-breakpoint-down($breakpoint-down) {
333
310
  @include clay-css($mobile);
334
311
  }
335
312
 
336
313
  .menubar-collapse {
337
- @include clay-css($collapse);
314
+ @include clay-css(map-get($map, collapse));
338
315
 
339
316
  @include media-breakpoint-down($breakpoint-down) {
340
317
  @include clay-css($collapse-mobile);
@@ -357,13 +334,13 @@
357
334
  }
358
335
 
359
336
  .lexicon-icon {
360
- @include clay-css($_toggler-mobile-lexicon-icon);
337
+ @include clay-css(map-get($toggler-mobile, lexicon-icon));
361
338
  }
362
339
  }
363
340
  }
364
341
 
365
342
  .nav-nested {
366
- @include clay-css($nav-nested);
343
+ @include clay-css(map-get($map, nav-nested));
367
344
 
368
345
  @include media-breakpoint-down($breakpoint-down) {
369
346
  @include clay-css($nav-nested-mobile);
@@ -371,17 +348,19 @@
371
348
  }
372
349
 
373
350
  .nav-nested-margins {
374
- @include clay-css($nav-nested-margins);
351
+ @include clay-css(map-get($map, nav-nested-margins));
375
352
 
376
353
  @include media-breakpoint-down($breakpoint-down) {
377
354
  @include clay-css($nav-nested-margins-mobile);
378
355
  }
379
356
 
380
357
  > li .nav > li {
381
- @include clay-css($nav-nested-margins-item);
358
+ @include clay-css(map-get($map, nav-nested-margins-item));
382
359
 
383
360
  @include media-breakpoint-down($breakpoint-down) {
384
- @include clay-css($nav-nested-margins-item-mobile);
361
+ @include clay-css(
362
+ map-get($map, nav-nested-margins-item-mobile)
363
+ );
385
364
  }
386
365
  }
387
366
  }
@@ -762,8 +741,6 @@
762
741
 
763
742
  // .menubar-collapse
764
743
 
765
- $collapse: setter(map-get($map, collapse), ());
766
-
767
744
  $collapse-mobile: setter(map-get($map, collapse-mobile), ());
768
745
  $collapse-mobile: map-deep-merge(
769
746
  $collapse-mobile,
@@ -832,16 +809,6 @@
832
809
  )
833
810
  );
834
811
 
835
- $nav-nested-margins-item: setter(
836
- map-get($map, nav-nested-margins-item),
837
- ()
838
- );
839
-
840
- $nav-nested-margins-item-mobile: setter(
841
- map-get($map, nav-nested-margins-item-mobile),
842
- ()
843
- );
844
-
845
812
  // .menubar-toggler
846
813
 
847
814
  $toggler-mobile: setter(map-get($map, toggler-mobile), ());
@@ -877,14 +844,14 @@
877
844
  );
878
845
 
879
846
  @if ($enable) {
880
- @include clay-css($base);
847
+ @include clay-css($map);
881
848
 
882
849
  @include media-breakpoint-down($breakpoint-down) {
883
850
  @include clay-css($mobile);
884
851
  }
885
852
 
886
853
  .menubar-collapse {
887
- @include clay-css($collapse);
854
+ @include clay-css(map-get($map, collapse));
888
855
 
889
856
  @include media-breakpoint-down($breakpoint-down) {
890
857
  @include clay-css($collapse-mobile);
@@ -899,10 +866,12 @@
899
866
 
900
867
  .nav-nested-margins {
901
868
  > li .nav > li {
902
- @include clay-css($nav-nested-margins-item);
869
+ @include clay-css(map-get($map, nav-nested-margins-item));
903
870
 
904
871
  @include media-breakpoint-down($breakpoint-down) {
905
- @include clay-css($nav-nested-margins-item-mobile);
872
+ @include clay-css(
873
+ map-get($map, nav-nested-margins-item-mobile)
874
+ );
906
875
  }
907
876
  }
908
877
  }
package/src/scss/mixins/_navbar.scss CHANGED
@@ -891,7 +891,7 @@
891
891
  @include clay-css($map);
892
892
 
893
893
  &.navbar-underline {
894
- @include clay-css(map-deep-get($map, navbar-underline));
894
+ @include clay-css(map-get($map, navbar-underline));
895
895
 
896
896
  .navbar-nav {
897
897
  @include clay-css(
@@ -956,7 +956,7 @@
956
956
  }
957
957
 
958
958
  .navbar-collapse {
959
- @include clay-css(map-deep-get($map, navbar-collapse));
959
+ @include clay-css(map-get($map, navbar-collapse));
960
960
 
961
961
  .navbar-nav {
962
962
  @include clay-css(
@@ -999,11 +999,11 @@
999
999
  }
1000
1000
 
1001
1001
  .container {
1002
- @include clay-css(map-deep-get($map, container));
1002
+ @include clay-css(map-get($map, container));
1003
1003
  }
1004
1004
 
1005
1005
  .container-fluid {
1006
- @include clay-css(map-deep-get($map, container-fluid));
1006
+ @include clay-css(map-get($map, container-fluid));
1007
1007
  }
1008
1008
 
1009
1009
  .navbar-nav {
@@ -1047,7 +1047,7 @@
1047
1047
  }
1048
1048
 
1049
1049
  .navbar-form {
1050
- @include clay-css(map-deep-get($map, navbar-form));
1050
+ @include clay-css(map-get($map, navbar-form));
1051
1051
 
1052
1052
  > .container {
1053
1053
  @include clay-css(
@@ -1069,7 +1069,7 @@
1069
1069
  }
1070
1070
 
1071
1071
  .navbar-brand {
1072
- @include clay-link(map-deep-get($map, navbar-brand));
1072
+ @include clay-link(map-get($map, navbar-brand));
1073
1073
  }
1074
1074
 
1075
1075
  .navbar-title {
@@ -1081,9 +1081,7 @@
1081
1081
  }
1082
1082
 
1083
1083
  .navbar-toggler {
1084
- @include clay-button-variant(
1085
- map-deep-get($map, navbar-toggler)
1086
- );
1084
+ @include clay-button-variant(map-get($map, navbar-toggler));
1087
1085
  }
1088
1086
 
1089
1087
  .navbar-toggler-link {
@@ -1091,7 +1089,7 @@
1091
1089
  }
1092
1090
 
1093
1091
  .navbar-overlay {
1094
- @include clay-css(map-deep-get($map, navbar-overlay));
1092
+ @include clay-css(map-get($map, navbar-overlay));
1095
1093
  }
1096
1094
 
1097
1095
  .dropdown-menu {
@@ -1139,7 +1137,7 @@
1139
1137
  (
1140
1138
  background-color:
1141
1139
  setter(
1142
- map-deep-get($map, link-bg),
1140
+ map-get($map, link-bg),
1143
1141
  map-deep-get(
1144
1142
  $map,
1145
1143
  navbar-nav,
@@ -1149,33 +1147,33 @@
1149
1147
  ),
1150
1148
  border-radius:
1151
1149
  setter(
1152
- map-deep-get($map, link-border-radius),
1150
+ map-get($map, link-border-radius),
1153
1151
  map-deep-get($map, navbar-nav, nav-link, border-radius)
1154
1152
  ),
1155
1153
  color:
1156
1154
  setter(
1157
- map-deep-get($map, link-color),
1155
+ map-get($map, link-color),
1158
1156
  map-deep-get($map, navbar-nav, nav-link, color)
1159
1157
  ),
1160
1158
  font-weight:
1161
1159
  setter(
1162
- map-deep-get($map, link-font-weight),
1160
+ map-get($map, link-font-weight),
1163
1161
  map-deep-get($map, navbar-nav, nav-link, font-weight)
1164
1162
  ),
1165
1163
  outline:
1166
1164
  setter(
1167
- map-deep-get($map, link-outline),
1165
+ map-get($map, link-outline),
1168
1166
  map-deep-get($map, navbar-nav, nav-link, outline)
1169
1167
  ),
1170
1168
  transition:
1171
1169
  setter(
1172
- map-deep-get($map, link-transition),
1170
+ map-get($map, link-transition),
1173
1171
  map-deep-get($map, navbar-nav, nav-link, transition)
1174
1172
  ),
1175
1173
  hover: (
1176
1174
  background-color:
1177
1175
  setter(
1178
- map-deep-get($map, link-hover-bg),
1176
+ map-get($map, link-hover-bg),
1179
1177
  map-deep-get(
1180
1178
  $map,
1181
1179
  navbar-nav,
@@ -1186,7 +1184,7 @@
1186
1184
  ),
1187
1185
  color:
1188
1186
  setter(
1189
- map-deep-get($map, link-hover-color),
1187
+ map-get($map, link-hover-color),
1190
1188
  map-deep-get(
1191
1189
  $map,
1192
1190
  navbar-nav,
@@ -1199,7 +1197,7 @@
1199
1197
  focus: (
1200
1198
  background-color:
1201
1199
  setter(
1202
- map-deep-get($map, link-focus-bg),
1200
+ map-get($map, link-focus-bg),
1203
1201
  map-deep-get(
1204
1202
  $map,
1205
1203
  navbar-nav,
@@ -1210,7 +1208,7 @@
1210
1208
  ),
1211
1209
  box-shadow:
1212
1210
  setter(
1213
- map-deep-get($map, link-focus-box-shadow),
1211
+ map-get($map, link-focus-box-shadow),
1214
1212
  map-deep-get(
1215
1213
  $map,
1216
1214
  navbar-nav,
@@ -1221,7 +1219,7 @@
1221
1219
  ),
1222
1220
  color:
1223
1221
  setter(
1224
- map-deep-get($map, link-focus-color),
1222
+ map-get($map, link-focus-color),
1225
1223
  map-deep-get(
1226
1224
  $map,
1227
1225
  navbar-nav,
@@ -1234,7 +1232,7 @@
1234
1232
  active: (
1235
1233
  background-color:
1236
1234
  setter(
1237
- map-deep-get($map, link-active-bg),
1235
+ map-get($map, link-active-bg),
1238
1236
  map-deep-get(
1239
1237
  $map,
1240
1238
  navbar-nav,
@@ -1245,7 +1243,7 @@
1245
1243
  ),
1246
1244
  color:
1247
1245
  setter(
1248
- map-deep-get($map, link-active-color),
1246
+ map-get($map, link-active-color),
1249
1247
  map-deep-get(
1250
1248
  $map,
1251
1249
  navbar-nav,
@@ -1258,7 +1256,7 @@
1258
1256
  disabled: (
1259
1257
  background-color:
1260
1258
  setter(
1261
- map-deep-get($map, link-disabled-bg),
1259
+ map-get($map, link-disabled-bg),
1262
1260
  map-deep-get(
1263
1261
  $map,
1264
1262
  navbar-nav,
@@ -1269,7 +1267,7 @@
1269
1267
  ),
1270
1268
  box-shadow:
1271
1269
  setter(
1272
- map-deep-get($map, link-disabled-box-shadow),
1270
+ map-get($map, link-disabled-box-shadow),
1273
1271
  map-deep-get(
1274
1272
  $map,
1275
1273
  navbar-nav,
@@ -1280,7 +1278,7 @@
1280
1278
  ),
1281
1279
  color:
1282
1280
  setter(
1283
- map-deep-get($map, link-disabled-color),
1281
+ map-get($map, link-disabled-color),
1284
1282
  map-deep-get(
1285
1283
  $map,
1286
1284
  navbar-nav,
@@ -1291,7 +1289,7 @@
1291
1289
  ),
1292
1290
  opacity:
1293
1291
  setter(
1294
- map-deep-get($map, link-disabled-opacity),
1292
+ map-get($map, link-disabled-opacity),
1295
1293
  map-deep-get(
1296
1294
  $map,
1297
1295
  navbar-nav,
@@ -1301,7 +1299,7 @@
1301
1299
  )
1302
1300
  ),
1303
1301
  pointer-events: (
1304
- map-deep-get($map, link-disabled-pointer-events),
1302
+ map-get($map, link-disabled-pointer-events),
1305
1303
  map-deep-get(
1306
1304
  $map,
1307
1305
  navbar-nav,
@@ -1319,9 +1317,9 @@
1319
1317
  (
1320
1318
  font-weight:
1321
1319
  setter(
1322
- map-deep-get($map, btn-font-weight),
1320
+ map-get($map, btn-font-weight),
1323
1321
  map-deep-get($map, navbar-nav, nav-btn, font-weight),
1324
- map-deep-get($nav-link, font-weight)
1322
+ map-get($nav-link, font-weight)
1325
1323
  ),
1326
1324
  )
1327
1325
  );
@@ -1332,18 +1330,18 @@
1332
1330
  (
1333
1331
  background-color:
1334
1332
  setter(
1335
- map-deep-get($map, brand-bg),
1333
+ map-get($map, brand-bg),
1336
1334
  map-deep-get($map, navbar-brand, background-color)
1337
1335
  ),
1338
1336
  color:
1339
1337
  setter(
1340
- map-deep-get($map, brand-color),
1338
+ map-get($map, brand-color),
1341
1339
  map-deep-get($map, navbar-brand, color)
1342
1340
  ),
1343
1341
  hover: (
1344
1342
  background-color:
1345
1343
  setter(
1346
- map-deep-get($map, brand-hover-bg),
1344
+ map-get($map, brand-hover-bg),
1347
1345
  map-deep-get(
1348
1346
  $map,
1349
1347
  navbar-brand,
@@ -1353,7 +1351,7 @@
1353
1351
  ),
1354
1352
  color:
1355
1353
  setter(
1356
- map-deep-get($map, brand-hover-color),
1354
+ map-get($map, brand-hover-color),
1357
1355
  map-deep-get($map, navbar-brand, hover, color)
1358
1356
  ),
1359
1357
  ),
@@ -1365,13 +1363,13 @@
1365
1363
  (
1366
1364
  color:
1367
1365
  setter(
1368
- map-deep-get($map, toggler-color),
1366
+ map-get($map, toggler-color),
1369
1367
  map-deep-get($map, navbar-toggler, color),
1370
1368
  map-get($nav-link, color)
1371
1369
  ),
1372
1370
  font-weight:
1373
1371
  setter(
1374
- map-deep-get($map, toggler-font-weight),
1372
+ map-get($map, toggler-font-weight),
1375
1373
  map-deep-get($map, navbar-toggler, font-weight),
1376
1374
  map-get($nav-link, font-weight)
1377
1375
  ),
@@ -1384,7 +1382,7 @@
1384
1382
  background-color:
1385
1383
  setter(
1386
1384
  map-deep-get($map, navbar-overlay, background-color),
1387
- map-deep-get($map, background-color)
1385
+ map-get($map, background-color)
1388
1386
  ),
1389
1387
  )
1390
1388
  );
@@ -1438,7 +1436,7 @@
1438
1436
  }
1439
1437
 
1440
1438
  .nav-divider {
1441
- @include clay-css(map-deep-get($map, nav-divider));
1439
+ @include clay-css(map-get($map, nav-divider));
1442
1440
 
1443
1441
  &::before {
1444
1442
  @include clay-css(
@@ -1454,7 +1452,7 @@
1454
1452
  }
1455
1453
 
1456
1454
  .nav-divider-end {
1457
- @include clay-css(map-deep-get($map, nav-divider-end));
1455
+ @include clay-css(map-get($map, nav-divider-end));
1458
1456
 
1459
1457
  &::before {
1460
1458
  @include clay-css(
@@ -1471,7 +1469,7 @@
1471
1469
  }
1472
1470
 
1473
1471
  .navbar-form {
1474
- @include clay-css(map-deep-get($map, navbar-form));
1472
+ @include clay-css(map-get($map, navbar-form));
1475
1473
 
1476
1474
  > .container {
1477
1475
  @include clay-css(
@@ -1563,7 +1561,7 @@
1563
1561
 
1564
1562
  &.navbar-expand#{$infix} {
1565
1563
  @include clay-navbar-expand-variant(
1566
- map-deep-get(
1564
+ map-get(
1567
1565
  $media-breakpoint-down,
1568
1566
  'navbar-expand#{$infix}'
1569
1567
  )
@@ -1572,7 +1570,7 @@
1572
1570
 
1573
1571
  .navbar-overlay-#{$breakpoint}-down {
1574
1572
  @include clay-css(
1575
- map-deep-get(
1573
+ map-get(
1576
1574
  $media-breakpoint-down,
1577
1575
  'navbar-overlay-#{$breakpoint}-down'
1578
1576
  )
@@ -1620,7 +1618,7 @@
1620
1618
 
1621
1619
  &.navbar-expand#{$infix} {
1622
1620
  @include clay-navbar-expand-variant(
1623
- map-deep-get(
1621
+ map-get(
1624
1622
  $media-breakpoint-up,
1625
1623
  'navbar-expand#{$infix}'
1626
1624
  )