@clayui/css 3.121.0 → 3.124.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 (43) hide show
  1. package/lib/css/atlas.css +198 -45
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +156 -4
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +152 -3
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/flags-de-AT.svg +12 -0
  8. package/lib/images/icons/flags-de-CH.svg +11 -0
  9. package/lib/images/icons/flags-fr-BE.svg +12 -0
  10. package/lib/images/icons/flags-fr-CH.svg +11 -0
  11. package/lib/images/icons/flags-it-CH.svg +11 -0
  12. package/lib/images/icons/flags-mk-MK.svg +19 -0
  13. package/lib/images/icons/flags-no-NO.svg +14 -0
  14. package/lib/images/icons/flags-rw-RW.svg +8 -0
  15. package/lib/images/icons/icons.svg +1 -1
  16. package/lib/images/icons/marketplace.svg +8 -0
  17. package/package.json +2 -2
  18. package/src/images/icons/flags-de-AT.svg +12 -0
  19. package/src/images/icons/flags-de-CH.svg +11 -0
  20. package/src/images/icons/flags-fr-BE.svg +12 -0
  21. package/src/images/icons/flags-fr-CH.svg +11 -0
  22. package/src/images/icons/flags-it-CH.svg +11 -0
  23. package/src/images/icons/flags-mk-MK.svg +19 -0
  24. package/src/images/icons/flags-no-NO.svg +14 -0
  25. package/src/images/icons/flags-rw-RW.svg +8 -0
  26. package/src/images/icons/marketplace.svg +8 -0
  27. package/src/scss/_license-text.scss +1 -1
  28. package/src/scss/atlas/variables/_globals.scss +10 -10
  29. package/src/scss/atlas/variables/_menubar.scss +1 -0
  30. package/src/scss/cadmin/components/_menubar.scss +8 -0
  31. package/src/scss/cadmin/variables/_menubar.scss +124 -0
  32. package/src/scss/cadmin/variables/_sidebar.scss +0 -1
  33. package/src/scss/cadmin/variables/_tables.scss +10 -0
  34. package/src/scss/components/_icons.scss +2 -1
  35. package/src/scss/components/_menubar.scss +8 -0
  36. package/src/scss/functions/_lx-icons-generated.scss +18 -0
  37. package/src/scss/mixins/_links.scss +34 -0
  38. package/src/scss/mixins/_menubar.scss +12 -0
  39. package/src/scss/mixins/_tables.scss +24 -0
  40. package/src/scss/variables/_menubar.scss +123 -0
  41. package/src/scss/variables/_navs.scss +2 -0
  42. package/src/scss/variables/_sidebar.scss +0 -1
  43. package/src/scss/variables/_tables.scss +10 -0
