@lucca-front/scss 18.3.0-rc.2 → 18.3.0-rc.3

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 (232) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/commons/utils/container.scss +67 -27
  4. package/src/commons/utils/media.scss +84 -35
  5. package/src/commons/vars.scss +1 -1
  6. package/src/components/_sample/exports.scss +1 -0
  7. package/src/components/_sample/index.scss +39 -2
  8. package/src/components/_sample/responsive.scss +7 -0
  9. package/src/components/actionIcon/exports.scss +1 -0
  10. package/src/components/actionIcon/responsive.scss +0 -0
  11. package/src/components/avatar/exports.scss +1 -0
  12. package/src/components/avatar/responsive.scss +0 -0
  13. package/src/components/box/exports.scss +1 -0
  14. package/src/components/box/responsive.scss +0 -0
  15. package/src/components/breadcrumbs/exports.scss +1 -0
  16. package/src/components/breadcrumbs/responsive.scss +0 -0
  17. package/src/components/button/exports.scss +1 -0
  18. package/src/components/button/responsive.scss +0 -0
  19. package/src/components/buttonGroup/exports.scss +1 -0
  20. package/src/components/buttonGroup/responsive.scss +0 -0
  21. package/src/components/calendar/exports.scss +1 -0
  22. package/src/components/calendar/responsive.scss +0 -0
  23. package/src/components/callout/exports.scss +1 -0
  24. package/src/components/callout/responsive.scss +0 -0
  25. package/src/components/calloutAccordion/exports.scss +1 -0
  26. package/src/components/calloutAccordion/responsive.scss +0 -0
  27. package/src/components/calloutDisclosure/exports.scss +1 -0
  28. package/src/components/calloutDisclosure/responsive.scss +0 -0
  29. package/src/components/calloutFeedbackList/exports.scss +1 -0
  30. package/src/components/calloutFeedbackList/responsive.scss +0 -0
  31. package/src/components/calloutPopover/exports.scss +1 -0
  32. package/src/components/calloutPopover/responsive.scss +0 -0
  33. package/src/components/card/exports.scss +1 -0
  34. package/src/components/card/responsive.scss +0 -0
  35. package/src/components/checkbox/exports.scss +1 -0
  36. package/src/components/checkbox/responsive.scss +0 -0
  37. package/src/components/checkboxField/exports.scss +1 -0
  38. package/src/components/checkboxField/responsive.scss +0 -0
  39. package/src/components/chip/exports.scss +1 -0
  40. package/src/components/chip/responsive.scss +0 -0
  41. package/src/components/clear/exports.scss +1 -0
  42. package/src/components/clear/responsive.scss +0 -0
  43. package/src/components/code/exports.scss +1 -0
  44. package/src/components/code/responsive.scss +0 -0
  45. package/src/components/collapse/exports.scss +1 -0
  46. package/src/components/collapse/responsive.scss +0 -0
  47. package/src/components/comment/component.scss +0 -1
  48. package/src/components/comment/exports.scss +1 -0
  49. package/src/components/comment/index.scss +35 -4
  50. package/src/components/comment/mods.scss +0 -14
  51. package/src/components/comment/responsive.scss +5 -0
  52. package/src/components/container/exports.scss +1 -0
  53. package/src/components/container/responsive.scss +0 -0
  54. package/src/components/contentSection/exports.scss +1 -0
  55. package/src/components/contentSection/responsive.scss +0 -0
  56. package/src/components/dialog/component.scss +1 -1
  57. package/src/components/dialog/exports.scss +1 -0
  58. package/src/components/dialog/index.scss +37 -4
  59. package/src/components/dialog/responsive.scss +0 -0
  60. package/src/components/divider/exports.scss +1 -0
  61. package/src/components/divider/responsive.scss +0 -0
  62. package/src/components/emptyState/component.scss +0 -2
  63. package/src/components/emptyState/exports.scss +1 -0
  64. package/src/components/emptyState/index.scss +62 -0
  65. package/src/components/emptyState/mods.scss +6 -20
  66. package/src/components/emptyState/responsive.scss +27 -0
  67. package/src/components/emptyState/vars.scss +6 -9
  68. package/src/components/emptyStateDeprecated/exports.scss +1 -0
  69. package/src/components/emptyStateDeprecated/responsive.scss +0 -0
  70. package/src/components/errorPage/component.scss +35 -55
  71. package/src/components/errorPage/exports.scss +1 -0
  72. package/src/components/errorPage/index.scss +33 -2
  73. package/src/components/errorPage/responsive.scss +20 -0
  74. package/src/components/field/exports.scss +1 -0
  75. package/src/components/field/responsive.scss +0 -0
  76. package/src/components/fieldset/exports.scss +1 -0
  77. package/src/components/fieldset/responsive.scss +0 -0
  78. package/src/components/file/exports.scss +1 -0
  79. package/src/components/file/responsive.scss +0 -0
  80. package/src/components/filterBar/component.scss +5 -19
  81. package/src/components/filterBar/exports.scss +1 -0
  82. package/src/components/filterBar/index.scss +61 -0
  83. package/src/components/filterBar/responsive.scss +10 -0
  84. package/src/components/filterBar/vars.scss +5 -0
  85. package/src/components/filters/exports.scss +1 -0
  86. package/src/components/filters/index.scss +36 -0
  87. package/src/components/filters/mods.scss +0 -7
  88. package/src/components/filters/responsive.scss +6 -0
  89. package/src/components/footer/component.scss +1 -1
  90. package/src/components/footer/exports.scss +1 -0
  91. package/src/components/footer/index.scss +36 -0
  92. package/src/components/footer/mods.scss +0 -6
  93. package/src/components/footer/responsive.scss +5 -0
  94. package/src/components/form/exports.scss +1 -0
  95. package/src/components/form/responsive.scss +0 -0
  96. package/src/components/formField/responsive.scss +0 -0
  97. package/src/components/formFieldset/responsive.scss +0 -0
  98. package/src/components/formLabel/exports.scss +1 -0
  99. package/src/components/formLabel/responsive.scss +0 -0
  100. package/src/components/formSection/responsive.scss +0 -0
  101. package/src/components/gauge/exports.scss +1 -0
  102. package/src/components/gauge/responsive.scss +0 -0
  103. package/src/components/grid/component.scss +2 -5
  104. package/src/components/grid/exports.scss +1 -0
  105. package/src/components/grid/index.scss +1 -1
  106. package/src/components/grid/responsive.scss +0 -0
  107. package/src/components/gridLegacy/exports.scss +1 -0
  108. package/src/components/gridLegacy/responsive.scss +0 -0
  109. package/src/components/header/exports.scss +1 -0
  110. package/src/components/header/index.scss +37 -0
  111. package/src/components/header/mods.scss +0 -11
  112. package/src/components/header/responsive.scss +14 -0
  113. package/src/components/index.scss +97 -93
  114. package/src/components/indexTable/exports.scss +1 -0
  115. package/src/components/indexTable/index.scss +38 -19
  116. package/src/components/indexTable/mods.scss +0 -149
  117. package/src/components/indexTable/responsive.scss +175 -0
  118. package/src/components/indexTableSorted/responsive.scss +0 -0
  119. package/src/components/inlineMessage/exports.scss +1 -0
  120. package/src/components/inlineMessage/responsive.scss +0 -0
  121. package/src/components/label/exports.scss +1 -0
  122. package/src/components/label/responsive.scss +0 -0
  123. package/src/components/layout/exports.scss +1 -0
  124. package/src/components/layout/responsive.scss +0 -0
  125. package/src/components/link/exports.scss +1 -0
  126. package/src/components/link/responsive.scss +0 -0
  127. package/src/components/list/exports.scss +1 -0
  128. package/src/components/list/responsive.scss +0 -0
  129. package/src/components/loading/exports.scss +1 -0
  130. package/src/components/loading/responsive.scss +0 -0
  131. package/src/components/main/exports.scss +1 -0
  132. package/src/components/main/index.scss +38 -6
  133. package/src/components/main/mods.scss +0 -6
  134. package/src/components/main/responsive.scss +21 -0
  135. package/src/components/main/states.scss +0 -8
  136. package/src/components/menu/exports.scss +1 -0
  137. package/src/components/menu/responsive.scss +0 -0
  138. package/src/components/mobileHeader/exports.scss +1 -0
  139. package/src/components/mobileHeader/responsive.scss +0 -0
  140. package/src/components/mobileNavigation/exports.scss +1 -0
  141. package/src/components/mobileNavigation/responsive.scss +0 -0
  142. package/src/components/multiSelect/exports.scss +1 -0
  143. package/src/components/multiSelect/responsive.scss +0 -0
  144. package/src/components/navside/component.scss +2 -2
  145. package/src/components/navside/exports.scss +1 -0
  146. package/src/components/navside/index.scss +105 -50
  147. package/src/components/navside/mods.scss +0 -44
  148. package/src/components/navside/responsive.scss +56 -0
  149. package/src/components/navside/states.scss +0 -13
  150. package/src/components/newBadge/exports.scss +1 -0
  151. package/src/components/newBadge/responsive.scss +0 -0
  152. package/src/components/notchBox/exports.scss +1 -0
  153. package/src/components/notchBox/responsive.scss +0 -0
  154. package/src/components/numericBadge/exports.scss +1 -0
  155. package/src/components/numericBadge/responsive.scss +0 -0
  156. package/src/components/pageHeader/component.scss +1 -11
  157. package/src/components/pageHeader/exports.scss +1 -0
  158. package/src/components/pageHeader/index.scss +61 -0
  159. package/src/components/pageHeader/mods.scss +0 -7
  160. package/src/components/pageHeader/responsive.scss +17 -0
  161. package/src/components/pagination/exports.scss +1 -0
  162. package/src/components/pagination/responsive.scss +0 -0
  163. package/src/components/popover/exports.scss +1 -0
  164. package/src/components/popover/responsive.scss +0 -0
  165. package/src/components/progress/exports.scss +1 -0
  166. package/src/components/progress/responsive.scss +0 -0
  167. package/src/components/radio/exports.scss +1 -0
  168. package/src/components/radio/responsive.scss +0 -0
  169. package/src/components/radioButtons/exports.scss +1 -0
  170. package/src/components/radioButtons/responsive.scss +0 -0
  171. package/src/components/radioField/exports.scss +1 -0
  172. package/src/components/radioField/responsive.scss +0 -0
  173. package/src/components/scrollBox/exports.scss +1 -0
  174. package/src/components/scrollBox/responsive.scss +0 -0
  175. package/src/components/section/component.scss +2 -2
  176. package/src/components/section/exports.scss +1 -0
  177. package/src/components/section/index.scss +61 -5
  178. package/src/components/section/mods.scss +1 -11
  179. package/src/components/section/responsive.scss +7 -0
  180. package/src/components/section/vars.scss +2 -0
  181. package/src/components/segmentedControl/exports.scss +1 -0
  182. package/src/components/segmentedControl/index.scss +36 -5
  183. package/src/components/segmentedControl/mods.scss +0 -5
  184. package/src/components/segmentedControl/responsive.scss +4 -0
  185. package/src/components/simpleSelect/exports.scss +1 -0
  186. package/src/components/simpleSelect/responsive.scss +0 -0
  187. package/src/components/skeleton/exports.scss +1 -0
  188. package/src/components/skeleton/responsive.scss +0 -0
  189. package/src/components/sortableList/exports.scss +1 -0
  190. package/src/components/sortableList/responsive.scss +0 -0
  191. package/src/components/statusBadge/exports.scss +1 -0
  192. package/src/components/statusBadge/responsive.scss +0 -0
  193. package/src/components/switch/exports.scss +1 -0
  194. package/src/components/switch/responsive.scss +0 -0
  195. package/src/components/switchField/exports.scss +1 -0
  196. package/src/components/switchField/responsive.scss +0 -0
  197. package/src/components/table/exports.scss +1 -0
  198. package/src/components/table/responsive.scss +0 -0
  199. package/src/components/tableFixed/exports.scss +1 -0
  200. package/src/components/tableFixed/responsive.scss +0 -0
  201. package/src/components/tableFixedDeprecated/exports.scss +1 -0
  202. package/src/components/tableFixedDeprecated/responsive.scss +0 -0
  203. package/src/components/tableOfContent/exports.scss +1 -0
  204. package/src/components/tableOfContent/responsive.scss +0 -0
  205. package/src/components/tableSortable/exports.scss +1 -0
  206. package/src/components/tableSortable/responsive.scss +0 -0
  207. package/src/components/tableSticked/exports.scss +1 -0
  208. package/src/components/tableSticked/responsive.scss +0 -0
  209. package/src/components/tableStickedDeprecated/exports.scss +1 -0
  210. package/src/components/tableStickedDeprecated/responsive.scss +0 -0
  211. package/src/components/tag/exports.scss +1 -0
  212. package/src/components/tag/responsive.scss +0 -0
  213. package/src/components/textField/exports.scss +1 -0
  214. package/src/components/textField/responsive.scss +0 -0
  215. package/src/components/textfields/exports.scss +1 -0
  216. package/src/components/textfields/responsive.scss +0 -0
  217. package/src/components/timeline/exports.scss +1 -0
  218. package/src/components/timeline/responsive.scss +0 -0
  219. package/src/components/timepicker/exports.scss +1 -0
  220. package/src/components/timepicker/responsive.scss +0 -0
  221. package/src/components/title/exports.scss +1 -0
  222. package/src/components/title/responsive.scss +0 -0
  223. package/src/components/titleSection/exports.scss +1 -0
  224. package/src/components/titleSection/responsive.scss +0 -0
  225. package/src/components/toast/exports.scss +1 -0
  226. package/src/components/toast/responsive.scss +0 -0
  227. package/src/components/tooltip/exports.scss +1 -0
  228. package/src/components/tooltip/responsive.scss +0 -0
  229. package/src/components/userPopover/exports.scss +1 -0
  230. package/src/components/userPopover/responsive.scss +0 -0
  231. package/src/components/verticalNavigation/exports.scss +1 -0
  232. package/src/components/verticalNavigation/responsive.scss +0 -0
