@x-plat/design-system 0.5.22 → 0.5.24
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.
- package/dist/components/ChatInput/index.cjs +57 -94
- package/dist/components/ChatInput/index.css +4 -50
- package/dist/components/ChatInput/index.js +55 -92
- package/dist/components/index.cjs +529 -509
- package/dist/components/index.css +50 -50
- package/dist/components/index.js +483 -463
- package/dist/index.cjs +529 -509
- package/dist/index.css +50 -50
- package/dist/index.js +483 -463
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1664,58 +1664,12 @@
|
|
|
1664
1664
|
font-weight: 600;
|
|
1665
1665
|
}
|
|
1666
1666
|
|
|
1667
|
-
/* src/components/TextArea/textArea.scss */
|
|
1668
|
-
.lib-xplat-textarea-wrapper {
|
|
1669
|
-
display: flex;
|
|
1670
|
-
flex-direction: column;
|
|
1671
|
-
gap: var(--spacing-space-2);
|
|
1672
|
-
}
|
|
1673
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea {
|
|
1674
|
-
display: flex;
|
|
1675
|
-
align-items: center;
|
|
1676
|
-
border: 1px solid var(--semantic-border-default);
|
|
1677
|
-
border-radius: var(--spacing-radius-md);
|
|
1678
|
-
min-height: var(--spacing-control-height-md);
|
|
1679
|
-
overflow: hidden;
|
|
1680
|
-
background-color: var(--semantic-surface-neutral-default);
|
|
1681
|
-
width: 100%;
|
|
1682
|
-
transition: border-color 0.15s, box-shadow 0.15s;
|
|
1683
|
-
}
|
|
1684
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea:hover:not(.disabled):not(:focus-within) {
|
|
1685
|
-
border-color: var(--semantic-border-strong);
|
|
1686
|
-
}
|
|
1687
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea:focus-within {
|
|
1688
|
-
border-color: var(--semantic-interaction-focus-ring);
|
|
1689
|
-
box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
|
|
1690
|
-
}
|
|
1691
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
|
|
1692
|
-
border-color: var(--semantic-border-strong);
|
|
1693
|
-
}
|
|
1694
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea.disabled {
|
|
1695
|
-
background-color: var(--semantic-surface-neutral-disabled);
|
|
1696
|
-
cursor: not-allowed;
|
|
1697
|
-
}
|
|
1698
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea > textarea {
|
|
1699
|
-
border: none;
|
|
1700
|
-
outline: none;
|
|
1701
|
-
flex: 1;
|
|
1702
|
-
padding-left: var(--spacing-space-4);
|
|
1703
|
-
padding-right: var(--spacing-space-4);
|
|
1704
|
-
width: 100%;
|
|
1705
|
-
color: var(--semantic-text-subtle);
|
|
1706
|
-
resize: none;
|
|
1707
|
-
height: 1.5em;
|
|
1708
|
-
}
|
|
1709
|
-
.lib-xplat-textarea-wrapper .lib-xplat-textarea > textarea:disabled {
|
|
1710
|
-
cursor: not-allowed;
|
|
1711
|
-
}
|
|
1712
|
-
|
|
1713
1667
|
/* src/components/ChatInput/chatInput.scss */
|
|
1714
1668
|
.lib-xplat-chat-input {
|
|
1715
1669
|
display: flex;
|
|
1716
1670
|
align-items: flex-end;
|
|
1717
1671
|
gap: var(--spacing-space-2);
|
|
1718
|
-
padding: var(--spacing-space-
|
|
1672
|
+
padding: var(--spacing-space-2);
|
|
1719
1673
|
border: 1px solid var(--semantic-border-default);
|
|
1720
1674
|
border-radius: var(--spacing-radius-lg);
|
|
1721
1675
|
background-color: var(--semantic-surface-neutral-default);
|
|
@@ -1738,7 +1692,7 @@
|
|
|
1738
1692
|
border: none;
|
|
1739
1693
|
outline: none;
|
|
1740
1694
|
resize: none;
|
|
1741
|
-
min-height: var(--spacing-control-height-
|
|
1695
|
+
min-height: var(--spacing-control-height-sm);
|
|
1742
1696
|
max-height: 200px;
|
|
1743
1697
|
overflow-y: auto;
|
|
1744
1698
|
padding: 0;
|
|
@@ -1759,8 +1713,8 @@
|
|
|
1759
1713
|
align-items: center;
|
|
1760
1714
|
justify-content: center;
|
|
1761
1715
|
flex-shrink: 0;
|
|
1762
|
-
width: var(--spacing-control-height-
|
|
1763
|
-
height: var(--spacing-control-height-
|
|
1716
|
+
width: var(--spacing-control-height-xs);
|
|
1717
|
+
height: var(--spacing-control-height-xs);
|
|
1764
1718
|
border: none;
|
|
1765
1719
|
border-radius: var(--spacing-radius-md);
|
|
1766
1720
|
cursor: pointer;
|
|
@@ -4219,6 +4173,52 @@
|
|
|
4219
4173
|
font-size: 14px;
|
|
4220
4174
|
}
|
|
4221
4175
|
|
|
4176
|
+
/* src/components/TextArea/textArea.scss */
|
|
4177
|
+
.lib-xplat-textarea-wrapper {
|
|
4178
|
+
display: flex;
|
|
4179
|
+
flex-direction: column;
|
|
4180
|
+
gap: var(--spacing-space-2);
|
|
4181
|
+
}
|
|
4182
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea {
|
|
4183
|
+
display: flex;
|
|
4184
|
+
align-items: center;
|
|
4185
|
+
border: 1px solid var(--semantic-border-default);
|
|
4186
|
+
border-radius: var(--spacing-radius-md);
|
|
4187
|
+
min-height: var(--spacing-control-height-md);
|
|
4188
|
+
overflow: hidden;
|
|
4189
|
+
background-color: var(--semantic-surface-neutral-default);
|
|
4190
|
+
width: 100%;
|
|
4191
|
+
transition: border-color 0.15s, box-shadow 0.15s;
|
|
4192
|
+
}
|
|
4193
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea:hover:not(.disabled):not(:focus-within) {
|
|
4194
|
+
border-color: var(--semantic-border-strong);
|
|
4195
|
+
}
|
|
4196
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea:focus-within {
|
|
4197
|
+
border-color: var(--semantic-interaction-focus-ring);
|
|
4198
|
+
box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
|
|
4199
|
+
}
|
|
4200
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
|
|
4201
|
+
border-color: var(--semantic-border-strong);
|
|
4202
|
+
}
|
|
4203
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea.disabled {
|
|
4204
|
+
background-color: var(--semantic-surface-neutral-disabled);
|
|
4205
|
+
cursor: not-allowed;
|
|
4206
|
+
}
|
|
4207
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea > textarea {
|
|
4208
|
+
border: none;
|
|
4209
|
+
outline: none;
|
|
4210
|
+
flex: 1;
|
|
4211
|
+
padding-left: var(--spacing-space-4);
|
|
4212
|
+
padding-right: var(--spacing-space-4);
|
|
4213
|
+
width: 100%;
|
|
4214
|
+
color: var(--semantic-text-subtle);
|
|
4215
|
+
resize: none;
|
|
4216
|
+
height: 1.5em;
|
|
4217
|
+
}
|
|
4218
|
+
.lib-xplat-textarea-wrapper .lib-xplat-textarea > textarea:disabled {
|
|
4219
|
+
cursor: not-allowed;
|
|
4220
|
+
}
|
|
4221
|
+
|
|
4222
4222
|
/* src/components/Toast/toast.scss */
|
|
4223
4223
|
.lib-xplat-toast-container {
|
|
4224
4224
|
position: fixed;
|