@lucca-front/scss 20.4.0-rc.1 → 21.0.0-rc.2

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 (83) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/commons/config.scss +3 -3
  4. package/src/components/breadcrumbs/component.scss +2 -1
  5. package/src/components/breadcrumbs/index.scss +2 -1
  6. package/src/components/breadcrumbs/mods.scss +2 -1
  7. package/src/components/button/index.scss +0 -6
  8. package/src/components/button/mods.scss +1 -22
  9. package/src/components/button/vars.scss +0 -1
  10. package/src/components/calendar/component.scss +5 -9
  11. package/src/components/calendar/index.scss +8 -0
  12. package/src/components/calendar/states.scss +7 -1
  13. package/src/components/calendar/vars.scss +3 -1
  14. package/src/components/callout/component.scss +0 -1
  15. package/src/components/calloutPopover/component.scss +13 -10
  16. package/src/components/calloutPopover/mods.scss +2 -5
  17. package/src/components/calloutPopover/vars.scss +0 -1
  18. package/src/components/checkboxField/component.scss +3 -1
  19. package/src/components/chip/component.scss +18 -7
  20. package/src/components/chip/index.scss +4 -6
  21. package/src/components/chip/mods.scss +6 -20
  22. package/src/components/chip/states.scss +2 -2
  23. package/src/components/chip/vars.scss +4 -2
  24. package/src/components/clear/component.scss +4 -4
  25. package/src/components/clear/index.scss +15 -12
  26. package/src/components/clear/mods.scss +7 -20
  27. package/src/components/clear/states.scss +10 -1
  28. package/src/components/clear/vars.scss +3 -2
  29. package/src/components/dataTable/component.scss +12 -1
  30. package/src/components/dataTable/index.scss +16 -7
  31. package/src/components/dataTable/mods.scss +16 -3
  32. package/src/components/dataTable/vars.scss +0 -1
  33. package/src/components/dataTableSticked/index.scss +15 -0
  34. package/src/components/dataTableSticked/mods.scss +9 -9
  35. package/src/components/dataTableSticked/states.scss +7 -0
  36. package/src/components/dataTableSticked/vars.scss +3 -0
  37. package/src/components/fancyBox/component.scss +15 -20
  38. package/src/components/fancyBox/index.scss +4 -0
  39. package/src/components/fancyBox/mods.scss +11 -0
  40. package/src/components/fancyBox/vars.scss +10 -0
  41. package/src/components/fieldset/component.scss +4 -0
  42. package/src/components/fieldset/index.scss +4 -0
  43. package/src/components/fieldset/mods.scss +10 -0
  44. package/src/components/fieldset/vars.scss +1 -1
  45. package/src/components/filterBar/component.scss +1 -1
  46. package/src/components/filterBar/mods.scss +6 -2
  47. package/src/components/filterBar/vars.scss +0 -1
  48. package/src/components/filterPill/component.scss +3 -2
  49. package/src/components/filterPill/states.scss +3 -2
  50. package/src/components/filterPill/vars.scss +0 -1
  51. package/src/components/form/component.scss +4 -2
  52. package/src/components/indexTable/component.scss +11 -28
  53. package/src/components/indexTable/index.scss +34 -3
  54. package/src/components/indexTable/mods.scss +45 -10
  55. package/src/components/indexTable/states.scss +5 -1
  56. package/src/components/indexTable/vars.scss +1 -0
  57. package/src/components/inputFramed/component.scss +8 -9
  58. package/src/components/inputFramed/index.scss +13 -3
  59. package/src/components/inputFramed/mods.scss +14 -0
  60. package/src/components/inputFramed/vars.scss +9 -2
  61. package/src/components/link/mods.scss +3 -2
  62. package/src/components/listing/component.scss +20 -2
  63. package/src/components/listing/index.scss +10 -0
  64. package/src/components/listing/mods.scss +49 -0
  65. package/src/components/listing/vars.scss +16 -2
  66. package/src/components/multiSelect/component.scss +3 -0
  67. package/src/components/multiSelect/index.scss +4 -14
  68. package/src/components/multiSelect/mods.scss +0 -28
  69. package/src/components/multiSelect/states.scss +5 -16
  70. package/src/components/plgPush/component.scss +4 -0
  71. package/src/components/popover/component.scss +1 -0
  72. package/src/components/popover/vars.scss +1 -0
  73. package/src/components/richText/component.scss +5 -6
  74. package/src/components/scrollBox/component.scss +4 -0
  75. package/src/components/simpleSelect/component.scss +10 -3
  76. package/src/components/sortableList/component.scss +23 -4
  77. package/src/components/sortableList/index.scss +13 -0
  78. package/src/components/sortableList/mods.scss +6 -0
  79. package/src/components/tableFixed/mods.scss +3 -3
  80. package/src/components/tableOfContent/component.scss +2 -1
  81. package/src/components/tableOfContent/index.scss +2 -1
  82. package/src/components/textfields/index.scss +3 -3
  83. package/src/components/textfields/states.scss +3 -3
