@x-plat/design-system 0.5.52 → 0.5.54

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 (36) hide show
  1. package/dist/components/Accordion/index.css +2 -2
  2. package/dist/components/Alert/index.css +3 -3
  3. package/dist/components/Avatar/index.css +3 -3
  4. package/dist/components/Badge/index.css +3 -3
  5. package/dist/components/Box/index.css +1 -1
  6. package/dist/components/Breadcrumb/index.css +1 -1
  7. package/dist/components/Calendar/index.css +2 -2
  8. package/dist/components/CardTab/index.css +3 -3
  9. package/dist/components/Chart/index.css +9 -9
  10. package/dist/components/ChatInput/index.css +5 -5
  11. package/dist/components/CheckBox/index.css +8 -2
  12. package/dist/components/Chip/index.css +3 -3
  13. package/dist/components/DatePicker/index.css +7 -7
  14. package/dist/components/Drawer/index.css +2 -2
  15. package/dist/components/Dropdown/index.css +1 -1
  16. package/dist/components/Editor/index.css +9 -9
  17. package/dist/components/EmptyState/index.css +3 -3
  18. package/dist/components/FileUpload/index.css +3 -3
  19. package/dist/components/HtmlTypeWriter/index.css +3 -3
  20. package/dist/components/IconButton/index.css +3 -3
  21. package/dist/components/ImageSelector/index.css +2 -2
  22. package/dist/components/Input/index.css +1 -1
  23. package/dist/components/Pagination/index.css +9 -9
  24. package/dist/components/Progress/index.css +1 -1
  25. package/dist/components/Radio/index.css +8 -2
  26. package/dist/components/Select/index.css +3 -2
  27. package/dist/components/Steps/index.css +4 -4
  28. package/dist/components/Tab/index.css +4 -4
  29. package/dist/components/Table/index.css +3 -3
  30. package/dist/components/Tag/index.css +6 -6
  31. package/dist/components/Toast/index.css +3 -3
  32. package/dist/components/Tooltip/index.css +4 -4
  33. package/dist/components/Video/index.css +4 -4
  34. package/dist/components/index.css +114 -101
  35. package/dist/index.css +114 -101
  36. package/package.json +1 -1
package/dist/components/Steps/index.css CHANGED
@@ -27,14 +27,14 @@
27
27
  display: flex;
28
28
  align-items: center;
29
29
  justify-content: center;
30
- font-size: 13px;
30
+ font-size: var(--semantic-typo-caption-1-r-size);
31
31
  font-weight: 600;
32
32
  flex-shrink: 0;
33
33
  z-index: 1;
34
34
  transition: background-color 0.2s, color 0.2s;
35
35
  }
36
36
  .lib-xplat-steps .step-circle svg {
37
- font-size: 16px;
37
+ font-size: var(--semantic-typo-label-1-m-size);
38
38
  }
39
39
  .lib-xplat-steps .step-content {
40
40
  display: flex;
@@ -44,12 +44,12 @@
44
44
  text-align: center;
45
45
  }
46
46
  .lib-xplat-steps .step-title {
47
- font-size: 13px;
47
+ font-size: var(--semantic-typo-caption-1-r-size);
48
48
  font-weight: 500;
49
49
  color: var(--semantic-text-strong);
50
50
  }
51
51
  .lib-xplat-steps .step-description {
52
- font-size: 12px;
52
+ font-size: var(--semantic-typo-caption-2-r-size);
53
53
  color: var(--semantic-text-muted);
54
54
  margin-top: 2px;
55
55
  }
package/dist/components/Tab/index.css CHANGED
@@ -14,15 +14,15 @@
14
14
  }
15
15
  .lib-xplat-tab.sm {
16
16
  height: var(--spacing-control-height-sm);
17
- font-size: 14px;
17
+ font-size: var(--semantic-typo-label-2-m-size);
18
18
  }
