@lucca-front/scss 17.0.0 → 17.0.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 (8) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/components/inlineMessage/component.scss +3 -1
  4. package/src/components/inlineMessage/mods.scss +6 -1
  5. package/src/components/inlineMessage/vars.scss +0 -1
  6. package/src/components/tableSorted/mods.scss +2 -2
  7. package/src/components/tableSorted/states.scss +8 -8
  8. /package/{dockerRegistry-bed48d9e-8d73-447c-84c0-628609c894c6.env → dockerRegistry-6b29c20d-37ef-4268-99fb-657c3a3eea1c.env} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "17.0.0",
3
+ "version": "17.0.2",
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": "v17.0.0"
26
+ "@lucca-front/icons": "v17.0.2"
27
27
  }
28
28
  }
package/src/components/inlineMessage/component.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use '@lucca-front/icons/src/icon/exports' as icon;
2
+
1
3
  @mixin component {
2
4
  display: flex;
3
5
  gap: var(--components-inlineMessage-gap);
@@ -6,7 +8,7 @@
6
8
  color: var(--components-inlineMessage-color);
7
9
 
8
10
  .lucca-icon {
9
- font-size: var(--components-inlineMessage-icon-fontSize);
11
+ @include icon.XS;
10
12
  color: var(--components-inlineMessage-icon-color);
11
13
  margin-top: 2px;
12
14
  }
package/src/components/inlineMessage/mods.scss CHANGED
@@ -1,5 +1,10 @@
1
+ @use '@lucca-front/icons/src/icon/exports' as icon;
2
+
1
3
  @mixin S {
2
4
  --components-inlineMessage-fontSize: var(--sizes-XS-fontSize);
3
5
  --components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight);
4
- --components-inlineMessage-icon-fontSize: .75rem;
6
+
7
+ .lucca-icon {
8
+ @include icon.XXS;
9
+ }
5
10
  }
package/src/components/inlineMessage/vars.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  @mixin vars {
2
2
  --components-inlineMessage-fontSize: var(--sizes-S-fontSize);
3
3
  --components-inlineMessage-lineHeight: var(--sizes-S-lineHeight);
4
- --components-inlineMessage-icon-fontSize: var(--sizes-XS-lineHeight);
5
4
  --components-inlineMessage-color: var(--palettes-grey-700);
6
5
  --components-inlineMessage-icon-color: var(--palettes-grey-600);
7
6
  }
package/src/components/tableSorted/mods.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  cursor: pointer;
9
9
 
10
10
  &::after {
11
- @include icon.generate('arrow_top');
11
+ @include icon.generate('arrow_bottom');
12
12
 
13
13
  border-radius: var(--commons-borderRadius-M);
14
14
  opacity: 0;
@@ -61,7 +61,7 @@
61
61
  }
62
62
 
63
63
  &::before {
64
- @include icon.generate('arrow_top');
64
+ @include icon.generate('arrow_bottom');
65
65
 
66
66
  border-radius: var(--commons-borderRadius-M);
67
67
  opacity: 0;
package/src/components/tableSorted/states.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  color: var(--palettes-grey-900);
6
6
 
7
7
  &::after {
8
- @include icon.generate('arrow_top');
8
+ @include icon.generate('arrow_bottom');
9
9
 
10
10
  opacity: 1;
11
11
  transform: translateY(0);
@@ -20,7 +20,7 @@
20
20
 
21
21
  @mixin sortedLegacyAlignRight {
22
22
  &::before {
23
- @include icon.generate('arrow_top');
23
+ @include icon.generate('arrow_bottom');
24
24
 
25
25
  opacity: 1;
26
26
  transform: translateY(0);
@@ -77,7 +77,7 @@
77
77
  padding: var(--components-table-padding);
78
78
 
79
79
  &::after {
80
- @include icon.generate('arrow_top');
80
+ @include icon.generate('arrow_bottom');
81
81
 
82
82
  opacity: 1;
83
83
  transform: translateY(0);
@@ -102,7 +102,7 @@
102
102
  text-align: right;
103
103
 
104
104
  &::before {
105
- @include icon.generate('arrow_top');
105
+ @include icon.generate('arrow_bottom');
106
106
 
107
107
  opacity: 1;
108
108
  transform: translateY(0);
@@ -131,7 +131,7 @@
131
131
 
132
132
  .table-head-row-cell-sortableButton {
133
133
  &::after {
134
- @include icon.generate('arrow_top');
134
+ @include icon.generate('arrow_bottom');
135
135
  }
136
136
  }
137
137
  }
@@ -141,7 +141,7 @@
141
141
 
142
142
  .table-head-row-cell-sortableButton {
143
143
  &::after {
144
- @include icon.generate('arrow_bottom');
144
+ @include icon.generate('arrow_top');
145
145
  }
146
146
  }
147
147
  }
@@ -151,7 +151,7 @@
151
151
 
152
152
  .table-head-row-cell-sortableButton {
153
153
  &::before {
154
- @include icon.generate('arrow_top');
154
+ @include icon.generate('arrow_bottom');
155
155
  }
156
156
  }
157
157
  }
@@ -161,7 +161,7 @@
161
161
 
162
162
  .table-head-row-cell-sortableButton {
163
163
  &::before {
164
- @include icon.generate('arrow_bottom');
164
+ @include icon.generate('arrow_top');
165
165
  }
166
166
  }
167
167
  }