@x-plat/design-system 0.4.5 → 0.5.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 (205) hide show
  1. package/dist/components/Accordion/index.cjs +294 -294
  2. package/dist/components/Accordion/index.css +11 -11
  3. package/dist/components/Accordion/index.d.cts +0 -1
  4. package/dist/components/Accordion/index.d.ts +0 -1
  5. package/dist/components/Accordion/index.js +491 -491
  6. package/dist/components/Alert/index.cjs +2 -2
  7. package/dist/components/Alert/index.css +19 -19
  8. package/dist/components/Alert/index.d.cts +0 -1
  9. package/dist/components/Alert/index.d.ts +0 -1
  10. package/dist/components/Alert/index.js +2 -2
  11. package/dist/components/Avatar/index.cjs +11 -6
  12. package/dist/components/Avatar/index.css +41 -11
  13. package/dist/components/Avatar/index.d.cts +1 -3
  14. package/dist/components/Avatar/index.d.ts +1 -3
  15. package/dist/components/Avatar/index.js +11 -6
  16. package/dist/components/Badge/index.cjs +4 -6
  17. package/dist/components/Badge/index.css +32 -19
  18. package/dist/components/Badge/index.d.cts +3 -3
  19. package/dist/components/Badge/index.d.ts +3 -3
  20. package/dist/components/Badge/index.js +4 -6
  21. package/dist/components/Breadcrumb/index.cjs +2 -18
  22. package/dist/components/Breadcrumb/index.css +6 -6
  23. package/dist/components/Breadcrumb/index.d.cts +0 -1
  24. package/dist/components/Breadcrumb/index.d.ts +0 -1
  25. package/dist/components/Breadcrumb/index.js +2 -18
  26. package/dist/components/Button/index.cjs +1 -4
  27. package/dist/components/Button/index.css +67 -23
  28. package/dist/components/Button/index.d.cts +2 -3
  29. package/dist/components/Button/index.d.ts +2 -3
  30. package/dist/components/Button/index.js +1 -4
  31. package/dist/components/Calendar/index.cjs +306 -307
  32. package/dist/components/Calendar/index.css +51 -52
  33. package/dist/components/Calendar/index.d.cts +3 -4
  34. package/dist/components/Calendar/index.d.ts +3 -4
  35. package/dist/components/Calendar/index.js +503 -504
  36. package/dist/components/Card/index.cjs +2 -18
  37. package/dist/components/Card/index.css +6 -6
  38. package/dist/components/Card/index.d.cts +0 -4
  39. package/dist/components/Card/index.d.ts +0 -4
  40. package/dist/components/Card/index.js +2 -18
  41. package/dist/components/CardTab/index.cjs +4 -5
  42. package/dist/components/CardTab/index.css +28 -28
  43. package/dist/components/CardTab/index.d.cts +0 -2
  44. package/dist/components/CardTab/index.d.ts +0 -2
  45. package/dist/components/CardTab/index.js +4 -5
  46. package/dist/components/Chart/index.cjs +228 -14548
  47. package/dist/components/Chart/index.css +57 -0
  48. package/dist/components/Chart/index.d.cts +3 -2
  49. package/dist/components/Chart/index.d.ts +3 -2
  50. package/dist/components/Chart/index.js +219 -14541
  51. package/dist/components/CheckBox/index.cjs +301 -297
  52. package/dist/components/CheckBox/index.css +50 -27
  53. package/dist/components/CheckBox/index.d.cts +3 -3
  54. package/dist/components/CheckBox/index.d.ts +3 -3
  55. package/dist/components/CheckBox/index.js +486 -482
  56. package/dist/components/Chip/index.cjs +2 -5
  57. package/dist/components/Chip/index.css +35 -23
  58. package/dist/components/Chip/index.d.cts +2 -4
  59. package/dist/components/Chip/index.d.ts +2 -4
  60. package/dist/components/Chip/index.js +2 -5
  61. package/dist/components/DatePicker/index.cjs +348 -359
  62. package/dist/components/DatePicker/index.css +175 -122
  63. package/dist/components/DatePicker/index.d.cts +2 -3
  64. package/dist/components/DatePicker/index.d.ts +2 -3
  65. package/dist/components/DatePicker/index.js +525 -536
  66. package/dist/components/Divider/index.cjs +2 -2
  67. package/dist/components/Divider/index.css +2 -2
  68. package/dist/components/Divider/index.d.cts +0 -1
  69. package/dist/components/Divider/index.d.ts +0 -1
  70. package/dist/components/Divider/index.js +2 -2
  71. package/dist/components/Drawer/index.css +7 -7
  72. package/dist/components/Dropdown/index.cjs +2 -2
  73. package/dist/components/Dropdown/index.css +10 -10
  74. package/dist/components/Dropdown/index.d.cts +0 -1
  75. package/dist/components/Dropdown/index.d.ts +0 -1
  76. package/dist/components/Dropdown/index.js +2 -2
  77. package/dist/components/EmptyState/index.cjs +2 -18
  78. package/dist/components/EmptyState/index.css +8 -9
  79. package/dist/components/EmptyState/index.d.cts +0 -1
  80. package/dist/components/EmptyState/index.d.ts +0 -1
  81. package/dist/components/EmptyState/index.js +2 -18
  82. package/dist/components/FileUpload/index.cjs +280 -281
  83. package/dist/components/FileUpload/index.css +13 -14
  84. package/dist/components/FileUpload/index.d.cts +0 -1
  85. package/dist/components/FileUpload/index.d.ts +0 -1
  86. package/dist/components/FileUpload/index.js +476 -477
  87. package/dist/components/HtmlTypeWriter/index.cjs +10 -10
  88. package/dist/components/HtmlTypeWriter/index.css +3 -3
  89. package/dist/components/HtmlTypeWriter/index.js +10 -10
  90. package/dist/components/ImageSelector/index.cjs +309 -309
  91. package/dist/components/ImageSelector/index.css +15 -15
  92. package/dist/components/ImageSelector/index.js +477 -477
  93. package/dist/components/Input/index.cjs +6 -7
  94. package/dist/components/Input/index.css +37 -26
  95. package/dist/components/Input/index.d.cts +2 -2
  96. package/dist/components/Input/index.d.ts +2 -2
  97. package/dist/components/Input/index.js +6 -7
  98. package/dist/components/Modal/index.css +5 -4
  99. package/dist/components/Pagination/index.cjs +303 -305
  100. package/dist/components/Pagination/index.css +37 -26
  101. package/dist/components/Pagination/index.d.cts +3 -3
  102. package/dist/components/Pagination/index.d.ts +3 -3
  103. package/dist/components/Pagination/index.js +500 -502
  104. package/dist/components/PopOver/index.css +3 -3
  105. package/dist/components/Progress/index.cjs +4 -6
  106. package/dist/components/Progress/index.css +23 -9
  107. package/dist/components/Progress/index.d.cts +3 -3
  108. package/dist/components/Progress/index.d.ts +3 -3
  109. package/dist/components/Progress/index.js +4 -6
  110. package/dist/components/Radio/index.cjs +4 -7
  111. package/dist/components/Radio/index.css +61 -29
  112. package/dist/components/Radio/index.d.cts +3 -3
  113. package/dist/components/Radio/index.d.ts +3 -3
  114. package/dist/components/Radio/index.js +4 -7
  115. package/dist/components/Select/index.cjs +294 -294
  116. package/dist/components/Select/index.css +46 -40
  117. package/dist/components/Select/index.d.cts +0 -1
  118. package/dist/components/Select/index.d.ts +0 -1
  119. package/dist/components/Select/index.js +491 -491
  120. package/dist/components/Skeleton/index.cjs +2 -2
  121. package/dist/components/Skeleton/index.css +3 -3
  122. package/dist/components/Skeleton/index.d.cts +0 -1
  123. package/dist/components/Skeleton/index.d.ts +0 -1
  124. package/dist/components/Skeleton/index.js +2 -2
  125. package/dist/components/Spinner/index.cjs +2 -4
  126. package/dist/components/Spinner/index.css +22 -8
  127. package/dist/components/Spinner/index.d.cts +3 -3
  128. package/dist/components/Spinner/index.d.ts +3 -3
  129. package/dist/components/Spinner/index.js +2 -4
  130. package/dist/components/Steps/index.cjs +296 -298
  131. package/dist/components/Steps/index.css +77 -22
  132. package/dist/components/Steps/index.d.cts +3 -3
  133. package/dist/components/Steps/index.d.ts +3 -3
  134. package/dist/components/Steps/index.js +481 -483
  135. package/dist/components/Swiper/index.cjs +2 -3
  136. package/dist/components/Swiper/index.css +10 -10
  137. package/dist/components/Swiper/index.d.cts +0 -1
  138. package/dist/components/Swiper/index.d.ts +0 -1
  139. package/dist/components/Swiper/index.js +2 -3
  140. package/dist/components/Switch/index.cjs +4 -7
  141. package/dist/components/Switch/index.css +58 -26
  142. package/dist/components/Switch/index.d.cts +3 -3
  143. package/dist/components/Switch/index.d.ts +3 -3
  144. package/dist/components/Switch/index.js +4 -7
  145. package/dist/components/Tab/index.css +15 -15
  146. package/dist/components/Table/index.cjs +22 -31
  147. package/dist/components/Table/index.css +15 -15
  148. package/dist/components/Table/index.d.cts +2 -8
  149. package/dist/components/Table/index.d.ts +2 -8
  150. package/dist/components/Table/index.js +22 -31
  151. package/dist/components/Tag/index.cjs +305 -293
  152. package/dist/components/Tag/index.css +58 -17
  153. package/dist/components/Tag/index.d.cts +5 -3
  154. package/dist/components/Tag/index.d.ts +5 -3
  155. package/dist/components/Tag/index.js +492 -480
  156. package/dist/components/TextArea/index.cjs +2 -2
  157. package/dist/components/TextArea/index.css +20 -9
  158. package/dist/components/TextArea/index.d.cts +2 -1
  159. package/dist/components/TextArea/index.d.ts +2 -1
  160. package/dist/components/TextArea/index.js +2 -2
  161. package/dist/components/Toast/index.css +22 -22
  162. package/dist/components/Tooltip/index.cjs +1 -3
  163. package/dist/components/Tooltip/index.css +6 -6
  164. package/dist/components/Tooltip/index.d.cts +1 -2
  165. package/dist/components/Tooltip/index.d.ts +1 -2
  166. package/dist/components/Tooltip/index.js +1 -3
  167. package/dist/components/Video/index.cjs +1 -3
  168. package/dist/components/Video/index.css +5 -5
  169. package/dist/components/Video/index.d.cts +0 -2
  170. package/dist/components/Video/index.d.ts +0 -2
  171. package/dist/components/Video/index.js +1 -3
  172. package/dist/components/index.cjs +1604 -15950
  173. package/dist/components/index.css +2167 -1061
  174. package/dist/components/index.d.cts +1 -2
  175. package/dist/components/index.d.ts +1 -2
  176. package/dist/components/index.js +1478 -15826
  177. package/dist/index.cjs +2941 -17269
  178. package/dist/index.css +2164 -1058
  179. package/dist/index.d.cts +3 -3
  180. package/dist/index.d.ts +3 -3
  181. package/dist/index.js +2837 -17169
  182. package/dist/layout/Grid/FullGrid/index.cjs +9 -18
  183. package/dist/layout/Grid/FullGrid/index.d.cts +1 -1
  184. package/dist/layout/Grid/FullGrid/index.d.ts +1 -1
  185. package/dist/layout/Grid/FullGrid/index.js +9 -18
  186. package/dist/layout/Grid/FullScreen/index.cjs +9 -18
  187. package/dist/layout/Grid/FullScreen/index.d.cts +3 -3
  188. package/dist/layout/Grid/FullScreen/index.d.ts +3 -3
  189. package/dist/layout/Grid/FullScreen/index.js +9 -18
  190. package/dist/layout/Grid/index.cjs +34 -20
  191. package/dist/layout/Grid/index.js +34 -20
  192. package/dist/layout/index.cjs +34 -20
  193. package/dist/layout/index.css +1000 -295
  194. package/dist/layout/index.js +34 -20
  195. package/dist/tokens/index.cjs +1861 -1970
  196. package/dist/tokens/index.d.cts +209 -192
  197. package/dist/tokens/index.d.ts +209 -192
  198. package/dist/tokens/index.js +2048 -2159
  199. package/package.json +2 -4
  200. package/dist/colors-CY4JXVHj.d.cts +0 -137
  201. package/dist/colors-CY4JXVHj.d.ts +0 -137
  202. package/dist/layout/Grid/GapGrid/index.cjs +0 -32
  203. package/dist/layout/Grid/GapGrid/index.d.cts +0 -12
  204. package/dist/layout/Grid/GapGrid/index.d.ts +0 -12
  205. package/dist/layout/Grid/GapGrid/index.js +0 -11
