@lucca-front/scss 21.1.0-rc.2 → 21.1.0-rc.3

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 (45) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +3 -3
  3. package/src/components/appLayout/component.scss +1 -0
  4. package/src/components/appLayout/index.scss +5 -0
  5. package/src/components/appLayout/mods.scss +4 -0
  6. package/src/components/bubbleIcon/vars.scss +1 -1
  7. package/src/components/callout/component.scss +0 -1
  8. package/src/components/clear/index.scss +1 -2
  9. package/src/components/dialog/index.scss +4 -0
  10. package/src/components/dialog/mods.scss +4 -0
  11. package/src/components/dialog/vars.scss +1 -1
  12. package/src/components/errorPage/component.scss +42 -58
  13. package/src/components/errorPage/index.scss +4 -0
  14. package/src/components/errorPage/mods.scss +38 -0
  15. package/src/components/fieldset/component.scss +5 -0
  16. package/src/components/fieldset/index.scss +7 -0
  17. package/src/components/fieldset/mods.scss +4 -0
  18. package/src/components/fieldset/vars.scss +1 -0
  19. package/src/components/filterPill/component.scss +12 -1
  20. package/src/components/form/component.scss +1 -1
  21. package/src/components/form/index.scss +6 -3
  22. package/src/components/highlightData/component.scss +1 -0
  23. package/src/components/highlightData/mods.scss +3 -2
  24. package/src/components/highlightData/vars.scss +3 -2
  25. package/src/components/index.scss +2 -0
  26. package/src/components/inputFramed/component.scss +16 -11
  27. package/src/components/mainLayout/component.scss +2 -2
  28. package/src/components/multiSelect/mods.scss +1 -1
  29. package/src/components/navside/component.scss +4 -0
  30. package/src/components/presentation/component.scss +53 -0
  31. package/src/components/presentation/exports.scss +4 -0
  32. package/src/components/presentation/index.scss +12 -0
  33. package/src/components/presentation/mods.scss +0 -0
  34. package/src/components/presentation/states.scss +0 -0
  35. package/src/components/presentation/vars.scss +4 -0
  36. package/src/components/simpleSelect/mods.scss +1 -1
  37. package/src/components/softwareIcon/component.scss +18 -0
  38. package/src/components/softwareIcon/exports.scss +4 -0
  39. package/src/components/softwareIcon/index.scss +30 -0
  40. package/src/components/softwareIcon/mods.scss +15 -0
  41. package/src/components/softwareIcon/states.scss +8 -0
  42. package/src/components/softwareIcon/vars.scss +3 -0
  43. package/src/components/timepicker/component.scss +8 -6
  44. package/src/components/timepicker/mods.scss +4 -3
  45. package/src/components/timepicker/vars.scss +5 -3
package/src/components/softwareIcon/states.scss ADDED
@@ -0,0 +1,8 @@
1
+ @mixin disabled {
2
+ --components-softwareIcon-disabled-100: var(--palettes-neutral-100);
3
+ --components-softwareIcon-disabled-200: var(--palettes-neutral-200);
4
+ --components-softwareIcon-disabled-300: var(--palettes-neutral-300);
5
+ --components-softwareIcon-disabled-400: var(--palettes-neutral-400);
6
+ --components-softwareIcon-disabled-500: var(--palettes-neutral-500);
7
+ --components-softwareIcon-disabled-600: var(--palettes-neutral-600);
8
+ }
package/src/components/softwareIcon/vars.scss ADDED
@@ -0,0 +1,3 @@
1
+ @mixin vars {
2
+ --components-softwareIcon-size: var(--pr-t-spacings-500);
3
+ }
package/src/components/timepicker/component.scss CHANGED
@@ -60,13 +60,13 @@
60
60
  justify-content: center;
61
61
  border: 0;
62
62
  block-size: var(--components-timepicker-input-height);
