@x-plat/design-system 0.6.0 → 0.6.1

package/dist/components/index.css

@@ -1381,6 +1381,53 @@
   color: var(--semantic-text-error);
 }
 
+/* src/components/AutoResizeTextArea/autoResizeTextArea.scss */
+.lib-xplat-auto-resize-textarea-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-space-2);
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--semantic-border-primary);
+  border-radius: var(--spacing-radius-md);
+  min-height: var(--spacing-control-height-md);
+  overflow: hidden;
+  background-color: var(--semantic-surface-neutral-primary);
+  width: 100%;
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:hover:not(.disabled):not(:focus-within) {
+  border-color: var(--semantic-border-tertiary);
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:focus-within {
+  border-color: var(--semantic-interaction-focus-ring);
+  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
+  border-color: var(--semantic-border-tertiary);
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea.disabled {
+  background-color: var(--semantic-surface-neutral-disabled);
+  cursor: not-allowed;
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea {
+  border: none;
+  outline: none;
+  flex: 1;
+  padding: var(--spacing-space-2) var(--spacing-space-4);
+  width: 100%;
+  color: var(--semantic-text-secondary);
+  resize: none;
+  font-size: var(--semantic-typo-label-2-m-size);
+  line-height: var(--semantic-typo-label-2-m-lh);
+  font-family: inherit;
+}
+.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea:disabled {
+  cursor: not-allowed;
+}
+
 /* src/components/Avatar/avatar.scss */
 .lib-xplat-avatar {
   display: inline-flex;
@@ -2200,53 +2247,6 @@
   }
 }
 
-/* src/components/AutoResizeTextArea/autoResizeTextArea.scss */
-.lib-xplat-auto-resize-textarea-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-space-2);
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea {
-  display: flex;
-  align-items: center;
-  border: 1px solid var(--semantic-border-primary);
-  border-radius: var(--spacing-radius-md);
-  min-height: var(--spacing-control-height-md);
-  overflow: hidden;
-  background-color: var(--semantic-surface-neutral-primary);
-  width: 100%;
-  transition: border-color 0.15s, box-shadow 0.15s;
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:hover:not(.disabled):not(:focus-within) {
-  border-color: var(--semantic-border-tertiary);
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:focus-within {
-  border-color: var(--semantic-interaction-focus-ring);
-  box-shadow: 0 0 0 2px var(--semantic-interaction-overlay-10);
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea:has(> textarea:not(:placeholder-shown)):not(:focus-within) {
-  border-color: var(--semantic-border-tertiary);
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea.disabled {
-  background-color: var(--semantic-surface-neutral-disabled);
-  cursor: not-allowed;
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea {
-  border: none;
-  outline: none;
-  flex: 1;
-  padding: var(--spacing-space-2) var(--spacing-space-4);
-  width: 100%;
-  color: var(--semantic-text-secondary);
-  resize: none;
-  font-size: var(--semantic-typo-label-2-m-size);
-  line-height: var(--semantic-typo-label-2-m-lh);
-  font-family: inherit;
-}
-.lib-xplat-auto-resize-textarea-wrapper .lib-xplat-auto-resize-textarea > textarea:disabled {
-  cursor: not-allowed;
-}
-
 /* src/components/IconButton/iconButton.scss */
 .lib-xplat-icon-button {
   display: inline-flex;
@@ -5128,7 +5128,7 @@
   color: inherit;
   text-align: left;
   cursor: pointer;
-  border-radius: var(--spacing-radius-xs);
+  border-radius: var(--spacing-radius-sm);
   font-size: var(--semantic-typo-caption-2-r-size);
   font-variant-numeric: tabular-nums;
 }

package/dist/components/index.d.cts

@@ -1,5 +1,6 @@
 export { Accordion } from './Accordion/index.cjs';
 export { Alert } from './Alert/index.cjs';
+export { AutoResizeTextArea } from './AutoResizeTextArea/index.cjs';
 export { Avatar } from './Avatar/index.cjs';
 export { Badge } from './Badge/index.cjs';
 export { Box } from './Box/index.cjs';
@@ -8,7 +9,6 @@ export { Button } from './Button/index.cjs';
 export { Calendar, CalendarDay, CalendarEvent, CalendarProps, isInRange, isSameDay, useCalendar } from './Calendar/index.cjs';
 export { CardTab } from './CardTab/index.cjs';
 export { Chart } from './Chart/index.cjs';
-export { AutoResizeTextArea } from './AutoResizeTextArea/index.cjs';
 export { ChatInput } from './ChatInput/index.cjs';
 export { CheckBox } from './CheckBox/index.cjs';
 export { Chip } from './Chip/index.cjs';
@@ -42,5 +42,5 @@ export { ToastProvider, useToast } from './Toast/index.cjs';
 export { Tooltip } from './Tooltip/index.cjs';
 export { Video, VideoProps } from './Video/index.cjs';
 import 'react';
-import 'react/jsx-runtime';
 import '../attributes-DJIWir_0.cjs';
+import 'react/jsx-runtime';

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { Accordion } from './Accordion/index.js';
 export { Alert } from './Alert/index.js';
+export { AutoResizeTextArea } from './AutoResizeTextArea/index.js';
 export { Avatar } from './Avatar/index.js';
 export { Badge } from './Badge/index.js';
 export { Box } from './Box/index.js';
@@ -8,7 +9,6 @@ export { Button } from './Button/index.js';
 export { Calendar, CalendarDay, CalendarEvent, CalendarProps, isInRange, isSameDay, useCalendar } from './Calendar/index.js';
 export { CardTab } from './CardTab/index.js';
 export { Chart } from './Chart/index.js';
-export { AutoResizeTextArea } from './AutoResizeTextArea/index.js';
 export { ChatInput } from './ChatInput/index.js';
 export { CheckBox } from './CheckBox/index.js';
 export { Chip } from './Chip/index.js';
@@ -42,5 +42,5 @@ export { ToastProvider, useToast } from './Toast/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { Video, VideoProps } from './Video/index.js';
 import 'react';
-import 'react/jsx-runtime';
 import '../attributes-DJIWir_0.js';
+import 'react/jsx-runtime';