@lucca-front/scss 22.0.0-rc.2 → 22.0.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 (123) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +3 -3
  3. package/src/commons/config.scss +26 -27
  4. package/src/commons/utils/a11y.scss +2 -2
  5. package/src/commons/utils/color.scss +15 -6
  6. package/src/commons/utils/highlight-prisme.scss +6 -2
  7. package/src/commons/utils/index.scss +4 -0
  8. package/src/commons/vars.scss +20 -5
  9. package/src/components/activityFeed/component.scss +33 -6
  10. package/src/components/activityFeed/index.scss +4 -4
  11. package/src/components/activityFeed/states.scss +2 -2
  12. package/src/components/activityFeed/vars.scss +2 -2
  13. package/src/components/appLayout/component.scss +6 -3
  14. package/src/components/avatar/component.scss +2 -0
  15. package/src/components/avatar/index.scss +31 -3
  16. package/src/components/avatar/mods.scss +28 -0
  17. package/src/components/box/index.scss +1 -3
  18. package/src/components/box/mods.scss +1 -3
  19. package/src/components/bubbleIcon/index.scss +4 -0
  20. package/src/components/bubbleIcon/mods.scss +9 -1
  21. package/src/components/button/mods.scss +8 -6
  22. package/src/components/button/states.scss +5 -1
  23. package/src/components/calendar/component.scss +33 -20
  24. package/src/components/calendar/index.scss +48 -0
  25. package/src/components/calendar/mods.scss +6 -0
  26. package/src/components/calendar/states.scss +77 -0
  27. package/src/components/calendar/vars.scss +4 -1
  28. package/src/components/callout/mods.scss +1 -1
  29. package/src/components/card/index.scss +1 -3
  30. package/src/components/checkbox/states.scss +1 -1
  31. package/src/components/checkboxField/states.scss +1 -1
  32. package/src/components/code/component.scss +1 -0
  33. package/src/components/color/component.scss +3 -1
  34. package/src/components/color/index.scss +1 -2
  35. package/src/components/comment/component.scss +1 -1
  36. package/src/components/dataTable/component.scss +6 -1
  37. package/src/components/dataTable/index.scss +6 -0
  38. package/src/components/dataTable/mods.scss +4 -0
  39. package/src/components/dateField/index.scss +8 -0
  40. package/src/components/dateField/mods.scss +8 -0
  41. package/src/components/dateField/vars.scss +2 -0
  42. package/src/components/dialog/component.scss +7 -4
  43. package/src/components/dialog/index.scss +8 -2
  44. package/src/components/dialog/mods.scss +11 -3
  45. package/src/components/dialog/vars.scss +3 -0
  46. package/src/components/fieldset/index.scss +4 -0
  47. package/src/components/fieldset/mods.scss +10 -0
  48. package/src/components/fieldset/vars.scss +1 -1
  49. package/src/components/fileEntry/component.scss +2 -2
  50. package/src/components/fileUpload/component.scss +1 -1
  51. package/src/components/filterPill/component.scss +29 -5
  52. package/src/components/filterPill/index.scss +14 -11
  53. package/src/components/filterPill/states.scss +7 -8
  54. package/src/components/filterPill/vars.scss +2 -1
  55. package/src/components/footer/component.scss +1 -0
  56. package/src/components/footer/mods.scss +1 -0
  57. package/src/components/footer/vars.scss +1 -0
  58. package/src/components/form/component.scss +6 -0
  59. package/src/components/form/mods.scss +1 -1
  60. package/src/components/form/vars.scss +1 -1
  61. package/src/components/grid/mods.scss +1 -1
  62. package/src/components/highlightText/component.scss +30 -0
  63. package/src/components/highlightText/exports.scss +4 -0
  64. package/src/components/highlightText/index.scss +8 -0
  65. package/src/components/highlightText/mods.scss +0 -0
  66. package/src/components/highlightText/states.scss +0 -0
  67. package/src/components/highlightText/vars.scss +9 -0
  68. package/src/components/horizontalNavigation/component.scss +23 -1
  69. package/src/components/horizontalNavigation/index.scss +27 -1
  70. package/src/components/horizontalNavigation/mods.scss +14 -0
  71. package/src/components/horizontalNavigation/vars.scss +7 -0
  72. package/src/components/impersonation/component.scss +58 -0
  73. package/src/components/impersonation/exports.scss +4 -0
  74. package/src/components/impersonation/index.scss +22 -0
  75. package/src/components/impersonation/mods.scss +0 -0
  76. package/src/components/impersonation/states.scss +18 -0
  77. package/src/components/impersonation/vars.scss +10 -0
  78. package/src/components/index.scss +2 -0
  79. package/src/components/indexTable/component.scss +4 -0
  80. package/src/components/link/component.scss +3 -0
  81. package/src/components/link/index.scss +9 -0
  82. package/src/components/link/mods.scss +4 -0
  83. package/src/components/link/vars.scss +1 -0
  84. package/src/components/listing/component.scss +2 -2
  85. package/src/components/mobilePush/component.scss +1 -1
  86. package/src/components/multiSelect/component.scss +11 -0
  87. package/src/components/multiSelect/index.scss +8 -2
  88. package/src/components/multiSelect/mods.scss +2 -0
  89. package/src/components/multiSelect/states.scss +10 -2
  90. package/src/components/multiSelect/vars.scss +1 -0
  91. package/src/components/numericBadge/component.scss +0 -2
  92. package/src/components/numericBadge/mods.scss +0 -12
  93. package/src/components/numericBadge/vars.scss +0 -4
  94. package/src/components/popover/component.scss +10 -0
  95. package/src/components/popover/vars.scss +2 -0
  96. package/src/components/presentation/component.scss +1 -0
  97. package/src/components/radio/states.scss +3 -3
  98. package/src/components/radioField/states.scss +3 -3
  99. package/src/components/richText/vars.scss +1 -1
  100. package/src/components/scrollBox/component.scss +2 -0
  101. package/src/components/section/index.scss +1 -3
  102. package/src/components/simpleSelect/index.scss +1 -0
  103. package/src/components/skeleton/component.scss +30 -0
  104. package/src/components/skeleton/mods.scss +2 -2
  105. package/src/components/skeleton/states.scss +3 -3
  106. package/src/components/skeleton/vars.scss +2 -2
  107. package/src/components/skipLinks/component.scss +9 -0
  108. package/src/components/statusBadge/component.scss +1 -1
  109. package/src/components/tableStickedDeprecated/mods.scss +3 -3
  110. package/src/components/tag/component.scss +6 -0
  111. package/src/components/tag/index.scss +5 -0
  112. package/src/components/tag/mods.scss +9 -1
  113. package/src/components/tag/vars.scss +1 -0
  114. package/src/components/textField/component.scss +16 -0
  115. package/src/components/textField/index.scss +12 -0
  116. package/src/components/textField/mods.scss +23 -0
  117. package/src/components/textField/states.scss +6 -0
  118. package/src/components/textFlow/component.scss +2 -0
  119. package/src/components/timepicker/component.scss +32 -8
  120. package/src/components/timepicker/mods.scss +24 -3
  121. package/src/components/timepicker/vars.scss +6 -3
  122. package/src/components/toast/component.scss +1 -0
  123. package/src/components/userPopover/component.scss +1 -1