63
- inline-size: var(--components-timepicker-input-width);
63
+ inline-size: calc(var(--components-timepicker-input-minInlineSize) + var(--components-timepicker-input-digits, 2) * 1ch);
64
64
  outline: none;
65
65
  color: inherit;
66
66
  background-color: transparent;
67
67
  text-align: center;
68
- padding-block: var(--components-timepicker-paddingInput-inline);
69
- padding-inline: var(--components-timepicker-paddingInput-block);
68
+ padding-block: var(--components-timepicker-input-padding-block);
69
+ padding-inline: var(--components-timepicker-input-padding-inline);
70
70
  box-sizing: content-box;
71
71
  opacity: 0.0001;
72
72
 
@@ -83,7 +83,7 @@
83
83
 
84
84
  .timePicker-fieldset-group-textfield-display {
85
85
  position: absolute;
86
- inset: var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);
86
+ inset: var(--components-timepicker-display-padding-inline) var(--components-timepicker-display-padding-block);
87
87
  border-radius: var(--pr-t-border-radius-50);
88
88
  pointer-events: none;
89
89
  display: grid;
@@ -133,7 +133,9 @@
133
133
  }
134
134
 
135
135
  .timePicker-fieldset-meridiem {
136
- inline-size: calc(var(--components-timepicker-input-width) + var(--components-timepicker-paddingInput-block) * 2);
136
+ box-sizing: content-box;
137
+ inline-size: calc(var(--components-timepicker-input-minInlineSize) + 2ch);
138
+ padding-inline: var(--components-timepicker-display-padding-block);
137
139
  position: relative;
138
140
  align-self: stretch;
139
141
  margin-inline-start: calc(var(--pr-t-spacings-50) * -1);
@@ -141,7 +143,7 @@
141
143
  &::after {
142
144
  content: '';
143
145
  position: absolute;
144
- inset: var(--components-timepicker-paddingInput-inline) var(--components-timepicker-paddingInput-block);
146
+ inset: var(--components-timepicker-display-padding-inline) var(--components-timepicker-display-padding-block);
145
147
  border-radius:var(--pr-t-border-radius-50);
146
148
  display: grid;
147
149
  place-items: center;
package/src/components/timepicker/mods.scss CHANGED
@@ -2,10 +2,11 @@
2
2
 
3
3
  @mixin S {
4
4
  --components-timepicker-font: var(--pr-t-font-body-S);
5
- --components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);
6
- --components-timepicker-paddingInput-block: var(--pr-t-spacings-75);
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
+ --components-timepicker-input-padding-block: var(--pr-t-spacings-25);
7
9
  --components-timepicker-input-height: 1.75rem;
8
- --components-timepicker-input-width: 1.25rem;
9
10
  --components-timepicker-separator-left: 1.875rem;
10
11
  }
11
12
 
package/src/components/timepicker/vars.scss CHANGED
@@ -4,9 +4,11 @@
4
4
  --components-timepicker-color: var(--pr-t-color-input-text);
5
5
  --components-timepicker-font: var(--pr-t-font-body-M);
6
6
  --components-timepicker-input-height: 2rem;
7
- --components-timepicker-input-width: 1.5rem;
7
+ --components-timepicker-input-minInlineSize: 0.5rem;
8
+ --components-timepicker-input-padding-inline: var(--pr-t-spacings-100);
9
+ --components-timepicker-input-padding-block: var(--pr-t-spacings-50);
8
10
  --components-timepicker-padding: 0;
9
- --components-timepicker-paddingInput-inline: var(--pr-t-spacings-50);
10
- --components-timepicker-paddingInput-block: var(--pr-t-spacings-100);
11
+ --components-timepicker-display-padding-inline: var(--pr-t-spacings-50);
12
+ --components-timepicker-display-padding-block: var(--pr-t-spacings-100);
11
13
  --components-timepicker-separator-left: 2.375rem;
12
14
  }