@x-plat/design-system 0.5.66 → 0.6.0

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 (72) hide show
  1. package/dist/components/Accordion/index.css +6 -6
  2. package/dist/components/AutoResizeTextArea/index.css +5 -5
  3. package/dist/components/Avatar/index.css +2 -2
  4. package/dist/components/Badge/index.css +1 -1
  5. package/dist/components/Box/index.css +5 -5
  6. package/dist/components/Breadcrumb/index.css +4 -4
  7. package/dist/components/Button/index.cjs +1 -2
  8. package/dist/components/Button/index.css +6 -6
  9. package/dist/components/Button/index.d.cts +1 -1
  10. package/dist/components/Button/index.d.ts +1 -1
  11. package/dist/components/Button/index.js +1 -2
  12. package/dist/components/Calendar/index.css +18 -18
  13. package/dist/components/CardTab/index.css +8 -8
  14. package/dist/components/Chart/index.css +11 -11
  15. package/dist/components/ChatInput/index.cjs +1 -2
  16. package/dist/components/ChatInput/index.css +16 -16
  17. package/dist/components/ChatInput/index.js +1 -2
  18. package/dist/components/CheckBox/index.css +2 -2
  19. package/dist/components/CheckBox/index.js +1 -1
  20. package/dist/components/Chip/index.css +5 -5
  21. package/dist/components/DatePicker/index.cjs +1 -2
  22. package/dist/components/DatePicker/index.css +36 -36
  23. package/dist/components/DatePicker/index.js +1 -2
  24. package/dist/components/Divider/index.css +2 -2
  25. package/dist/components/Drawer/index.css +5 -5
  26. package/dist/components/Dropdown/index.css +4 -4
  27. package/dist/components/Editor/index.css +36 -36
  28. package/dist/components/EmptyState/index.css +2 -2
  29. package/dist/components/FileUpload/index.css +4 -4
  30. package/dist/components/HtmlTypeWriter/index.css +1 -1
  31. package/dist/components/IconButton/index.cjs +1 -2
  32. package/dist/components/IconButton/index.css +5 -5
  33. package/dist/components/IconButton/index.d.cts +1 -1
  34. package/dist/components/IconButton/index.d.ts +1 -1
  35. package/dist/components/IconButton/index.js +1 -2
  36. package/dist/components/ImageSelector/index.css +7 -7
  37. package/dist/components/Input/index.css +7 -7
  38. package/dist/components/Modal/index.css +1 -1
  39. package/dist/components/Pagination/index.css +3 -3
  40. package/dist/components/PopOver/index.css +1 -1
  41. package/dist/components/Progress/index.css +1 -1
  42. package/dist/components/Radio/index.css +5 -5
  43. package/dist/components/Select/index.css +9 -9
  44. package/dist/components/Spinner/index.css +1 -1
  45. package/dist/components/Steps/index.css +3 -3
  46. package/dist/components/Swiper/index.css +3 -3
  47. package/dist/components/Switch/index.css +3 -3
  48. package/dist/components/Tab/index.css +4 -4
  49. package/dist/components/Table/index.css +10 -10
  50. package/dist/components/Tag/index.css +3 -3
  51. package/dist/components/TextArea/index.css +5 -5
  52. package/dist/components/Tooltip/index.css +4 -4
  53. package/dist/components/Video/index.css +1 -1
  54. package/dist/components/index.cjs +2 -4
  55. package/dist/components/index.css +624 -1016
  56. package/dist/components/index.js +3 -5
  57. package/dist/index.cjs +2 -6
  58. package/dist/index.css +624 -1016
  59. package/dist/index.d.cts +1 -1
  60. package/dist/index.d.ts +1 -1
  61. package/dist/index.js +3 -6
  62. package/dist/layout/index.css +401 -793
  63. package/dist/tokens/index.cjs +0 -2
  64. package/dist/tokens/index.d.cts +9 -10
  65. package/dist/tokens/index.d.ts +9 -10
  66. package/dist/tokens/index.js +1 -2
  67. package/guidelines/AGENT_PROMPT.md +8 -9
  68. package/guidelines/Guidelines.md +1 -1
  69. package/guidelines/components/chart.md +1 -1
  70. package/guidelines/foundations/color.md +22 -23
  71. package/guidelines/foundations/typography.md +86 -36
  72. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -49,7 +49,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
49
49
  export { Header } from './layout/Header/index.cjs';
50
50
  export { Layout } from './layout/Layout/index.cjs';
51
51
  export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.cjs';
52
- export { TokenVar, cssVar, primitive, semantic } from '@x-plat/tokens-core';
52
+ export { TokenVar, cssVar, semantic } from '@x-plat/tokens-core';
53
53
  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';
54
54
  import 'react';
55
55
  import 'react/jsx-runtime';
package/dist/index.d.ts CHANGED
@@ -49,7 +49,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
49
49
  export { Header } from './layout/Header/index.js';
50
50
  export { Layout } from './layout/Layout/index.js';
51
51
  export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.js';
52
- export { TokenVar, cssVar, primitive, semantic } from '@x-plat/tokens-core';
52
+ export { TokenVar, cssVar, semantic } from '@x-plat/tokens-core';
53
53
  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';
54
54
  import 'react';
55
55
  import 'react/jsx-runtime';
package/dist/index.js CHANGED
@@ -5673,7 +5673,6 @@ import { jsx as jsx301 } from "react/jsx-runtime";
5673
5673
  var Button = (props) => {
5674
5674
  const {
5675
5675
  children,
5676
- className,
5677
5676
  type = "primary",
5678
5677
  size = "md",
5679
5678
  disabled,
@@ -5682,7 +5681,7 @@ var Button = (props) => {
5682
5681
  return /* @__PURE__ */ jsx301(
5683
5682
  "button",
5684
5683
  {
5685
- className: clsx_default("lib-xplat-button", type, size, className),
5684
+ className: clsx_default("lib-xplat-button", type, size),
5686
5685
  disabled,
5687
5686
  ...rest,
5688
5687
  children
@@ -6851,7 +6850,6 @@ import { jsx as jsx307 } from "react/jsx-runtime";
6851
6850
  var IconButton = (props) => {
6852
6851
  const {
6853
6852
  icon,
6854
- className,
6855
6853
  type = "primary",
6856
6854
  size = "md",
6857
6855
  disabled,
@@ -6860,7 +6858,7 @@ var IconButton = (props) => {
6860
6858
  return /* @__PURE__ */ jsx307(
6861
6859
  "button",
6862
6860
  {
6863
- className: clsx_default("lib-xplat-icon-button", type, size, className),
6861
+ className: clsx_default("lib-xplat-icon-button", type, size),
6864
6862
  disabled,
6865
6863
  ...rest,
6866
6864
  children: icon
@@ -6948,7 +6946,7 @@ var gridColumns = {
6948
6946
  };
6949
6947
 
6950
6948
  // src/tokens/colors.ts
6951
- import { primitive, semantic } from "@x-plat/tokens-core";
6949
+ import { semantic } from "@x-plat/tokens-core";
6952
6950
 
6953
6951
  // src/tokens/index.ts
6954
6952
  import { cssVar } from "@x-plat/tokens-core";
@@ -11116,7 +11114,6 @@ export {
11116
11114
  gridColumns,
11117
11115
  isInRange,
11118
11116
  isSameDay,
11119
- primitive,
11120
11117
  semantic,
11121
11118
  useCalendar,
11122
11119
  useSideBarContext,