@lucca-front/scss 20.3.3-rc.4 → 20.3.3-rc.6

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 (15) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/components/buttonGroup/index.scss +0 -4
  4. package/src/components/buttonGroup/mods.scss +0 -31
  5. package/src/components/calloutDisclosure/component.scss +0 -1
  6. package/src/components/field/index.scss +3 -3
  7. package/src/components/multiSelect/component.scss +1 -1
  8. package/src/components/multiSelect/mods.scss +1 -1
  9. package/src/components/phoneNumber/component.scss +33 -0
  10. package/src/components/phoneNumber/exports.scss +4 -0
  11. package/src/components/phoneNumber/index.scss +6 -0
  12. package/src/components/phoneNumber/mods.scss +0 -0
  13. package/src/components/phoneNumber/states.scss +0 -0
  14. package/src/components/phoneNumber/vars.scss +2 -0
  15. package/src/components/simpleSelect/mods.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "20.3.3-rc.4",
3
+ "version": "20.3.3-rc.6",
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": "20.3.3-rc.4"
26
+ "@lucca-front/icons": "20.3.3-rc.6"
27
27
  }
28
28
  }
package/src/components/buttonGroup/index.scss CHANGED
@@ -8,10 +8,6 @@
8
8
  }
9
9
 
10
10
  @layer mods {
11
- &.mod-outlined {
12
- @include outlined;
13
- }
14
-
15
11
  // .mod-text deprecated
16
12
  &.mod-text,
17
13
  &.mod-ghost {
package/src/components/buttonGroup/mods.scss CHANGED
@@ -1,36 +1,5 @@
1
1
  @use '@lucca-front/scss/src/commons/utils/a11y';
2
2
 
3
- @mixin outlined {
4
- background-color: var(--palettes-400, var(--palettes-neutral-400));
5
- box-shadow: 0 0 0 1px var(--palettes-400, var(--palettes-neutral-400));
6
-
7
- &:is(.is-disabled, .disabled) {
8
- box-shadow: 0 0 0 1px var(--palettes-neutral-200); // disabled token candidate
9
- }
10
-
11
- .button {
12
- &:is(.mod-outline, .mod-outlined) {
13
- box-shadow: none;
14
-
15
- &:hover {
16
- box-shadow: none;
17
- }
18
-
19
- &:focus-within {
20
- box-shadow: none;
21
- }
22
-
23
- &:focus-visible {
24
- @include a11y.focusVisible($offset: 3px);
25
- }
26
-
27
- &:is([disabled], .is-disabled) {
28
- box-shadow: 0 0 0 1px var(--palettes-neutral-200); // disabled token candidate
29
- }
30
- }
31
- }
32
- }
33
-
34
3
  @mixin ghost {
35
4
  .button {
36
5
  // .mod-text, .mod-link deprecated
package/src/components/calloutDisclosure/component.scss CHANGED
@@ -62,7 +62,6 @@
62
62
  margin-block: 0;
63
63
  margin-inline: calc(var(--components-calloutDisclosure-paddingHorizontal) + 2.25rem);
64
64
  padding-block: var(--pr-t-spacings-100);
65
- padding-inline: 0 var(--pr-t-spacings-200);
66
65
  box-shadow: 0 -1px 0 0 var(--palettes-200, var(--palettes-neutral-200));
67
66
  }
68
67
  }
package/src/components/field/index.scss CHANGED
@@ -115,10 +115,10 @@
115
115
  &:is([aria-required='true']) {
116
116
  @include required;
117
117
  }
118
- }
119
118
 
120
- &.mod-row {
121
- @include inputRow;
119
+ &.mod-row {
120
+ @include inputRow;
121
+ }
122
122
  }
123
123
  }
124
124
  }
package/src/components/multiSelect/component.scss CHANGED
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .multipleSelect-displayer-chip-value {
38
- max-inline-size: 8rem;
38
+ max-inline-size: 8.75rem;
39
39
  white-space: nowrap;
40
40
  overflow: hidden;
41
41
  text-overflow: ellipsis;
package/src/components/multiSelect/mods.scss CHANGED
@@ -70,7 +70,7 @@
70
70
  box-shadow: none;
71
71
  padding: 0;
72
72
  gap: 0;
73
- inline-size: 21rem;
73
+ inline-size: 26.5rem;
74
74
  max-inline-size: calc(100vw - 2.5rem);
75
75
 
76
76
  .multipleSelect-displayer {
package/src/components/phoneNumber/component.scss ADDED
@@ -0,0 +1,33 @@
1
+ @use '@lucca-front/scss/src/commons/utils/namespace';
2
+
3
+ @mixin component($atRoot: namespace.$defaultAtRoot) {
4
+ @at-root ($atRoot) {
5
+ .phoneNumber-fieldset {
6
+ border: 0;
7
+ padding: 0;
8
+ gap: var(--pr-t-spacings-100);
9
+ inline-size: 17.5rem;
10
+ display: flex;
11
+ }
12
+
13
+ .phoneNumber-fieldset-select {
14
+ .simpleSelect-field-input {
15
+ inline-size: 21px;
16
+ }
17
+ }
18
+
19
+ .phoneNumber-fieldset-textfield {
20
+ flex-grow: 1;
21
+ }
22
+
23
+ .phoneNumber-option-flag {
24
+ vertical-align: top;
25
+ margin-block-start: var(--pr-t-spacings-50);
26
+ margin-inline-end: var(--pr-t-spacings-100);
27
+ }
28
+
29
+ .phoneNumber-countryCode-flag {
30
+ display: block;
31
+ }
32
+ }
33
+ }
package/src/components/phoneNumber/exports.scss ADDED
@@ -0,0 +1,4 @@
1
+ @forward 'vars';
2
+ @forward 'mods';
3
+ @forward 'states';
4
+ @forward 'component';
package/src/components/phoneNumber/index.scss ADDED
@@ -0,0 +1,6 @@
1
+ @use 'exports' as *;
2
+
3
+ @layer components {
4
+ @include vars;
5
+ @include component;
6
+ }
package/src/components/phoneNumber/mods.scss ADDED
File without changes
package/src/components/phoneNumber/states.scss ADDED
File without changes
package/src/components/phoneNumber/vars.scss ADDED
@@ -0,0 +1,2 @@
1
+ @mixin vars {
2
+ }
package/src/components/simpleSelect/mods.scss CHANGED
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  @mixin filterPill {
47
- inline-size: 21rem;
47
+ inline-size: 26.5rem;
48
48
  max-inline-size: calc(100vw - 2.5rem);
49
49
 
50
50
  .simpleSelect-field {