package/src/scss/cadmin/variables/_menubar.scss CHANGED
@@ -1,3 +1,126 @@
1
+ $cadmin-menubar-primary: () !default;
2
+ $cadmin-menubar-primary: map-deep-merge(
3
+ (
4
+ nav-item: (
5
+ position: relative,
6
+ ),
7
+ nav-link: (
8
+ border-radius: 0,
9
+ color: $cadmin-gray-900,
10
+ line-height: 24px,
11
+ transition: #{color 0.15s ease-in-out,
12
+ background-color 0.15s ease-in-out,
13
+ border-color 0.15s ease-in-out,
14
+ box-shadow 0.15s ease-in-out},
15
+ before: (
16
+ bottom: 0,
17
+ content: '',
18
+ display: block,
19
+ left: 0,
20
+ position: absolute,
21
+ top: 0,
22
+ transition: $cadmin-transition-base,
23
+ ),
24
+ hover: (
25
+ background-color: $cadmin-primary-l3,
26
+ color: $cadmin-gray-900,
27
+ letter-spacing: 0,
28
+ before: (
29
+ background: $cadmin-secondary-l0,
30
+ width: 2px,
31
+ ),
32
+ ),
33
+ focus: (
34
+ background-color: c-unset,
35
+ box-shadow: none,
36
+ color: $cadmin-gray-900,
37
+ outline: 0,
38
+ after: (
39
+ bottom: 0,
40
+ box-shadow: $cadmin-component-focus-inset-box-shadow,
41
+ content: '',
42
+ display: block,
43
+ left: 0,
44
+ pointer-events: none,
45
+ position: absolute,
46
+ right: 0,
47
+ top: 0,
48
+ ),
49
+ ),
50
+ active-class: (
51
+ background-color: $cadmin-primary-l3,
52
+ color: $cadmin-gray-900,
53
+ font-weight: $cadmin-font-weight-semi-bold,
54
+ before: (
55
+ background-color: $cadmin-primary,
56
+ width: 6px,
57
+ ),
58
+ focus: (
59
+ before: (
60
+ display: none,
61
+ ),
62
+ ),
63
+ ),
64
+ disabled: (
65
+ background-color: transparent,
66
+ box-shadow: none,
67
+ font-weight: $cadmin-font-weight-normal,
68
+ letter-spacing: 0.016rem,
69
+ before: (
70
+ content: none,
71
+ ),
72
+ after: (
73
+ content: none,
74
+ ),
75
+ ),
76
+ show: (
77
+ background-color: c-unset,
78
+ box-shadow: c-unset,
79
+ color: $cadmin-gray-900,
80
+ before: (
81
+ background-color: transparent,
82
+ width: 0,
83
+ ),
84
+ hover: (
85
+ before: (
86
+ background-color: $cadmin-secondary-l0,
87
+ width: 2px,
88
+ ),
89
+ ),
90
+ ),
91
+ autofit-row: (
92
+ align-items: center,
93
+ margin-left: -4px,
94
+ margin-right: -4px,
95
+ autofit-col: (
96
+ padding-left: 4px,
97
+ padding-right: 4px,
98
+ ),
99
+ ),
100
+ collapse-icon: (
101
+ font-size: 12px,
102
+ font-weight: $cadmin-font-weight-semi-bold,
103
+ text-transform: uppercase,
104
+ collapse-icon-closed: (
105
+ top: calc(22px - (1em / 2)),
106
+ ),
107
+ collapse-icon-open: (
108
+ top: calc(22px - (1em / 2)),
109
+ ),
110
+ ),
111
+ ),
112
+ menubar-actions-1: (
113
+ padding-right: 64px,
114
+ ),
115
+ menubar-action: (
116
+ position: absolute,
117
+ top: 10px,
118
+ right: 32px,
119
+ ),
120
+ ),
121
+ $cadmin-menubar-primary
122
+ );
123
+
1
124
  // Menubar Vertical MD
2
125
 
3
126
  $cadmin-menubar-vertical-expand-md: () !default;
