@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/Input/index.css CHANGED
@@ -27,15 +27,18 @@
27
27
  }
28
28
  .lib-xplat-input-wrap .lib-xplat-input.sm {
29
29
  height: var(--spacing-control-height-sm);
30
- font-size: 14px;
30
+ font-size: var(--semantic-typo-label-2-m-size);
31
+ line-height: var(--semantic-typo-label-2-m-lh);
31
32
  }
32
33
  .lib-xplat-input-wrap .lib-xplat-input.md {
33
34
  height: var(--spacing-control-height-md);
34
- font-size: 16px;
35
+ font-size: var(--semantic-typo-label-1-m-size);
36
+ line-height: var(--semantic-typo-label-1-m-lh);
35
37
  }
36
38
  .lib-xplat-input-wrap .lib-xplat-input.lg {
37
39
  height: var(--spacing-control-height-lg);
38
- font-size: 18px;
40
+ font-size: var(--semantic-typo-body-1-m-size);
41
+ line-height: var(--semantic-typo-body-1-m-lh);
39
42
  }
40
43
  .lib-xplat-input-wrap .lib-xplat-input.disabled {
41
44
  background-color: var(--semantic-surface-neutral-disabled);
@@ -75,7 +78,8 @@
75
78
  .lib-xplat-input-wrap .lib-xplat-input-validation-wrap > .lib-xplat-input-validation {
76
79
  display: flex;
77
80
  gap: var(--spacing-space-1);
78
- font-size: 12px;
81
+ font-size: var(--semantic-typo-caption-2-r-size);
82
+ line-height: var(--semantic-typo-caption-2-r-lh);
79
83
  align-items: center;
80
84
  user-select: none;
81
85
  }
package/dist/components/Select/index.css CHANGED
@@ -11,25 +11,30 @@
11
11
  .lib-xplat-select.sm .select-trigger {
12
12
  min-height: var(--spacing-control-height-sm);
13
13
  padding: var(--spacing-space-1) var(--spacing-space-2);
14
- font-size: 12px;
14
+ font-size: var(--semantic-typo-label-2-m-size);
15
+ line-height: var(--semantic-typo-label-2-m-lh);
15
16
  }
16
17
  .lib-xplat-select.md .select-trigger {
17
18
  min-height: var(--spacing-control-height-md);
18
19
  padding: var(--spacing-space-2) var(--spacing-space-3);
19
- font-size: 14px;
20
+ font-size: var(--semantic-typo-label-1-m-size);
21
+ line-height: var(--semantic-typo-label-1-m-lh);
20
22
  }
21
23
  .lib-xplat-select.lg .select-trigger {
22
24
  min-height: var(--spacing-control-height-lg);
23
25
  padding: var(--spacing-space-2) var(--spacing-space-4);
24
- font-size: 16px;
26
+ font-size: var(--semantic-typo-body-1-m-size);
27
+ line-height: var(--semantic-typo-body-1-m-lh);
25
28
  }
26
29
  .lib-xplat-select.sm .select-content .select-item {
27
30
  padding: var(--spacing-space-2) var(--spacing-space-2);
28
- font-size: 12px;
31
+ font-size: var(--semantic-typo-label-2-m-size);
32
+ line-height: var(--semantic-typo-label-2-m-lh);
29
33
  }
30
34
  .lib-xplat-select.lg .select-content .select-item {
31
35
  padding: var(--spacing-space-2) var(--spacing-space-4);
32
- font-size: 16px;
36
+ font-size: var(--semantic-typo-body-1-m-size);
37
+ line-height: var(--semantic-typo-body-1-m-lh);
33
38
  }
34
39
  .lib-xplat-select .select-trigger {
35
40
  cursor: pointer;
package/dist/components/TextArea/index.css CHANGED
@@ -39,6 +39,9 @@
39
39
  color: var(--semantic-text-subtle);
40
40
  resize: none;
41
41
  height: 1.5em;
42
+ font-size: var(--semantic-typo-label-1-m-size);
43
+ line-height: var(--semantic-typo-label-1-m-lh);
44
+ font-family: inherit;
42
45
  }
43
46
  .lib-xplat-textarea-wrapper .lib-xplat-textarea > textarea:disabled {
44
47
  cursor: not-allowed;