@lucca-front/scss 20.3.0-rc.3 → 20.3.0-rc.4

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