@lucca-front/scss 22.0.4 → 22.0.5

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 (11) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +3 -3
  3. package/src/components/activityFeed/component.scss +2 -1
  4. package/src/components/calendar/component.scss +2 -5
  5. package/src/components/dataTableSticked/mods.scss +6 -0
  6. package/src/components/filterPill/component.scss +0 -5
  7. package/src/components/filterPill/index.scss +0 -5
  8. package/src/components/tableSortable/component.scss +7 -1
  9. package/src/components/tableSortable/index.scss +6 -0
  10. package/src/components/tableSortable/mods.scss +11 -0
  11. package/src/components/tableSortable/vars.scss +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "22.0.4",
3
+ "version": "22.0.5",
4
4
  "description": "A Sass framework for Lucca products.",
5
5
  "main": "src/main.scss",
6
6
  "scripts": {},
@@ -24,7 +24,7 @@
24
24
  "normalize.css": "^8.0.0"
25
25
  },
26
26
  "peerDependencies": {
27
- "@lucca-front/icons": "22.0.4",
28
- "@lucca/prisme": "22.0.4"
27
+ "@lucca-front/icons": "22.0.5",
28
+ "@lucca/prisme": "22.0.5"
29
29
  }
30
30
  }
package/src/components/activityFeed/component.scss CHANGED
@@ -85,8 +85,9 @@
85
85
  .activityFeed-content-update-item {
86
86
  display: var(--components-activityFeed-content-update-item-display);
87
87
  align-items: center;
88
- gap: var(--pr-t-spacings-75);
88
+ gap: 0 var(--pr-t-spacings-75);
89
89
  min-block-size: var(--pr-t-spacings-300);
90
+ flex-wrap: wrap;
90
91
  }
91
92
 
92
93
  .activityFeed-content-update-item-object {
package/src/components/calendar/component.scss CHANGED
@@ -28,11 +28,7 @@
28
28
  }
29
29
 
30
30
  &.mod-day {
31
- max-block-size: 19.25rem;
32
-
33
- &:has(+ .calendarWrapper .calendar-todayLink) {
34
- max-block-size: 21.75rem;
35
- }
31
+ max-block-size: 20rem;
36
32
  }
37
33
 
38
34
  &.mod-month,
@@ -154,6 +150,7 @@
154
150
 
155
151
  border-radius: var(--pr-t-border-radius-default);
156
152
  text-align: inherit;
153
+ text-transform: inherit;
157
154
  inline-size: fit-content;
158
155
  display: inline-block;
159
156
  padding: var(--pr-t-spacings-50);
package/src/components/dataTableSticked/mods.scss CHANGED
@@ -53,6 +53,12 @@
53
53
  flex-direction: column;
54
54
  flex-grow: 1;
55
55
 
56
+ .dataTable {
57
+ // override required for Safari
58
+ block-size: auto;
59
+ flex-grow: 1;
60
+ }
61
+
56
62
  &::before,
57
63
  &::after {
58
64
  content: '';
package/src/components/filterPill/component.scss CHANGED
@@ -106,7 +106,6 @@
106
106
  font-weight: var(--components-filterPill-label-fontWeight);
107
107
  overflow: hidden;
108
108
  text-overflow: ellipsis;
109
- outline: none;
110
109
  text-align: center;
111
110
  flex-shrink: 0;
112
111
  max-inline-size: var(--components-filterPill-label-maxInlineSize);
@@ -170,10 +169,6 @@
170
169
  cursor: var(--components-filterPill-label-cursor);
171
170
  max-inline-size: 15rem;
172
171
 
173
- &:focus-visible {
174
- outline: none;
175
- }
176
-
177
172
  .lucca-icon {
178
173
  color: var(--components-filterPill-arrowColor);
179
174
  }
package/src/components/filterPill/index.scss CHANGED
@@ -19,11 +19,6 @@
19
19
  @include active;
20
20
  }
21
21
 
22
- &:has(.filterPill-label:focus-visible),
23
- &:has(.filterPill-value:focus-visible) {
24
- @include focusVisible;
25
- }
26
-
27
22
  &[aria-expanded='true'] {
28
23
  @include opened;
29
24
  }
package/src/components/tableSortable/component.scss CHANGED
@@ -7,7 +7,8 @@
7
7
  font-weight: var(--components-sortable-fontWeight);
8
8
  vertical-align: top;
9
9
  align-items: flex-end;
10
- white-space: wrap;
10
+ min-inline-size: var(--components-sortable-minInlineSize);
11
+ max-inline-size: var(--components-sortable-maxInlineSize);
11
12
  inset-inline-start: var(--components-sortable-offset);
12
13
  padding: 0 var(--pr-t-spacings-50);
13
14
  gap: var(--pr-t-spacings-25);
@@ -20,11 +21,16 @@
20
21
  @include button.ghost;
21
22
 
22
23
  @at-root ($atRoot) {
24
+ .tableSortable-label {
25
+ min-inline-size: 0;
26
+ }
27
+
23
28
  .tableSortable-arrows {
24
29
  margin-block-end: var(--components-sortable-arrowsOffset);
25
30
  position: relative;
26
31
  inline-size: 1rem;
27
32
  block-size: 1rem;
33
+ flex-shrink: 0;
28
34
  }
29
35
 
30
36
  .tableSortable-arrows-ascending,
package/src/components/tableSortable/index.scss CHANGED
@@ -7,6 +7,12 @@
7
7
  }
8
8
  }
9
9
 
10
+ .tableSortable.mod-ellipsis {
11
+ @layer mods {
12
+ @include ellipsis;
13
+ }
14
+ }
15
+
10
16
  .table-head-row-cell,
11
17
  .dataTable-head-row-cell,
12
18
  .indexTable-head-row-cell {
package/src/components/tableSortable/mods.scss CHANGED
@@ -1,3 +1,14 @@
1
+ @use '@lucca-front/scss/src/commons/utils/text';
2
+
3
+ @mixin ellipsis {
4
+ --components-sortable-minInlineSize: 0;
5
+ --components-sortable-maxInlineSize: 100%;
6
+
7
+ .tableSortable-label {
8
+ @include text.ellipsis;
9
+ }
10
+ }
11
+
1
12
  @mixin sortAlignEnd {
2
13
  --components-sortable-direction: row-reverse;
3
14
  --components-sortable-offset: var(--pr-t-spacings-50);
package/src/components/tableSortable/vars.scss CHANGED
@@ -7,4 +7,6 @@
7
7
  --components-sortable-fontSize: var(--pr-t-font-body-M-fontSize);
8
8
  --components-sortable-lineHeight: var(--pr-t-font-body-M-lineHeight);
9
9
  --components-sortable-arrowsOffset: var(--pr-t-spacings-50);
10
+ --components-sortable-minInlineSize: auto;
11
+ --components-sortable-maxInlineSize: none;
10
12
  }