@x-plat/design-system 0.5.3 → 0.5.4

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 (14) hide show
  1. package/dist/components/Accordion/index.css +1 -0
  2. package/dist/components/Calendar/index.css +1 -0
  3. package/dist/components/Card/index.css +1 -1
  4. package/dist/components/Chart/index.css +1 -0
  5. package/dist/components/Dropdown/index.css +1 -0
  6. package/dist/components/EmptyState/index.css +1 -0
  7. package/dist/components/FileUpload/index.css +1 -0
  8. package/dist/components/Select/index.css +1 -0
  9. package/dist/components/Swiper/index.css +1 -0
  10. package/dist/components/Table/index.css +1 -0
  11. package/dist/components/Video/index.css +1 -0
  12. package/dist/components/index.css +11 -1
  13. package/dist/index.css +11 -1
  14. package/package.json +1 -1
package/dist/components/Accordion/index.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* src/components/Accordion/accordion.scss */
2
2
  .lib-xplat-accordion {
3
3
  contain: content;
4
+ width: 100%;
4
5
  border: 1px solid var(--semantic-border-default);
5
6
  border-radius: var(--spacing-radius-md);
6
7
  overflow: hidden;
package/dist/components/Calendar/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-calendar {
3
3
  contain: content;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  min-width: 200px;
6
7
  user-select: none;
7
8
  container-type: inline-size;
package/dist/components/Card/index.css CHANGED
@@ -6,7 +6,7 @@
6
6
  flex-direction: column;
7
7
  flex: 1;
8
8
  min-width: 0;
9
- height: fit-content;
9
+ height: 100%;
10
10
  border-radius: var(--spacing-radius-xl);
11
11
  border: 1px solid var(--semantic-border-strong);
12
12
  background-color: var(--semantic-surface-neutral-default);
package/dist/components/Chart/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-chart {
3
3
  contain: content;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  position: relative;
6
7
  }
7
8
  .lib-xplat-chart .chart-svg {
package/dist/components/Dropdown/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-dropdown {
3
3
  position: relative;
4
4
  display: inline-flex;
5
+ width: 100%;
5
6
  }
6
7
  .lib-xplat-dropdown .dropdown-trigger {
7
8
  cursor: pointer;
package/dist/components/EmptyState/index.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* src/components/EmptyState/emptystate.scss */
2
2
  .lib-xplat-empty-state {
3
3
  width: 100%;
4
+ height: 100%;
4
5
  display: flex;
5
6
  flex-direction: column;
6
7
  align-items: center;
package/dist/components/FileUpload/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-file-upload {
3
3
  contain: content;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  display: flex;
6
7
  flex-direction: column;
7
8
  align-items: center;
package/dist/components/Select/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  /* src/components/Select/select.scss */
4
4
  .lib-xplat-select {
5
+ width: 100%;
5
6
  position: relative;
6
7
  }
7
8
  .lib-xplat-select.is-open {
package/dist/components/Swiper/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-swiper {
3
3
  contain: content;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  position: relative;
6
7
  }
7
8
  .lib-xplat-swiper__viewport {
package/dist/components/Table/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-table-wrapper {
3
3
  contain: content;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  position: relative;
6
7
  }
7
8
  .lib-xplat-table-wrapper > .lib-xplat-table {
package/dist/components/Video/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  .lib-xplat-video {
3
3
  position: relative;
4
4
  width: 100%;
5
+ height: 100%;
5
6
  border-radius: var(--spacing-radius-sm);
6
7
  overflow: hidden;
7
8
  background-color: var(--semantic-surface-neutral-strong);
package/dist/components/index.css CHANGED
@@ -1084,6 +1084,7 @@
1084
1084
  /* src/components/Accordion/accordion.scss */
1085
1085
  .lib-xplat-accordion {
1086
1086
  contain: content;
1087
+ width: 100%;
1087
1088
  border: 1px solid var(--semantic-border-default);
1088
1089
  border-radius: var(--spacing-radius-md);
1089
1090
  overflow: hidden;
@@ -1475,6 +1476,7 @@
1475
1476
  .lib-xplat-calendar {
1476
1477
  contain: content;
1477
1478
  width: 100%;
1479
+ height: 100%;
1478
1480
  min-width: 200px;
1479
1481
  user-select: none;
1480
1482
  container-type: inline-size;
@@ -1665,7 +1667,7 @@
1665
1667
  flex-direction: column;
1666
1668
  flex: 1;
1667
1669
  min-width: 0;
1668
- height: fit-content;
1670
+ height: 100%;
1669
1671
  border-radius: var(--spacing-radius-xl);
1670
1672
  border: 1px solid var(--semantic-border-strong);
1671
1673
  background-color: var(--semantic-surface-neutral-default);
@@ -1769,6 +1771,7 @@
1769
1771
  .lib-xplat-chart {
1770
1772
  contain: content;
1771
1773
  width: 100%;
1774
+ height: 100%;
1772
1775
  position: relative;
1773
1776
  }
1774
1777
  .lib-xplat-chart .chart-svg {
@@ -2457,6 +2460,7 @@
2457
2460
  .lib-xplat-dropdown {
2458
2461
  position: relative;
2459
2462
  display: inline-flex;
2463
+ width: 100%;
2460
2464
  }
2461
2465
  .lib-xplat-dropdown .dropdown-trigger {
2462
2466
  cursor: pointer;
@@ -2511,6 +2515,7 @@
2511
2515
  /* src/components/EmptyState/emptystate.scss */
2512
2516
  .lib-xplat-empty-state {
2513
2517
  width: 100%;
2518
+ height: 100%;
2514
2519
  display: flex;
2515
2520
  flex-direction: column;
2516
2521
  align-items: center;
@@ -2545,6 +2550,7 @@
2545
2550
  .lib-xplat-file-upload {
2546
2551
  contain: content;
2547
2552
  width: 100%;
2553
+ height: 100%;
2548
2554
  display: flex;
2549
2555
  flex-direction: column;
2550
2556
  align-items: center;
@@ -2967,6 +2973,7 @@
2967
2973
 
2968
2974
  /* src/components/Select/select.scss */
2969
2975
  .lib-xplat-select {
2976
+ width: 100%;
2970
2977
  position: relative;
2971
2978
  }
2972
2979
  .lib-xplat-select.is-open {
@@ -3338,6 +3345,7 @@
3338
3345
  .lib-xplat-swiper {
3339
3346
  contain: content;
3340
3347
  width: 100%;
3348
+ height: 100%;
3341
3349
  position: relative;
3342
3350
  }
3343
3351
  .lib-xplat-swiper__viewport {
@@ -3599,6 +3607,7 @@
3599
3607
  .lib-xplat-table-wrapper {
3600
3608
  contain: content;
3601
3609
  width: 100%;
3610
+ height: 100%;
3602
3611
  position: relative;
3603
3612
  }
3604
3613
  .lib-xplat-table-wrapper > .lib-xplat-table {
@@ -4043,6 +4052,7 @@
4043
4052
  .lib-xplat-video {
4044
4053
  position: relative;
4045
4054
  width: 100%;
4055
+ height: 100%;
4046
4056
  border-radius: var(--spacing-radius-sm);
4047
4057
  overflow: hidden;
4048
4058
  background-color: var(--semantic-surface-neutral-strong);
package/dist/index.css CHANGED
@@ -1084,6 +1084,7 @@
1084
1084
  /* src/components/Accordion/accordion.scss */
1085
1085
  .lib-xplat-accordion {
1086
1086
  contain: content;
1087
+ width: 100%;
1087
1088
  border: 1px solid var(--semantic-border-default);
1088
1089
  border-radius: var(--spacing-radius-md);
1089
1090
  overflow: hidden;
@@ -1475,6 +1476,7 @@
1475
1476
  .lib-xplat-calendar {
1476
1477
  contain: content;
1477
1478
  width: 100%;
1479
+ height: 100%;
1478
1480
  min-width: 200px;
1479
1481
  user-select: none;
1480
1482
  container-type: inline-size;
@@ -1665,7 +1667,7 @@
1665
1667
  flex-direction: column;
1666
1668
  flex: 1;
1667
1669
  min-width: 0;
1668
- height: fit-content;
1670
+ height: 100%;
1669
1671
  border-radius: var(--spacing-radius-xl);
1670
1672
  border: 1px solid var(--semantic-border-strong);
1671
1673
  background-color: var(--semantic-surface-neutral-default);
@@ -1769,6 +1771,7 @@
1769
1771
  .lib-xplat-chart {
1770
1772
  contain: content;
1771
1773
  width: 100%;
1774
+ height: 100%;
1772
1775
  position: relative;
1773
1776
  }
1774
1777
  .lib-xplat-chart .chart-svg {
@@ -2457,6 +2460,7 @@
2457
2460
  .lib-xplat-dropdown {
2458
2461
  position: relative;
2459
2462
  display: inline-flex;
2463
+ width: 100%;
2460
2464
  }
2461
2465
  .lib-xplat-dropdown .dropdown-trigger {
2462
2466
  cursor: pointer;
@@ -2511,6 +2515,7 @@
2511
2515
  /* src/components/EmptyState/emptystate.scss */
2512
2516
  .lib-xplat-empty-state {
2513
2517
  width: 100%;
2518
+ height: 100%;
2514
2519
  display: flex;
2515
2520
  flex-direction: column;
2516
2521
  align-items: center;
@@ -2545,6 +2550,7 @@
2545
2550
  .lib-xplat-file-upload {
2546
2551
  contain: content;
2547
2552
  width: 100%;
2553
+ height: 100%;
2548
2554
  display: flex;
2549
2555
  flex-direction: column;
2550
2556
  align-items: center;
@@ -2967,6 +2973,7 @@
2967
2973
 
2968
2974
  /* src/components/Select/select.scss */
2969
2975
  .lib-xplat-select {
2976
+ width: 100%;
2970
2977
  position: relative;
2971
2978
  }
2972
2979
  .lib-xplat-select.is-open {
@@ -3338,6 +3345,7 @@
3338
3345
  .lib-xplat-swiper {
3339
3346
  contain: content;
3340
3347
  width: 100%;
3348
+ height: 100%;
3341
3349
  position: relative;
3342
3350
  }
3343
3351
  .lib-xplat-swiper__viewport {
@@ -3599,6 +3607,7 @@
3599
3607
  .lib-xplat-table-wrapper {
3600
3608
  contain: content;
3601
3609
  width: 100%;
3610
+ height: 100%;
3602
3611
  position: relative;
3603
3612
  }
3604
3613
  .lib-xplat-table-wrapper > .lib-xplat-table {
@@ -4043,6 +4052,7 @@
4043
4052
  .lib-xplat-video {
4044
4053
  position: relative;
4045
4054
  width: 100%;
4055
+ height: 100%;
4046
4056
  border-radius: var(--spacing-radius-sm);
4047
4057
  overflow: hidden;
4048
4058
  background-color: var(--semantic-surface-neutral-strong);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@x-plat/design-system",
3
- "version": "0.5.3",
3
+ "version": "0.5.4",
4
4
  "description": "XPLAT UI Design System",
5
5
  "author": "XPLAT WOONG",
6
6
  "main": "dist/index.cjs",