@clayui/css 3.159.0 → 3.160.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 (243) hide show
  1. package/lib/css/atlas.css +2091 -1937
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +2071 -1905
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/cadmin.css +1749 -1628
  6. package/lib/css/cadmin.css.map +1 -1
  7. package/lib/images/icons/blue-print.svg +9 -0
  8. package/lib/images/icons/calculator.svg +10 -0
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/lib/images/icons/layout-new-window.svg +10 -0
  11. package/lib/images/icons/medal.svg +10 -0
  12. package/lib/images/icons/megaphone.svg +9 -0
  13. package/lib/images/icons/price-list.svg +11 -0
  14. package/lib/images/icons/process-builder.svg +9 -0
  15. package/lib/images/icons/product-configuration.svg +10 -0
  16. package/lib/images/icons/product-menu-open.svg +2 -2
  17. package/lib/images/icons/products.svg +9 -0
  18. package/lib/images/icons/publications.svg +10 -0
  19. package/lib/images/icons/puzzle.svg +9 -0
  20. package/lib/images/icons/rocket.svg +11 -0
  21. package/lib/images/icons/submission.svg +10 -0
  22. package/lib/images/icons/synonyms.svg +9 -0
  23. package/package.json +1 -1
  24. package/src/images/icons/blue-print.svg +9 -0
  25. package/src/images/icons/calculator.svg +10 -0
  26. package/src/images/icons/icons.svg +1 -1
  27. package/src/images/icons/layout-new-window.svg +10 -0
  28. package/src/images/icons/medal.svg +10 -0
  29. package/src/images/icons/megaphone.svg +9 -0
  30. package/src/images/icons/price-list.svg +11 -0
  31. package/src/images/icons/process-builder.svg +9 -0
  32. package/src/images/icons/product-configuration.svg +10 -0
  33. package/src/images/icons/product-menu-open.svg +2 -2
  34. package/src/images/icons/products.svg +9 -0
  35. package/src/images/icons/publications.svg +10 -0
  36. package/src/images/icons/puzzle.svg +9 -0
  37. package/src/images/icons/rocket.svg +11 -0
  38. package/src/images/icons/submission.svg +10 -0
  39. package/src/images/icons/synonyms.svg +9 -0
  40. package/src/scss/_license-text.scss +1 -1
  41. package/src/scss/atlas/variables/_alerts.scss +102 -11
  42. package/src/scss/atlas/variables/_application-bar.scss +7 -0
  43. package/src/scss/atlas/variables/_badges.scss +36 -8
  44. package/src/scss/atlas/variables/_breadcrumbs.scss +2 -1
  45. package/src/scss/atlas/variables/_cards.scss +5 -0
  46. package/src/scss/atlas/variables/_clay-color.scss +5 -0
  47. package/src/scss/atlas/variables/_custom-forms.scss +36 -5
  48. package/src/scss/atlas/variables/_date-picker.scss +14 -2
  49. package/src/scss/atlas/variables/_dropdowns.scss +9 -2
  50. package/src/scss/atlas/variables/_forms.scss +35 -5
  51. package/src/scss/atlas/variables/_globals.scss +110 -63
  52. package/src/scss/atlas/variables/_labels.scss +55 -0
  53. package/src/scss/atlas/variables/_links.scss +18 -0
  54. package/src/scss/atlas/variables/_list-group.scss +15 -4
  55. package/src/scss/atlas/variables/_management-bar.scss +11 -0
  56. package/src/scss/atlas/variables/_menubar.scss +70 -22
  57. package/src/scss/atlas/variables/_modals.scss +16 -0
  58. package/src/scss/atlas/variables/_navbar.scss +7 -0
  59. package/src/scss/atlas/variables/_navigation-bar.scss +25 -1
  60. package/src/scss/atlas/variables/_navs.scss +5 -2
  61. package/src/scss/atlas/variables/_pagination.scss +42 -22
  62. package/src/scss/atlas/variables/_panels.scss +7 -0
  63. package/src/scss/atlas/variables/_popovers.scss +6 -4
  64. package/src/scss/atlas/variables/_range.scss +6 -0
  65. package/src/scss/atlas/variables/_sheets.scss +1 -0
  66. package/src/scss/atlas/variables/_sidebar.scss +10 -0
  67. package/src/scss/atlas/variables/_tables.scss +27 -3
  68. package/src/scss/atlas/variables/_time.scss +1 -0
  69. package/src/scss/atlas/variables/_toggle-switch.scss +19 -7
  70. package/src/scss/atlas/variables/_utilities.scss +3 -0
  71. package/src/scss/cadmin/components/_alerts.scss +3 -1
  72. package/src/scss/cadmin/components/_button-groups.scss +2 -2
  73. package/src/scss/cadmin/components/_cards.scss +2 -2
  74. package/src/scss/cadmin/components/_drilldown.scss +10 -10
  75. package/src/scss/cadmin/components/_dropdowns.scss +2 -2
  76. package/src/scss/cadmin/components/_forms.scss +2 -2
  77. package/src/scss/cadmin/components/_grid.scss +6 -6
  78. package/src/scss/cadmin/components/_icons.scss +10 -2
  79. package/src/scss/cadmin/components/_images.scss +1 -1
  80. package/src/scss/cadmin/components/_input-groups.scss +4 -4
  81. package/src/scss/cadmin/components/_list-group.scss +11 -10
  82. package/src/scss/cadmin/components/_modals.scss +5 -5
  83. package/src/scss/cadmin/components/_multi-step-nav.scss +45 -20
  84. package/src/scss/cadmin/components/_navbar.scss +14 -8
  85. package/src/scss/cadmin/components/_navs.scss +1 -1
  86. package/src/scss/cadmin/components/_panels.scss +51 -25
  87. package/src/scss/cadmin/components/_popovers.scss +25 -21
  88. package/src/scss/cadmin/components/_sheets.scss +40 -14
  89. package/src/scss/cadmin/components/_time.scss +6 -2
  90. package/src/scss/cadmin/components/_timelines.scss +15 -8
  91. package/src/scss/cadmin/components/_tooltip.scss +8 -7
  92. package/src/scss/cadmin/components/_treeview.scss +8 -1
  93. package/src/scss/cadmin/components/_type.scss +4 -2
  94. package/src/scss/cadmin/components/_utilities-functional-important.scss +5 -5
  95. package/src/scss/cadmin/components/_utilities.scss +13 -13
  96. package/src/scss/cadmin/variables/_alerts.scss +184 -34
  97. package/src/scss/cadmin/variables/_badges.scss +121 -21
  98. package/src/scss/cadmin/variables/_breadcrumbs.scss +18 -11
  99. package/src/scss/cadmin/variables/_buttons.scss +15 -10
  100. package/src/scss/cadmin/variables/_cards.scss +89 -32
  101. package/src/scss/cadmin/variables/_clay-color.scss +40 -18
  102. package/src/scss/cadmin/variables/_custom-forms.scss +49 -10
  103. package/src/scss/cadmin/variables/_date-picker.scss +47 -19
  104. package/src/scss/cadmin/variables/_dropdowns.scss +105 -49
  105. package/src/scss/cadmin/variables/_dual-listbox.scss +1 -1
  106. package/src/scss/cadmin/variables/_empty-state.scss +5 -2
  107. package/src/scss/cadmin/variables/_forms.scss +218 -74
  108. package/src/scss/cadmin/variables/_globals-z-index.scss +28 -5
  109. package/src/scss/cadmin/variables/_globals.scss +141 -71
  110. package/src/scss/cadmin/variables/_images.scss +1 -2
  111. package/src/scss/cadmin/variables/_labels.scss +99 -6
  112. package/src/scss/cadmin/variables/_links.scss +47 -11
  113. package/src/scss/cadmin/variables/_list-group.scss +25 -9
  114. package/src/scss/cadmin/variables/_loaders.scss +18 -2
  115. package/src/scss/cadmin/variables/_management-bar.scss +66 -26
  116. package/src/scss/cadmin/variables/_menubar.scss +137 -43
  117. package/src/scss/cadmin/variables/_modals.scss +75 -26
  118. package/src/scss/cadmin/variables/_multi-step-nav.scss +34 -14
  119. package/src/scss/cadmin/variables/_navbar.scss +22 -15
  120. package/src/scss/cadmin/variables/_navigation-bar.scss +73 -37
  121. package/src/scss/cadmin/variables/_navs.scss +65 -33
  122. package/src/scss/cadmin/variables/_pagination.scss +60 -22
  123. package/src/scss/cadmin/variables/_panels.scss +34 -16
  124. package/src/scss/cadmin/variables/_popovers.scss +66 -77
  125. package/src/scss/cadmin/variables/_progress-bars.scss +8 -3
  126. package/src/scss/cadmin/variables/_range.scss +29 -9
  127. package/src/scss/cadmin/variables/_reorder.scss +7 -6
  128. package/src/scss/cadmin/variables/_resizer.scss +5 -3
  129. package/src/scss/cadmin/variables/_sheets.scss +21 -12
  130. package/src/scss/cadmin/variables/_sidebar.scss +76 -5
  131. package/src/scss/cadmin/variables/_slideout.scss +88 -31
  132. package/src/scss/cadmin/variables/_stickers.scss +36 -8
  133. package/src/scss/cadmin/variables/_tables.scss +142 -51
  134. package/src/scss/cadmin/variables/_tbar.scss +79 -31
  135. package/src/scss/cadmin/variables/_time.scss +14 -12
  136. package/src/scss/cadmin/variables/_timelines.scss +4 -2
  137. package/src/scss/cadmin/variables/_toggle-switch.scss +117 -37
  138. package/src/scss/cadmin/variables/_tooltip.scss +47 -49
  139. package/src/scss/cadmin/variables/_treeview.scss +62 -10
  140. package/src/scss/cadmin/variables/_type.scss +11 -9
  141. package/src/scss/cadmin/variables/_utilities.scss +123 -6
  142. package/src/scss/components/_alerts.scss +1 -1
  143. package/src/scss/components/_button-groups.scss +2 -2
  144. package/src/scss/components/_cards.scss +10 -10
  145. package/src/scss/components/_carousel.scss +2 -2
  146. package/src/scss/components/_custom-forms.scss +23 -12
  147. package/src/scss/components/_drilldown.scss +8 -4
  148. package/src/scss/components/_forms.scss +6 -6
  149. package/src/scss/components/_grid.scss +7 -7
  150. package/src/scss/components/_icons.scss +10 -2
  151. package/src/scss/components/_images.scss +1 -1
  152. package/src/scss/components/_input-groups.scss +7 -5
  153. package/src/scss/components/_jumbotron.scss +2 -2
  154. package/src/scss/components/_list-group.scss +29 -14
  155. package/src/scss/components/_modals.scss +5 -5
  156. package/src/scss/components/_multi-step-nav.scss +32 -12
  157. package/src/scss/components/_navbar.scss +10 -6
  158. package/src/scss/components/_panels.scss +82 -51
  159. package/src/scss/components/_popovers.scss +21 -25
  160. package/src/scss/components/_sheets.scss +38 -14
  161. package/src/scss/components/_side-navigation.scss +2 -2
  162. package/src/scss/components/_time.scss +2 -2
  163. package/src/scss/components/_timelines.scss +16 -12
  164. package/src/scss/components/_tooltip.scss +8 -6
  165. package/src/scss/components/_treeview.scss +8 -1
  166. package/src/scss/components/_type.scss +2 -2
  167. package/src/scss/components/_utilities-functional-important.scss +5 -5
  168. package/src/scss/components/_utilities.scss +13 -13
  169. package/src/scss/functions/_global-functions.scss +2 -2
  170. package/src/scss/functions/_lx-icons-generated.scss +29 -1
  171. package/src/scss/mixins/_alerts.scss +10 -0
  172. package/src/scss/mixins/_aspect-ratio.scss +11 -0
  173. package/src/scss/mixins/_badges.scss +14 -2
  174. package/src/scss/mixins/_buttons.scss +68 -8
  175. package/src/scss/mixins/_cards.scss +81 -0
  176. package/src/scss/mixins/_close.scss +54 -4
  177. package/src/scss/mixins/_dropdown-menu.scss +55 -6
  178. package/src/scss/mixins/_forms.scss +150 -0
  179. package/src/scss/mixins/_globals.scss +101 -358
  180. package/src/scss/mixins/_grid.scss +21 -8
  181. package/src/scss/mixins/_highlight.scss +14 -0
  182. package/src/scss/mixins/_input-groups.scss +15 -0
  183. package/src/scss/mixins/_labels.scss +64 -10
  184. package/src/scss/mixins/_links.scss +55 -4
  185. package/src/scss/mixins/_list-group.scss +8 -4
  186. package/src/scss/mixins/_menubar.scss +80 -4
  187. package/src/scss/mixins/_modals.scss +10 -18
  188. package/src/scss/mixins/_nav.scss +19 -0
  189. package/src/scss/mixins/_navbar.scss +237 -49
  190. package/src/scss/mixins/_panels.scss +48 -4
  191. package/src/scss/mixins/_stickers.scss +8 -0
  192. package/src/scss/mixins/_tbar.scss +65 -10
  193. package/src/scss/mixins/_timelines.scss +21 -11
  194. package/src/scss/mixins/_toggle-switch.scss +4 -0
  195. package/src/scss/mixins/_utilities.scss +9 -0
  196. package/src/scss/variables/_alerts.scss +184 -29
  197. package/src/scss/variables/_application-bar.scss +11 -4
  198. package/src/scss/variables/_badges.scss +133 -35
  199. package/src/scss/variables/_breadcrumbs.scss +13 -4
  200. package/src/scss/variables/_buttons.scss +11 -10
  201. package/src/scss/variables/_cards.scss +131 -53
  202. package/src/scss/variables/_clay-color.scss +36 -18
  203. package/src/scss/variables/_custom-forms.scss +47 -12
  204. package/src/scss/variables/_date-picker.scss +41 -16
  205. package/src/scss/variables/_drilldown.scss +3 -3
  206. package/src/scss/variables/_dropdowns.scss +108 -49
  207. package/src/scss/variables/_dual-listbox.scss +1 -1
  208. package/src/scss/variables/_empty-state.scss +5 -2
  209. package/src/scss/variables/_forms.scss +200 -64
  210. package/src/scss/variables/_globals-z-index.scss +26 -5
  211. package/src/scss/variables/_globals.scss +145 -68
  212. package/src/scss/variables/_images.scss +1 -2
  213. package/src/scss/variables/_labels.scss +103 -6
  214. package/src/scss/variables/_links.scss +39 -10
  215. package/src/scss/variables/_list-group.scss +39 -13
  216. package/src/scss/variables/_loaders.scss +18 -2
  217. package/src/scss/variables/_management-bar.scss +23 -6
  218. package/src/scss/variables/_menubar.scss +86 -19
  219. package/src/scss/variables/_modals.scss +66 -25
  220. package/src/scss/variables/_multi-step-nav.scss +29 -11
  221. package/src/scss/variables/_navbar.scss +14 -8
  222. package/src/scss/variables/_navigation-bar.scss +26 -4
  223. package/src/scss/variables/_navs.scss +76 -44
  224. package/src/scss/variables/_pagination.scss +30 -5
  225. package/src/scss/variables/_panels.scss +77 -24
  226. package/src/scss/variables/_popovers.scss +65 -78
  227. package/src/scss/variables/_progress-bars.scss +11 -2
  228. package/src/scss/variables/_range.scss +35 -9
  229. package/src/scss/variables/_reorder.scss +7 -6
  230. package/src/scss/variables/_resizer.scss +5 -3
  231. package/src/scss/variables/_sheets.scss +21 -13
  232. package/src/scss/variables/_sidebar.scss +72 -4
  233. package/src/scss/variables/_slideout.scss +87 -31
  234. package/src/scss/variables/_stickers.scss +50 -9
  235. package/src/scss/variables/_tables.scss +125 -33
  236. package/src/scss/variables/_tbar.scss +79 -30
  237. package/src/scss/variables/_time.scss +13 -11
  238. package/src/scss/variables/_timelines.scss +2 -1
  239. package/src/scss/variables/_toggle-switch.scss +114 -30
  240. package/src/scss/variables/_tooltip.scss +46 -49
  241. package/src/scss/variables/_treeview.scss +63 -10
  242. package/src/scss/variables/_type.scss +9 -7
  243. package/src/scss/variables/_utilities.scss +124 -6
