@lucca-front/scss 20.3.0-rc.10 → 20.3.0-rc.11

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 (132) 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/index.scss +11 -7
  11. package/src/components/avatar/index.scss +43 -35
  12. package/src/components/box/index.scss +20 -14
  13. package/src/components/breadcrumbs/index.scss +16 -10
  14. package/src/components/button/index.scss +138 -134
  15. package/src/components/button/mods.scss +17 -0
  16. package/src/components/button/states.scss +3 -3
  17. package/src/components/buttonGroup/component.scss +0 -17
  18. package/src/components/buttonGroup/index.scss +20 -8
  19. package/src/components/calendar/index.scss +56 -44
  20. package/src/components/callout/index.scss +8 -4
  21. package/src/components/calloutDisclosure/index.scss +14 -10
  22. package/src/components/calloutFeedbackList/index.scss +8 -4
  23. package/src/components/calloutPopover/index.scss +18 -12
  24. package/src/components/card/index.scss +28 -24
  25. package/src/components/checkbox/index.scss +35 -31
  26. package/src/components/checkboxField/index.scss +88 -82
  27. package/src/components/chip/index.scss +22 -18
  28. package/src/components/clear/index.scss +22 -18
  29. package/src/components/code/index.scss +8 -4
  30. package/src/components/collapse/index.scss +11 -7
  31. package/src/components/comment/index.scss +30 -20
  32. package/src/components/container/index.scss +29 -25
  33. package/src/components/contentSection/index.scss +4 -2
  34. package/src/components/dataTable/index.scss +79 -69
  35. package/src/components/dataTableSticked/index.scss +30 -26
  36. package/src/components/dateField/index.scss +24 -20
  37. package/src/components/dateRangeField/index.scss +29 -25
  38. package/src/components/dialog/component.scss +4 -4
  39. package/src/components/dialog/index.scss +40 -36
  40. package/src/components/divider/index.scss +11 -7
  41. package/src/components/dropdown/index.scss +13 -9
  42. package/src/components/emptyState/index.scss +11 -7
  43. package/src/components/errorPage/index.scss +8 -4
  44. package/src/components/fancyBox/index.scss +8 -4
  45. package/src/components/field/index.scss +86 -88
  46. package/src/components/fieldset/index.scss +17 -13
  47. package/src/components/file/index.scss +34 -28
  48. package/src/components/fileEntry/index.scss +23 -19
  49. package/src/components/fileToolbar/index.scss +10 -6
  50. package/src/components/fileUpload/index.scss +36 -32
  51. package/src/components/filterBar/index.scss +17 -13
  52. package/src/components/filterBarDeprecated/index.scss +8 -4
  53. package/src/components/filterPill/index.scss +53 -49
  54. package/src/components/filters/index.scss +14 -8
  55. package/src/components/footer/index.scss +38 -34
  56. package/src/components/form/index.scss +121 -109
  57. package/src/components/form/mods.scss +7 -5
  58. package/src/components/formLabel/index.scss +18 -14
  59. package/src/components/gauge/component.scss +18 -16
  60. package/src/components/gauge/index.scss +25 -21
  61. package/src/components/grid/index.scss +25 -21
  62. package/src/components/header/index.scss +17 -13
  63. package/src/components/highlightData/index.scss +28 -24
  64. package/src/components/horizontalNavigation/index.scss +42 -36
  65. package/src/components/index.scss +57 -55
  66. package/src/components/indexTable/index.scss +53 -57
  67. package/src/components/inlineMessage/index.scss +17 -13
  68. package/src/components/inputFramed/index.scss +30 -24
  69. package/src/components/label/index.scss +13 -9
  70. package/src/components/layout/index.scss +51 -45
  71. package/src/components/link/index.scss +14 -10
  72. package/src/components/link/mods.scss +1 -1
  73. package/src/components/list/index.scss +15 -11
  74. package/src/components/listboxOption/index.scss +129 -117
  75. package/src/components/listing/index.scss +22 -18
  76. package/src/components/loading/index.scss +27 -23
  77. package/src/components/main/index.scss +21 -15
  78. package/src/components/mainLayout/index.scss +27 -21
  79. package/src/components/mobileHeader/index.scss +8 -4
  80. package/src/components/mobileNavigation/index.scss +4 -2
  81. package/src/components/mobilePush/index.scss +8 -4
  82. package/src/components/multiSelect/index.scss +57 -39
  83. package/src/components/multiSelect/mods.scss +0 -8
  84. package/src/components/multiSelect/states.scss +8 -0
  85. package/src/components/navside/index.scss +74 -64
  86. package/src/components/newBadge/index.scss +8 -4
  87. package/src/components/notchBox/index.scss +17 -13
  88. package/src/components/notchBox/mods.scss +137 -125
  89. package/src/components/numericBadge/index.scss +21 -17
  90. package/src/components/pageHeader/index.scss +26 -22
  91. package/src/components/pagination/index.scss +12 -6
  92. package/src/components/plgPush/index.scss +4 -2
  93. package/src/components/popover/index.scss +4 -2
  94. package/src/components/progress/index.scss +14 -10
  95. package/src/components/radio/index.scss +18 -12
  96. package/src/components/radioButtons/index.scss +16 -10
  97. package/src/components/radioField/index.scss +46 -40
  98. package/src/components/readMore/index.scss +20 -16
  99. package/src/components/richText/index.scss +19 -15
  100. package/src/components/scrollBox/index.scss +14 -10
  101. package/src/components/section/index.scss +16 -12
  102. package/src/components/segmentedControl/index.scss +31 -25
  103. package/src/components/simpleSelect/index.scss +39 -35
  104. package/src/components/skeleton/index.scss +42 -38
  105. package/src/components/skipLinks/index.scss +4 -2
  106. package/src/components/sortableList/index.scss +12 -6
  107. package/src/components/statusBadge/index.scss +8 -4
  108. package/src/components/switch/index.scss +35 -29
  109. package/src/components/switchField/index.scss +22 -16
  110. package/src/components/table/index.scss +85 -79
  111. package/src/components/tableFixed/index.scss +13 -11
  112. package/src/components/tableFixedDeprecated/index.scss +14 -10
  113. package/src/components/tableOfContent/index.scss +28 -24
  114. package/src/components/tableSortable/index.scss +21 -17
  115. package/src/components/tableSticked/index.scss +28 -24
  116. package/src/components/tableSticked/mods.scss +6 -6
  117. package/src/components/tableStickedDeprecated/index.scss +46 -40
  118. package/src/components/tag/index.scss +28 -24
  119. package/src/components/textField/index.scss +28 -24
  120. package/src/components/textField/mods.scss +1 -1
  121. package/src/components/textFlow/index.scss +4 -2
  122. package/src/components/textfields/index.scss +265 -261
  123. package/src/components/timeline/index.scss +72 -66
  124. package/src/components/timepicker/index.scss +20 -16
  125. package/src/components/title/index.scss +43 -30
  126. package/src/components/title/mods.scss +1 -1
  127. package/src/components/titleSection/index.scss +31 -23
  128. package/src/components/toast/index.scss +8 -4
  129. package/src/components/tooltip/index.scss +25 -21
  130. package/src/components/userPopover/index.scss +4 -2
  131. package/src/components/userTile/index.scss +26 -22
  132. package/src/components/verticalNavigation/index.scss +26 -20
