@x-plat/design-system 0.3.4 → 0.3.5
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/{colors-B2QFkaH-.d.cts → colors-CY4JXVHj.d.cts} +2 -6
- package/dist/{colors-B2QFkaH-.d.ts → colors-CY4JXVHj.d.ts} +2 -6
- package/dist/components/Avatar/index.d.cts +1 -1
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Badge/index.d.cts +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Button/index.d.cts +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/CheckBox/index.d.cts +1 -1
- package/dist/components/CheckBox/index.d.ts +1 -1
- package/dist/components/Chip/index.d.cts +1 -1
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/DatePicker/index.d.cts +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -1
- package/dist/components/Pagination/index.d.cts +1 -1
- package/dist/components/Pagination/index.d.ts +1 -1
- package/dist/components/Progress/index.d.cts +1 -1
- package/dist/components/Progress/index.d.ts +1 -1
- package/dist/components/Radio/index.d.cts +1 -1
- package/dist/components/Radio/index.d.ts +1 -1
- package/dist/components/Spinner/index.d.cts +1 -1
- package/dist/components/Spinner/index.d.ts +1 -1
- package/dist/components/Steps/index.d.cts +1 -1
- package/dist/components/Steps/index.d.ts +1 -1
- package/dist/components/Switch/index.d.cts +1 -1
- package/dist/components/Switch/index.d.ts +1 -1
- package/dist/components/Table/index.d.cts +1 -1
- package/dist/components/Table/index.d.ts +1 -1
- package/dist/components/Tag/index.d.cts +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tooltip/index.d.cts +1 -1
- package/dist/components/Tooltip/index.d.ts +1 -1
- package/dist/components/index.d.cts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/tokens/index.d.cts +1 -1
- package/dist/tokens/index.d.ts +1 -1
- package/global.d.ts +25 -0
- package/package.json +4 -3
|
@@ -128,14 +128,10 @@ type BuildDefaultTokens<N extends keyof DefaultColors> = {
|
|
|
128
128
|
type DefaultColorToken = {
|
|
129
129
|
[N in keyof DefaultColors]: BuildDefaultTokens<N>;
|
|
130
130
|
}[keyof DefaultColors];
|
|
131
|
-
|
|
132
|
-
interface ColorTokenRegistry {
|
|
133
|
-
}
|
|
134
|
-
type ExternalColorTokens = ColorTokenRegistry extends Record<string, infer T> ? T extends string ? T : never : never;
|
|
135
|
-
type ColorToken = DefaultColorToken | ExternalColorTokens;
|
|
131
|
+
type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
|
|
136
132
|
interface ColorProps {
|
|
137
133
|
/** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
|
|
138
134
|
color?: ColorToken;
|
|
139
135
|
}
|
|
140
136
|
|
|
141
|
-
export { type
|
|
137
|
+
export { type ColorToken as C, type ColorProps as a, colors as c };
|
|
@@ -128,14 +128,10 @@ type BuildDefaultTokens<N extends keyof DefaultColors> = {
|
|
|
128
128
|
type DefaultColorToken = {
|
|
129
129
|
[N in keyof DefaultColors]: BuildDefaultTokens<N>;
|
|
130
130
|
}[keyof DefaultColors];
|
|
131
|
-
|
|
132
|
-
interface ColorTokenRegistry {
|
|
133
|
-
}
|
|
134
|
-
type ExternalColorTokens = ColorTokenRegistry extends Record<string, infer T> ? T extends string ? T : never : never;
|
|
135
|
-
type ColorToken = DefaultColorToken | ExternalColorTokens;
|
|
131
|
+
type ColorToken = DefaultColorToken | XplatColorTokenRegistry[keyof XplatColorTokenRegistry];
|
|
136
132
|
interface ColorProps {
|
|
137
133
|
/** "xplat-blue-500" 형태로 지정 (자동완성 지원) */
|
|
138
134
|
color?: ColorToken;
|
|
139
135
|
}
|
|
140
136
|
|
|
141
|
-
export { type
|
|
137
|
+
export { type ColorToken as C, type ColorProps as a, colors as c };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
|
|
5
5
|
type BadgeSize = "sm" | "md" | "lg";
|
|
6
6
|
interface BadgeProps extends ColorProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
|
|
5
5
|
type BadgeSize = "sm" | "md" | "lg";
|
|
6
6
|
interface BadgeProps extends ColorProps {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { B as ButtonAttributes } from '../../attributes-DJIWir_0.cjs';
|
|
4
|
-
import {
|
|
4
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
5
5
|
|
|
6
6
|
type ButtonType = "primary" | "secondary";
|
|
7
7
|
type ButtonSize = "sm" | "md" | "lg";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { B as ButtonAttributes } from '../../attributes-DJIWir_0.js';
|
|
4
|
-
import {
|
|
4
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
5
5
|
|
|
6
6
|
type ButtonType = "primary" | "secondary";
|
|
7
7
|
type ButtonSize = "sm" | "md" | "lg";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { I as InputAttributes } from '../../attributes-DJIWir_0.cjs';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
6
6
|
type CheckBoxSize = "sm" | "md" | "lg";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { I as InputAttributes } from '../../attributes-DJIWir_0.js';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
6
6
|
type CheckBoxSize = "sm" | "md" | "lg";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
|
|
5
5
|
type ChipType = "primary" | "secondary";
|
|
6
6
|
type ChipSize = "sm" | "md" | "lg";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
|
|
5
5
|
type ChipType = "primary" | "secondary";
|
|
6
6
|
type ChipSize = "sm" | "md" | "lg";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
3
3
|
|
|
4
4
|
type PaginationSize = "sm" | "md" | "lg";
|
|
5
5
|
interface PaginationProps extends ColorProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
3
3
|
|
|
4
4
|
type PaginationSize = "sm" | "md" | "lg";
|
|
5
5
|
interface PaginationProps extends ColorProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
3
3
|
|
|
4
4
|
type ProgressSize = "sm" | "md" | "lg";
|
|
5
5
|
interface ProgressProps extends ColorProps {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
3
3
|
|
|
4
4
|
type ProgressSize = "sm" | "md" | "lg";
|
|
5
5
|
interface ProgressProps extends ColorProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { I as InputAttributes } from '../../attributes-DJIWir_0.cjs';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
|
|
6
6
|
type RadioSize = "sm" | "md" | "lg";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { I as InputAttributes } from '../../attributes-DJIWir_0.js';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
import React from 'react';
|
|
5
5
|
|
|
6
6
|
type RadioSize = "sm" | "md" | "lg";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
3
3
|
|
|
4
4
|
type SpinnerSize = "sm" | "md" | "lg";
|
|
5
5
|
interface SpinnerProps extends ColorProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
|
|
5
5
|
type TagSize = "sm" | "md" | "lg";
|
|
6
6
|
interface TagProps extends ColorProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
|
|
5
5
|
type TagSize = "sm" | "md" | "lg";
|
|
6
6
|
interface TagProps extends ColorProps {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.cjs';
|
|
4
4
|
|
|
5
5
|
interface TooltipProps extends ColorProps {
|
|
6
6
|
type?: "primary" | "secondary";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { a as ColorProps } from '../../colors-CY4JXVHj.js';
|
|
4
4
|
|
|
5
5
|
interface TooltipProps extends ColorProps {
|
|
6
6
|
type?: "primary" | "secondary";
|
|
@@ -38,5 +38,5 @@ export { Tooltip } from './Tooltip/index.cjs';
|
|
|
38
38
|
export { Video, VideoProps } from './Video/index.cjs';
|
|
39
39
|
import 'react';
|
|
40
40
|
import 'react/jsx-runtime';
|
|
41
|
-
import '../colors-
|
|
41
|
+
import '../colors-CY4JXVHj.cjs';
|
|
42
42
|
import '../attributes-DJIWir_0.cjs';
|
package/dist/index.d.cts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../global.d.ts" />
|
|
1
2
|
export { Accordion } from './components/Accordion/index.cjs';
|
|
2
3
|
export { Alert } from './components/Alert/index.cjs';
|
|
3
4
|
export { Avatar } from './components/Avatar/index.cjs';
|
|
@@ -43,7 +44,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
|
|
|
43
44
|
export { Header } from './layout/Header/index.cjs';
|
|
44
45
|
export { Layout } from './layout/Layout/index.cjs';
|
|
45
46
|
export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.cjs';
|
|
46
|
-
export {
|
|
47
|
+
export { a as ColorProps, C as ColorToken, c as colors } from './colors-CY4JXVHj.cjs';
|
|
47
48
|
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, 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, 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';
|
|
48
49
|
import 'react';
|
|
49
50
|
import 'react/jsx-runtime';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../global.d.ts" />
|
|
1
2
|
export { Accordion } from './components/Accordion/index.js';
|
|
2
3
|
export { Alert } from './components/Alert/index.js';
|
|
3
4
|
export { Avatar } from './components/Avatar/index.js';
|
|
@@ -43,7 +44,7 @@ export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig
|
|
|
43
44
|
export { Header } from './layout/Header/index.js';
|
|
44
45
|
export { Layout } from './layout/Layout/index.js';
|
|
45
46
|
export { SideBar, SideBarContext, useSideBarContext } from './layout/SideBar/index.js';
|
|
46
|
-
export {
|
|
47
|
+
export { a as ColorProps, C as ColorToken, c as colors } from './colors-CY4JXVHj.js';
|
|
47
48
|
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, 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, 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';
|
|
48
49
|
import 'react';
|
|
49
50
|
import 'react/jsx-runtime';
|
package/dist/tokens/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig, G as GridSpanFor, c as breakpoints, g as gridColumns } from '../breakpoints-DsXkJgdl.cjs';
|
|
2
|
-
export {
|
|
2
|
+
export { a as ColorProps, C as ColorToken, c as colors } from '../colors-CY4JXVHj.cjs';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
declare const CopyIcon: React.FC;
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { B as BREAKPOINT_KEYS_ORDERED, a as BreakpointKey, b as GridColumnConfig, G as GridSpanFor, c as breakpoints, g as gridColumns } from '../breakpoints-DsXkJgdl.js';
|
|
2
|
-
export {
|
|
2
|
+
export { a as ColorProps, C as ColorToken, c as colors } from '../colors-CY4JXVHj.js';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
|
|
5
5
|
declare const CopyIcon: React.FC;
|
package/global.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 브랜드 토큰 확장 포인트 (global).
|
|
3
|
+
* 토큰 패키지에서 이 interface를 augment하면 ColorToken에 자동 반영.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* // @x-plat/tokens-cbio/types.d.ts
|
|
7
|
+
* interface XplatColorTokenRegistry {
|
|
8
|
+
* cbio: "cbio-brand-500" | "cbio-oasis-1";
|
|
9
|
+
* }
|
|
10
|
+
*/
|
|
11
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-object-type
|
|
12
|
+
interface XplatColorTokenRegistry {}
|
|
13
|
+
|
|
14
|
+
declare module "*.svg" {
|
|
15
|
+
import * as React from "react";
|
|
16
|
+
const SVGComponent: React.FunctionComponent<
|
|
17
|
+
React.SVGProps<SVGSVGElement> & { title?: string }
|
|
18
|
+
>;
|
|
19
|
+
export default SVGComponent;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
declare module "*.scss" {
|
|
23
|
+
const href: string;
|
|
24
|
+
export default href;
|
|
25
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@x-plat/design-system",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"description": "XPLAT UI Design System",
|
|
5
5
|
"author": "XPLAT WOONG",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -46,12 +46,13 @@
|
|
|
46
46
|
"./style.css": "./dist/index.css"
|
|
47
47
|
},
|
|
48
48
|
"files": [
|
|
49
|
-
"dist"
|
|
49
|
+
"dist",
|
|
50
|
+
"global.d.ts"
|
|
50
51
|
],
|
|
51
52
|
"scripts": {
|
|
52
53
|
"generate-grid": "tsx generate_grid.ts",
|
|
53
54
|
"inject-tokens": "tsx scripts/inject-tokens.ts",
|
|
54
|
-
"build": "npm run clean && npm run inject-tokens && npm run generate-grid && tsc --noEmit && NODE_OPTIONS='--max-old-space-size=8192' tsup",
|
|
55
|
+
"build": "npm run clean && npm run inject-tokens && npm run generate-grid && tsc --noEmit && NODE_OPTIONS='--max-old-space-size=8192' tsup && tsx scripts/post-build.ts",
|
|
55
56
|
"dev": "tsup --watch",
|
|
56
57
|
"clean": "rm -rf dist",
|
|
57
58
|
"lint": "eslint src"
|