19
19
  .lib-xplat-tab.md {
20
20
  height: var(--spacing-control-height-md);
21
- font-size: 16px;
21
+ font-size: var(--semantic-typo-label-1-m-size);
22
22
  }
23
23
  .lib-xplat-tab.lg {
24
24
  height: var(--spacing-control-height-lg);
25
- font-size: 18px;
25
+ font-size: var(--semantic-typo-body-1-m-size);
26
26
  }
27
27
  .lib-xplat-tab.type-default {
28
28
  width: 100%;
@@ -60,7 +60,7 @@
60
60
  justify-content: center;
61
61
  white-space: nowrap;
62
62
  padding: 0 var(--spacing-space-3);
63
- font-size: 16px;
63
+ font-size: var(--semantic-typo-label-1-m-size);
64
64
  font-weight: 500;
65
65
  height: 100%;
66
66
  background: none;
package/dist/components/Table/index.css CHANGED
@@ -15,21 +15,21 @@
15
15
  .lib-xplat-table-wrapper.sm > .lib-xplat-table > tbody > tr > th,
16
16
  .lib-xplat-table-wrapper.sm > .lib-xplat-table > tbody > tr > td {
17
17
  padding: var(--spacing-space-1) var(--spacing-space-2);
18
- font-size: 12px;
18
+ font-size: var(--semantic-typo-caption-2-r-size);
19
19
  }
20
20
  .lib-xplat-table-wrapper.md > .lib-xplat-table > thead > tr > th,
21
21
  .lib-xplat-table-wrapper.md > .lib-xplat-table > thead > tr > td,
22
22
  .lib-xplat-table-wrapper.md > .lib-xplat-table > tbody > tr > th,
23
23
  .lib-xplat-table-wrapper.md > .lib-xplat-table > tbody > tr > td {
24
24
  padding: var(--spacing-space-2) var(--spacing-space-3);
25
- font-size: 14px;
25
+ font-size: var(--semantic-typo-label-2-m-size);
26
26
  }
27
27
  .lib-xplat-table-wrapper.lg > .lib-xplat-table > thead > tr > th,
28
28
  .lib-xplat-table-wrapper.lg > .lib-xplat-table > thead > tr > td,
29
29
  .lib-xplat-table-wrapper.lg > .lib-xplat-table > tbody > tr > th,
30
30
  .lib-xplat-table-wrapper.lg > .lib-xplat-table > tbody > tr > td {
31
31
  padding: var(--spacing-space-3) var(--spacing-space-4);
32
- font-size: 16px;
32
+ font-size: var(--semantic-typo-label-1-m-size);
33
33
  }
34
34
  .lib-xplat-table-wrapper > .lib-xplat-table {
35
35
  width: 100%;
package/dist/components/Tag/index.css CHANGED
@@ -9,17 +9,17 @@
9
9
  .lib-xplat-tag.sm {
10
10
  gap: var(--spacing-space-1);
11
11
  padding: 1px var(--spacing-space-2);
12
- font-size: 11px;
12
+ font-size: var(--semantic-typo-caption-2-r-size);
13
13
  }
14
14
  .lib-xplat-tag.md {
15
15
  gap: var(--spacing-space-1);
16
16
  padding: 2px var(--spacing-space-2);
17
- font-size: 12px;
17
+ font-size: var(--semantic-typo-caption-2-r-size);
18
18
  }
19
19
  .lib-xplat-tag.lg {
20
20
  gap: var(--spacing-space-1);
21
21
  padding: var(--spacing-space-1) var(--spacing-space-2);
22
- font-size: 14px;
22
+ font-size: var(--semantic-typo-label-2-m-size);
23
23
  }
24
24
  .lib-xplat-tag.neutral {
25
25
  color: var(--semantic-text-muted);
@@ -89,11 +89,11 @@
89
89
  opacity: 1;
90
90
  }
91
91
  .lib-xplat-tag.sm .tag-close svg {
92
- font-size: 10px;
92
+ font-size: var(--semantic-typo-caption-2-r-size);
93
93
  }
94
94
  .lib-xplat-tag.md .tag-close svg {
95
- font-size: 12px;
95
+ font-size: var(--semantic-typo-caption-2-r-size);
96
96
  }
97
97
  .lib-xplat-tag.lg .tag-close svg {
98
- font-size: 14px;
98
+ font-size: var(--semantic-typo-label-2-m-size);
99
99
  }
package/dist/components/Toast/index.css CHANGED
@@ -53,8 +53,8 @@
53
53
  gap: var(--spacing-space-2);
54
54
  padding: var(--spacing-space-3) var(--spacing-space-4);
55
55
  border-radius: var(--spacing-radius-md);
56
- font-size: 14px;
57
- line-height: 1.5;
56
+ font-size: var(--semantic-typo-label-2-m-size);
57
+ line-height: var(--semantic-typo-label-2-m-lh);
58
58
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
59
59
  pointer-events: auto;
60
60
  animation: lib-xplat-toast-enter 0.2s ease;
@@ -73,7 +73,7 @@
73
73
  background: none;
74
74
  border: none;
75
75
  cursor: pointer;
76
- font-size: 18px;
76
+ font-size: var(--semantic-typo-body-1-m-size);
77
77
  line-height: 1;
78
78
  padding: 0;
79
79
  opacity: 0.6;
package/dist/components/Tooltip/index.css CHANGED
@@ -11,13 +11,13 @@
11
11
  animation: tooltip-show 120ms ease-out;
12
12
  }
13
13
  .lib-xplat-tooltip .tooltip-title {
14
- font-size: 13px;
15
- line-height: 18px;
14
+ font-size: var(--semantic-typo-caption-1-r-size);
15
+ line-height: var(--semantic-typo-caption-1-r-lh);
16
16
  font-weight: 400;
17
17
  }
18
18
  .lib-xplat-tooltip .tooltip-desc {
19
- font-size: 12px;
20
- line-height: 18px;
19
+ font-size: var(--semantic-typo-caption-2-r-size);
20
+ line-height: var(--semantic-typo-caption-2-r-lh);
21
21
  font-weight: 400;
22
22
  }
23
23
  .lib-xplat-tooltip.dark {
package/dist/components/Video/index.css CHANGED
@@ -48,7 +48,7 @@
48
48
  position: relative;
49
49
  z-index: 1;
50
50
  display: flex;
51
- font-size: 64px;
51
+ font-size: var(--semantic-typo-display-1-b-size);
52
52
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
53
53
  }
54
54
  .lib-xplat-video > .center-play.is-playing {
@@ -119,7 +119,7 @@
119
119
  .lib-xplat-video .rate-group .rate-btn {
120
120
  width: auto;
121
121
  padding: 0 var(--spacing-space-2);
122
- font-size: 12px;
122
+ font-size: var(--semantic-typo-caption-2-r-size);
123
123
  font-weight: 600;
124
124
  font-variant-numeric: tabular-nums;
125
125
  }
@@ -143,7 +143,7 @@
143
143
  text-align: left;
144
144
  cursor: pointer;
145
145
  border-radius: var(--spacing-radius-xs);
146
- font-size: 12px;
146
+ font-size: var(--semantic-typo-caption-2-r-size);
147
147
  font-variant-numeric: tabular-nums;
148
148
  }
149
149
  .lib-xplat-video .rate-group .rate-menu .rate-item:hover {
@@ -154,7 +154,7 @@
154
154
  font-weight: 600;
155
155
  }
156
156
  .lib-xplat-video .time {
157
- font-size: 12px;
157
+ font-size: var(--semantic-typo-caption-2-r-size);
158
158
  font-variant-numeric: tabular-nums;
159
159
  white-space: nowrap;
160
160
  }