@x-plat/design-system 0.5.60 → 0.5.61
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.
|
@@ -14,10 +14,12 @@
|
|
|
14
14
|
.lib-xplat-checkbox.sm > .checkbox {
|
|
15
15
|
width: var(--spacing-space-4);
|
|
16
16
|
height: var(--spacing-space-4);
|
|
17
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
17
18
|
}
|
|
18
19
|
.lib-xplat-checkbox.md > .checkbox {
|
|
19
20
|
width: var(--spacing-space-5);
|
|
20
21
|
height: var(--spacing-space-5);
|
|
22
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
21
23
|
}
|
|
22
24
|
.lib-xplat-checkbox.lg > .checkbox {
|
|
23
25
|
width: var(--spacing-space-6);
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
.lib-xplat-radio.sm > .circle {
|
|
13
13
|
width: var(--spacing-space-4);
|
|
14
14
|
height: var(--spacing-space-4);
|
|
15
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
15
16
|
border-width: 1.5px;
|
|
16
17
|
}
|
|
17
18
|
.lib-xplat-radio.sm > .circle > .inner-circle {
|
|
@@ -25,6 +26,7 @@
|
|
|
25
26
|
.lib-xplat-radio.md > .circle {
|
|
26
27
|
width: var(--spacing-space-5);
|
|
27
28
|
height: var(--spacing-space-5);
|
|
29
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
28
30
|
}
|
|
29
31
|
.lib-xplat-radio.md > span {
|
|
30
32
|
font-size: var(--semantic-typo-label-2-m-size);
|
|
@@ -2697,10 +2697,12 @@
|
|
|
2697
2697
|
.lib-xplat-checkbox.sm > .checkbox {
|
|
2698
2698
|
width: var(--spacing-space-4);
|
|
2699
2699
|
height: var(--spacing-space-4);
|
|
2700
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
2700
2701
|
}
|
|
2701
2702
|
.lib-xplat-checkbox.md > .checkbox {
|
|
2702
2703
|
width: var(--spacing-space-5);
|
|
2703
2704
|
height: var(--spacing-space-5);
|
|
2705
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
2704
2706
|
}
|
|
2705
2707
|
.lib-xplat-checkbox.lg > .checkbox {
|
|
2706
2708
|
width: var(--spacing-space-6);
|
|
@@ -4097,6 +4099,7 @@
|
|
|
4097
4099
|
.lib-xplat-radio.sm > .circle {
|
|
4098
4100
|
width: var(--spacing-space-4);
|
|
4099
4101
|
height: var(--spacing-space-4);
|
|
4102
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
4100
4103
|
border-width: 1.5px;
|
|
4101
4104
|
}
|
|
4102
4105
|
.lib-xplat-radio.sm > .circle > .inner-circle {
|
|
@@ -4110,6 +4113,7 @@
|
|
|
4110
4113
|
.lib-xplat-radio.md > .circle {
|
|
4111
4114
|
width: var(--spacing-space-5);
|
|
4112
4115
|
height: var(--spacing-space-5);
|
|
4116
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
4113
4117
|
}
|
|
4114
4118
|
.lib-xplat-radio.md > span {
|
|
4115
4119
|
font-size: var(--semantic-typo-label-2-m-size);
|
package/dist/index.css
CHANGED
|
@@ -2697,10 +2697,12 @@
|
|
|
2697
2697
|
.lib-xplat-checkbox.sm > .checkbox {
|
|
2698
2698
|
width: var(--spacing-space-4);
|
|
2699
2699
|
height: var(--spacing-space-4);
|
|
2700
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
2700
2701
|
}
|
|
2701
2702
|
.lib-xplat-checkbox.md > .checkbox {
|
|
2702
2703
|
width: var(--spacing-space-5);
|
|
2703
2704
|
height: var(--spacing-space-5);
|
|
2705
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
2704
2706
|
}
|
|
2705
2707
|
.lib-xplat-checkbox.lg > .checkbox {
|
|
2706
2708
|
width: var(--spacing-space-6);
|
|
@@ -4097,6 +4099,7 @@
|
|
|
4097
4099
|
.lib-xplat-radio.sm > .circle {
|
|
4098
4100
|
width: var(--spacing-space-4);
|
|
4099
4101
|
height: var(--spacing-space-4);
|
|
4102
|
+
margin-top: calc((var(--semantic-typo-caption-1-r-lh) - var(--spacing-space-4)) / 2);
|
|
4100
4103
|
border-width: 1.5px;
|
|
4101
4104
|
}
|
|
4102
4105
|
.lib-xplat-radio.sm > .circle > .inner-circle {
|
|
@@ -4110,6 +4113,7 @@
|
|
|
4110
4113
|
.lib-xplat-radio.md > .circle {
|
|
4111
4114
|
width: var(--spacing-space-5);
|
|
4112
4115
|
height: var(--spacing-space-5);
|
|
4116
|
+
margin-top: calc((var(--semantic-typo-label-2-m-lh) - var(--spacing-space-5)) / 2);
|
|
4113
4117
|
}
|
|
4114
4118
|
.lib-xplat-radio.md > span {
|
|
4115
4119
|
font-size: var(--semantic-typo-label-2-m-size);
|