@@ -63,6 +186,7 @@ $cadmin-menubar-vertical-transparent-md: map-deep-merge(
63
186
  border-radius: $cadmin-border-radius,
64
187
  color: $cadmin-gray-600,
65
188
  letter-spacing: 0.016rem,
189
+ line-height: 1.25rem,
66
190
  margin-bottom: 4px,
67
191
  transition: #{color 0.15s ease-in-out,
68
192
  background-color 0.15s ease-in-out,
package/src/scss/cadmin/variables/_sidebar.scss CHANGED
@@ -9,7 +9,6 @@ $cadmin-sidebar-header-component-title: () !default;
9
9
  $cadmin-sidebar-header-component-title: map-deep-merge(
10
10
  (
11
11
  font-size: 20px,
12
- font-weight: $cadmin-font-weight-semi-bold,
13
12
  href: (
14
13
  color: $cadmin-gray-900,
15
14
  ),
package/src/scss/cadmin/variables/_tables.scss CHANGED
@@ -281,6 +281,16 @@ $cadmin-c-table: map-deep-merge(
281
281
  th: (
282
282
  href: $cadmin-table-head-link,
283
283
  ),
284
+ autofit-col: (
285
+ padding-left: 0.125rem,
286
+ padding-right: 0.125rem,
287
+ first-child: (
288
+ padding-left: 0,
289
+ ),
290
+ last-child: (
291
+ padding-right: 0,
292
+ ),
293
+ ),
284
294
  )
285
295
  ),
286
296
  table-column-start: (
package/src/scss/components/_icons.scss CHANGED
@@ -29,7 +29,8 @@
29
29
  // Collapse Icon
30
30
 
31
31
  a.collapse-icon,
32
- button.collapse-icon {
32
+ button.collapse-icon,
33
+ .collapse-icon[tabindex] {
33
34
  padding-left: $collapse-icon-padding-left;
34
35
  padding-right: $collapse-icon-padding-right;
35
36
 
package/src/scss/components/_menubar.scss CHANGED
@@ -8,6 +8,14 @@
8
8
  display: none;
9
9
  }
10
10
 
11
+ .menubar-primary {
12
+ @include clay-menubar-vertical-variant($menubar-primary);
13
+
14
+ .nav .nav .nav > li > .nav-link {
15
+ margin-left: 1rem;
16
+ }
17
+ }
18
+
11
19
  // Menubar Vertical MD
12
20
 
13
21
  .menubar-vertical-expand-md {
package/src/scss/functions/_lx-icons-generated.scss CHANGED
@@ -360,6 +360,10 @@
360
360
 
361
361
  'da-dk': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#FFF" d="M144 80h64v352h-64z"/><path fill="#FFF" d="M16 224h480.1v64H16z"/></svg>',
362
362
 
363
+ 'de-at': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#B0BEC9"/><path d="M15.5 2.51H.5v3.5h15v-3.5ZM15.5 10H.5v3.5h15V10Z" fill="#C8102E"/><path d="M15.5 6H.5v4h15V6Z" fill="#FFF"/></svg>',
364
+
365
+ 'de-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
366
+
363
367
  'de-de': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#4C4C4E" d="M16 80.3h480v112H16z"/><path fill="#FCD638" d="M16 320h480v112H16z"/><path fill="#E03232" d="M16 192h480v128H16z"/></svg>',
364
368
 
365
369
  'el-gr': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#0035A0" d="M16 80h480v39.1H16z"/><path fill="#FFF" d="M16 119.1h480v39.1H16zM16 197.3h480v39.1H16z"/><path fill="#0035A0" d="M16 236.4h480v39.1H16z"/><path fill="#FFF" d="M16 275.6h480v39.1H16z"/><path fill="#0035A0" d="M16 314.7h480v39.1H16z"/><path fill="#FFF" d="M16 353.8h480v39.1H16z"/><path fill="#0035A0" d="M16 392.9h480V432H16zM16.1 80H224v195.6H16.1z"/><path fill="#0035A0" d="M16 158.2h480v39.1H16z"/><path fill="#FFF" d="M100.2 80h39.1v195.6h-39.1z"/><path fill="#FFF" d="M16.5 158.2h207.8v39.1H16.5z"/></svg>',
@@ -388,8 +392,12 @@
388
392
 
389
393
  'fi-fi': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0035A0" d="M144 80h64v352h-64z"/><path fill="#0035A0" d="M16 224h480.1v64H16z"/></svg>',
390
394
 
395
+ 'fr-be': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#4C4C4E" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FCD638" d="M176 80h160v352H176z"/></svg>',
396
+
391
397
  'fr-ca': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h112v352H16zM384 80h112v352H384z"/><path fill="#FFF" d="M128 80h256v352H128z"/><path fill="#E03232" d="M301.9 300.3c0 3.6 4.1 13.4 4.1 13.4s-34.2-5.7-37.1-6.2-5.5-.5-5.4 5.5l2.4 18.2h-8.4l1.9-18.2c0-6-2.6-6-5.5-5.5l-37.1 6.4s4-9.7 4-13.4c0-4.7-10.1-11.4-21.1-21-11-9.7-18.6-14.6-18.6-15.7 0-1 7.8-.8 7.8-6.6 0-5.7-7.4-27.3-7.4-27.3s15.4 6 19.6 5.9c4.2 0 10.7-8.4 10.7-14.4 0 0 20.1 25.4 24.3 23.5 4.2-1.8-7.7-51.8-7.7-51.8s12 10.9 16.1 9.6c4.2-1.3 15.9-31.3 15.9-31.3s.1-.4.4-.4c.2 0 .4.4.4.4s11.8 29.9 16 31.1c4.2 1.3 16.1-9.7 16.1-9.7s-11.6 50-7.4 51.9c4.2 1.8 24.2-23.8 24.2-23.8 0 6 6.6 14.4 10.7 14.4 4.2-.1 19.5-6.1 19.5-6.1s-7.3 21.6-7.2 27.4c0 5.8 7.8 5.5 7.8 6.5s-7.6 6-18.5 15.8c-10.5 10-20.5 16.6-20.5 21.4z"/></svg>',
392
398
 
399
+ 'fr-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
400
+
393
401
  'fr-fr': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#0035A0" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FFF" d="M176 80h160v352H176z"/></svg>',
394
402
 
395
403
  'gl-es': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0094CE" d="M256 295.7 441.9 432H496v-39.7L310.1 256 256 216.3 70.1 80H16v39.7L201.9 256z"/></svg>',
@@ -402,6 +410,8 @@
402
410
 
403
411
  'in-id': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80.6h480v176H16z"/><path fill="#FFF" d="M16 256h480v176H16z"/></svg>',
404
412
 
413
+ 'it-ch': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#DA291C"/><path d="M9 5H7v2H5v2h2v2h2V9h2V7H9V5Z" fill="#FFF"/></svg>',
414
+
405
415
  'it-it': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#75BD4A" d="M16 80h160v352H16z"/><path fill="#E03232" d="M336 80h160v352H336z"/><path fill="#FFF" d="M176 80h160v352H176z"/></svg>',
406
416
 
407
417
  'iw-il': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80h480v352H16z"/><path fill="#0094CE" d="M16 96h480v64H16zM16 352h480v64H16zM256 192l32 47.7 32 47.8H192l32-47.8z"/><path fill="#0094CE" d="m256 320-32-47.7-32-47.8h128l-32 47.8z"/><circle fill="#FFF" cx="256" cy="256" r="16"/></svg>',
@@ -418,6 +428,8 @@
418
428
 
419
429
  'lt-lt': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FCD638" d="M16 80.3h480v112H16z"/><path fill="#E03232" d="M16 320h480v112H16z"/><path fill="#75BD4A" d="M16 192h480v128H16z"/></svg>',
420
430
 
431
+ 'mk-mk': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#CE2028"/><path d="M7.5 10 7 13.5h2L8.5 10h-1ZM8.5 6 9 2.5H7L7.5 6h1ZM10.01 8.5l5.49.5V7l-5.49.5v1ZM5.99 7.5.5 7v2l5.49-.5v-1ZM6.643 8.693.503 13.5h3.318l3.53-4.1-.708-.707ZM9.36 8.693 15.5 13.5h-3.317l-3.53-4.1.708-.707ZM9.36 7.307 15.5 2.5h-3.317l-3.53 4.1.708.707ZM6.64 7.307.5 2.5h3.317l3.53 4.1-.708.707Z" fill="#F9D616"/><path d="M8 9.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z" fill="#F9D616" stroke="#CE2028"/></svg>',
432
+
421
433
  'ms-my': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path d="M0 0h32v24H0V0z" fill="#B0BEC9"/><path d="M1 1h30v22H1V1z" fill="#E03232"/><path d="M1 3h30v2H1V3zm0 4h30v2H1V7zm0 4h30v2H1v-2zm0 4h30v2H1v-2zm0 4h30v2H1v-2z" fill="#FFF"/><path d="M1 1h16v12H1V1z" fill="#00206A"/><path d="M5.6 7c0-1.9 1.4-3.5 3.2-3.9-.2 0-.5-.1-.8-.1-2.2 0-4 1.8-4 4s1.8 4 4 4c.3 0 .5 0 .8-.1C7 10.6 5.6 9 5.6 7z" fill="#FCD638"/><path d="M11.5 4.5c3.1 0 3.3 5 0 5-3.1 0-3.2-5 0-5z" fill="#FCD638"/></svg>',
422
434
 
423
435
  'nb-no': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80h480v352H16z"/><path fill="#FFF" d="M128 80h96v352h-96z"/><path fill="#FFF" d="M16 208h480.1v96H16z"/><path fill="#0035A0" d="M16 240h480.1v32H16z"/><path fill="#0035A0" d="M160 80h32v352h-32z"/></svg>',
@@ -426,6 +438,8 @@
426
438
 
427
439
  'nl-nl': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#E03232" d="M16 80.3h480v112H16z"/><path fill="#0035A0" d="M16 320h480v112H16z"/><path fill="#FFF" d="M16 192h480v128H16z"/></svg>',
428
440
 
441
+ 'no-no': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#B0BEC9"/><path d="M15.5 2.5H.5v11h15v-11Z" fill="#E03232"/><path d="M7 2.5H4v11h3v-11Z" fill="#FFF"/><path d="M15.503 6.5H.5v3h15.003v-3Z" fill="#FFF"/><path d="M15.503 7.5H.5v1h15.003v-1Z" fill="#0035A0"/><path d="M6 2.5H5v11h1v-11Z" fill="#0035A0"/></svg>',
442
+
429
443
  'pl-pl': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80.6h480v176H16z"/><path fill="#E03232" d="M16 256h480v176H16z"/></svg>',
430
444
 
431
445
  'pt-br': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#C0CFD8" d="M0 64h512v384H0z"/><path fill="#75BD4A" d="M16 80h480v352H16z"/><path fill="#FCD638" d="M256 416 32 256 256 96l224 160z"/><circle fill="#0035A0" cx="256" cy="256" r="80"/></svg>',
@@ -436,6 +450,8 @@
436
450
 
437
451
  'ru-ru': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80.3h480v112H16z"/><path fill="#E03232" d="M16 320h480v112H16z"/><path fill="#0035A0" d="M16 192h480v128H16z"/></svg>',
438
452
 
453
+ 'rw-rw': '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16 2H0v12h16V2Z" fill="#C0CFD8"/><path d="M15.5 7.5H.5v3h15v-3Z" fill="#FAD201"/><path d="M15.5 10.5H.5v3h15v-3Z" fill="#20603E"/><path d="M15.5 2.5H.5v5h15v-5Z" fill="#1AA1DF"/><path d="M12.75 6.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z" fill="#FAD201"/></svg>',
454
+
439
455
  'sk-sk': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 24"><path class="st0" fill="#B0BEC9" d="M0 0h32v24H0V0z"/><path class="st1" fill="#E03232" d="M1 16h30v7H1v-7z"/><path class="st2" fill="#0035A0" d="M1 8h30v8H1V8z"/><path class="st3" fill="#FFF" d="M31 1H1v7h4v4.9c0 3.9 5 5.1 5 5.1s5-1.2 5-5.1V8h16V1z"/><path class="st2" fill="#0035A0" d="M6.1 13c.5 3.1 3.9 4 3.9 4s3.4-.9 3.9-4H6.1z"/><path class="st4" fill="#D80027" d="M14 6H6c0 .4-.1 6.9.1 7h3.4v-2h-2v-1h2V9h-1V8h1V7h1v1h1v1h-1v1h2v1h-2v2h3.4c.2-.1.1-6.6.1-7z"/></svg>',
440
456
 
441
457
  'sl-si': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#B0BEC9" d="M0 64h512v384H0z"/><path fill="#FFF" d="M16 80.3h480v112H16z"/><path fill="#E03232" d="M16 320h480v112H16z"/><path fill="#0035A0" d="M16 192h480v128H16z"/><path fill="#0035A0" stroke="#FFF" stroke-width="16" stroke-miterlimit="10" d="m256 160-80 160-80-160z"/></svg>',
@@ -580,6 +596,8 @@
580
596
 
581
597
  'mark-as-question': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline mark-as-question-hook" d="M333 109.4c0-47.6 73-48.6 73 0 0 53.2-73 53.2-73 145.9 0 50.9 73 46.9 73 0 0-49.9 73-56.9 73-145.9 0-144.4-219-147.4-219 0 0 49.2 73 48.2 73 0z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-question-item-1" d="M100.4 390h131.2c48.1 0 49.1-64 0-64H100.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><path class="lexicon-icon-outline mark-as-question-item-2" d="M100.4 512h311.2c48.1 0 49.1-64 0-64H100.4c-47.5 0-49.5 64 0 64z" fill="#{$color}"/><circle class="lexicon-icon-outline mark-as-question-dot" cx="369.1" cy="358" r="36" fill="#{$color}"/></svg>',
582
598
 
599
+ 'marketplace': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="lexicon-icon-outline" fill-rule="evenodd" clip-rule="evenodd" d="M2 .017c-.35 0-.67.23-.77.57C1.23.587 0 4.724 0 4.794c0 .92.38 1.749 1 2.339v8.015c0 .47.39.859.86.859H7.2v-3.998c0-1.259 1.6-1.259 1.6 0v3.998h5.36c.47 0 .84-.38.84-.84V7.133a3.16 3.16 0 0 0 1-2.339c0-.06-.9-3.088-1.23-4.217a.795.795 0 0 0-.77-.57H2v.01Zm11.31 7.955a3.23 3.23 0 0 1-2.91-1.04c-1.26 1.44-3.54 1.44-4.8 0-.72.82-1.84 1.22-2.91 1.04v5.816c0 .28.23.5.5.5H5.6v-2.289c0-3.517 4.8-3.467 4.8 0v2.289h2.42c.27 0 .5-.22.5-.5V7.962l-.01.01ZM4.8 4.804c0 2.129-3.07 2.109-3.2.12l.86-2.878a.61.61 0 0 1 .57-.43h9.91c.27 0 .5.17.58.43l.86 2.878c-.13 1.989-3.18 2.009-3.18-.12 0-1.07-1.6-1.07-1.6 0 0 2.129-3.2 2.129-3.2 0 0-1.07-1.6-1.07-1.6 0Z" fill="#{$color}"/></svg>',
600
+
583
601
  'megaphone-full': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zM95.9 240.2c.2-28.7 10.4-34.2 24.2-37.4l71.7-6.8v88.3s-54-3-71.9-5.4c-11.6-1.7-24.2-8.8-24-38.7zM192 400.1c-.7 20.9-31 21.6-32 0v-86l32 2.4v83.6zm192.1-63.6c-.3 14.6-17.3 21.3-27.4 11.1-21.4-21.4-86.1-61.2-132.8-61.2v-92.8c46.1 0 111.2-39.1 132.6-60.5 10.8-10.8 27.4-2.6 27.4 11.1l.2 192.3z" fill="#{$color}"/></svg>',
584
602
 
585
603
  'merge': '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path class="lexicon-icon-outline" d="m322.6 238.2-115.5-59c89-52.6 45-179.2-47-179.2-112 0-130.6 154.6-32 186.1v182.2c-44.7 27.6-53.3 140.9 48 143.6 96 1.3 108.6-134 16-158.3V243.4l97.1 49.6c-13.1 88.3 110.2 126.9 150.8 46.9 36.7-91.3-62.6-143.3-117.4-101.7zM160.1 48c66.6 0 62 96 0 96-64.6-.1-62.6-96 0-96zm16 431.8c-66 0-62-96 0-96 61.3.1 65.3 95.4 0 96zM368 351.9c-60 0-64.6-96 0-96 62.7 0 63.3 96 0 96z" fill="#{$color}"/></svg>',
package/src/scss/mixins/_links.scss CHANGED
@@ -938,6 +938,40 @@
938
938
  }
939
939
  }
940
940
 
941
+ &.collapse-icon {
942
+ $_collapse-icon: setter(map-get($map, collapse-icon), ());
943
+
944
+ @include clay-css($_collapse-icon);
945
+
946
+ .collapse-icon-closed {
947
+ @include clay-css(
948
+ map-get($_collapse-icon, collapse-icon-closed)
949
+ );
950
+ }
951
+
952
+ .collapse-icon-open {
953
+ @include clay-css(
954
+ map-get($_collapse-icon, collapse-icon-open)
955
+ );
956
+ }
957
+ }
958
+
959
+ .autofit-row {
960
+ $_autofit-row: setter(map-get($map, autofit-row), ());
961
+
962
+ @include clay-css($_autofit-row);
963
+
964
+ .autofit-col {
965
+ @include clay-css(map-get($_autofit-row, autofit-col));
966
+ }
967
+
968
+ .autofit-col-expand {
969
+ @include clay-css(
970
+ map-get($_autofit-row, autofit-col-expand)
971
+ );
972
+ }
973
+ }
974
+
941
975
  @if (map-get($c-inner, enabled)) {
942
976
  > .c-inner {
943
977
  @include clay-css($c-inner);
package/src/scss/mixins/_menubar.scss CHANGED
@@ -931,6 +931,10 @@
931
931
  }
932
932
  }
933
933
 
934
+ .nav-item {
935
+ @include clay-css(map-get($map, nav-item));
936
+ }
937
+
934
938
  .nav-link {
935
939
  $_nav-link: setter(map-get($map, nav-link), ());
936
940
  $_nav-link: map-deep-merge($link, $_nav-link);
@@ -942,6 +946,14 @@
942
946
  }
943
947
  }
944
948
 
949
+ .menubar-actions-1 {
950
+ @include clay-css(map-get($map, menubar-actions-1));
951
+ }
952
+
953
+ .menubar-action {
954
+ @include clay-css(map-get($map, menubar-action));
955
+ }
956
+
945
957
  $_media-breakpoint-down: map-get($map, media-breakpoint-down);
946
958
  $_media-breakpoint-up: map-get($map, media-breakpoint-up);
947
959
 
package/src/scss/mixins/_tables.scss CHANGED
@@ -101,6 +101,30 @@
101
101
  @include clay-link(map-deep-get($map, thead, th, href));
102
102
  }
103
103
  }