package/src/components/segmentedControl/index.scss CHANGED
@@ -1,5 +1,6 @@
1
- @use '@lucca-front/scss/src/commons/utils/media';
2
1
  @use 'exports' as *;
2
+ @use '@lucca-front/scss/src/commons/utils/media';
3
+ @use '@lucca-front/scss/src/commons/utils/container';
3
4
 
4
5
  // .viewTabs is deprecated
5
6
  .segmentedControl,
@@ -14,10 +15,6 @@
14
15
  &.mod-vertical {
15
16
  @include vertical;
16
17
  }
17
-
18
- @include media.max('XXS') {
19
- @include vertical;
20
- }
21
18
  }
22
19
 
23
20
  // .viewTabs-item-tab is deprecated
@@ -36,3 +33,37 @@
36
33
  @include panelInactive;
37
34
  }
38
35
  }
36
+
37
+ @mixin responsive(
38
+ $breakpoint: 'XXS',
39
+ $breakpoint2: null,
40
+ $inverted: true,
41
+ $at: 'media',
42
+ $containerName: 'segmentedControl',
43
+ $responsiveSelector: null,
44
+ $axis: 'width',
45
+ $selector: '.segmentedControl'
46
+ ) {
47
+ @if ($at == 'container') {
48
+ @include container.auto($containerName);
49
+ }
50
+
51
+ #{if($responsiveSelector, $selector + '.rwd-' + $responsiveSelector, $selector)} {
52
+ @include media.query(
53
+ $breakpoint: $breakpoint,
54
+ $breakpoint2: $breakpoint2,
55
+ $inverted: $inverted,
56
+ $at: $at,
57
+ $containerName: $containerName,
58
+ $axis: $axis
59
+ ) {
60
+ @include vertical;
61
+ }
62
+ }
63
+ }
64
+
65
+ $defaultResponsive: true !default;
66
+
67
+ @if $defaultResponsive {
68
+ @include responsive;
69
+ }
package/src/components/segmentedControl/mods.scss CHANGED
@@ -10,8 +10,3 @@
10
10
  @include numericBadge.S;
