@x-plat/design-system 0.5.53 → 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 (32) 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 +3 -3
  11. package/dist/components/Chip/index.css +3 -3
  12. package/dist/components/DatePicker/index.css +6 -6
  13. package/dist/components/Drawer/index.css +2 -2
  14. package/dist/components/Dropdown/index.css +1 -1
  15. package/dist/components/Editor/index.css +9 -9
  16. package/dist/components/EmptyState/index.css +3 -3
  17. package/dist/components/FileUpload/index.css +3 -3
  18. package/dist/components/HtmlTypeWriter/index.css +3 -3
  19. package/dist/components/IconButton/index.css +3 -3
  20. package/dist/components/ImageSelector/index.css +2 -2
  21. package/dist/components/Pagination/index.css +9 -9
  22. package/dist/components/Progress/index.css +1 -1
  23. package/dist/components/Steps/index.css +4 -4
  24. package/dist/components/Tab/index.css +4 -4
  25. package/dist/components/Table/index.css +3 -3
  26. package/dist/components/Tag/index.css +6 -6
  27. package/dist/components/Toast/index.css +3 -3
  28. package/dist/components/Tooltip/index.css +4 -4
  29. package/dist/components/Video/index.css +4 -4
  30. package/dist/components/index.css +92 -92
  31. package/dist/index.css +92 -92
  32. package/package.json +1 -1
@@ -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
  }
@@ -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;
@@ -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 {
@@ -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
  }