104
+
105
+ .autofit-col {
106
+ $_autofit-col: setter(map-get($_thead, autofit-col), ());
107
+
108
+ @include clay-css($_autofit-col);
109
+
110
+ &:first-child {
111
+ $_first-child: setter(
112
+ map-get($_autofit-col, first-child),
113
+ ()
114
+ );
115
+
116
+ @include clay-css($_first-child);
117
+ }
118
+
119
+ &:last-child {
120
+ $_last-child: setter(
121
+ map-get($_autofit-col, last-child),
122
+ ()
123
+ );
124
+
125
+ @include clay-css($_last-child);
126
+ }
127
+ }
104
128
  }
105
129
 
106
130
  th,
package/src/scss/variables/_menubar.scss CHANGED
@@ -1,3 +1,126 @@
1
+ $menubar-primary: () !default;
2
+ $menubar-primary: map-deep-merge(
3
+ (
4
+ nav-item: (
5
+ position: relative,
6
+ ),
7
+ nav-link: (
8
+ border-radius: 0,
9
+ color: $gray-900,
10
+ line-height: 24px,
11
+ transition: #{color 0.15s ease-in-out,
12
+ background-color 0.15s ease-in-out,
13
+ border-color 0.15s ease-in-out,
14
+ box-shadow 0.15s ease-in-out},
15
+ before: (
16
+ bottom: 0,
17
+ content: '',
18
+ display: block,
19
+ left: 0,
20
+ position: absolute,
21
+ top: 0,
22
+ transition: $transition-base,
23
+ ),
24
+ hover: (
25
+ background-color: $primary-l3,
26
+ color: $gray-900,
27
+ letter-spacing: 0,
28
+ before: (
29
+ background: $secondary-l0,
30
+ width: 0.125rem,
31
+ ),
32
+ ),
33
+ focus: (
34
+ background-color: c-unset,
35
+ box-shadow: none,
36
+ color: $gray-900,
37
+ outline: 0,
38
+ after: (
39
+ bottom: 0,
40
+ box-shadow: $component-focus-inset-box-shadow,
41
+ content: '',
42
+ display: block,
43
+ left: 0,
44
+ pointer-events: none,
45
+ position: absolute,
46
+ right: 0,
47
+ top: 0,
48
+ ),
49
+ ),
50
+ active-class: (
51
+ background-color: $primary-l3,
52
+ color: $gray-900,
53
+ font-weight: $font-weight-semi-bold,
54
+ before: (
55
+ background-color: $primary,
56
+ width: 0.375rem,
57
+ ),
58
+ focus: (
59
+ before: (
60
+ display: none,
61
+ ),
62
+ ),
63
+ ),
64
+ disabled: (
65
+ background-color: transparent,
66
+ box-shadow: none,
67
+ font-weight: $font-weight-normal,
68
+ letter-spacing: 0.016rem,
69
+ before: (
70
+ content: none,
71
+ ),
72
+ after: (
73
+ content: none,
74
+ ),
75
+ ),
76
+ show: (
77
+ background-color: c-unset,
78
+ box-shadow: c-unset,
79
+ color: $gray-900,
80
+ before: (
81
+ background-color: transparent,
82
+ width: 0,
83
+ ),
84
+ hover: (
85
+ before: (
86
+ background-color: $secondary-l0,
87
+ width: 0.125rem,
88
+ ),
89
+ ),
90
+ ),
91
+ autofit-row: (
92
+ align-items: center,
93
+ margin-left: -0.25rem,
94
+ margin-right: -0.25rem,
95
+ autofit-col: (
96
+ padding-left: 0.25rem,
97
+ padding-right: 0.25rem,
98
+ ),
99
+ ),
100
+ collapse-icon: (
101
+ font-size: 0.75rem,
102
+ font-weight: $font-weight-semi-bold,
103
+ text-transform: uppercase,
104
+ collapse-icon-closed: (
105
+ top: calc(22px - (1em / 2)),
106
+ ),
107
+ collapse-icon-open: (
108
+ top: calc(22px - (1em / 2)),
109
+ ),
110
+ ),
111
+ ),
112
+ menubar-actions-1: (
113
+ padding-right: 4rem,
114
+ ),
115
+ menubar-action: (
116
+ position: absolute,
117
+ top: 0.625rem,
118
+ right: 2rem,
119
+ ),
120
+ ),
121
+ $menubar-primary
122
+ );
123
+
1
124
  // Menubar Vertical MD
