@lucca-front/scss 17.3.6 → 17.3.8

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 (6) hide show
  1. package/dist/lucca-front.min.css +1 -1
  2. package/package.json +2 -2
  3. package/src/commons/config.scss +16 -0
  4. package/src/commons/utils/media.scss +12 -5
  5. package/src/components/formLabel/component.scss +2 -1
  6. package/src/components/navside/vars.scss +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lucca-front/scss",
3
- "version": "17.3.6",
3
+ "version": "17.3.8",
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.3.6"
26
+ "@lucca-front/icons": "v17.3.8"
27
27
  }
28
28
  }
package/src/commons/config.scss CHANGED
@@ -88,6 +88,20 @@ $poplee: (
88
88
  900: #003c5c,
89
89
  ) !default;
90
90
 
91
+ $cc: (
92
+ text: #ffffff,
93
+ 50: #feecf4,
94
+ 100: #fcd9e9,
95
+ 200: #f9b9d7,
96
+ 300: #f49fc7,
97
+ 400: #f084b7,
98
+ 500: #e864a1,
99
+ 600: #d63882,
100
+ 700: #bc2069,
101
+ 800: #930747,
102
+ 900: #580b2f,
103
+ ) !default;
104
+
91
105
  $neutral: (
92
106
  text: #ffffff,
93
107
  25: #f3f6fc,
@@ -335,6 +349,7 @@ $prod: map-get(
335
349
  'timmi': $timmi,
336
350
  'poplee': $poplee,
337
351
  'pagga': $pagga,
352
+ 'cc': $cc,
338
353
  ),
339
354
  $product
340
355
  );
@@ -369,6 +384,7 @@ $palettesInterpolation: (
369
384
  'poplee': $poplee,
370
385
  'timmi': $timmi,
371
386
  'cleemy': $cleemy,
387
+ 'cc': $cc,
372
388
  );
373
389
 
374
390
  $breakpoints: (
package/src/commons/utils/media.scss CHANGED
@@ -8,25 +8,30 @@
8
8
  @return math.div($value, 16px) * 1em;
9
9
  }
10
10
 
11
+ // Range queries have been supported since Safari 16.4. They can therefore be used in theory.
12
+ // However, they only provide a different syntax and penalize some users who don’t have their browser up to date.
13
+
11
14
  // les requêtes simples et multiples
12
15
 
13
16
  @mixin query($breakpoint, $property: 'width', $max: false, $at: 'media', $name: '') {
14
- $operator: '>=';
17
+ $reversed: '';
15
18
 
16
19
  @if $max {
17
- $operator: '<';
20
+ $reversed: 'not all and';
18
21
  }
19
22
 
20
23
  @if map.get(config.$breakpoints, $breakpoint) {
21
24
  $breakpoint: pxToEm(map.get(config.$breakpoints, $breakpoint));
22
25
  }
23
26
 
24
- @#{$at} #{$name} (#{$property} #{$operator} #{$breakpoint}) {
27
+ @#{$at} #{$name} #{$reversed} (min-#{$property}: #{$breakpoint}) {
25
28
  @content;
26
29
  }
27
30
  }
28
31
 
29
32
  @mixin queries($breakpoint1, $breakpoint2, $property: 'width', $at: 'media', $name: '') {
33
+ $reversed: 'not all and';
34
+
30
35
  @if map.get(config.$breakpoints, $breakpoint1) {
31
36
  $breakpoint1: pxToEm(map.get(config.$breakpoints, $breakpoint1));
32
37
  }
@@ -42,8 +47,10 @@
42
47
  $breakpoint1: $breakpointTmp;
43
48
  }
44
49
 
45
- @#{$at} #{$name} (#{$breakpoint1} <= #{$property} < #{$breakpoint2}) {
46
- @content;
50
+ @#{$at} #{$name} (min-#{$property}: #{$breakpoint1}) {
51
+ @#{$at} #{$name} #{$reversed} (min-#{$property}: #{$breakpoint2}) {
52
+ @content;
53
+ }
47
54
  }
48
55
  }
49
56
 
package/src/components/formLabel/component.scss CHANGED
@@ -16,7 +16,8 @@
16
16
  @at-root ($atRoot) {
17
17
  .formLabel-required {
18
18
  color: var(--palettes-error-700);
19
- line-height: normal;
19
+ font-size: inherit;
20
+ line-height: inherit;
20
21
  top: 0;
21
22
  }
22
23
  }
package/src/components/navside/vars.scss CHANGED
@@ -18,8 +18,8 @@
18
18
  --components-navSide-fullwidth-palette-selected-text: var(--colors-white-color);
19
19
  --components-navSide-fullwidth-palette-hovered-bg: var(--palettes-navigation-700);
20
20
  --components-navSide-fullwidth-palette-hovered-text: var(--colors-white-color);
21
- --components-navSide-fullwidth-palette-selected-alert-color: var(--palettes-product-700);
22
- --components-navSide-fullwidth-palette-selected-alert-text: var(--colors-white-color);
21
+ --components-navSide-fullwidth-palette-selected-alert-color: var(--palettes-brand-200);
22
+ --components-navSide-fullwidth-palette-selected-alert-text: var(--palettes-brand-800);
23
23
 
24
24
  // --components-navSide-fullwidth-palette-alert-color is deprecated
25
25
  // --components-navSide-fullwidth-palette-alert-text is deprecated
@@ -32,10 +32,10 @@
32
32
  --components-navSide-compact-palette-selected-text: var(--colors-white-color);
33
33
  --components-navSide-compact-palette-hovered-bg: var(--palettes-navigation-700);
34
34
  --components-navSide-compact-palette-hovered-text: var(--colors-white-color);
35
- --components-navSide-compact-palette-alert-color: var(--palettes-product-200);
36
- --components-navSide-compact-palette-alert-text: var(--palettes-product-800);
37
- --components-navSide-compact-palette-selected-alert-color: var(--palettes-product-700);
38
- --components-navSide-compact-palette-selected-alert-text: var(--colors-white-color);
35
+ --components-navSide-compact-palette-alert-color: var(--palettes-brand-200);
36
+ --components-navSide-compact-palette-alert-text: var(--palettes-brand-800);
37
+ --components-navSide-compact-palette-selected-alert-color: var(--palettes-brand-200);
38
+ --components-navSide-compact-palette-selected-alert-text: var(--palettes-brand-800);
39
39
  --components-navSide-compact-font-size: 0.875rem;
40
40
 
41
41
  --components-navSide-bottom-section-palette-bg-color: transparent;