@lucca-front/scss 19.3.0-rc.3 → 19.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 (116) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/commons/base.scss +3 -1
  4. package/src/commons/utils/color.scss +2 -0
  5. package/src/commons/utils/index.scss +2 -2
  6. package/src/commons/utils/keyframe.scss +1 -0
  7. package/src/commons/utils/loading.scss +1 -1
  8. package/src/commons/utils/media.scss +4 -0
  9. package/src/commons/utils/reset.scss +1 -1
  10. package/src/components/_sample/component.scss +3 -3
  11. package/src/components/avatar/component.scss +0 -1
  12. package/src/components/avatar/mods.scss +1 -0
  13. package/src/components/box/index.scss +4 -0
  14. package/src/components/box/mods.scss +5 -0
  15. package/src/components/calendar/component.scss +2 -0
  16. package/src/components/calendar/states.scss +3 -1
  17. package/src/components/calloutAccordion/mods.scss +0 -4
  18. package/src/components/calloutPopover/component.scss +2 -1
  19. package/src/components/card/mods.scss +1 -1
  20. package/src/components/checkbox/mods.scss +1 -0
  21. package/src/components/checkboxField/component.scss +2 -1
  22. package/src/components/checkboxField/states.scss +1 -8
  23. package/src/components/clear/component.scss +1 -1
  24. package/src/components/comment/component.scss +2 -5
  25. package/src/components/dataTable/mods.scss +0 -7
  26. package/src/components/dataTableSticked/mods.scss +12 -15
  27. package/src/components/dateRangeField/vars.scss +1 -1
  28. package/src/components/dialog/mods.scss +0 -1
  29. package/src/components/divider/component.scss +2 -5
  30. package/src/components/dropdown/component.scss +2 -1
  31. package/src/components/emptyState/component.scss +1 -0
  32. package/src/components/errorPage/component.scss +2 -0
  33. package/src/components/fancyBox/component.scss +2 -0
  34. package/src/components/fileEntry/component.scss +199 -0
  35. package/src/components/fileEntry/exports.scss +4 -0
  36. package/src/components/fileEntry/index.scss +34 -0
  37. package/src/components/fileEntry/mods.scss +39 -0
  38. package/src/components/fileEntry/states.scss +22 -0
  39. package/src/components/fileEntry/vars.scss +27 -0
  40. package/src/components/fileToolbar/component.scss +35 -0
  41. package/src/components/fileToolbar/exports.scss +4 -0
  42. package/src/components/fileToolbar/index.scss +14 -0
  43. package/src/components/fileToolbar/mods.scss +9 -0
  44. package/src/components/fileToolbar/states.scss +0 -0
  45. package/src/components/fileToolbar/vars.scss +5 -0
  46. package/src/components/fileUpload/component.scss +103 -0
  47. package/src/components/fileUpload/exports.scss +4 -0
  48. package/src/components/fileUpload/index.scss +46 -0
  49. package/src/components/fileUpload/mods.scss +24 -0
  50. package/src/components/fileUpload/states.scss +37 -0
  51. package/src/components/fileUpload/vars.scss +26 -0
  52. package/src/components/filterBar/mods.scss +2 -2
  53. package/src/components/filterBarDeprecated/component.scss +3 -0
  54. package/src/components/filterPill/component.scss +2 -1
  55. package/src/components/filterPill/states.scss +2 -3
  56. package/src/components/form/index.scss +2 -0
  57. package/src/components/form/mods.scss +0 -1
  58. package/src/components/grid/component.scss +2 -3
  59. package/src/components/grid/mods.scss +1 -0
  60. package/src/components/highlightData/component.scss +3 -0
  61. package/src/components/highlightData/mods.scss +1 -0
  62. package/src/components/horizontalNavigation/component.scss +1 -3
  63. package/src/components/horizontalNavigation/index.scss +1 -0
  64. package/src/components/horizontalNavigation/mods.scss +2 -2
  65. package/src/components/index.scss +3 -0
  66. package/src/components/indexTable/component.scss +5 -9
  67. package/src/components/indexTable/index.scss +2 -1
  68. package/src/components/indexTable/mods.scss +28 -4
  69. package/src/components/indexTable/states.scss +5 -0
  70. package/src/components/indexTable/vars.scss +3 -0
  71. package/src/components/inlineMessage/component.scss +16 -3
  72. package/src/components/link/mods.scss +7 -7
  73. package/src/components/list/mods.scss +1 -0
  74. package/src/components/loading/component.scss +1 -1
  75. package/src/components/loading/mods.scss +4 -0
  76. package/src/components/mobileNavigation/component.scss +3 -1
  77. package/src/components/multiSelect/component.scss +1 -0
  78. package/src/components/multiSelect/mods.scss +4 -1
  79. package/src/components/multiSelect/states.scss +1 -0
  80. package/src/components/navside/component.scss +0 -2
  81. package/src/components/notchBox/component.scss +2 -0
  82. package/src/components/notchBox/mods.scss +3 -0
  83. package/src/components/numericBadge/component.scss +1 -2
  84. package/src/components/pagination/component.scss +1 -1
  85. package/src/components/popover/component.scss +1 -0
  86. package/src/components/radio/component.scss +1 -1
  87. package/src/components/radioButtons/component.scss +9 -11
  88. package/src/components/radioField/component.scss +1 -0
  89. package/src/components/radioField/states.scss +1 -8
  90. package/src/components/segmentedControl/component.scss +3 -3
  91. package/src/components/simpleSelect/component.scss +1 -0
  92. package/src/components/skeleton/component.scss +1 -0
  93. package/src/components/skeleton/states.scss +3 -0
  94. package/src/components/sortableList/component.scss +1 -0
  95. package/src/components/statusBadge/component.scss +1 -1
  96. package/src/components/switchField/component.scss +3 -1
  97. package/src/components/table/mods.scss +0 -14
  98. package/src/components/tableSortable/mods.scss +4 -2
  99. package/src/components/tableSortable/states.scss +2 -2
  100. package/src/components/tableSticked/index.scss +2 -2
  101. package/src/components/tableSticked/mods.scss +16 -6
  102. package/src/components/tag/component.scss +0 -2
  103. package/src/components/textField/component.scss +1 -0
  104. package/src/components/textfields/component.scss +1 -1
  105. package/src/components/textfields/index.scss +2 -2
  106. package/src/components/textfields/mods.scss +3 -2
  107. package/src/components/textfields/states.scss +3 -4
  108. package/src/components/timeline/component.scss +3 -2
  109. package/src/components/timeline/index.scss +13 -3
  110. package/src/components/timeline/mods.scss +22 -8
  111. package/src/components/timepicker/component.scss +0 -1
  112. package/src/components/timepickerDeprecated/component.scss +3 -2
  113. package/src/components/title/component.scss +1 -0
  114. package/src/components/tooltip/component.scss +1 -0
  115. package/src/components/verticalNavigation/component.scss +5 -1
  116. package/src/components/verticalNavigation/states.scss +2 -0
package/src/components/timeline/mods.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  .timeline-step-title {
7
7
  --components-timeline-title-fontSize: var(--sizes-S-fontSize);
8
8
  --components-timeline-title-lineHeight: var(--sizes-M-lineHeight);
9
+
9
10
  padding-inline-start: 1.25rem;
10
11
 
11
12
  &::before {
@@ -26,6 +27,7 @@
26
27
  }
27
28
  }
28
29
 
30
+ // stylelint-disable-next-line selector-not-notation
29
31
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step) .timeline-step-title-icon {
30
32
  &::before {
31
33
  inset-inline-start: var(--pr-t-spacings-100);
@@ -77,7 +79,7 @@
77
79
  min-block-size: var(--pr-t-spacings-300);
78
80
  min-inline-size: 0;
79
81
 
80
- &:before {
82
+ &::before {
81
83
  inset-block-start: var(--pr-t-spacings-150);
82
84
  }
83
85
  }
@@ -93,7 +95,7 @@
93
95
 
94
96
  @mixin verticalNotSNotL {
95
97
  .timeline-step-title {
96
- &:before {
98
+ &::before {
97
99
  inset-inline-start: 0;
98
100
  }
99
101
  }
@@ -113,6 +115,7 @@
113
115
  }
114
116
  }
115
117
  }
118
+
116
119
  .timeline-step-description {
117
120
  padding-inline-start: var(--pr-t-spacings-300);
118
121
  }
@@ -132,6 +135,7 @@
132
135
  }