11
11
  }
12
12
  }
13
-
14
- @mixin vertical {
15
- --components-segmentedControl-direction: column;
16
- --components-segmentedControl-width: auto;
17
- }
package/src/components/segmentedControl/responsive.scss ADDED
@@ -0,0 +1,4 @@
1
+ @mixin vertical {
2
+ --components-segmentedControl-direction: column;
3
+ --components-segmentedControl-width: auto;
4
+ }
package/src/components/simpleSelect/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/simpleSelect/responsive.scss ADDED
File without changes
package/src/components/skeleton/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/skeleton/responsive.scss ADDED
File without changes
package/src/components/sortableList/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/sortableList/responsive.scss ADDED
File without changes
package/src/components/statusBadge/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/statusBadge/responsive.scss ADDED
File without changes
package/src/components/switch/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/switch/responsive.scss ADDED
File without changes
package/src/components/switchField/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/switchField/responsive.scss ADDED
File without changes
package/src/components/table/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/table/responsive.scss ADDED
File without changes
package/src/components/tableFixed/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tableFixed/responsive.scss ADDED
File without changes
package/src/components/tableFixedDeprecated/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tableOfContent/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tableOfContent/responsive.scss ADDED
File without changes
package/src/components/tableSortable/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tableSortable/responsive.scss ADDED
File without changes
package/src/components/tableSticked/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tableSticked/responsive.scss ADDED
File without changes
package/src/components/tableStickedDeprecated/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tag/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tag/responsive.scss ADDED
File without changes
package/src/components/textField/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/textField/responsive.scss ADDED
File without changes
package/src/components/textfields/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/textfields/responsive.scss ADDED
File without changes
package/src/components/timeline/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/timeline/responsive.scss ADDED
File without changes
package/src/components/timepicker/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/timepicker/responsive.scss ADDED
File without changes
package/src/components/title/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/title/responsive.scss ADDED
File without changes
package/src/components/titleSection/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/titleSection/responsive.scss ADDED
File without changes
package/src/components/toast/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/toast/responsive.scss ADDED
File without changes
package/src/components/tooltip/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/tooltip/responsive.scss ADDED
File without changes
package/src/components/userPopover/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';
package/src/components/userPopover/responsive.scss ADDED
File without changes
package/src/components/verticalNavigation/exports.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @forward 'vars';
2
2
  @forward 'mods';
3
3
  @forward 'states';
4
+ @forward 'responsive';
4
5
  @forward 'component';