@snack-uikit/list 0.22.1-preview-4d49c519.0 → 0.22.1-preview-ef08d0db.0

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 (4) hide show
  1. package/dist/cjs/helperComponents/Separator/styles.module.css +3 -3
  2. package/dist/esm/helperComponents/Separator/styles.module.css +3 -3
  3. package/package.json +2 -2
  4. package/src/helperComponents/Separator/styles.module.scss +9 -1
package/dist/cjs/helperComponents/Separator/styles.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  padding-right:var(--space-drop-list-item-s-container-horizontal-padding, 8px);
14
14
  gap:var(--space-drop-list-item-s-container-gap, 8px);
15
15
  height:var(--size-drop-list-item-container-separator-subheader-height-s, 32px);
16
- padding-left:var(--nesting-padding-left);
16
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-s-container-horizontal-padding, 8px));
17
17
  }
18
18
  .separatorWithLabel[data-size=s] .label[data-mode=primary]{
19
19
  font-family:var(--sans-label-m-font-family, SB Sans Interface);
@@ -38,7 +38,7 @@
38
38
  padding-right:var(--space-drop-list-item-m-container-horizontal-padding, 10px);
39
39
  gap:var(--space-drop-list-item-m-container-gap, 8px);
40
40
  height:var(--size-drop-list-item-container-separator-subheader-height-m, 40px);
41
- padding-left:var(--nesting-padding-left);
41
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-m-container-horizontal-padding, 10px));
42
42
  }
43
43
  .separatorWithLabel[data-size=m] .label[data-mode=primary]{
44
44
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
@@ -63,7 +63,7 @@
63
63
  padding-right:var(--space-drop-list-item-l-container-horizontal-padding, 12px);
64
64
  gap:var(--space-drop-list-item-l-container-gap, 8px);
65
65
  height:var(--size-drop-list-item-container-separator-subheader-height-l, 48px);
66
- padding-left:var(--nesting-padding-left);
66
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-l-container-horizontal-padding, 12px));
67
67
  }
68
68
  .separatorWithLabel[data-size=l] .label[data-mode=primary]{
69
69
  font-family:var(--sans-title-m-font-family, SB Sans Interface);
package/dist/esm/helperComponents/Separator/styles.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  padding-right:var(--space-drop-list-item-s-container-horizontal-padding, 8px);
14
14
  gap:var(--space-drop-list-item-s-container-gap, 8px);
15
15
  height:var(--size-drop-list-item-container-separator-subheader-height-s, 32px);
16
- padding-left:var(--nesting-padding-left);
16
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-s-container-horizontal-padding, 8px));
17
17
  }
18
18
  .separatorWithLabel[data-size=s] .label[data-mode=primary]{
19
19
  font-family:var(--sans-label-m-font-family, SB Sans Interface);
@@ -38,7 +38,7 @@
38
38
  padding-right:var(--space-drop-list-item-m-container-horizontal-padding, 10px);
39
39
  gap:var(--space-drop-list-item-m-container-gap, 8px);
40
40
  height:var(--size-drop-list-item-container-separator-subheader-height-m, 40px);
41
- padding-left:var(--nesting-padding-left);
41
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-m-container-horizontal-padding, 10px));
42
42
  }
43
43
  .separatorWithLabel[data-size=m] .label[data-mode=primary]{
44
44
  font-family:var(--sans-label-l-font-family, SB Sans Interface);
@@ -63,7 +63,7 @@
63
63
  padding-right:var(--space-drop-list-item-l-container-horizontal-padding, 12px);
64
64
  gap:var(--space-drop-list-item-l-container-gap, 8px);
65
65
  height:var(--size-drop-list-item-container-separator-subheader-height-l, 48px);
66
- padding-left:var(--nesting-padding-left);
66
+ padding-left:var(--nesting-padding-left, var(--space-drop-list-item-l-container-horizontal-padding, 12px));
67
67
  }
68
68
  .separatorWithLabel[data-size=l] .label[data-mode=primary]{
69
69
  font-family:var(--sans-title-m-font-family, SB Sans Interface);
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "List",
7
- "version": "0.22.1-preview-4d49c519.0",
7
+ "version": "0.22.1-preview-ef08d0db.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -53,5 +53,5 @@
53
53
  "peerDependencies": {
54
54
  "@snack-uikit/locale": "*"
55
55
  },
56
- "gitHead": "685dcb225b105614ceef79890a4b5269c4656ad4"
56
+ "gitHead": "14adfd6eef16f278bd45da263b6e1c43e0e105b6"
57
57
  }
package/src/helperComponents/Separator/styles.module.scss CHANGED
@@ -43,7 +43,15 @@ $containerSize: 1px;
43
43
  'container-separator-subheader'
44
44
  );
45
45
 
46
- padding-left: var(--nesting-padding-left);
46
+ $itemPaddingLeft: styles-tokens-dropList.simple-var(
47
+ styles-tokens-dropList.$drop-list,
48
+ 'item',
49
+ $size,
50
+ 'container',
51
+ 'padding-left'
52
+ );
53
+
54
+ padding-left: var(--nesting-padding-left, $itemPaddingLeft);
47
55
 
48
56
  .label {
49
57
  &[data-mode='primary'] {