package/dist/components/Accordion/index.css CHANGED
@@ -1,11 +1,11 @@
1
1
  /* src/components/Accordion/accordion.scss */
2
2
  .lib-xplat-accordion {
3
- border: 1px solid var(--xplat-neutral-200);
4
- border-radius: 0.5rem;
3
+ border: 1px solid var(--semantic-border-default);
4
+ border-radius: var(--spacing-radius-md);
5
5
  overflow: hidden;
6
6
  }
7
7
  .lib-xplat-accordion .accordion-item {
8
- border-bottom: 1px solid var(--xplat-neutral-200);
8
+ border-bottom: 1px solid var(--semantic-border-default);
9
9
  }
10
10
  .lib-xplat-accordion .accordion-item:last-child {
11
11
  border-bottom: none;
@@ -15,28 +15,28 @@
15
15
  align-items: center;
16
16
  justify-content: space-between;
17
17
  width: 100%;
18
- padding: 0.875rem 1rem;
18
+ padding: 14px var(--spacing-space-4);
19
19
  background: none;
20
20
  border: none;
21
21
  cursor: pointer;
22
22
  font-size: 14px;
23
23
  font-weight: 500;
24
- color: var(--xplat-neutral-900);
24
+ color: var(--semantic-text-strong);
25
25
  text-align: left;
26
26
  transition: background-color 0.2s;
27
27
  }
