@x-plat/design-system 0.5.22 → 0.5.23
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 +2 -48
- package/dist/components/ChatInput/index.js +55 -92
- package/dist/components/index.cjs +529 -509
- package/dist/components/index.css +48 -48
- package/dist/components/index.js +483 -463
- package/dist/index.cjs +529 -509
- package/dist/index.css +48 -48
- package/dist/index.js +483 -463
- package/package.json +1 -1
|
@@ -1664,52 +1664,6 @@
|
|
|
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;
|
|
@@ -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-md);
|
|
1717
|
+
height: var(--spacing-control-height-md);
|
|
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;
|