@clayui/css 3.159.0 → 3.161.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 (304) hide show
  1. package/lib/css/atlas.css +3170 -3016
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2952 -2786
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1754 -1633
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/books-brush.svg +9 -0
  9. package/lib/images/icons/calculator.svg +10 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/layout-new-window.svg +10 -0
  12. package/lib/images/icons/medal.svg +10 -0
  13. package/lib/images/icons/megaphone.svg +9 -0
  14. package/lib/images/icons/price-list.svg +11 -0
  15. package/lib/images/icons/process-builder.svg +9 -0
  16. package/lib/images/icons/product-configuration.svg +10 -0
  17. package/lib/images/icons/product-menu-open.svg +2 -2
  18. package/lib/images/icons/products.svg +9 -0
  19. package/lib/images/icons/publications.svg +10 -0
  20. package/lib/images/icons/puzzle.svg +9 -0
  21. package/lib/images/icons/rocket.svg +11 -0
  22. package/lib/images/icons/submission.svg +10 -0
  23. package/lib/images/icons/synonyms.svg +9 -0
  24. package/package.json +1 -1
  25. package/src/images/icons/blue-print.svg +9 -0
  26. package/src/images/icons/books-brush.svg +9 -0
  27. package/src/images/icons/calculator.svg +10 -0
  28. package/src/images/icons/icons.svg +1 -1
  29. package/src/images/icons/layout-new-window.svg +10 -0
  30. package/src/images/icons/medal.svg +10 -0
  31. package/src/images/icons/megaphone.svg +9 -0
  32. package/src/images/icons/price-list.svg +11 -0
  33. package/src/images/icons/process-builder.svg +9 -0
  34. package/src/images/icons/product-configuration.svg +10 -0
  35. package/src/images/icons/product-menu-open.svg +2 -2
  36. package/src/images/icons/products.svg +9 -0
  37. package/src/images/icons/publications.svg +10 -0
  38. package/src/images/icons/puzzle.svg +9 -0
  39. package/src/images/icons/rocket.svg +11 -0
  40. package/src/images/icons/submission.svg +10 -0
  41. package/src/images/icons/synonyms.svg +9 -0
  42. package/src/scss/_license-text.scss +1 -1
  43. package/src/scss/atlas/_variables.scss +6 -4
  44. package/src/scss/atlas/variables/_alerts.scss +102 -11
  45. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  46. package/src/scss/atlas/variables/_badges.scss +36 -8
  47. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  48. package/src/scss/atlas/variables/_cards.scss +5 -0
  49. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  50. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  51. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  52. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  53. package/src/scss/atlas/variables/_forms.scss +35 -5
  54. package/src/scss/atlas/variables/_globals.scss +120 -73
  55. package/src/scss/atlas/variables/_labels.scss +55 -0
  56. package/src/scss/atlas/variables/_links.scss +18 -0
  57. package/src/scss/atlas/variables/_list-group.scss +15 -4
  58. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  59. package/src/scss/atlas/variables/_menubar.scss +70 -22
  60. package/src/scss/atlas/variables/_modals.scss +16 -0
  61. package/src/scss/atlas/variables/_navbar.scss +7 -0
  62. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  63. package/src/scss/atlas/variables/_navs.scss +5 -2
  64. package/src/scss/atlas/variables/_pagination.scss +42 -22
  65. package/src/scss/atlas/variables/_panels.scss +7 -0
  66. package/src/scss/atlas/variables/_popovers.scss +6 -4
  67. package/src/scss/atlas/variables/_range.scss +6 -0
  68. package/src/scss/atlas/variables/_sheets.scss +1 -0
  69. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  70. package/src/scss/atlas/variables/_tables.scss +27 -3
  71. package/src/scss/atlas/variables/_time.scss +1 -0
  72. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  73. package/src/scss/atlas/variables/_utilities.scss +3 -0
  74. package/src/scss/atlas-custom-properties/_variables.scss +68 -0
  75. package/src/scss/atlas-custom-properties/variables/_alerts.scss +1212 -0
  76. package/src/scss/atlas-custom-properties/variables/_application-bar.scss +62 -0
  77. package/src/scss/atlas-custom-properties/variables/_aspect-ratio.scss +28 -0
  78. package/src/scss/atlas-custom-properties/variables/_badges.scss +352 -0
  79. package/src/scss/atlas-custom-properties/variables/_breadcrumbs.scss +205 -0
  80. package/src/scss/atlas-custom-properties/variables/_buttons.scss +1498 -0
  81. package/src/scss/atlas-custom-properties/variables/_c-root.scss +353 -0
  82. package/src/scss/atlas-custom-properties/variables/_cards.scss +1217 -0
  83. package/src/scss/atlas-custom-properties/variables/_clay-color.scss +647 -0
  84. package/src/scss/atlas-custom-properties/variables/_custom-forms.scss +1127 -0
  85. package/src/scss/atlas-custom-properties/variables/_date-picker.scss +701 -0
  86. package/src/scss/atlas-custom-properties/variables/_drilldown.scss +252 -0
  87. package/src/scss/atlas-custom-properties/variables/_dropdowns.scss +1250 -0
  88. package/src/scss/atlas-custom-properties/variables/_dual-listbox.scss +75 -0
  89. package/src/scss/atlas-custom-properties/variables/_empty-state.scss +104 -0
  90. package/src/scss/atlas-custom-properties/variables/_forms.scss +2342 -0
  91. package/src/scss/atlas-custom-properties/variables/_globals-z-index.scss +50 -0
  92. package/src/scss/atlas-custom-properties/variables/_globals.scss +846 -0
  93. package/src/scss/atlas-custom-properties/variables/_icons.scss +73 -0
  94. package/src/scss/atlas-custom-properties/variables/_images.scss +14 -0
  95. package/src/scss/atlas-custom-properties/variables/_labels.scss +1485 -0
  96. package/src/scss/atlas-custom-properties/variables/_links.scss +482 -0
  97. package/src/scss/atlas-custom-properties/variables/_list-group.scss +493 -0
  98. package/src/scss/atlas-custom-properties/variables/_loaders.scss +243 -0
  99. package/src/scss/atlas-custom-properties/variables/_management-bar.scss +153 -0
  100. package/src/scss/atlas-custom-properties/variables/_menubar.scss +836 -0
  101. package/src/scss/atlas-custom-properties/variables/_modals.scss +650 -0
  102. package/src/scss/atlas-custom-properties/variables/_multi-step-nav.scss +324 -0
  103. package/src/scss/atlas-custom-properties/variables/_navbar.scss +200 -0
  104. package/src/scss/atlas-custom-properties/variables/_navigation-bar.scss +473 -0
  105. package/src/scss/atlas-custom-properties/variables/_navs.scss +547 -0
  106. package/src/scss/atlas-custom-properties/variables/_pagination.scss +1101 -0
  107. package/src/scss/atlas-custom-properties/variables/_panels.scss +567 -0
  108. package/src/scss/atlas-custom-properties/variables/_popovers.scss +565 -0
  109. package/src/scss/atlas-custom-properties/variables/_progress-bars.scss +142 -0
  110. package/src/scss/atlas-custom-properties/variables/_quick-action.scss +27 -0
  111. package/src/scss/atlas-custom-properties/variables/_range.scss +267 -0
  112. package/src/scss/atlas-custom-properties/variables/_reorder.scss +91 -0
  113. package/src/scss/atlas-custom-properties/variables/_resizer.scss +26 -0
  114. package/src/scss/atlas-custom-properties/variables/_sheets.scss +301 -0
  115. package/src/scss/atlas-custom-properties/variables/_side-navigation.scss +4 -0
  116. package/src/scss/atlas-custom-properties/variables/_sidebar.scss +579 -0
  117. package/src/scss/atlas-custom-properties/variables/_slideout.scss +379 -0
  118. package/src/scss/atlas-custom-properties/variables/_stickers.scss +578 -0
  119. package/src/scss/atlas-custom-properties/variables/_tables.scss +1277 -0
  120. package/src/scss/atlas-custom-properties/variables/_tbar.scss +636 -0
  121. package/src/scss/atlas-custom-properties/variables/_time.scss +142 -0
  122. package/src/scss/atlas-custom-properties/variables/_timelines.scss +43 -0
  123. package/src/scss/atlas-custom-properties/variables/_toggle-switch.scss +706 -0
  124. package/src/scss/atlas-custom-properties/variables/_tooltip.scss +332 -0
  125. package/src/scss/atlas-custom-properties/variables/_treeview.scss +369 -0
  126. package/src/scss/atlas-custom-properties/variables/_type.scss +194 -0
  127. package/src/scss/atlas-custom-properties/variables/_utilities.scss +1016 -0
  128. package/src/scss/atlas-variables.scss +2 -0
  129. package/src/scss/atlas.scss +2 -0
  130. package/src/scss/base-variables.scss +2 -0
  131. package/src/scss/base.scss +2 -0
  132. package/src/scss/cadmin/components/_alerts.scss +3 -1
  133. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  134. package/src/scss/cadmin/components/_cards.scss +2 -2
  135. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  136. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  137. package/src/scss/cadmin/components/_forms.scss +2 -2
  138. package/src/scss/cadmin/components/_grid.scss +6 -6
  139. package/src/scss/cadmin/components/_icons.scss +10 -2
  140. package/src/scss/cadmin/components/_images.scss +1 -1
  141. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  142. package/src/scss/cadmin/components/_list-group.scss +11 -10
  143. package/src/scss/cadmin/components/_modals.scss +5 -5
  144. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  145. package/src/scss/cadmin/components/_navbar.scss +14 -8
  146. package/src/scss/cadmin/components/_navs.scss +1 -1
  147. package/src/scss/cadmin/components/_panels.scss +51 -25
  148. package/src/scss/cadmin/components/_popovers.scss +25 -21
  149. package/src/scss/cadmin/components/_sheets.scss +40 -14
  150. package/src/scss/cadmin/components/_time.scss +6 -2
  151. package/src/scss/cadmin/components/_timelines.scss +15 -8
  152. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  153. package/src/scss/cadmin/components/_treeview.scss +8 -1
  154. package/src/scss/cadmin/components/_type.scss +4 -2
  155. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  156. package/src/scss/cadmin/components/_utilities.scss +13 -13
  157. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  158. package/src/scss/cadmin/variables/_badges.scss +121 -21
  159. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  160. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  161. package/src/scss/cadmin/variables/_cards.scss +89 -32
  162. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  163. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  164. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  165. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  166. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  167. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  168. package/src/scss/cadmin/variables/_forms.scss +218 -74
  169. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  170. package/src/scss/cadmin/variables/_globals.scss +141 -71
  171. package/src/scss/cadmin/variables/_images.scss +1 -2
  172. package/src/scss/cadmin/variables/_labels.scss +99 -6
  173. package/src/scss/cadmin/variables/_links.scss +47 -11
  174. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  175. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  176. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  177. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  178. package/src/scss/cadmin/variables/_modals.scss +75 -26
  179. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  180. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  181. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  182. package/src/scss/cadmin/variables/_navs.scss +65 -33
  183. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  184. package/src/scss/cadmin/variables/_panels.scss +34 -16
  185. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  186. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  187. package/src/scss/cadmin/variables/_range.scss +29 -9
  188. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  189. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  190. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  191. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  192. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  193. package/src/scss/cadmin/variables/_stickers.scss +36 -8
  194. package/src/scss/cadmin/variables/_tables.scss +142 -51
  195. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  196. package/src/scss/cadmin/variables/_time.scss +14 -12
  197. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  198. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  199. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  200. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  201. package/src/scss/cadmin/variables/_type.scss +11 -9
  202. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  203. package/src/scss/components/_alerts.scss +1 -1
  204. package/src/scss/components/_button-groups.scss +2 -2
  205. package/src/scss/components/_cards.scss +10 -10
  206. package/src/scss/components/_carousel.scss +2 -2
  207. package/src/scss/components/_custom-forms.scss +23 -12
  208. package/src/scss/components/_drilldown.scss +8 -4
  209. package/src/scss/components/_forms.scss +6 -6
  210. package/src/scss/components/_grid.scss +7 -7
  211. package/src/scss/components/_icons.scss +10 -2
  212. package/src/scss/components/_images.scss +1 -1
  213. package/src/scss/components/_input-groups.scss +7 -5
  214. package/src/scss/components/_jumbotron.scss +2 -2
  215. package/src/scss/components/_list-group.scss +29 -14
  216. package/src/scss/components/_modals.scss +5 -5
  217. package/src/scss/components/_multi-step-nav.scss +32 -12
  218. package/src/scss/components/_navbar.scss +10 -6
  219. package/src/scss/components/_panels.scss +82 -51
  220. package/src/scss/components/_popovers.scss +21 -25
  221. package/src/scss/components/_sheets.scss +38 -14
  222. package/src/scss/components/_side-navigation.scss +2 -2
  223. package/src/scss/components/_time.scss +2 -2
  224. package/src/scss/components/_timelines.scss +16 -12
  225. package/src/scss/components/_tooltip.scss +8 -6
  226. package/src/scss/components/_treeview.scss +8 -1
  227. package/src/scss/components/_type.scss +2 -2
  228. package/src/scss/components/_utilities-functional-important.scss +5 -5
  229. package/src/scss/components/_utilities.scss +13 -13
  230. package/src/scss/functions/_global-functions.scss +8 -6
  231. package/src/scss/functions/_lx-icons-generated.scss +31 -1
  232. package/src/scss/mixins/_alerts.scss +10 -0
  233. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  234. package/src/scss/mixins/_badges.scss +14 -2
  235. package/src/scss/mixins/_buttons.scss +68 -8
  236. package/src/scss/mixins/_cards.scss +81 -0
  237. package/src/scss/mixins/_close.scss +54 -4
  238. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  239. package/src/scss/mixins/_forms.scss +150 -0
  240. package/src/scss/mixins/_globals.scss +101 -358
  241. package/src/scss/mixins/_grid.scss +21 -8
  242. package/src/scss/mixins/_highlight.scss +14 -0
  243. package/src/scss/mixins/_input-groups.scss +15 -0
  244. package/src/scss/mixins/_labels.scss +64 -10
  245. package/src/scss/mixins/_links.scss +55 -4
  246. package/src/scss/mixins/_list-group.scss +8 -4
  247. package/src/scss/mixins/_menubar.scss +80 -4
  248. package/src/scss/mixins/_modals.scss +10 -18
  249. package/src/scss/mixins/_nav.scss +19 -0
  250. package/src/scss/mixins/_navbar.scss +237 -49
  251. package/src/scss/mixins/_panels.scss +48 -4
  252. package/src/scss/mixins/_stickers.scss +8 -0
  253. package/src/scss/mixins/_tbar.scss +65 -10
  254. package/src/scss/mixins/_timelines.scss +21 -11
  255. package/src/scss/mixins/_toggle-switch.scss +4 -0
  256. package/src/scss/mixins/_utilities.scss +9 -0
  257. package/src/scss/variables/_alerts.scss +184 -29
  258. package/src/scss/variables/_application-bar.scss +11 -4
  259. package/src/scss/variables/_badges.scss +133 -35
  260. package/src/scss/variables/_breadcrumbs.scss +13 -4
  261. package/src/scss/variables/_buttons.scss +11 -10
  262. package/src/scss/variables/_cards.scss +131 -53
  263. package/src/scss/variables/_clay-color.scss +36 -18
  264. package/src/scss/variables/_custom-forms.scss +47 -12
  265. package/src/scss/variables/_date-picker.scss +41 -16
  266. package/src/scss/variables/_drilldown.scss +3 -3
  267. package/src/scss/variables/_dropdowns.scss +108 -49
  268. package/src/scss/variables/_dual-listbox.scss +1 -1
  269. package/src/scss/variables/_empty-state.scss +5 -2
  270. package/src/scss/variables/_forms.scss +200 -64
  271. package/src/scss/variables/_globals-z-index.scss +26 -5
  272. package/src/scss/variables/_globals.scss +153 -76
  273. package/src/scss/variables/_images.scss +1 -2
  274. package/src/scss/variables/_labels.scss +103 -6
  275. package/src/scss/variables/_links.scss +39 -10
  276. package/src/scss/variables/_list-group.scss +39 -13
  277. package/src/scss/variables/_loaders.scss +18 -2
  278. package/src/scss/variables/_management-bar.scss +23 -6
  279. package/src/scss/variables/_menubar.scss +86 -19
  280. package/src/scss/variables/_modals.scss +66 -25
  281. package/src/scss/variables/_multi-step-nav.scss +29 -11
  282. package/src/scss/variables/_navbar.scss +14 -8
  283. package/src/scss/variables/_navigation-bar.scss +26 -4
  284. package/src/scss/variables/_navs.scss +76 -44
  285. package/src/scss/variables/_pagination.scss +30 -5
  286. package/src/scss/variables/_panels.scss +77 -24
  287. package/src/scss/variables/_popovers.scss +65 -78
  288. package/src/scss/variables/_progress-bars.scss +11 -2
  289. package/src/scss/variables/_range.scss +35 -9
  290. package/src/scss/variables/_reorder.scss +7 -6
  291. package/src/scss/variables/_resizer.scss +5 -3
  292. package/src/scss/variables/_sheets.scss +21 -13
  293. package/src/scss/variables/_sidebar.scss +72 -4
  294. package/src/scss/variables/_slideout.scss +87 -31
  295. package/src/scss/variables/_stickers.scss +50 -9
  296. package/src/scss/variables/_tables.scss +125 -33
  297. package/src/scss/variables/_tbar.scss +79 -30
  298. package/src/scss/variables/_time.scss +13 -11
  299. package/src/scss/variables/_timelines.scss +2 -1
  300. package/src/scss/variables/_toggle-switch.scss +114 -30
  301. package/src/scss/variables/_tooltip.scss +46 -49
  302. package/src/scss/variables/_treeview.scss +63 -10
  303. package/src/scss/variables/_type.scss +9 -7
  304. package/src/scss/variables/_utilities.scss +124 -6
