@x-plat/design-system 0.5.49 → 0.5.51

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 (21) hide show
  1. package/dist/components/Button/index.css +6 -3
  2. package/dist/components/DatePicker/index.css +14 -7
  3. package/dist/components/Editor/index.cjs +760 -0
  4. package/dist/components/Editor/index.css +247 -0
  5. package/dist/components/Editor/index.d.cts +29 -0
  6. package/dist/components/Editor/index.d.ts +29 -0
  7. package/dist/components/Editor/index.js +727 -0
  8. package/dist/components/Input/index.css +8 -4
  9. package/dist/components/Select/index.css +10 -5
  10. package/dist/components/TextArea/index.css +3 -0
  11. package/dist/components/index.cjs +1002 -293
  12. package/dist/components/index.css +275 -12
  13. package/dist/components/index.d.cts +1 -0
  14. package/dist/components/index.d.ts +1 -0
  15. package/dist/components/index.js +1001 -293
  16. package/dist/index.cjs +1026 -317
  17. package/dist/index.css +275 -12
  18. package/dist/index.d.cts +1 -0
  19. package/dist/index.d.ts +1 -0
  20. package/dist/index.js +1025 -317
  21. package/package.json +1 -1
package/dist/components/Button/index.css CHANGED
@@ -15,17 +15,20 @@
15
15
  .lib-xplat-button.sm {
16
16
  height: var(--spacing-control-height-sm);
17
17
  padding: 0 var(--spacing-space-3);
18
- font-size: 14px;
18
+ font-size: var(--semantic-typo-label-2-m-size);
19
+ line-height: var(--semantic-typo-label-2-m-lh);
19
20
  }
20
21
  .lib-xplat-button.md {
21
22
  height: var(--spacing-control-height-md);
22
23
  padding: 0 var(--spacing-space-4);
23
- font-size: 16px;
24
+ font-size: var(--semantic-typo-label-1-m-size);
25
+ line-height: var(--semantic-typo-label-1-m-lh);
24
26
  }
25
27
  .lib-xplat-button.lg {
26
28
  height: var(--spacing-control-height-lg);
27
29
  padding: 0 var(--spacing-space-6);
28
- font-size: 18px;
30
+ font-size: var(--semantic-typo-body-1-m-size);
31
+ line-height: var(--semantic-typo-body-1-m-lh);
29
32
  }
30
33
  .lib-xplat-button:disabled {
31
34
  cursor: not-allowed;
package/dist/components/DatePicker/index.css CHANGED
@@ -15,17 +15,20 @@
15
15
  .lib-xplat-button.sm {
16
16
  height: var(--spacing-control-height-sm);
17
17
  padding: 0 var(--spacing-space-3);
18
- font-size: 14px;
18
+ font-size: var(--semantic-typo-label-2-m-size);
19
+ line-height: var(--semantic-typo-label-2-m-lh);
19
20
  }
20
21
  .lib-xplat-button.md {
21
22
  height: var(--spacing-control-height-md);
22
23
  padding: 0 var(--spacing-space-4);
23
- font-size: 16px;
24
+ font-size: var(--semantic-typo-label-1-m-size);
25
+ line-height: var(--semantic-typo-label-1-m-lh);
24
26
  }
25
27
  .lib-xplat-button.lg {
26
28
  height: var(--spacing-control-height-lg);
27
29
  padding: 0 var(--spacing-space-6);
28
- font-size: 18px;
30
+ font-size: var(--semantic-typo-body-1-m-size);
31
+ line-height: var(--semantic-typo-body-1-m-lh);
29
32
  }
30
33
  .lib-xplat-button:disabled {
31
34
  cursor: not-allowed;
@@ -121,15 +124,18 @@
121
124
  }
122
125
  .lib-xplat-input-wrap .lib-xplat-input.sm {
123
126
  height: var(--spacing-control-height-sm);
124
- font-size: 14px;
127
+ font-size: var(--semantic-typo-label-2-m-size);
128
+ line-height: var(--semantic-typo-label-2-m-lh);
125
129
  }
126
130
  .lib-xplat-input-wrap .lib-xplat-input.md {
127
131
  height: var(--spacing-control-height-md);
128
- font-size: 16px;
132
+ font-size: var(--semantic-typo-label-1-m-size);
133
+ line-height: var(--semantic-typo-label-1-m-lh);
129
134
  }
130
135
  .lib-xplat-input-wrap .lib-xplat-input.lg {
131
136
  height: var(--spacing-control-height-lg);
132
- font-size: 18px;
137
+ font-size: var(--semantic-typo-body-1-m-size);
138
+ line-height: var(--semantic-typo-body-1-m-lh);
133
139
  }
134
140
  .lib-xplat-input-wrap .lib-xplat-input.disabled {
135
141
  background-color: var(--semantic-surface-neutral-disabled);
@@ -169,7 +175,8 @@
169
175
  .lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation {
170
176
  display: flex;
171
177
  gap: var(--spacing-space-1);
172
- font-size: 12px;
178
+ font-size: var(--semantic-typo-caption-2-r-size);
179
+ line-height: var(--semantic-typo-caption-2-r-lh);
173
180
  align-items: center;
174
181
  user-select: none;
175
182
  }