@x-plat/design-system 0.6.0 → 0.6.1

package/dist/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;
 }
@@ -5318,8 +5318,8 @@
   align-items: center;
   justify-content: space-between;
   padding: 16px;
-  border-bottom: 1px solid var(--xplat-neutral-200);
-  background-color: var(--xplat-white);
+  border-bottom: 1px solid var(--semantic-border-primary);
+  background-color: var(--semantic-surface-neutral-primary);
   width: 100%;
   box-sizing: border-box;
   gap: 12px;
@@ -5340,7 +5340,7 @@
   width: 100vw;
   height: 100vh;
   overflow: hidden;
-  background-color: var(--xplat-neutral-50);
+  background-color: var(--semantic-surface-neutral-secondary);
 }
 .lib-xplat-layout > .lib-xplat-layout-content-wrapper {
   display: flex;

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 /// <reference path="../global.d.ts" />
 export { Accordion } from './components/Accordion/index.cjs';
 export { Alert } from './components/Alert/index.cjs';
+export { AutoResizeTextArea } from './components/AutoResizeTextArea/index.cjs';
 export { Avatar } from './components/Avatar/index.cjs';
 export { Badge } from './components/Badge/index.cjs';
 export { Box } from './components/Box/index.cjs';
@@ -9,7 +10,6 @@ export { Button } from './components/Button/index.cjs';
 export { Calendar, CalendarDay, CalendarEvent, CalendarProps, isInRange, isSameDay, useCalendar } from './components/Calendar/index.cjs';
 export { CardTab } from './components/CardTab/index.cjs';
 export { Chart } from './components/Chart/index.cjs';
-export { AutoResizeTextArea } from './components/AutoResizeTextArea/index.cjs';
 export { ChatInput } from './components/ChatInput/index.cjs';
 export { CheckBox } from './components/CheckBox/index.cjs';
 export { Chip } from './components/Chip/index.cjs';
@@ -52,5 +52,5 @@ export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/ind
 export { TokenVar, cssVar, semantic } from '@x-plat/tokens-core';
 export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookOpenIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CalenderIcon, CallActiveIcon, CallForwardedIcon, DefaultCall as CallIcon, CallIncomingIcon, CallMissedIcon, CallOffIcon, CallOutgoingIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseEyeIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColorProps, ColorToken, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DefaultCall, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GierIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkIcon, LinkedinIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, OpenEyeIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProfileIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SemanticColorToken, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlashIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SuccessIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, ToolIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from './tokens/index.cjs';
 import 'react';
-import 'react/jsx-runtime';
 import './attributes-DJIWir_0.cjs';
+import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference path="../global.d.ts" />
 export { Accordion } from './components/Accordion/index.js';
 export { Alert } from './components/Alert/index.js';
+export { AutoResizeTextArea } from './components/AutoResizeTextArea/index.js';
 export { Avatar } from './components/Avatar/index.js';
 export { Badge } from './components/Badge/index.js';
 export { Box } from './components/Box/index.js';
@@ -9,7 +10,6 @@ export { Button } from './components/Button/index.js';
 export { Calendar, CalendarDay, CalendarEvent, CalendarProps, isInRange, isSameDay, useCalendar } from './components/Calendar/index.js';
 export { CardTab } from './components/CardTab/index.js';
 export { Chart } from './components/Chart/index.js';
-export { AutoResizeTextArea } from './components/AutoResizeTextArea/index.js';
 export { ChatInput } from './components/ChatInput/index.js';
 export { CheckBox } from './components/CheckBox/index.js';
 export { Chip } from './components/Chip/index.js';
@@ -52,5 +52,5 @@ export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/ind
 export { TokenVar, cssVar, semantic } from '@x-plat/tokens-core';
 export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookOpenIcon, BookmarkIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CalenderIcon, CallActiveIcon, CallForwardedIcon, DefaultCall as CallIcon, CallIncomingIcon, CallMissedIcon, CallOffIcon, CallOutgoingIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseEyeIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColorProps, ColorToken, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DefaultCall, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ErrorIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GierIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GitMergeIcon, GitPullRequestIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkIcon, LinkedinIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, OpenEyeIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProfileIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SemanticColorToken, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlashIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SuccessIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, ToolIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from './tokens/index.js';
 import 'react';
-import 'react/jsx-runtime';
 import './attributes-DJIWir_0.js';
+import 'react/jsx-runtime';