@total_onion/onion-library 3.0.36 → 3.0.38

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 (3) hide show
  1. package/components/component-block-padding-v3/block-padding-v3.scss +43 -41
  2. package/components/fields-core-typography-mixins-v3/core-typography-mixins-v3.scss +7 -7
  3. package/package.json +1 -1
package/components/component-block-padding-v3/block-padding-v3.scss CHANGED
@@ -3,60 +3,62 @@
3
3
  @use '../../breakpoints';
4
4
 
5
5
  @mixin blockPadding() {
6
- .cmpl-block-padding {
7
- padding: calc(
8
- var(--global-inline-spacing) *
9
- var(--padding-block-multiplier-mobile-top)
10
- )
11
- calc(
12
- var(--global-inline-spacing) *
13
- var(--padding-inline-multiplier-mobile-right)
14
- )
15
- calc(
16
- var(--global-inline-spacing) *
17
- var(--padding-block-multiplier-mobile-bottom)
18
- )
19
- calc(
20
- var(--global-inline-spacing) *
21
- var(--padding-inline-multiplier-mobile-left)
22
- );
23
-
24
- @include core-mixins-v3.device(breakpoints.$tabPortrait) {
6
+ @layer base-styles {
7
+ .cmpl-block-padding {
25
8
  padding: calc(
26
9
  var(--global-inline-spacing) *
27
- var(--padding-block-multiplier-portrait-top)
10
+ var(--padding-block-multiplier-mobile-top)
28
11
  )
29
12
  calc(
30
13
  var(--global-inline-spacing) *
31
- var(--padding-inline-multiplier-portrait-right)
14
+ var(--padding-inline-multiplier-mobile-right)
32
15
  )
33
16
  calc(
34
17
  var(--global-inline-spacing) *
35
- var(--padding-block-multiplier-portrait-bottom)
18
+ var(--padding-block-multiplier-mobile-bottom)
36
19
  )
37
20
  calc(
38
21
  var(--global-inline-spacing) *
39
- var(--padding-inline-multiplier-portrait-left)
22
+ var(--padding-inline-multiplier-mobile-left)
40
23
  );
41
- }
42
24
 
43
- @include core-mixins-v3.device(breakpoints.$tabLandscape) {
44
- padding: calc(
45
- var(--global-inline-spacing) *
46
- var(--padding-block-multiplier-desktop-top)
47
- )
48
- calc(
49
- var(--global-inline-spacing) *
50
- var(--padding-inline-multiplier-desktop-right)
51
- )
52
- calc(
53
- var(--global-inline-spacing) *
54
- var(--padding-block-multiplier-desktop-bottom)
55
- )
56
- calc(
57
- var(--global-inline-spacing) *
58
- var(--padding-inline-multiplier-desktop-left)
59
- );
25
+ @include core-mixins-v3.device(breakpoints.$tabPortrait) {
26
+ padding: calc(
27
+ var(--global-inline-spacing) *
28
+ var(--padding-block-multiplier-portrait-top)
29
+ )
30
+ calc(
31
+ var(--global-inline-spacing) *
32
+ var(--padding-inline-multiplier-portrait-right)
33
+ )
34
+ calc(
35
+ var(--global-inline-spacing) *
36
+ var(--padding-block-multiplier-portrait-bottom)
37
+ )
38
+ calc(
39
+ var(--global-inline-spacing) *
40
+ var(--padding-inline-multiplier-portrait-left)
41
+ );
42
+ }
43
+
44
+ @include core-mixins-v3.device(breakpoints.$tabLandscape) {
45
+ padding: calc(
46
+ var(--global-inline-spacing) *
47
+ var(--padding-block-multiplier-desktop-top)
48
+ )
49
+ calc(
50
+ var(--global-inline-spacing) *
51
+ var(--padding-inline-multiplier-desktop-right)
52
+ )
53
+ calc(
54
+ var(--global-inline-spacing) *
55
+ var(--padding-block-multiplier-desktop-bottom)
56
+ )
57
+ calc(
58
+ var(--global-inline-spacing) *
59
+ var(--padding-inline-multiplier-desktop-left)
60
+ );
61
+ }
60
62
  }
61
63
  }
62
64
  }
package/components/fields-core-typography-mixins-v3/core-typography-mixins-v3.scss CHANGED
@@ -800,7 +800,7 @@
800
800
  );
801
801
  }
802
802
  @mixin p-s {
803
- line-height: var(--paragraph-line-height);
803
+ line-height: var(--paragraph-small-line-height);
804
804
  letter-spacing: var(--paragraph-letter-spacing);
805
805
  font-family: var(--paragraph-font-family);
806
806
 
@@ -854,9 +854,9 @@
854
854
  );
855
855
  }
856
856
  @mixin p-xs {
857
- line-height: var(--paragraph-line-height);
857
+ line-height: var(--paragraph-extra-small-line-height);
858
858
  letter-spacing: var(--paragraph-letter-spacing);
859
- font-family: var(--paragraph-font-family);
859
+ font-family: var(--paragraph-extra-small-line-height);
860
860
 
861
861
  strong,
862
862
  b {
@@ -865,7 +865,7 @@
865
865
 
866
866
  &:has(.font-tertiary) {
867
867
  line-height: calc(
868
- var(--paragraph-line-height) *
868
+ var(--paragraph-extra-small-line-height) *
869
869
  var(--global-line-height-multiplier-tertiary)
870
870
  );
871
871
  }
@@ -908,7 +908,7 @@
908
908
  );
909
909
  }
910
910
  @mixin p-xs {
911
- line-height: var(--paragraph-line-height);
911
+ line-height: var(--paragraph-extra-small-line-height);
912
912
  letter-spacing: var(--paragraph-letter-spacing);
913
913
  font-family: var(--paragraph-font-family);
914
914
 
@@ -919,7 +919,7 @@
919
919
 
920
920
  &:has(.font-tertiary) {
921
921
  line-height: calc(
922
- var(--paragraph-line-height) *
922
+ var(--paragraph-extra-small-line-height) *
923
923
  var(--global-line-height-multiplier-tertiary)
924
924
  );
925
925
  }
@@ -962,7 +962,7 @@
962
962
  );
963
963
  }
964
964
  @mixin p-xxs {
965
- line-height: var(--paragraph-line-height);
965
+ line-height: var(--paragraph-extra-extra-small-line-height);
966
966
  letter-spacing: var(--paragraph-letter-spacing);
967
967
  font-family: var(--paragraph-font-family);
968
968
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "3.0.36",
3
+ "version": "3.0.38",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {