@lucca-front/scss 18.2.0-rc.3 → 18.2.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 (7) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/components/emptyState/component.scss +1 -1
  4. package/src/components/emptyState/mods.scss +4 -0
  5. package/src/components/tableSortable/index.scss +8 -2
  6. package/src/components/tableSortable/mods.scss +23 -3
  7. package/src/components/tableSortable/states.scss +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "18.2.0-rc.3",
3
+ "version": "18.2.0-rc.4",
4
4
  "description": "A Sass framework for Lucca products.",
5
5
  "main": "src/main.scss",
6
6
  "scripts": {},
@@ -23,6 +23,6 @@
23
23
  "normalize.css": "^8.0.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@lucca-front/icons": "v18.2.0-rc.3"
26
+ "@lucca-front/icons": "v18.2.0-rc.4"
27
27
  }
28
28
  }
package/src/components/emptyState/component.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .emptyState-content-text {
33
- padding: 0 var(--pr-t-spacings-50);
33
+ padding-inline: var(--pr-t-spacings-50);
34
34
  }
35
35
 
36
36
  .emptyState-content-heading {
package/src/components/emptyState/mods.scss CHANGED
@@ -20,6 +20,10 @@
20
20
  box-shadow: 0 0 8px 4px var(--components-emptyState-background-color);
21
21
  }
22
22
 
23
+ .emptyState-content-text {
24
+ padding: 0;
25
+ }
26
+
23
27
  .emptyState-content-heading {
24
28
  @include title.h1;
25
29
 
package/src/components/tableSortable/index.scss CHANGED
@@ -58,7 +58,8 @@
58
58
  .table-head-row-cell {
59
59
  &:not(:has(.tableSortable-arrows)) {
60
60
  &.mod-sortable,
61
- .table-head-row-cell-sortableButton {
61
+ .table-head-row-cell-sortableButton,
62
+ .indexTable-head-row-cell-sortableButton {
62
63
  @include sortableLegacy;
63
64
 
64
65
  .table.mod-S & {
@@ -91,10 +92,15 @@
91
92
 
92
93
  &.mod-alignRight {
93
94
  &.mod-sortable,
94
- .table-head-row-cell-sortableButton {
95
+ .table-head-row-cell-sortableButton,
96
+ .indexTable-head-row-cell-sortableButton {
95
97
  @include sortableLegacyAlignRight;
96
98
  }
97
99
 
100
+ &.mod-sortable {
101
+ @include sortableLegacy2AlignRight;
102
+ }
103
+
98
104
  &:is(.is-sorted-descending, .sortedDescending) {
99
105
  @include descendingLegacyAlignRight;
100
106
  }
package/src/components/tableSortable/mods.scss CHANGED
@@ -52,7 +52,8 @@
52
52
  text-align: left;
53
53
 
54
54
  .indexTable & {
55
- display: flex;
55
+ display: inline-flex;
56
+ width: fit-content;
56
57
  }
57
58
 
58
59
  &::after {
@@ -72,8 +73,21 @@
72
73
  }
73
74
 
74
75
  @mixin sortableLegacyAlignRight {
75
- &::after {
76
- content: none;
76
+ .table & {
77
+ &::after {
78
+ content: none;
79
+ }
80
+ }
81
+
82
+ .indexTable & {
83
+ &::before {
84
+ content: none;
85
+ }
86
+
87
+ &::after {
88
+ margin-left: 0;
89
+ margin-right: var(--pr-t-spacings-50);
90
+ }
77
91
  }
78
92
 
79
93
  &::before {
@@ -108,6 +122,12 @@
108
122
  }
109
123
  }
110
124
 
125
+ @mixin sortableLegacy2AlignRight {
126
+ &::before {
127
+ margin-right: 0;
128
+ }
129
+ }
130
+
111
131
  @mixin sortedLegacy {
112
132
  color: var(--palettes-neutral-900);
113
133
 
package/src/components/tableSortable/states.scss CHANGED
@@ -2,7 +2,8 @@
2
2
  @use '@lucca-front/scss/src/commons/utils/a11y';
3
3
 
4
4
  @mixin sorted {
5
- .table-head-row-cell-sortableButton {
5
+ .table-head-row-cell-sortableButton,
6
+ .indexTable-head-row-cell-sortableButton {
6
7
  color: var(--palettes-neutral-900);
7
8
 
8
9
  &::after {
@@ -68,7 +69,8 @@
68
69
  @mixin ascendingLegacy2 {
69
70
  @include sorted;
70
71
 
71
- .table-head-row-cell-sortableButton {
72
+ .table-head-row-cell-sortableButton,
73
+ .indexTable-head-row-cell-sortableButton {
72
74
  &::after {
73
75
  @include icon.generate('arrow_top');
74
76
  }