package/src/components/tableStickedDeprecated/index.scss CHANGED
@@ -3,68 +3,74 @@
3
3
  @use 'exports' as *;
4
4
 
5
5
  .table {
6
- @include vars;
7
-
8
- &.mod-stickyColumn {
9
- @include stickyColumn;
6
+ @layer components {
7
+ @include vars;
10
8
  }
11
9
 
12
- @each $breakpoint, $value in config.$breakpoints {
13
- @include media.min($breakpoint) {
14
- &.mod-stickyColumn\@mediaMin#{$breakpoint} {
15
- @include stickyColumn;
10
+ @layer mods {
11
+ &.mod-stickyColumn {
12
+ @include stickyColumn;
13
+ }
14
+
15
+ @each $breakpoint, $value in config.$breakpoints {
16
+ @include media.min($breakpoint) {
17
+ &.mod-stickyColumn\@mediaMin#{$breakpoint} {
18
+ @include stickyColumn;
19
+ }
16
20
  }
17
21
  }
18
- }
19
22
 
20
- &.mod-stickyColumn-shadow {
21
- @include shadow;
22
- }
23
+ &.mod-stickyColumn-shadow {
24
+ @include shadow;
25
+ }
23
26
 
24
- &[class*='mod-stickyColumn'] {
25
- .table-head-row-cell,
26
- .table-body-row-cell,
27
- .table-foot-row-cell {
28
- @for $i from 0 through 50 {
29
- &.mod-stickyColumn-leftOffset#{$i} {
30
- @include leftOffset($i);
31
- }
27
+ &[class*='mod-stickyColumn'] {
28
+ .table-head-row-cell,
29
+ .table-body-row-cell,
30
+ .table-foot-row-cell {
31
+ @for $i from 0 through 50 {
32
+ &.mod-stickyColumn-leftOffset#{$i} {
33
+ @include leftOffset($i);
34
+ }
32
35
 
33
- &.mod-stickyColumn-rightOffset#{$i} {
34
- @include rightOffset($i);
36
+ &.mod-stickyColumn-rightOffset#{$i} {
37
+ @include rightOffset($i);
38
+ }
35
39
  }
36
40
  }
37
41
  }
38
- }
39
42
 
40
- [class*='sticky'][class*='shadow-wrapper'] {
41
- @include wrapper;
42
- }
43
+ [class*='sticky'][class*='shadow-wrapper'] {
44
+ @include wrapper;
45
+ }
43
46
 
44
- &[class*='mod-stickyHeader'] {
45
- @include stickyHeaderCommon;
47
+ &[class*='mod-stickyHeader'] {
48
+ @include stickyHeaderCommon;
46
49
 
47
- @each $breakpoint, $value in config.$breakpoints {
48
- @include media.max($breakpoint) {
49
- &.mod-stickyColumn\@mediaMin#{$breakpoint} {
50
- @include stickyColumnBreakpoint;
50
+ @each $breakpoint, $value in config.$breakpoints {
51
+ @include media.max($breakpoint) {
52
+ &.mod-stickyColumn\@mediaMin#{$breakpoint} {
53
+ @include stickyColumnBreakpoint;
54
+ }
51
55
  }
52
56
  }
53
57
  }
54
- }
55
58
 
56
- &.mod-stickyHeader {
57
- @include stickyHeader;
58
- }
59
+ &.mod-stickyHeader {
60
+ @include stickyHeader;
61
+ }
59
62
 
60
- &.mod-stickyHeader-withBanner {
61
- @include stickyHeaderBanner;
63
+ &.mod-stickyHeader-withBanner {
64
+ @include stickyHeaderBanner;
65
+ }
62
66
  }
63
67
  }
64
68
 
65
69
  .table-body-row,
66
70
  .table-foot-row {
67
- &.mod-stickyHeader-shadow {
68
- @include stickyHeaderShadow;
71
+ @layer mods {
72
+ &.mod-stickyHeader-shadow {
73
+ @include stickyHeaderShadow;
74
+ }
69
75
  }
70
76
  }
package/src/components/tag/index.scss CHANGED
@@ -1,36 +1,40 @@
1
1
  @use 'exports' as *;
2
2
 
3
3
  .tag {
4
- @include vars;
5
- @include component;
6
-
7
- &.mod-S {
8
- @include S;
4
+ @layer components {
5
+ @include vars;
6
+ @include component;
9
7
  }
10
8
 
11
- &.mod-L {
12
- @include L;
13
- }
9
+ @layer mods {
10
+ &.mod-S {
11
+ @include S;
12
+ }
14
13
 
15
- // .mod-clickable is deprecated
16
- &:is(a, button),
17
- &.mod-clickable {
18
- @include clickable;
19
- }
14
+ &.mod-L {
15
+ @include L;
16
+ }
20
17
 
21
- &.mod-outlined {
22
- @include outlined;
23
- }
18
+ // .mod-clickable is deprecated
19
+ &:is(a, button),
20
+ &.mod-clickable {
21
+ @include clickable;
22
+ }
24
23
 
25
- &.mod-disabled {
26
- @include disabled;
27
- }
24
+ &.mod-outlined {
25
+ @include outlined;
26
+ }
28
27
 
29
- &:has(.tag-content:focus-visible) {
30
- @include focusVisible;
31
- }
28
+ &.mod-AI {
29
+ @include AI;
30
+ }
31
+
32
+ &.mod-disabled {
33
+ @include disabled;
34
+ }
32
35
 
33
- &.mod-AI {
34
- @include AI;
36
+ &:has(.tag-content:focus-visible) {
37
+ @include focusVisible;
38
+ }
35
39
  }
36
40
  }
package/src/components/textField/index.scss CHANGED
@@ -1,37 +1,41 @@
1
1
  @use 'exports' as *;
2
2
 
3
3
  .textField {
4
- @include vars;
5
- @include component;
6
-
7
- &.mod-S {
8
- @include S;
4
+ @layer components {
5
+ @include vars;
6
+ @include component;
9
7
  }
10
8
 
11
- &.mod-XS {
12
- @include XS;
13
- }
9
+ @layer mods {
10
+ &.mod-S {
11
+ @include S;
12
+ }
14
13
 
15
- &.mod-valueAlignRight {
16
- @include valueAlignRight;
17
- }
14
+ &.mod-XS {
15
+ @include XS;
16
+ }
18
17
 
19
- &.is-invalid,
20
- &:has(.textField-input-value[aria-invalid='true']) {
21
- @include invalid;
22
- }
18
+ &.mod-valueAlignRight {
19
+ @include valueAlignRight;
20
+ }
23
21
 
24
- &.is-disabled,
25
- &:has(.textField-input-value:disabled) {
26
- @include disabled;
27
- }
22
+ &.is-invalid,
23
+ &:has(.textField-input-value[aria-invalid='true']) {
24
+ @include invalid;
25
+ }
28
26
 
29
- &.mod-autoResize {
30
- @include autoResize;
31
- }
27
+ &.is-disabled,
28
+ &:has(.textField-input-value:disabled) {
29
+ @include disabled;
30
+ }
31
+
32
+ &.mod-autoResize {
33
+ @include autoResize;
34
+ }
32
35
 
33
- &.mod-filterPill {
34
- @include filterPill;
36
+ &.mod-filterPill {
37
+ @include filterPill;
38
+ }
35
39
  }
36
40
 
37
41
  &.is-lineThrough {
package/src/components/textField/mods.scss CHANGED
@@ -77,7 +77,7 @@
77
77
  visibility: hidden;
78
78
 
79
79
  &::after {
80
- /* stylelint-disable-next-line no-irregular-whitespace */
80
+ // stylelint-disable-next-line no-irregular-whitespace
81
81
  content: ' ' / '';
82
82
  }
83
83
  }
package/src/components/textFlow/index.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  @use 'exports' as *;
2
2
 
3
3
  .textFlow {
4
- @include vars;
5
- @include component;
4
+ @layer components {
5
+ @include vars;
6
+ @include component;
7
+ }
6
8
  }