package/src/components/timepicker/mods.scss CHANGED
@@ -1,13 +1,34 @@
1
1
  @use '@lucca-front/scss/src/commons/utils/a11y';
2
+ @use '@lucca-front/icons/src/icon/exports' as icons;
2
3
 
3
4
  @mixin S {
4
5
  --components-timepicker-font: var(--pr-t-font-body-S);
5
- --components-timepicker-display-padding-inline: var(--pr-t-spacings-25);
6
- --components-timepicker-display-padding-block: var(--pr-t-spacings-75);
7
- --components-timepicker-input-padding-inline: var(--pr-t-spacings-75);
8
6
  --components-timepicker-input-padding-block: var(--pr-t-spacings-25);
9
7
  --components-timepicker-input-height: 1.75rem;
10
8
  --components-timepicker-separator-left: 1.875rem;
9
+ --components-timepicker-start: var(--pr-t-spacings-25);
10
+ --components-timepicker-end: var(--pr-t-spacings-75);
11
+
12
+ .timePicker-arrow-icon .lucca-icon {
13
+ @include icons.XS;
14
+ }
15
+
16
+ .timePicker-fieldset-group {
17
+ --components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);
18
+ --components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline);
19
+
20
+ ~ .timePicker-fieldset-group {
21
+ --components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start);
22
+ }
23
+ }
24
+
25
+ .timePicker-fieldset-meridiem {
26
+ inline-size: calc(var(--pr-t-spacings-50) + 2ch);
27
+
28
+ &::after {
29
+ inset-inline: var(--pr-t-spacings-25);
30
+ }
31
+ }
11
32
  }
12
33
 
13
34
  @mixin stepper {
package/src/components/timepicker/vars.scss CHANGED
@@ -5,10 +5,13 @@
5
5
  --components-timepicker-font: var(--pr-t-font-body-M);
6
6
  --components-timepicker-input-height: 2rem;
7
7
  --components-timepicker-input-minInlineSize: 0.5rem;
8
- --components-timepicker-input-padding-inline: var(--pr-t-spacings-100);
8
+ --components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);
9
9
  --components-timepicker-input-padding-block: var(--pr-t-spacings-50);
10
10
  --components-timepicker-padding: 0;
11
- --components-timepicker-display-padding-inline: var(--pr-t-spacings-50);
12
- --components-timepicker-display-padding-block: var(--pr-t-spacings-100);
11
+ --components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline);
12
+ --components-timepicker-display-inset-block: var(--components-timepicker-input-padding-block);
13
13
  --components-timepicker-separator-left: 2.375rem;
14
+
15
+ --components-timepicker-start: var(--pr-t-spacings-50);
16
+ --components-timepicker-end: var(--pr-t-spacings-100);
14
17
  }
package/src/components/toast/component.scss CHANGED
@@ -70,6 +70,7 @@
70
70
 
71
71
  .toast-item-content-description {
72
72
  margin: 0;
73
+ overflow-wrap: anywhere;
73
74
  }
74
75
 
75
76
  .toasts-item-kill {
package/src/components/userPopover/component.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @mixin component($atRoot: namespace.$defaultAtRoot) {
7
7
  inline-size: 23.5rem;
8
8
  max-inline-size: calc(100vw - var(--pr-t-spacings-200) * 2);
9
- padding: var(--pr-t-spacings-200);
9
+ padding: var(--pr-t-spacings-200) !important;
10
10
 
11
11
  @at-root ($atRoot) {
12
12
  .userPopover_trigger {