@lucca-front/scss 20.3.0-rc.5 → 20.3.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 (153) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/commons/config.scss +5 -0
  4. package/src/commons/core.scss +3 -3
  5. package/src/commons/exports.scss +0 -1
  6. package/src/commons/index.scss +9 -2
  7. package/src/commons/utils/index.scss +480 -478
  8. package/src/commons/utils/reset.scss +1 -1
  9. package/src/components/_sample/index.scss +13 -7
  10. package/src/components/appLayout/component.scss +1 -0
  11. package/src/components/appLayout/index.scss +11 -7
  12. package/src/components/avatar/index.scss +43 -35
  13. package/src/components/box/index.scss +20 -14
  14. package/src/components/breadcrumbs/index.scss +16 -10
  15. package/src/components/button/index.scss +138 -134
  16. package/src/components/button/mods.scss +17 -0
  17. package/src/components/button/states.scss +3 -3
  18. package/src/components/buttonGroup/component.scss +0 -17
  19. package/src/components/buttonGroup/index.scss +20 -8
  20. package/src/components/calendar/index.scss +56 -44
  21. package/src/components/callout/index.scss +8 -4
  22. package/src/components/callout/mods.scss +1 -0
  23. package/src/components/calloutDisclosure/component.scss +2 -3
  24. package/src/components/calloutDisclosure/index.scss +14 -10
  25. package/src/components/calloutDisclosure/mods.scss +5 -0
  26. package/src/components/calloutDisclosure/vars.scss +3 -0
  27. package/src/components/calloutFeedbackList/index.scss +8 -4
  28. package/src/components/calloutPopover/index.scss +18 -12
  29. package/src/components/card/index.scss +28 -24
  30. package/src/components/checkbox/index.scss +35 -31
  31. package/src/components/checkboxField/index.scss +88 -82
  32. package/src/components/chip/index.scss +22 -18
  33. package/src/components/clear/index.scss +22 -18
  34. package/src/components/code/index.scss +8 -4
  35. package/src/components/collapse/index.scss +11 -7
  36. package/src/components/comment/index.scss +30 -20
  37. package/src/components/container/component.scss +1 -0
  38. package/src/components/container/index.scss +29 -25
  39. package/src/components/contentSection/index.scss +4 -2
  40. package/src/components/dataTable/component.scss +9 -0
  41. package/src/components/dataTable/index.scss +94 -69
  42. package/src/components/dataTable/mods.scss +28 -5
  43. package/src/components/dataTableSticked/index.scss +34 -26
  44. package/src/components/dataTableSticked/mods.scss +4 -2
  45. package/src/components/dataTableSticked/states.scss +5 -0
  46. package/src/components/dataTableSticked/vars.scss +1 -0
  47. package/src/components/dateField/index.scss +24 -20
  48. package/src/components/dateRangeField/index.scss +29 -25
  49. package/src/components/dialog/component.scss +5 -5
  50. package/src/components/dialog/index.scss +40 -36
  51. package/src/components/divider/index.scss +11 -7
  52. package/src/components/dropdown/index.scss +13 -9
  53. package/src/components/emptyState/index.scss +11 -7
  54. package/src/components/errorPage/index.scss +8 -4
  55. package/src/components/fancyBox/index.scss +8 -4
  56. package/src/components/field/index.scss +86 -88
  57. package/src/components/fieldset/index.scss +17 -13
  58. package/src/components/file/index.scss +34 -28
  59. package/src/components/fileEntry/index.scss +23 -19
  60. package/src/components/fileToolbar/index.scss +10 -6
  61. package/src/components/fileUpload/index.scss +36 -32
  62. package/src/components/filterBar/index.scss +17 -13
  63. package/src/components/filterBarDeprecated/index.scss +8 -4
  64. package/src/components/filterPill/index.scss +53 -49
  65. package/src/components/filters/index.scss +14 -8
  66. package/src/components/footer/index.scss +38 -34
  67. package/src/components/form/index.scss +121 -109
  68. package/src/components/form/mods.scss +7 -5
  69. package/src/components/formLabel/index.scss +18 -14
  70. package/src/components/gauge/component.scss +20 -16
  71. package/src/components/gauge/index.scss +25 -21
  72. package/src/components/grid/index.scss +25 -21
  73. package/src/components/header/index.scss +17 -13
  74. package/src/components/highlightData/index.scss +28 -24
  75. package/src/components/horizontalNavigation/index.scss +42 -36
  76. package/src/components/index.scss +57 -55
  77. package/src/components/indexTable/component.scss +10 -0
  78. package/src/components/indexTable/index.scss +53 -57
  79. package/src/components/inlineMessage/index.scss +17 -13
  80. package/src/components/inputFramed/index.scss +30 -24
  81. package/src/components/label/index.scss +13 -9
  82. package/src/components/layout/index.scss +51 -45
  83. package/src/components/link/index.scss +14 -10
  84. package/src/components/link/mods.scss +1 -1
  85. package/src/components/list/index.scss +15 -11
  86. package/src/components/listboxOption/index.scss +129 -117
  87. package/src/components/listing/index.scss +22 -18
  88. package/src/components/loading/index.scss +27 -23
  89. package/src/components/main/index.scss +21 -15
  90. package/src/components/mainLayout/component.scss +27 -0
  91. package/src/components/mainLayout/index.scss +27 -21
  92. package/src/components/mainLayout/vars.scss +1 -0
  93. package/src/components/mobileHeader/index.scss +8 -4
  94. package/src/components/mobileNavigation/index.scss +4 -2
  95. package/src/components/mobilePush/index.scss +8 -4
  96. package/src/components/multiSelect/index.scss +57 -39
  97. package/src/components/multiSelect/mods.scss +0 -8
  98. package/src/components/multiSelect/states.scss +8 -0
  99. package/src/components/navside/index.scss +74 -64
  100. package/src/components/newBadge/index.scss +8 -4
  101. package/src/components/notchBox/index.scss +17 -13
  102. package/src/components/notchBox/mods.scss +137 -125
  103. package/src/components/numericBadge/index.scss +21 -17
  104. package/src/components/pageHeader/index.scss +26 -22
  105. package/src/components/pagination/index.scss +12 -6
  106. package/src/components/plgPush/index.scss +4 -2
  107. package/src/components/popover/index.scss +4 -2
  108. package/src/components/progress/index.scss +14 -10
  109. package/src/components/radio/index.scss +18 -12
  110. package/src/components/radioButtons/index.scss +16 -10
  111. package/src/components/radioField/index.scss +46 -40
  112. package/src/components/readMore/index.scss +20 -16
  113. package/src/components/richText/component.scss +1 -0
  114. package/src/components/richText/index.scss +19 -15
  115. package/src/components/scrollBox/index.scss +14 -10
  116. package/src/components/section/index.scss +16 -12
  117. package/src/components/segmentedControl/index.scss +31 -25
  118. package/src/components/simpleSelect/index.scss +39 -35
  119. package/src/components/skeleton/index.scss +42 -38
  120. package/src/components/skipLinks/index.scss +4 -2
  121. package/src/components/sortableList/index.scss +12 -6
  122. package/src/components/statusBadge/component.scss +9 -2
  123. package/src/components/statusBadge/index.scss +12 -4
  124. package/src/components/statusBadge/states.scss +5 -0
  125. package/src/components/switch/index.scss +35 -29
  126. package/src/components/switchField/index.scss +22 -16
  127. package/src/components/table/index.scss +85 -79
  128. package/src/components/tableFixed/index.scss +13 -11
  129. package/src/components/tableFixedDeprecated/index.scss +14 -10
  130. package/src/components/tableOfContent/index.scss +28 -24
  131. package/src/components/tableSortable/index.scss +29 -17
  132. package/src/components/tableSortable/mods.scss +7 -2
  133. package/src/components/tableSticked/index.scss +28 -24
  134. package/src/components/tableSticked/mods.scss +6 -6
  135. package/src/components/tableStickedDeprecated/index.scss +46 -40
  136. package/src/components/tag/component.scss +1 -1
  137. package/src/components/tag/index.scss +28 -24
  138. package/src/components/tag/mods.scss +1 -0
  139. package/src/components/tag/vars.scss +1 -0
  140. package/src/components/textField/index.scss +28 -24
  141. package/src/components/textField/mods.scss +1 -1
  142. package/src/components/textFlow/index.scss +4 -2
  143. package/src/components/textfields/index.scss +265 -261
  144. package/src/components/timeline/index.scss +72 -66
  145. package/src/components/timepicker/index.scss +20 -16
  146. package/src/components/title/index.scss +43 -30
  147. package/src/components/title/mods.scss +1 -1
  148. package/src/components/titleSection/index.scss +31 -23
  149. package/src/components/toast/index.scss +8 -4
  150. package/src/components/tooltip/index.scss +25 -21
  151. package/src/components/userPopover/index.scss +4 -2
  152. package/src/components/userTile/index.scss +26 -22
  153. package/src/components/verticalNavigation/index.scss +26 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "20.3.0-rc.5",