133
136
  }
134
137
  }
138
+
135
139
  .timeline-step-description {
136
140
  padding-inline-start: 2.5rem;
137
141
  min-block-size: var(--pr-t-spacings-400);
@@ -155,6 +159,7 @@
155
159
 
156
160
  @mixin number {
157
161
  counter-reset: timeline;
162
+
158
163
  .timeline-step:not(.timeline-stepAddBetweenStep) {
159
164
  .timeline-step-title {
160
165
  counter-increment: timeline;
@@ -175,9 +180,11 @@
175
180
  }
176
181
 
177
182
  @mixin checkedPastStep {
183
+ // stylelint-disable-next-line selector-not-notation
178
184
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step):not(.timeline-stepAddBetweenStep) {
179
185
  .timeline-step-title {
180
- &:before {
186
+ &::before {
187
+ background-color: var(--palettes-100, var(--palettes-product-100));
181
188
  content: '';
182
189
  }
183
190
 
@@ -189,9 +196,6 @@
189
196
  background-color: transparent;
190
197
  color: var(--palettes-700, var(--palettes-product-700));
191
198
  }
192
- &::before {
193
- background-color: var(--palettes-100, var(--palettes-product-100));
194
- }
195
199
  }
196
200
 
197
201
  &::after {
@@ -206,6 +210,7 @@
206
210
  }
207
211
 
208
212
  @mixin checkedPastStepVerticalNotL {
213
+ // stylelint-disable-next-line selector-not-notation
209
214
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step) {
210
215
  .timeline-step-title {
211
216
  .timeline-step-title-icon::before {
@@ -234,11 +239,13 @@
234
239
 
235
240
  &:last-child {
236
241
  .timeline-step-title {
237
- &:before {
242
+ &::before {
238
243
  display: none;
239
244
  }
245
+
240
246
  .timeline-step-title-icon::before {
241
247
  @include icon.generate('maths_plus');
248
+
242
249
  display: flex;
243
250
  }
244
251
  }
@@ -312,13 +319,15 @@
312
319
  .timeline-step-title {
313
320
  padding-inline-start: 0;
314
321
 
315
- &:before {
322
+ &::before {
316
323
  display: none;
317
324
  }
318
325
  }
319
326
  }
327
+
320
328
  .timeline-stepAddBetweenStep-title {
321
329
  @include reset.button;
330
+
322
331
  inline-size: auto;
323
332
 
324
333
  &:hover {
@@ -333,20 +342,25 @@
333
342
  }
334
343
  }
335
344
  }
345
+
346
+ // stylelint-disable-next-line selector-not-notation
336
347
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step) .timeline-step-title-icon::before {
337
348
  @include icon.generate('maths_plus');
349
+
338
350
  display: flex;
339
351
  transition: background-color var(--commons-animations-durations-fast);
340
352
  }
341
353
  }
342
354
 
343
355
  @mixin addBetweenStepVerticalNotL {
356
+ // stylelint-disable-next-line selector-not-notation
344
357
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step) .timeline-step-title-icon::before {
345
358
  inset-inline-start: 0;
346
359
  }
347
360
  }
348
361
 
349
362
  @mixin addBetweenStepL {
363
+ // stylelint-disable-next-line selector-not-notation
350
364
  .timeline-step:not([aria-current='step']):not([aria-current='step'] ~ .timeline-step) .timeline-step-title-icon::before {
351
365
  inline-size: 1.5rem;
352
366
  block-size: 1.5rem;
package/src/components/timepicker/component.scss CHANGED
@@ -60,7 +60,6 @@
60
60
  align-items: center;
61
61
  justify-content: center;
62
62
  border: 0;
63
- text-align: center;
64
63
  block-size: var(--components-timepicker-input-height);
65
64
  inline-size: var(--components-timepicker-input-width);
66
65
  outline: none;
package/src/components/timepickerDeprecated/component.scss CHANGED
@@ -12,6 +12,7 @@
12
12
 
13
13
  &:focus-within {
14
14
  @include a11y.focusVisible($offset: 3px);
15
+
15
16
  background-color: transparent;
16
17
  }
17
18
 
@@ -30,11 +31,11 @@
30
31
  block-size: var(--components-timepicker-input-height);
31
32
  border: 0;
32
33
  padding: 0;
33
- -moz-appearance: textfield;
34
+ appearance: textfield;
34
35
 
35
36
  &::-webkit-outer-spin-button,
36
37
  &::-webkit-inner-spin-button {
37
- -webkit-appearance: none;
38
+ appearance: none;
38
39
  margin: 0;
39
40
  }
40
41
 
package/src/components/title/component.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use '@lucca-front/scss/src/commons/config';
2
+
2
3
  @mixin component($suffix: '') {
3
4
  // no suffix here
4
5
  margin-block-start: 0;
package/src/components/tooltip/component.scss CHANGED
@@ -17,6 +17,7 @@
17
17
  animation-name: scaleIn;
18
18
  animation-duration: var(--commons-animations-durations-fast);
19
19
  animation-iteration-count: 1;
20
+ hyphens: auto;
20
21
 
21
22
  @include keyframe.scaleIn;
22
23
 
package/src/components/verticalNavigation/component.scss CHANGED
@@ -7,6 +7,7 @@
7
7
  @at-root ($atRoot) {
8
8
  .verticalNavigation-sectionTitle {
9
9
  @include title.h5;
10
+
10
11
  color: var(--palettes-neutral-600);
11
12
  padding-block: 0;
12
13
  padding-inline: var(--components-verticalNavigation-horizontalPadding);
@@ -15,6 +16,7 @@
15
16
 
16
17
  .verticalNavigation-list {
17
18
  @include reset.list;
19
+
18
20
  background-color: var(--pr-t-elevation-surface-raised);
19
21
  margin-block-end: var(--pr-t-spacings-200);
20
22
  }
@@ -26,6 +28,7 @@
26
28
 
27
29
  .verticalNavigation-list-item-link {
28
30
  @include reset.button;
31
+
29
32
  display: flex;
30
33
  padding-block: var(--pr-t-spacings-100);
31
34
  padding-inline: var(--components-verticalNavigation-horizontalPadding);
@@ -38,11 +41,12 @@
38
41
 
39
42
  &:hover {
40
43
  --components-verticalNavigation-link-background: var(--palettes-neutral-50);
44
+
41
45
  color: var(--components-verticalNavigation-link-color);
42
46
  }
43
47
 
44
48
  &:focus-visible {
45
- @include a11y.focusVisible();
49
+ @include a11y.focusVisible;
46
50
  }
47
51
 
48
52
  &:active {
package/src/components/verticalNavigation/states.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  @mixin active {
2
2
  --components-verticalNavigation-link-background: var(--palettes-product-100);
3
+
3
4
  color: var(--components-verticalNavigation-link-color);
4
5
 
5
6
  &:hover {
@@ -13,6 +14,7 @@
13
14
 
14
15
  @mixin disabled {
15
16
  --components-verticalNavigation-link-background: transparent;
17
+
16
18
  color: var(--palettes-neutral-500); // disabled token candidate
17
19
  pointer-events: none;
18
20
  }