28
28
  .lib-xplat-accordion .accordion-header:hover {
29
- background-color: var(--xplat-neutral-50);
29
+ background-color: var(--semantic-surface-neutral-subtle);
30
30
  }
31
31
  .lib-xplat-accordion .accordion-header .chevron {
32
- width: 20px;
33
- height: 20px;
32
+ width: var(--spacing-space-5);
33
+ height: var(--spacing-space-5);
34
34
  flex-shrink: 0;
35
35
  display: flex;
36
36
  align-items: center;
37
37
  justify-content: center;
38
38
  transition: transform 0.25s ease;
39
- color: var(--xplat-neutral-500);
39
+ color: var(--semantic-text-muted);
40
40
  }
41
41
  .lib-xplat-accordion .accordion-body {
42
42
  overflow: hidden;
@@ -44,9 +44,9 @@
44
44
  transition: max-height 0.25s ease;
45
45
  }
46
46
  .lib-xplat-accordion .accordion-content {
47
- padding: 0 1rem 0.875rem;
47
+ padding: 0 var(--spacing-space-4) 14px;
48
48
  font-size: 14px;
49
- color: var(--xplat-neutral-600);
49
+ color: var(--semantic-text-subtle);
50
50
  line-height: 1.6;
51
51
  }
52
52
  .lib-xplat-accordion .accordion-item.open .chevron {
package/dist/components/Accordion/index.d.cts CHANGED
@@ -7,7 +7,6 @@ interface AccordionItemData {
7
7
  }
8
8
  interface AccordionBaseProps {
9
9
  items: AccordionItemData[];
10
- className?: string;
11
10
  }
12
11
  interface AccordionSingleProps extends AccordionBaseProps {
13
12
  multiple?: false;
package/dist/components/Accordion/index.d.ts CHANGED
@@ -7,7 +7,6 @@ interface AccordionItemData {
7
7
  }
8
8
  interface AccordionBaseProps {
9
9
  items: AccordionItemData[];
10
- className?: string;
11
10
  }
12
11
  interface AccordionSingleProps extends AccordionBaseProps {
13
12
  multiple?: false;