package/src/scss/variables/_breadcrumbs.scss CHANGED
@@ -53,12 +53,15 @@ $breadcrumb-item: map-merge(
53
53
  font-weight: $breadcrumb-font-weight,
54
54
  margin-right: 0.5em,
55
55
  position: relative,
56
+
56
57
  active: (
57
58
  color: $breadcrumb-active-color,
58
59
  font-weight: $breadcrumb-active-font-weight,
59
60
  ),
61
+
60
62
  breadcrumb-item: (
61
63
  padding-left: 1em,
64
+
62
65
  before: (
63
66
  color: $breadcrumb-divider-color,
64
67
  display: block,
@@ -68,20 +71,22 @@ $breadcrumb-item: map-merge(
68
71
  background-size: 100%,
69
72
  content: '',
70
73
  height: $breadcrumb-divider-svg-icon-height,
71
- left: 0,
72
- margin-top:
73
- calc(#{math-sign($breadcrumb-divider-svg-icon-height)} / 2),
74
- padding: 0,
74
+ left: 0rem,
75
+ margin-top: calc(#{$breadcrumb-divider-svg-icon-height} / -2),
76
+ padding: 0rem,
75
77
  position: absolute,
76
78
  top: 50%,
77
79
  width: $breadcrumb-divider-svg-icon-width,
78
80
  ),
79
81
  ),
82
+
80
83
  dropdown-toggle: (
81
84
  text-decoration: none,
85
+
82
86
  hover: (
83
87
  text-decoration: none,
84
88
  ),
89
+
85
90
  focus: (
86
91
  text-decoration: none,
87
92
  ),
@@ -93,8 +98,10 @@ $breadcrumb-item: map-merge(
93
98
  // Breadcrumb Text Truncate
94
99
 
95
100
  $breadcrumb-text-truncate-icon-spacer-x: 0.875rem !default;
101
+
96
102
  $breadcrumb-text-truncate-max-width: 18.75rem -
97
103
  $breadcrumb-text-truncate-icon-spacer-x !default;
104
+
98
105
  $breadcrumb-text-truncate-max-width-mobile: 9.375rem -
99
106
  $breadcrumb-text-truncate-icon-spacer-x !default;
100
107
 
@@ -127,10 +134,12 @@ $breadcrumb-link: map-deep-merge(
127
134
  display: block,
128
135
  text-decoration: $breadcrumb-link-text-decoration,
129
136
  text-transform: $breadcrumb-text-transform,
137
+
130
138
  hover: (
131
139
  color: $breadcrumb-link-hover-color,
132
140
  text-decoration: $breadcrumb-link-hover-text-decoration,
133
141
  ),
142
+
134
143
  focus: (
135
144
  color: $breadcrumb-link-hover-color,
136
145
  text-decoration: $breadcrumb-link-hover-text-decoration,
package/src/scss/variables/_buttons.scss CHANGED
@@ -1,5 +1,5 @@
1
- $btn-border-width: $input-btn-border-width !default;
2
1
  $btn-border-radius: $border-radius !default;
2
+ $btn-border-width: $input-btn-border-width !default;
3
3
  $btn-box-shadow:
4
4
  #{inset 0 1px 0 rgba($white, 0.15),
5
5
  0 1px 1px rgba($black, 0.075)} !default;
@@ -18,6 +18,7 @@ $btn-padding-x-mobile: null !default;
18
18
  $btn-padding-y-mobile: null !default;
19
19
 
20
20
  $btn-focus-width: $input-btn-focus-width !default;
21
+
21
22
  $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
22
23
 
23
24
  $btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125) !default;
@@ -107,7 +108,7 @@ $btn: map-deep-merge(
107
108
  margin-top: -3px,
108
109
 
109
110
  lexicon-icon: (
110
- margin-top: 0,
111
+ margin-top: 0rem,
111
112
  ),
112
113
  ),
113
114
 
@@ -253,8 +254,8 @@ $btn-sizes: map-deep-merge(
253
254
 
254
255
  // .btn-monospaced
255
256
 
256
- $btn-monospaced-padding-x: 0 !default;
257
- $btn-monospaced-padding-y: 0 !default;
257
+ $btn-monospaced-padding-x: 0rem !default;
258
+ $btn-monospaced-padding-y: 0rem !default;
258
259
  $btn-monospaced-size: 2.375rem !default; // 38px
259
260
 
260
261
  $btn-monospaced-size-mobile: null !default;
@@ -284,11 +285,11 @@ $btn-monospaced: map-deep-merge(
284
285
  ),
285
286
 
286
287
  inline-item: (
287
- margin-top: 0,
288
+ margin-top: 0rem,
288
289
  ),
289
290
 
290
291
  lexicon-icon: (
291
- margin-top: 0,
292
+ margin-top: 0rem,
292
293
  ),
293
294
 
294
295
  c-inner: (
@@ -297,7 +298,7 @@ $btn-monospaced: map-deep-merge(
297
298
  flex-direction: column,
298
299
  height: 100%,
299
300
  justify-content: center,
300
- padding: 0,
301
+ padding: 0rem,
301
302
  width: 100%,
302
303
  ),
303
304
  ),
@@ -385,20 +386,20 @@ $btn-unstyled: () !default;
385
386
  $btn-unstyled: map-deep-merge(
386
387
  (
387
388
  background-color: rgba(0, 0, 0, 0.001),
388
- border-width: 0,
389
+ border-width: 0px,
389
390
  cursor: $btn-cursor,
390
391
  font-size: inherit,
391
392
  font-weight: inherit,
392
393
  letter-spacing: inherit,
393
394
  line-height: inherit,
394
395
  max-width: 100%,
395
- padding: 0,
396
+ padding: 0rem,
396
397
  text-align: left,
397
398
  text-transform: inherit,
398
399
  vertical-align: baseline,
399
400
 
400
401
  c-inner: (
401
- margin: 0,
402
+ margin: 0rem,
402
403
  max-width: none,
403
404
  ),
404
405
  ),