package/src/components/sortableList/index.scss CHANGED
@@ -18,5 +18,18 @@
18
18
  &.mod-clickable {
19
19
  @include clickable;
20
20
  }
21
+
22
+ &.mod-S {
23
+ @include S;
24
+ }
25
+ }
26
+ }
27
+
28
+ // drag and drop preview
29
+ :not(.sortableList) {
30
+ > .sortableList-item {
31
+ @layer components {
32
+ @include vars;
33
+ }
21
34
  }
22
35
  }
package/src/components/sortableList/mods.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use '@lucca-front/icons/src/icon/exports' as icon;
2
+
1
3
  @mixin clickable {
2
4
  transition-duration: var(--commons-animations-durations-fast);
3
5
  transition-property: background-color;
@@ -18,4 +20,8 @@
18
20
  // Deprecated
19
21
  --components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);
20
22
  --components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight);
23
+
24
+ .lucca-icon {
25
+ @include icon.S;
26
+ }
21
27
  }
package/src/components/tableFixed/mods.scss CHANGED
@@ -26,7 +26,7 @@
26
26
  .table-head-row-cell,
27
27
  .table-body-row-cell,
28
28
  .table-foot-row-cell {
29
- @include cellFixedWidth;
29
+ @include cellInlineSize;
30
30
  }
31
31
  }
32
32
 
@@ -36,14 +36,14 @@
36
36
  .table-head-row-cell,
37
37
  .table-body-row-cell,
38
38
  .table-foot-row-cell {
39
- @include cellFixedWidth;
39
+ @include cellInlineSize;
40
40
  }
41
41
  }
42
42
  }
43
43
  }
44
44
  }
45
45
 
46
- @mixin cellFixedWidth {
46
+ @mixin cellInlineSize {
47
47
  min-inline-size: var(--cell-width, auto);
48
48
  inline-size: var(--cell-width, auto);
49
49
  }
package/src/components/tableOfContent/component.scss CHANGED
@@ -12,7 +12,8 @@
12
12
  @include reset.list;
13
13
  }
14
14
 
15
- .tableOfContent-list-item-action {
15
+ // Second selector to get rid of tableOfContent-list-item-action on angular component
16
+ .tableOfContent-list-item-action, .tableOfContent-list-item > a {
16
17
  @include reset.button;
17
18
 
18
19
  border-radius: var(--pr-t-border-radius-default);
package/src/components/tableOfContent/index.scss CHANGED
@@ -7,7 +7,8 @@
7
7
  }
8
8
  }
9
9
 
10
- .tableOfContent-list-item-action {
10
+ // Second selector to get rid of tableOfContent-list-item-action on angular component
11
+ .tableOfContent-list-item-action, .tableOfContent-list-item > a {
11
12
  @layer mods {
12
13
  &:not(.disabled, .is-disabled, [disabled]) {
13
14
  &:is(:hover) {
package/src/components/textfields/index.scss CHANGED
@@ -391,15 +391,15 @@
391
391
 
392
392
  .textfield-input {
393
393
  &:is(:hover) {
394
- @include framedInputHover;
394
+ @include inputFramedHover;
395
395
  }
396
396
 
397
397
  &:is(:focus) {
398
- @include framedInputFocus;
398
+ @include inputFramedFocus;
399
399
  }
400
400
 
401
401
  &:is(:invalid, .is-invalid, .invalid) {
402
- @include framedInputInvalid;
402
+ @include inputFramedInvalid;
403
403
  }
404
404
  }
405
405
  }
package/src/components/textfields/states.scss CHANGED
@@ -40,7 +40,7 @@
40
40
  }
41
41
  }
42
42
 
43
- @mixin framedInputHover {
43
+ @mixin inputFramedHover {
44
44
  &:not(:disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid) {
45
45
  position: relative;
46
46
  z-index: 1;
@@ -49,7 +49,7 @@
49
49
  }
50
50
  }
51
51
 
52
- @mixin framedInputFocus {
52
+ @mixin inputFramedFocus {
53
53
  &:not(:disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid) {
54
54
  position: relative;
55
55
  z-index: 4;
@@ -60,7 +60,7 @@
60
60
  }
61
61
  }
62
62
 
63
- @mixin framedInputInvalid {
63
+ @mixin inputFramedInvalid {
64
64
  ~ .textfield-label {
65
65
  color: var(--palettes-error-700);
66
66
  }