@x-plat/design-system 0.5.59 → 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.
Files changed (5) hide show
  1. package/dist/components/CheckBox/index.css +3 -1
  2. package/dist/components/Radio/index.css +3 -1
  3. package/dist/components/index.css +6 -2
  4. package/dist/index.css +6 -2
  5. package/package.json +1 -1
package/dist/components/CheckBox/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* src/components/CheckBox/checkbox.scss */
2
2
  .lib-xplat-checkbox {
3
3
  display: flex;
4
- align-items: center;
4
+ align-items: flex-start;
5
5
  gap: var(--spacing-space-2);
6
6
  cursor: pointer;
7
7
  user-select: none;
@@ -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);
package/dist/components/Radio/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* src/components/Radio/radio.scss */
2
2
  .lib-xplat-radio {
3
3
  display: flex;
4
- align-items: center;
4
+ align-items: flex-start;
5
5
  gap: var(--spacing-space-2);
6
6
  user-select: none;
7
7
  cursor: pointer;
@@ -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);
package/dist/components/index.css CHANGED
@@ -2684,7 +2684,7 @@
2684
2684
  /* src/components/CheckBox/checkbox.scss */
2685
2685
  .lib-xplat-checkbox {
2686
2686
  display: flex;
2687
- align-items: center;
2687
+ align-items: flex-start;
2688
2688
  gap: var(--spacing-space-2);
2689
2689
  cursor: pointer;
2690
2690
  user-select: none;
@@ -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);
@@ -4086,7 +4088,7 @@
4086
4088
  /* src/components/Radio/radio.scss */
4087
4089
  .lib-xplat-radio {
4088
4090
  display: flex;
4089
- align-items: center;
4091
+ align-items: flex-start;
4090
4092
  gap: var(--spacing-space-2);
4091
4093
  user-select: none;
4092
4094
  cursor: pointer;
@@ -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
@@ -2684,7 +2684,7 @@
2684
2684
  /* src/components/CheckBox/checkbox.scss */
2685
2685
  .lib-xplat-checkbox {
2686
2686
  display: flex;
2687
- align-items: center;
2687
+ align-items: flex-start;
2688
2688
  gap: var(--spacing-space-2);
2689
2689
  cursor: pointer;
2690
2690
  user-select: none;
@@ -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);
@@ -4086,7 +4088,7 @@
4086
4088
  /* src/components/Radio/radio.scss */
4087
4089
  .lib-xplat-radio {
4088
4090
  display: flex;
4089
- align-items: center;
4091
+ align-items: flex-start;
4090
4092
  gap: var(--spacing-space-2);
4091
4093
  user-select: none;
4092
4094
  cursor: pointer;
@@ -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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.5.59",
3
+ "version": "0.5.61",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",