@snack-uikit/button-combo 0.2.21-preview-23549ae9.0 → 0.2.21-preview-05f26bf6.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 (3) hide show
  1. package/dist/cjs/styles.module.css +20 -20
  2. package/dist/esm/styles.module.css +20 -20
  3. package/package.json +5 -5
package/dist/cjs/styles.module.css CHANGED
@@ -16,8 +16,8 @@
16
16
  .buttonComboWrapper button[data-type=option][data-size=xs]{
17
17
  min-width:auto;
18
18
  height:var(--size-button-xs, 24px);
19
- border-top-left-radius:var(--radius-button-xs, 8px);
20
- border-bottom-left-radius:var(--radius-button-xs, 8px);
19
+ border-top-left-radius:var(--radius-button-xs, 4px);
20
+ border-bottom-left-radius:var(--radius-button-xs, 4px);
21
21
  border-top-right-radius:var(--dimension-0m, 0px);
22
22
  border-bottom-right-radius:var(--dimension-0m, 0px);
23
23
  padding-right:var(--space-button-xs-from-label, 8px);
@@ -27,8 +27,8 @@
27
27
  .buttonComboWrapper button[data-type=option][data-size=s]{
28
28
  min-width:auto;
29
29
  height:var(--size-button-s, 32px);
30
- border-top-left-radius:var(--radius-button-s, 12px);
31
- border-bottom-left-radius:var(--radius-button-s, 12px);
30
+ border-top-left-radius:var(--radius-button-s, 4px);
31
+ border-bottom-left-radius:var(--radius-button-s, 4px);
32
32
  border-top-right-radius:var(--dimension-0m, 0px);
33
33
  border-bottom-right-radius:var(--dimension-0m, 0px);
34
34
  padding-right:var(--space-button-s-from-label, 16px);
@@ -38,54 +38,54 @@
38
38
  .buttonComboWrapper button[data-type=option][data-size=m]{
39
39
  min-width:auto;
40
40
  height:var(--size-button-m, 40px);
41
- border-top-left-radius:var(--radius-button-m, 14px);
42
- border-bottom-left-radius:var(--radius-button-m, 14px);
41
+ border-top-left-radius:var(--radius-button-m, 4px);
42
+ border-bottom-left-radius:var(--radius-button-m, 4px);
43
43
  border-top-right-radius:var(--dimension-0m, 0px);
44
44
  border-bottom-right-radius:var(--dimension-0m, 0px);
45
- padding-right:var(--space-button-m-from-label, 24px);
46
- padding-left:var(--space-button-m-from-label, 24px);
45
+ padding-right:var(--space-button-m-from-label, 16px);
46
+ padding-left:var(--space-button-m-from-label, 16px);
47
47
  border-right-width:var(--border-width-button-combo-divider, 1px);
48
48
  }
49
49
  .buttonComboWrapper button[data-type=option][data-size=l]{
50
50
  min-width:auto;
51
51
  height:var(--size-button-l, 48px);
52
- border-top-left-radius:var(--radius-button-l, 16px);
53
- border-bottom-left-radius:var(--radius-button-l, 16px);
52
+ border-top-left-radius:var(--radius-button-l, 4px);
53
+ border-bottom-left-radius:var(--radius-button-l, 4px);
54
54
  border-top-right-radius:var(--dimension-0m, 0px);
55
55
  border-bottom-right-radius:var(--dimension-0m, 0px);
56
- padding-right:var(--space-button-l-from-label, 32px);
57
- padding-left:var(--space-button-l-from-label, 32px);
56
+ padding-right:var(--space-button-l-from-label, 24px);
57
+ padding-left:var(--space-button-l-from-label, 24px);
58
58
  border-right-width:var(--border-width-button-combo-divider, 1px);
59
59
  }
60
60
  .buttonComboWrapper button[data-type=dropdown][data-size=xs]{
61
61
  border-top-left-radius:var(--dimension-0m, 0px);
62
62
  border-bottom-left-radius:var(--dimension-0m, 0px);
63
- border-top-right-radius:var(--radius-button-xs, 8px);
64
- border-bottom-right-radius:var(--radius-button-xs, 8px);
63
+ border-top-right-radius:var(--radius-button-xs, 4px);
64
+ border-bottom-right-radius:var(--radius-button-xs, 4px);
65
65
  width:var(--size-button-xs, 24px);
66
66
  height:var(--size-button-xs, 24px);
67
67
  }
68
68
  .buttonComboWrapper button[data-type=dropdown][data-size=s]{
69
69
  border-top-left-radius:var(--dimension-0m, 0px);
70
70
  border-bottom-left-radius:var(--dimension-0m, 0px);
71
- border-top-right-radius:var(--radius-button-s, 12px);
72
- border-bottom-right-radius:var(--radius-button-s, 12px);
71
+ border-top-right-radius:var(--radius-button-s, 4px);
72
+ border-bottom-right-radius:var(--radius-button-s, 4px);
73
73
  width:var(--size-button-s, 32px);
74
74
  height:var(--size-button-s, 32px);
75
75
  }
76
76
  .buttonComboWrapper button[data-type=dropdown][data-size=m]{
77
77
  border-top-left-radius:var(--dimension-0m, 0px);
78
78
  border-bottom-left-radius:var(--dimension-0m, 0px);
79
- border-top-right-radius:var(--radius-button-m, 14px);
80
- border-bottom-right-radius:var(--radius-button-m, 14px);
79
+ border-top-right-radius:var(--radius-button-m, 4px);
80
+ border-bottom-right-radius:var(--radius-button-m, 4px);
81
81
  width:var(--size-button-m, 40px);
82
82
  height:var(--size-button-m, 40px);
83
83
  }
84
84
  .buttonComboWrapper button[data-type=dropdown][data-size=l]{
85
85
  border-top-left-radius:var(--dimension-0m, 0px);
86
86
  border-bottom-left-radius:var(--dimension-0m, 0px);
87
- border-top-right-radius:var(--radius-button-l, 16px);
88
- border-bottom-right-radius:var(--radius-button-l, 16px);
87
+ border-top-right-radius:var(--radius-button-l, 4px);
88
+ border-bottom-right-radius:var(--radius-button-l, 4px);
89
89
  width:var(--size-button-l, 48px);
90
90
  height:var(--size-button-l, 48px);
91
91
  }
package/dist/esm/styles.module.css CHANGED
@@ -16,8 +16,8 @@
16
16
  .buttonComboWrapper button[data-type=option][data-size=xs]{
17
17
  min-width:auto;
18
18
  height:var(--size-button-xs, 24px);
19
- border-top-left-radius:var(--radius-button-xs, 8px);
20
- border-bottom-left-radius:var(--radius-button-xs, 8px);
19
+ border-top-left-radius:var(--radius-button-xs, 4px);
20
+ border-bottom-left-radius:var(--radius-button-xs, 4px);
21
21
  border-top-right-radius:var(--dimension-0m, 0px);
22
22
  border-bottom-right-radius:var(--dimension-0m, 0px);
23
23
  padding-right:var(--space-button-xs-from-label, 8px);
@@ -27,8 +27,8 @@
27
27
  .buttonComboWrapper button[data-type=option][data-size=s]{
28
28
  min-width:auto;
29
29
  height:var(--size-button-s, 32px);
30
- border-top-left-radius:var(--radius-button-s, 12px);
31
- border-bottom-left-radius:var(--radius-button-s, 12px);
30
+ border-top-left-radius:var(--radius-button-s, 4px);
31
+ border-bottom-left-radius:var(--radius-button-s, 4px);
32
32
  border-top-right-radius:var(--dimension-0m, 0px);
33
33
  border-bottom-right-radius:var(--dimension-0m, 0px);
34
34
  padding-right:var(--space-button-s-from-label, 16px);
@@ -38,54 +38,54 @@
38
38
  .buttonComboWrapper button[data-type=option][data-size=m]{
39
39
  min-width:auto;
40
40
  height:var(--size-button-m, 40px);
41
- border-top-left-radius:var(--radius-button-m, 14px);
42
- border-bottom-left-radius:var(--radius-button-m, 14px);
41
+ border-top-left-radius:var(--radius-button-m, 4px);
42
+ border-bottom-left-radius:var(--radius-button-m, 4px);
43
43
  border-top-right-radius:var(--dimension-0m, 0px);
44
44
  border-bottom-right-radius:var(--dimension-0m, 0px);
45
- padding-right:var(--space-button-m-from-label, 24px);
46
- padding-left:var(--space-button-m-from-label, 24px);
45
+ padding-right:var(--space-button-m-from-label, 16px);
46
+ padding-left:var(--space-button-m-from-label, 16px);
47
47
  border-right-width:var(--border-width-button-combo-divider, 1px);
48
48
  }
49
49
  .buttonComboWrapper button[data-type=option][data-size=l]{
50
50
  min-width:auto;
51
51
  height:var(--size-button-l, 48px);
52
- border-top-left-radius:var(--radius-button-l, 16px);
53
- border-bottom-left-radius:var(--radius-button-l, 16px);
52
+ border-top-left-radius:var(--radius-button-l, 4px);
53
+ border-bottom-left-radius:var(--radius-button-l, 4px);
54
54
  border-top-right-radius:var(--dimension-0m, 0px);
55
55
  border-bottom-right-radius:var(--dimension-0m, 0px);
56
- padding-right:var(--space-button-l-from-label, 32px);
57
- padding-left:var(--space-button-l-from-label, 32px);
56
+ padding-right:var(--space-button-l-from-label, 24px);
57
+ padding-left:var(--space-button-l-from-label, 24px);
58
58
  border-right-width:var(--border-width-button-combo-divider, 1px);
59
59
  }
60
60
  .buttonComboWrapper button[data-type=dropdown][data-size=xs]{
61
61
  border-top-left-radius:var(--dimension-0m, 0px);
62
62
  border-bottom-left-radius:var(--dimension-0m, 0px);
63
- border-top-right-radius:var(--radius-button-xs, 8px);
64
- border-bottom-right-radius:var(--radius-button-xs, 8px);
63
+ border-top-right-radius:var(--radius-button-xs, 4px);
64
+ border-bottom-right-radius:var(--radius-button-xs, 4px);
65
65
  width:var(--size-button-xs, 24px);
66
66
  height:var(--size-button-xs, 24px);
67
67
  }
68
68
  .buttonComboWrapper button[data-type=dropdown][data-size=s]{
69
69
  border-top-left-radius:var(--dimension-0m, 0px);
70
70
  border-bottom-left-radius:var(--dimension-0m, 0px);
71
- border-top-right-radius:var(--radius-button-s, 12px);
72
- border-bottom-right-radius:var(--radius-button-s, 12px);
71
+ border-top-right-radius:var(--radius-button-s, 4px);
72
+ border-bottom-right-radius:var(--radius-button-s, 4px);
73
73
  width:var(--size-button-s, 32px);
74
74
  height:var(--size-button-s, 32px);
75
75
  }
76
76
  .buttonComboWrapper button[data-type=dropdown][data-size=m]{
77
77
  border-top-left-radius:var(--dimension-0m, 0px);
78
78
  border-bottom-left-radius:var(--dimension-0m, 0px);
79
- border-top-right-radius:var(--radius-button-m, 14px);
80
- border-bottom-right-radius:var(--radius-button-m, 14px);
79
+ border-top-right-radius:var(--radius-button-m, 4px);
80
+ border-bottom-right-radius:var(--radius-button-m, 4px);
81
81
  width:var(--size-button-m, 40px);
82
82
  height:var(--size-button-m, 40px);
83
83
  }
84
84
  .buttonComboWrapper button[data-type=dropdown][data-size=l]{
85
85
  border-top-left-radius:var(--dimension-0m, 0px);
86
86
  border-bottom-left-radius:var(--dimension-0m, 0px);
87
- border-top-right-radius:var(--radius-button-l, 16px);
88
- border-bottom-right-radius:var(--radius-button-l, 16px);
87
+ border-top-right-radius:var(--radius-button-l, 4px);
88
+ border-bottom-right-radius:var(--radius-button-l, 4px);
89
89
  width:var(--size-button-l, 48px);
90
90
  height:var(--size-button-l, 48px);
91
91
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Button Combo",
7
- "version": "0.2.21-preview-23549ae9.0",
7
+ "version": "0.2.21-preview-05f26bf6.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,11 +36,11 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.19.16-preview-23549ae9.0",
39
+ "@snack-uikit/button": "0.19.16-preview-05f26bf6.0",
40
40
  "@snack-uikit/icons": "0.27.2",
41
- "@snack-uikit/list": "0.32.2-preview-23549ae9.0",
42
- "@snack-uikit/utils": "3.10.2-preview-23549ae9.0",
41
+ "@snack-uikit/list": "0.32.2-preview-05f26bf6.0",
42
+ "@snack-uikit/utils": "3.10.2-preview-05f26bf6.0",
43
43
  "classnames": "2.5.1"
44
44
  },
45
- "gitHead": "e42f92b88079738efc564d7fa74f5fbd18e2fd6d"
45
+ "gitHead": "6fee645f4608f0384f0e44df312a82b4120739ac"
46
46
  }