3
+ "version": "20.3.0",
4
4
  "description": "A Sass framework for Lucca products.",
5
5
  "main": "src/main.scss",
6
6
  "scripts": {},
@@ -23,6 +23,6 @@
23
23
  "normalize.css": "^8.0.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@lucca-front/icons": "20.3.0-rc.5"
26
+ "@lucca-front/icons": "20.3.0"
27
27
  }
28
28
  }
package/src/commons/config.scss CHANGED
@@ -3,6 +3,11 @@
3
3
 
4
4
  @use '@lucca-front/scss/src/commons/function';
5
5
 
6
+ $layers: 'reset, base, components, mods, product, utils' !default;
7
+
8
+ /* stylelint-disable-next-line layer-name-pattern */
9
+ @layer #{$layers};
10
+
6
11
  $isNamespaced: false !default;
7
12
  $deprecatedSpacings: false !default;
8
13
  $deprecatedCardBoxMargin: false !default;
package/src/commons/core.scss CHANGED
@@ -31,7 +31,7 @@ $decoration: 'underline', 'line-through', 'none';
31
31
  $overflow: 'hidden', 'auto', 'visible', 'scroll';
32
32
  $cursor: 'pointer', 'auto', 'default', 'text';
33
33
 
34
- /* Tokens */
34
+ // Tokens
35
35
 
36
36
  @mixin spacing($boxModel, $boxDirection, $key, $value, $suffix: '!important') {
37
37
  @if $boxModel != 'inset' or ($boxDirection != 'top' and $boxDirection != 'bottom' and $boxDirection != 'left' and $boxDirection != 'right') {
@@ -71,7 +71,7 @@ $cursor: 'pointer', 'auto', 'default', 'text';
71
71
  }
72
72
  }
73
73
 
74
- /* Variables */
74
+ // Variables
75
75
 
76
76
  @mixin cssvars($name, $properties, $after: '') {
77
77
  @each $key, $value in $properties {
@@ -166,7 +166,7 @@ $cursor: 'pointer', 'auto', 'default', 'text';
166
166
  }
167
167
  }
168
168
 
169
- /* DEPRECATED */
169
+ // DEPRECATED
170
170
 
171
171
  @mixin sizes($suffix: '!important') {
172
172
  @each $key, $value in config.$sizes {
package/src/commons/exports.scss CHANGED
@@ -1,4 +1,3 @@
1
- @forward 'normalize.css/normalize';
2
1
  @forward 'vars';
3
2
  @forward 'base';
4
3
  @forward 'utils';
package/src/commons/index.scss CHANGED
@@ -1,7 +1,14 @@
1
+ @use "sass:meta";
1
2
  @use '@lucca-front/scss/src/commons/utils/namespace';
2
3
  @use 'exports' as *;
3
4
 
5
+ @layer reset {
6
+ @include meta.load-css('normalize.css/normalize');
7
+ }
8
+
4
9
  @include namespace.appendRootVars {
5
- @include vars;
6
- @include base;
10
+ @layer base {
11
+ @include vars;
12
+ @include base;
13
+ }
7
14
  }