2
125
 
3
126
  $menubar-vertical-expand-md: () !default;
package/src/scss/variables/_navs.scss CHANGED
@@ -11,12 +11,14 @@ $nav-link-disabled-cursor: $disabled-cursor !default;
11
11
  $nav-link: () !default;
12
12
  $nav-link: map-deep-merge(
13
13
  (
14
+ cursor: pointer,
14
15
  display: block,
15
16
  padding-bottom: $nav-link-padding-y,
16
17
  padding-left: $nav-link-padding-x,
17
18
  padding-right: $nav-link-padding-x,
18
19
  padding-top: $nav-link-padding-y,
19
20
  position: relative,
21
+ user-select: none,
20
22
  hover: (
21
23
  text-decoration: none,
22
24
  ),
package/src/scss/variables/_sidebar.scss CHANGED
@@ -9,7 +9,6 @@ $sidebar-header-component-title: () !default;
9
9
  $sidebar-header-component-title: map-deep-merge(
10
10
  (
11
11
  font-size: 1.5rem,
12
- font-weight: $font-weight-semi-bold,
13
12
  overflow-wrap: break-word,
14
13
  href: (
15
14
  color: $gray-900,
package/src/scss/variables/_tables.scss CHANGED
@@ -246,6 +246,16 @@ $c-table: map-deep-merge(
246
246
  th: (
247
247
  href: $table-head-link,
248
248
  ),
249
+ autofit-col: (
250
+ padding-left: 0.125rem,
251
+ padding-right: 0.125rem,
252
+ first-child: (
253
+ padding-left: 0,
254
+ ),
255
+ last-child: (
256
+ padding-right: 0,
257
+ ),
258
+ ),
249
259
  )
250
260
  ),
251
261
  table-column-start: (