package/src/scss/atlas-custom-properties/variables/_list-group.scss ADDED
@@ -0,0 +1,493 @@
1
+ @if ($enable-atlas-custom-properties) {
2
+ $list-group-bg: var(--list-group-bg, $white);
3
+ $list-group-border-color: var(--list-group-border-color, $gray-300);
4
+ $list-group-border-width: var(--list-group-border-width, $border-width);
5
+
6
+ $list-group-border-radius: var(--list-group-border-radius, $border-radius);
7
+
8
+ $list-group-box-shadow: var(--list-group-box-shadow, none);
9
+ $list-group-color: var(--list-group-color, inherit);
10
+ $list-group-font-size: var(--list-group-font-size, 14px);
11
+ $list-group-margin-bottom: var(--list-group-margin-bottom, 24px);
12
+ $list-group-margin-top: var(--list-group-margin-top, 0px);
13
+
14
+ // List Group Item Action
15
+
16
+ $list-group-action-color: var(--list-group-action-color, $gray-700);
17
+
18
+ $list-group-hover-bg: var(--list-group-hover-bg, $primary-l3);
19
+
20
+ $list-group-action-hover-color: var(
21
+ --list-group-action-hover-color,
22
+ $list-group-action-color
23
+ );
24
+
25
+ $list-group-action-active-bg: var(--list-group-action-active-bg, $gray-200);
26
+ $list-group-action-active-color: var(
27
+ --list-group-action-active-color,
28
+ $body-color
29
+ );
30
+
31
+ // List Group Item
32
+
33
+ $list-group-item-padding-x: var(--list-group-item-padding-x, 16px);
34
+ $list-group-item-padding-y: var(--list-group-item-padding-y, 16px);
35
+
36
+ // Use values flex-start, flex-end, or center
37
+
38
+ $list-group-item-flex-align-items: flex-start;
39
+
40
+ $list-group-item-flex-checkbox-offset-top: var(
41
+ --list-group-item-flex-checkbox-offset-top,
42
+ 3px
43
+ );
44
+ $list-group-item-flex-offset-top: var(
45
+ --list-group-item-flex-offset-top,
46
+ 1px
47
+ );
48
+ $list-group-item-flex-list-group-title-offset-top: var(
49
+ --list-group-item-flex-list-group-title-offset-top,
50
+ -4px
51
+ );
52
+
53
+ $list-group-item-flex: ();
54
+ $list-group-item-flex: map-deep-merge(
55
+ (
56
+ display: flex,
57
+ margin-bottom:
58
+ var(
59
+ --list-group-item-flex-margin-bottom,
60
+ calc(#{$list-group-border-width} * -1)
61
+ ),
62
+ padding-left:
63
+ var(
64
+ --list-group-item-flex-padding-left,
65
+ calc(#{$list-group-item-padding-x} * 0.5)
66
+ ),
67
+ padding-right:
68
+ var(
69
+ --list-group-item-flex-padding-right,
70
+ calc(#{$list-group-item-padding-x} * 0.5)
71
+ ),
72
+ autofit-col: (
73
+ justify-content:
74
+ var(
75
+ --list-group-item-flex-autofit-col-justify-content,
76
+ $list-group-item-flex-align-items
77
+ ),
78
+ padding-left:
79
+ var(
80
+ --list-group-item-flex-autofit-col-padding-left,
81
+ calc(#{$list-group-item-padding-x} * 0.5)
82
+ ),
83
+ padding-right:
84
+ var(
85
+ --list-group-item-flex-autofit-col-padding-right,
86
+ calc(#{$list-group-item-padding-x} * 0.5)
87
+ ),
88
+ ),
89
+ ),
90
+ $list-group-item-flex
91
+ );
92
+
93
+ $list-group-active-bg: var(--list-group-active-bg, $list-group-hover-bg);
94
+ $list-group-active-border-color: var(
95
+ --list-group-active-border-color,
96
+ $list-group-border-color
97
+ );
98
+ $list-group-active-color: var(--list-group-active-color, $gray-900);
99
+
100
+ $list-group-disabled-bg: var(--list-group-disabled-bg, $list-group-bg);
101
+ $list-group-disabled-color: var(--list-group-disabled-color, $gray-600);
102
+
103
+ // List Group Header
104
+
105
+ $list-group-header-bg: var(--list-group-header-bg, $gray-100);
106
+ $list-group-header-padding-x: var(
107
+ --list-group-header-padding-x,
108
+ $list-group-item-padding-x
109
+ );
110
+ $list-group-header-padding-y: var(--list-group-header-padding-y, 8px);
111
+
112
+ $list-group-header-title: ();
113
+ $list-group-header-title: map-deep-merge(
114
+ (
115
+ color: var(--list-group-header-title-color, $gray-600),
116
+ font-size: var(--list-group-header-title-font-size, 12px),
117
+ font-weight:
118
+ var(
119
+ --list-group-header-title-font-weight,
120
+ $font-weight-semi-bold
121
+ ),
122
+ line-height:
123
+ var(
124
+ --list-group-header-title-line-height,
125
+ $headings-line-height
126
+ ),
127
+ margin-bottom: var(--list-group-header-title-margin-bottom, 0),
128
+ text-transform:
129
+ var(--list-group-header-title-text-transform, uppercase),
130
+ ),
131
+ $list-group-header-title
132
+ );
133
+
134
+ // List Group Title
135
+
136
+ $list-group-title-link: ();
137
+ $list-group-title-link: map-deep-merge(
138
+ (
139
+ border-radius: 1px,
140
+ color: $gray-900,
141
+ display: var(--list-group-title-link-display, inline-block),
142
+ text-decoration:
143
+ var(--list-group-title-link-text-decoration, underline),
144
+ transition:
145
+ var(
146
+ --list-group-title-link-transition,
147
+ box-shadow 0.15s ease-in-out
148
+ ),
149
+ max-width: var(--list-group-title-link-max-width, 100%),
150
+ hover: (
151
+ color: var(--list-group-title-link-hover-color, $gray-900),
152
+ ),
153
+
154
+ focus: (
155
+ box-shadow:
156
+ var(
157
+ --list-group-title-link-focus-box-shadow,
158
+ $component-focus-box-shadow
159
+ ),
160
+ outline: 0,
161
+ ),
162
+ ),
163
+ $list-group-title-link
164
+ );
165
+
166
+ $list-group-title: ();
167
+ $list-group-title: map-deep-merge(
168
+ (
169
+ color: var(--list-group-title-color, $gray-900),
170
+ font-size: var(--list-group-title-font-size, 14px),
171
+ font-weight:
172
+ var(--list-group-title-font-weight, $font-weight-semi-bold),
173
+ line-height: var(--list-group-title-line-height, 1.45),
174
+ margin-bottom: var(--list-group-title-margin-bottom, 0),
175
+ margin-top:
176
+ var(
177
+ --list-group-title-margin-top,
178
+ $list-group-item-flex-list-group-title-offset-top
179
+ ),
180
+ href: $list-group-title-link,
181
+ ),
182
+ $list-group-title
183
+ );
184
+
185
+ $list-group-title-active-color: var(
186
+ --list-group-title-active-color,
187
+ $list-group-active-color
188
+ );
189
+
190
+ // List Group Subtitle
191
+
192
+ $list-group-subtitle-link: ();
193
+ $list-group-subtitle-link: map-deep-merge(
194
+ (
195
+ border-radius: 1px,
196
+ color: var(--list-group-subtitle-link-color, $gray-600),
197
+ display: inline-block,
198
+ max-width: 100%,
199
+ transition:
200
+ var(
201
+ --list-group-subtitle-link-transition,
202
+ box-shadow 0.15s ease-in-out
203
+ ),
204
+ hover: (
205
+ color: var(--list-group-subtitle-link-hover-color, $gray-900),
206
+ ),
207
+
208
+ focus: (
209
+ box-shadow:
210
+ var(
211
+ --list-group-subtitle-link-focus-box-shadow,
212
+ $component-focus-box-shadow
213
+ ),
214
+ outline: 0,
215
+ ),
216
+ ),
217
+ $list-group-subtitle-link
218
+ );
219
+
220
+ $list-group-subtitle: ();
221
+ $list-group-subtitle: map-deep-merge(
222
+ (
223
+ color: var(--list-group-subtitle-color, $gray-600),
224
+ margin-bottom: var(--list-group-subtitle-margin-bottom, 0),
225
+ href: $list-group-subtitle-link,
226
+ ),
227
+ $list-group-subtitle
228
+ );
229
+
230
+ // List Group Text
231
+
232
+ $list-group-text-link: ();
233
+ $list-group-text-link: map-deep-merge(
234
+ (
235
+ border-radius: 1px,
236
+ color: var(--list-group-text-link-color, $gray-600),
237
+ display: inline-block,
238
+ max-width: 100%,
239
+ transition:
240
+ var(
241
+ --list-group-text-link-transition,
242
+ box-shadow 0.15s ease-in-out
243
+ ),
244
+ hover: (
245
+ color: var(--list-group-text-link-hover-color, $gray-900),
246
+ ),
247
+
248
+ focus: (
249
+ box-shadow:
250
+ var(
251
+ --list-group-text-link-focus-box-shadow,
252
+ $component-focus-box-shadow
253
+ ),
254
+ outline: 0,
255
+ ),
256
+ ),
257
+ $list-group-text-link
258
+ );
259
+
260
+ $list-group-text: ();
261
+ $list-group-text: map-deep-merge(
262
+ (
263
+ color: var(--list-group-text-color, $gray-600),
264
+ margin-bottom: var(--list-group-text-margin-bottom, 0),
265
+ href: $list-group-text-link,
266
+ ),
267
+ $list-group-text
268
+ );
269
+
270
+ $list-group-text-active-color: $list-group-active-color;
271
+
272
+ // List Group Subtext
273
+
274
+ $list-group-subtext-link: ();
275
+ $list-group-subtext-link: map-deep-merge(
276
+ (
277
+ border-radius: 1px,
278
+ color: var(--list-group-subtext-link-color, $gray-600),
279
+ display: inline-block,
280
+ max-width: 100%,
281
+ transition:
282
+ var(
283
+ --list-group-subtext-link-transition,
284
+ box-shadow 0.15s ease-in-out
285
+ ),
286
+ hover: (
287
+ color: var(--list-group-subtext-link-hover-color, $gray-900),
288
+ ),
289
+
290
+ focus: (
291
+ box-shadow:
292
+ var(
293
+ --list-group-subtext-link-focus-box-shadow,
294
+ $component-focus-box-shadow
295
+ ),
296
+ outline: 0,
297
+ ),
298
+ ),
299
+ $list-group-subtext-link
300
+ );
301
+
302
+ $list-group-subtext: ();
303
+ $list-group-subtext: map-deep-merge(
304
+ (
305
+ color: var(--list-group-subtext-color, $gray-600),
306
+ margin-bottom: var(--list-group-subtext-margin-bottom, 0),
307
+ margin-top: var(--list-group-subtext-margin-top, 8px),
308
+ href: $list-group-subtext-link,
309
+ ),
310
+ $list-group-subtext
311
+ );
312
+
313
+ $list-group-subtext-active-color: var(
314
+ --list-group-subtext-active-color,
315
+ $gray-600
316
+ );
317
+
318
+ // List Group Detail
319
+
320
+ $list-group-detail-margin-bottom: var(
321
+ --list-group-detail-margin-bottom,
322
+ 0rem
323
+ );
324
+ $list-group-detail-margin-top: var(--list-group-detail-margin-top, 0rem);
325
+
326
+ $list-group-link-color: var(--list-group-link-color, $gray-900);
327
+
328
+ $list-group-link-hover-color: var(
329
+ --list-group-link-hover-color,
330
+ $list-group-link-color
331
+ );
332
+
333
+ $list-group-link-active-color: var(
334
+ --list-group-link-active-color,
335
+ $list-group-link-color
336
+ );
337
+
338
+ $list-group: ();
339
+ $list-group: map-deep-merge(
340
+ (
341
+ border-radius: clay-enable-rounded($list-group-border-radius),
342
+ box-shadow: clay-enable-shadows($list-group-box-shadow),
343
+ color: $list-group-color,
344
+ display: flex,
345
+ flex-direction: column,
346
+ font-size: $list-group-font-size,
347
+ margin-bottom: $list-group-margin-bottom,
348
+ margin-top: $list-group-margin-top,
349
+ padding-left: 0,
350
+
351
+ list-group: (
352
+ box-shadow: if($list-group-box-shadow != null, none, null),
353
+ ),
354
+ ),
355
+ $list-group
356
+ );
357
+
358
+ // List Group Item Variants
359
+
360
+ // @deprecated as of v3.142.2 with no replacement
361
+
362
+ $list-group-item-theme-colors: ();
363
+ $list-group-item-theme-colors: map-deep-merge(
364
+ (
365
+ 'primary': (),
366
+ 'secondary': (),
367
+ 'success': (),
368
+ 'info': (),
369
+ 'warning': (),
370
+ 'danger': (),
371
+ 'light': (),
372
+ 'dark': (),
373
+ ),
374
+ $list-group-item-theme-colors
375
+ );
376
+
377
+ // List Group Notification
378
+
379
+ $list-group-notification-item-border-bottom-color: var(
380
+ --list-group-notification-item-border-bottom-color,
381
+ $list-group-border-color
382
+ );
383
+ $list-group-notification-item-border-left-color: var(
384
+ --list-group-notification-item-border-left-color,
385
+ $list-group-border-color
386
+ );
387
+ $list-group-notification-item-border-right-color: var(
388
+ --list-group-notification-item-border-right-color,
389
+ $list-group-border-color
390
+ );
391
+ $list-group-notification-item-border-top-color: var(
392
+ --list-group-notification-item-border-top-color,
393
+ $list-group-border-color
394
+ );
395
+
396
+ $list-group-notification-item-active-border-bottom-color: var(
397
+ --list-group-notification-item-active-border-bottom-color,
398
+ $list-group-active-border-color
399
+ );
400
+ $list-group-notification-item-active-border-left-color: var(
401
+ --list-group-notification-item-active-border-left-color,
402
+ $list-group-active-border-color
403
+ );
404
+ $list-group-notification-item-active-border-right-color: var(
405
+ --list-group-notification-item-active-border-right-color,
406
+ $list-group-active-border-color
407
+ );
408
+ $list-group-notification-item-active-border-top-color: var(
409
+ --list-group-notification-item-active-border-top-color,
410
+ $list-group-active-border-color
411
+ );
412
+
413
+ $list-group-notification-item-border-bottom-width: var(
414
+ --list-group-notification-item-border-bottom-width,
415
+ 1px
416
+ );
417
+ $list-group-notification-item-border-left-width: var(
418
+ --list-group-notification-item-border-left-width,
419
+ 1px
420
+ );
421
+ $list-group-notification-item-border-right-width: var(
422
+ --list-group-notification-item-border-right-width,
423
+ 1px
424
+ );
425
+ $list-group-notification-item-border-top-width: var(
426
+ --list-group-notification-item-border-top-width,
427
+ 1px
428
+ );
429
+
430
+ $list-group-notification-item: ();
431
+
432
+ $list-group-notification-item-primary: ();
433
+ $list-group-notification-item-primary: map-deep-merge(
434
+ (
435
+ border-left-color:
436
+ var(
437
+ --list-group-notification-item-primary-border-left-color,
438
+ unquote(
439
+ 'hsl(from #{$component-active-bg} h s calc(l + 22.94))'
440
+ )
441
+ ),
442
+ border-left-width:
443
+ var(
444
+ --list-group-notification-item-primary-border-left-width,
445
+ 8px
446
+ ),
447
+ border-bottom-left-radius:
448
+ var(
449
+ --list-group-notification-item-primary-border-bottom-left-radius,
450
+ 0
451
+ ),
452
+ border-top-left-radius:
453
+ var(
454
+ --list-group-notification-item-primary-border-top-left-radius,
455
+ 0
456
+ ),
457
+ active-border-left-color:
458
+ var(
459
+ --list-group-notification-item-primary-active-border-left-color,
460
+ unquote(
461
+ 'hsl(from #{$component-active-bg} h s calc(l + 22.94))'
462
+ )
463
+ ),
464
+ ),
465
+ $list-group-notification-item-primary
466
+ );
467
+
468
+ // List Group Sm
469
+
470
+ $list-group-sm-item: ();
471
+ $list-group-sm-item: map-merge(
472
+ (
473
+ padding-bottom: var(--list-group-sm-item-padding-bottom, 6.5px),
474
+ padding-top: var(--list-group-sm-item-padding-top, 6.5px),
475
+ ),
476
+ $list-group-sm-item
477
+ );
478
+
479
+ $list-group-sm-quick-action-menu: ();
480
+ $list-group-sm-quick-action-menu: map-merge(
481
+ (
482
+ margin-bottom:
483
+ var(--list-group-sm-quick-action-menu-margin-bottom, -6.5px),
484
+ margin-top:
485
+ var(--list-group-sm-quick-action-menu-margin-top, -6.5px),
486
+ padding-bottom:
487
+ var(--list-group-sm-quick-action-menu-padding-bottom, 6.5px),
488
+ padding-top:
489
+ var(--list-group-sm-quick-action-menu-padding-top, 6.5px),
490
+ ),
491
+ $list-group-sm-quick-action-menu
492
+ );
493
+ }