cetec-design-system 0.0.18 → 0.0.19
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/Box/Box.d.ts +7 -0
- package/dist/components/Box/index.d.ts +1 -0
- package/dist/components/Button/Button.d.ts +12 -0
- package/dist/components/Button/ButtonContent.d.ts +8 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/CheckBox/CheckBox.d.ts +8 -0
- package/dist/components/CheckBox/index.d.ts +1 -0
- package/dist/components/Code/Code.d.ts +8 -0
- package/dist/components/Code/Pre.d.ts +7 -0
- package/dist/components/Code/index.d.ts +2 -0
- package/dist/components/Divider/Divider.d.ts +7 -0
- package/dist/components/Divider/index.d.ts +1 -0
- package/dist/components/Heading/Heading.d.ts +7 -0
- package/dist/components/Heading/index.d.ts +1 -0
- package/dist/components/Icon/Icon.d.ts +14 -0
- package/dist/components/Icon/iconNames.d.ts +219 -0
- package/dist/components/Icon/index.d.ts +3 -0
- package/dist/components/IconButton/IconButton.d.ts +19 -0
- package/dist/components/IconButton/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +10 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Label/Label.d.ts +7 -0
- package/dist/components/Label/index.d.ts +1 -0
- package/dist/components/Link/Link.d.ts +16 -0
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/PandaPatterns.d.ts +1 -0
- package/dist/components/Radio/Radio.d.ts +7 -0
- package/dist/components/Radio/index.d.ts +1 -0
- package/dist/components/Slot.d.ts +4 -0
- package/dist/components/Spinner/Spinner.d.ts +4 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Text/Text.d.ts +8 -0
- package/dist/components/Text/Text.stories.d.ts +7 -0
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/TextInput/TextInput.d.ts +6 -0
- package/dist/components/TextInput/index.d.ts +1 -0
- package/dist/components/Textarea/Textarea.d.ts +8 -0
- package/dist/components/Textarea/index.d.ts +1 -0
- package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +1 -0
- package/dist/components/ThemeSwitcher/index.d.ts +1 -0
- package/dist/contexts/ThemeContext.d.ts +10 -0
- package/dist/recipes/box.d.ts +1 -0
- package/dist/recipes/button.d.ts +2 -0
- package/dist/recipes/checkbox.d.ts +1 -0
- package/dist/recipes/code.d.ts +2 -0
- package/dist/recipes/divider.d.ts +1 -0
- package/dist/recipes/index.d.ts +11 -0
- package/dist/recipes/input.d.ts +1 -0
- package/dist/recipes/radio.d.ts +1 -0
- package/dist/recipes/spinner.d.ts +1 -0
- package/dist/recipes/text.d.ts +4 -0
- package/dist/recipes/textarea.d.ts +1 -0
- package/dist/recipes/textinput.d.ts +1 -0
- package/dist/styles/conditions.d.ts +92 -0
- package/dist/styles/globalStyle.d.ts +1 -0
- package/dist/styles/semanticTokens.d.ts +114 -0
- package/dist/styles/tokens.d.ts +868 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/utils/forwardRefWithAs.d.ts +17 -0
- package/dist/utils/generate-sprite.d.ts +1 -0
- package/dist/utils/splitProps.d.ts +1 -0
- package/dist/utils/sprite-config.d.ts +23 -0
- package/package.json +1 -6
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef, type ElementType } from 'react';
|
|
2
|
+
import { type BoxVariantProps } from '@styled-system/recipes';
|
|
3
|
+
import type { SystemStyleObject } from '@styled-system/types';
|
|
4
|
+
export type BoxProps = Omit<ComponentPropsWithoutRef<ElementType>, 'as'> & SystemStyleObject & BoxVariantProps & {
|
|
5
|
+
as?: ElementType;
|
|
6
|
+
};
|
|
7
|
+
export declare const Box: React.FC<BoxProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Box, type BoxProps } from './Box';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { type BoxProps } from '~/components/Box';
|
|
3
|
+
import { type ButtonVariantProps } from '@styled-system/recipes';
|
|
4
|
+
export type ButtonProps = BoxProps & ButtonVariantProps & {
|
|
5
|
+
href?: string;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
children?: string | ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
type?: 'submit' | 'reset' | 'button';
|
|
10
|
+
};
|
|
11
|
+
export declare const Button: FC<ButtonProps>;
|
|
12
|
+
export default Button;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* ButtonContent handles rendering the children alongside an optional Spinner.
|
|
4
|
+
*/
|
|
5
|
+
export declare const ButtonContent: ({ loading, children, }: {
|
|
6
|
+
loading: boolean;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Button, type ButtonProps } from './Button';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box';
|
|
2
|
+
import { type CheckboxVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type CheckBoxProps = Omit<BoxProps, keyof CheckboxVariantProps> & CheckboxVariantProps & {
|
|
4
|
+
indeterminate?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const CheckBox: React.FC<CheckBoxProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CheckBox } from "./CheckBox";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type BoxProps } from '~/components/Box';
|
|
2
|
+
import { type TextProps } from '~/components/Text';
|
|
3
|
+
import { type CodeVariantProps } from '@styled-system/recipes';
|
|
4
|
+
export type CodeProps = Omit<BoxProps, keyof CodeVariantProps | keyof TextProps> & CodeVariantProps & TextProps & {
|
|
5
|
+
children?: string | React.ReactNode;
|
|
6
|
+
lang?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const Code: React.FC<CodeProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box/Box';
|
|
2
|
+
import { type DividerVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type DividerProps = Omit<BoxProps, keyof DividerVariantProps> & DividerVariantProps & {
|
|
4
|
+
direction?: string;
|
|
5
|
+
weight?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const Divider: React.FC<DividerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Divider, type DividerProps } from './Divider';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TextProps } from '~/components/Text';
|
|
2
|
+
import { type HeadingVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type HeadingProps = Omit<TextProps, keyof HeadingVariantProps> & HeadingVariantProps & {
|
|
4
|
+
children?: string | React.ReactNode;
|
|
5
|
+
level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
6
|
+
};
|
|
7
|
+
export declare const Heading: React.FC<HeadingProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Heading, type HeadingProps } from './Heading';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { SVGAttributes } from 'react';
|
|
2
|
+
import { type BoxProps } from '~/components/Box';
|
|
3
|
+
import { IconNamesList } from './icons';
|
|
4
|
+
import { numericSizes } from '~/styles/tokens';
|
|
5
|
+
import { ConditionalValue } from '@styled-system/types';
|
|
6
|
+
import { WithEscapeHatch } from '@styled-system/types/prop-type';
|
|
7
|
+
import { ColorToken } from '@styled-system/tokens';
|
|
8
|
+
export type AllowedIconSizes = keyof typeof numericSizes;
|
|
9
|
+
export type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
|
|
10
|
+
name: IconNamesList;
|
|
11
|
+
size?: AllowedIconSizes;
|
|
12
|
+
fill?: ConditionalValue<WithEscapeHatch<ColorToken | `var(--${string})`>>;
|
|
13
|
+
};
|
|
14
|
+
export declare const Icon: React.FC<IconProps>;
|
|
@@ -0,0 +1,219 @@
|
|
|
1
|
+
export declare const IconNames: {
|
|
2
|
+
readonly 'aa-placeholder': "aa-placeholder";
|
|
3
|
+
readonly alarm: "alarm";
|
|
4
|
+
readonly apps: "apps";
|
|
5
|
+
readonly 'arrow-down': "arrow-down";
|
|
6
|
+
readonly 'arrow-drop-down': "arrow-drop-down";
|
|
7
|
+
readonly 'arrow-drop-up': "arrow-drop-up";
|
|
8
|
+
readonly 'arrow-left': "arrow-left";
|
|
9
|
+
readonly 'arrow-line-down': "arrow-line-down";
|
|
10
|
+
readonly 'arrow-line-left': "arrow-line-left";
|
|
11
|
+
readonly 'arrow-line-right': "arrow-line-right";
|
|
12
|
+
readonly 'arrow-line-up': "arrow-line-up";
|
|
13
|
+
readonly 'arrow-prompt': "arrow-prompt";
|
|
14
|
+
readonly 'arrow-redo': "arrow-redo";
|
|
15
|
+
readonly 'arrow-right': "arrow-right";
|
|
16
|
+
readonly 'arrow-square-in': "arrow-square-in";
|
|
17
|
+
readonly 'arrow-square-out': "arrow-square-out";
|
|
18
|
+
readonly 'arrow-undo': "arrow-undo";
|
|
19
|
+
readonly 'arrow-up': "arrow-up";
|
|
20
|
+
readonly 'arrows-down-up': "arrows-down-up";
|
|
21
|
+
readonly 'arrows-left-right': "arrows-left-right";
|
|
22
|
+
readonly at: "at";
|
|
23
|
+
readonly attachment: "attachment";
|
|
24
|
+
readonly 'barcode-reader': "barcode-reader";
|
|
25
|
+
readonly barcode: "barcode";
|
|
26
|
+
readonly basket: "basket";
|
|
27
|
+
readonly 'bell-active': "bell-active";
|
|
28
|
+
readonly 'bell-slash': "bell-slash";
|
|
29
|
+
readonly bell: "bell";
|
|
30
|
+
readonly bin: "bin";
|
|
31
|
+
readonly 'bookmark-outlined': "bookmark-outlined";
|
|
32
|
+
readonly bookmark: "bookmark";
|
|
33
|
+
readonly bookmarks: "bookmarks";
|
|
34
|
+
readonly Building: "Building";
|
|
35
|
+
readonly 'calendar-add': "calendar-add";
|
|
36
|
+
readonly 'calendar-view-day': "calendar-view-day";
|
|
37
|
+
readonly 'calendar-view-month': "calendar-view-month";
|
|
38
|
+
readonly 'calendar-view-week': "calendar-view-week";
|
|
39
|
+
readonly calendar: "calendar";
|
|
40
|
+
readonly 'caret-down': "caret-down";
|
|
41
|
+
readonly 'caret-left': "caret-left";
|
|
42
|
+
readonly 'caret-right': "caret-right";
|
|
43
|
+
readonly 'caret-up': "caret-up";
|
|
44
|
+
readonly cart: "cart";
|
|
45
|
+
readonly 'check-thick': "check-thick";
|
|
46
|
+
readonly check: "check";
|
|
47
|
+
readonly 'checkbox-checked': "checkbox-checked";
|
|
48
|
+
readonly 'checkbox-focus': "checkbox-focus";
|
|
49
|
+
readonly 'checkbox-indeterminate': "checkbox-indeterminate";
|
|
50
|
+
readonly checkbox: "checkbox";
|
|
51
|
+
readonly 'circle-check': "circle-check";
|
|
52
|
+
readonly circle: "circle";
|
|
53
|
+
readonly 'circles-add': "circles-add";
|
|
54
|
+
readonly clipboard: "clipboard";
|
|
55
|
+
readonly 'clock-countdown': "clock-countdown";
|
|
56
|
+
readonly clock: "clock";
|
|
57
|
+
readonly 'cloud-synced': "cloud-synced";
|
|
58
|
+
readonly code: "code";
|
|
59
|
+
readonly color: "color";
|
|
60
|
+
readonly copy: "copy";
|
|
61
|
+
readonly 'credit-card': "credit-card";
|
|
62
|
+
readonly cut: "cut";
|
|
63
|
+
readonly database: "database";
|
|
64
|
+
readonly devices: "devices";
|
|
65
|
+
readonly dictionary: "dictionary";
|
|
66
|
+
readonly dots: "dots";
|
|
67
|
+
readonly 'download-cloud': "download-cloud";
|
|
68
|
+
readonly download: "download";
|
|
69
|
+
readonly dragger: "dragger";
|
|
70
|
+
readonly edit: "edit";
|
|
71
|
+
readonly encrypted: "encrypted";
|
|
72
|
+
readonly envelope: "envelope";
|
|
73
|
+
readonly equal: "equal";
|
|
74
|
+
readonly eraser: "eraser";
|
|
75
|
+
readonly error: "error";
|
|
76
|
+
readonly 'event-list': "event-list";
|
|
77
|
+
readonly export: "export";
|
|
78
|
+
readonly extension: "extension";
|
|
79
|
+
readonly 'eye-slash': "eye-slash";
|
|
80
|
+
readonly eye: "eye";
|
|
81
|
+
readonly 'file-add': "file-add";
|
|
82
|
+
readonly file: "file";
|
|
83
|
+
readonly files: "files";
|
|
84
|
+
readonly 'filter-remove': "filter-remove";
|
|
85
|
+
readonly filter: "filter";
|
|
86
|
+
readonly finish: "finish";
|
|
87
|
+
readonly flag: "flag";
|
|
88
|
+
readonly forklift: "forklift";
|
|
89
|
+
readonly garage: "garage";
|
|
90
|
+
readonly globe: "globe";
|
|
91
|
+
readonly hash: "hash";
|
|
92
|
+
readonly 'heart-outlined': "heart-outlined";
|
|
93
|
+
readonly heart: "heart";
|
|
94
|
+
readonly help: "help";
|
|
95
|
+
readonly history: "history";
|
|
96
|
+
readonly home: "home";
|
|
97
|
+
readonly image: "image";
|
|
98
|
+
readonly images: "images";
|
|
99
|
+
readonly inbox: "inbox";
|
|
100
|
+
readonly infinity: "infinity";
|
|
101
|
+
readonly info: "info";
|
|
102
|
+
readonly inventory: "inventory";
|
|
103
|
+
readonly invoice: "invoice";
|
|
104
|
+
readonly 'jump-back': "jump-back";
|
|
105
|
+
readonly 'jump-forward': "jump-forward";
|
|
106
|
+
readonly 'kbd-backspace': "kbd-backspace";
|
|
107
|
+
readonly 'kbd-capslock': "kbd-capslock";
|
|
108
|
+
readonly 'kbd-command': "kbd-command";
|
|
109
|
+
readonly 'kbd-control': "kbd-control";
|
|
110
|
+
readonly 'kbd-hide': "kbd-hide";
|
|
111
|
+
readonly 'kbd-option': "kbd-option";
|
|
112
|
+
readonly 'kbd-return': "kbd-return";
|
|
113
|
+
readonly 'kbd-shift': "kbd-shift";
|
|
114
|
+
readonly 'kbd-space': "kbd-space";
|
|
115
|
+
readonly kbd: "kbd";
|
|
116
|
+
readonly 'link-slash': "link-slash";
|
|
117
|
+
readonly link: "link";
|
|
118
|
+
readonly 'list-bullets': "list-bullets";
|
|
119
|
+
readonly 'list-checks': "list-checks";
|
|
120
|
+
readonly 'list-numbers': "list-numbers";
|
|
121
|
+
readonly 'lock-open': "lock-open";
|
|
122
|
+
readonly lock: "lock";
|
|
123
|
+
readonly 'map-pin': "map-pin";
|
|
124
|
+
readonly 'mark-unread': "mark-unread";
|
|
125
|
+
readonly 'menu-close': "menu-close";
|
|
126
|
+
readonly menu: "menu";
|
|
127
|
+
readonly message: "message";
|
|
128
|
+
readonly messages: "messages";
|
|
129
|
+
readonly 'minus-thick': "minus-thick";
|
|
130
|
+
readonly minus: "minus";
|
|
131
|
+
readonly money: "money";
|
|
132
|
+
readonly monitor: "monitor";
|
|
133
|
+
readonly moon: "moon";
|
|
134
|
+
readonly note: "note";
|
|
135
|
+
readonly nut: "nut";
|
|
136
|
+
readonly order: "order";
|
|
137
|
+
readonly package: "package";
|
|
138
|
+
readonly 'page-first': "page-first";
|
|
139
|
+
readonly 'page-last': "page-last";
|
|
140
|
+
readonly parts: "parts";
|
|
141
|
+
readonly password: "password";
|
|
142
|
+
readonly pause: "pause";
|
|
143
|
+
readonly pencil: "pencil";
|
|
144
|
+
readonly percent: "percent";
|
|
145
|
+
readonly 'play-pause': "play-pause";
|
|
146
|
+
readonly play: "play";
|
|
147
|
+
readonly plus: "plus";
|
|
148
|
+
readonly printer: "printer";
|
|
149
|
+
readonly prohibit: "prohibit";
|
|
150
|
+
readonly 'question-mark': "question-mark";
|
|
151
|
+
readonly quote: "quote";
|
|
152
|
+
readonly 'radio-checked': "radio-checked";
|
|
153
|
+
readonly 'radio-focus': "radio-focus";
|
|
154
|
+
readonly radio: "radio";
|
|
155
|
+
readonly receipt: "receipt";
|
|
156
|
+
readonly refresh: "refresh";
|
|
157
|
+
readonly repeat: "repeat";
|
|
158
|
+
readonly 'reply-all': "reply-all";
|
|
159
|
+
readonly reply: "reply";
|
|
160
|
+
readonly ribbon: "ribbon";
|
|
161
|
+
readonly 'rows-add': "rows-add";
|
|
162
|
+
readonly rules: "rules";
|
|
163
|
+
readonly 'search-items': "search-items";
|
|
164
|
+
readonly search: "search";
|
|
165
|
+
readonly send: "send";
|
|
166
|
+
readonly settings: "settings";
|
|
167
|
+
readonly share: "share";
|
|
168
|
+
readonly shuffle: "shuffle";
|
|
169
|
+
readonly 'skip-back': "skip-back";
|
|
170
|
+
readonly 'skip-forward': "skip-forward";
|
|
171
|
+
readonly skull: "skull";
|
|
172
|
+
readonly sliders: "sliders";
|
|
173
|
+
readonly 'sort-alpha-down': "sort-alpha-down";
|
|
174
|
+
readonly 'sort-alpha-up': "sort-alpha-up";
|
|
175
|
+
readonly 'sort-ascending': "sort-ascending";
|
|
176
|
+
readonly 'sort-descending': "sort-descending";
|
|
177
|
+
readonly 'sort-time-down': "sort-time-down";
|
|
178
|
+
readonly 'sort-time-up': "sort-time-up";
|
|
179
|
+
readonly 'square-add': "square-add";
|
|
180
|
+
readonly square: "square";
|
|
181
|
+
readonly stamp: "stamp";
|
|
182
|
+
readonly 'star-outlined': "star-outlined";
|
|
183
|
+
readonly star: "star";
|
|
184
|
+
readonly start: "start";
|
|
185
|
+
readonly stop: "stop";
|
|
186
|
+
readonly success: "success";
|
|
187
|
+
readonly sun: "sun";
|
|
188
|
+
readonly support: "support";
|
|
189
|
+
readonly sync: "sync";
|
|
190
|
+
readonly tag: "tag";
|
|
191
|
+
readonly target: "target";
|
|
192
|
+
readonly 'text-add': "text-add";
|
|
193
|
+
readonly 'time-add': "time-add";
|
|
194
|
+
readonly timer: "timer";
|
|
195
|
+
readonly toolbox: "toolbox";
|
|
196
|
+
readonly tools: "tools";
|
|
197
|
+
readonly trash: "trash";
|
|
198
|
+
readonly trophy: "trophy";
|
|
199
|
+
readonly 'truck-trailer': "truck-trailer";
|
|
200
|
+
readonly update: "update";
|
|
201
|
+
readonly 'upload-cloud': "upload-cloud";
|
|
202
|
+
readonly upload: "upload";
|
|
203
|
+
readonly 'user-add': "user-add";
|
|
204
|
+
readonly 'user-details': "user-details";
|
|
205
|
+
readonly 'user-group': "user-group";
|
|
206
|
+
readonly 'user-id-badge': "user-id-badge";
|
|
207
|
+
readonly 'user-id-card': "user-id-card";
|
|
208
|
+
readonly user: "user";
|
|
209
|
+
readonly verified: "verified";
|
|
210
|
+
readonly video: "video";
|
|
211
|
+
readonly 'view-cards': "view-cards";
|
|
212
|
+
readonly 'view-doc': "view-doc";
|
|
213
|
+
readonly 'view-grid': "view-grid";
|
|
214
|
+
readonly 'view-rows': "view-rows";
|
|
215
|
+
readonly 'view-table': "view-table";
|
|
216
|
+
readonly warning: "warning";
|
|
217
|
+
readonly 'work-order': "work-order";
|
|
218
|
+
readonly x: "x";
|
|
219
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { FC, ReactElement } from 'react';
|
|
2
|
+
import { type BoxProps } from '~/components/Box';
|
|
3
|
+
import { type IconButtonVariantProps } from '@styled-system/recipes';
|
|
4
|
+
import { Icon } from '~/components/Icon';
|
|
5
|
+
/**
|
|
6
|
+
* The IconButton component builds on Box.
|
|
7
|
+
* It automatically renders as a "button" (or an "a" if an href is provided)
|
|
8
|
+
* and applies the iconButton recipe styles.
|
|
9
|
+
*
|
|
10
|
+
* It requires exactly one child which must be an <Icon /> element.
|
|
11
|
+
*/
|
|
12
|
+
export type IconButtonProps = BoxProps & IconButtonVariantProps & {
|
|
13
|
+
href?: string;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
children: ReactElement<typeof Icon>;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
type?: 'submit' | 'reset' | 'button';
|
|
18
|
+
};
|
|
19
|
+
export declare const IconButton: FC<IconButtonProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconButton, type IconButtonProps } from './IconButton';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type TextProps } from '~/components/Text';
|
|
2
|
+
import { type BoxProps } from '~/components/Box';
|
|
3
|
+
import { type InputVariantProps } from '@styled-system/recipes';
|
|
4
|
+
export type InputProps = Omit<BoxProps, keyof InputVariantProps | keyof TextProps> & TextProps & InputVariantProps & {
|
|
5
|
+
label?: string;
|
|
6
|
+
type?: string | HTMLInputElement;
|
|
7
|
+
variant?: 'stacked' | 'internalLabel';
|
|
8
|
+
children?: string | React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare const Input: React.FC<InputProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Input, type InputProps } from './Input';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box';
|
|
2
|
+
import { type LabelVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type LabelProps = Omit<BoxProps, keyof LabelVariantProps> & LabelVariantProps & {
|
|
4
|
+
htmlFor?: string;
|
|
5
|
+
children?: string | React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const Label: React.FC<LabelProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Label, type LabelProps } from './Label';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box';
|
|
2
|
+
import { type LinkVariantProps } from '@styled-system/recipes';
|
|
3
|
+
import { type FontSizeToken, type FontToken, type FontWeightToken } from '@styled-system/tokens';
|
|
4
|
+
export type LinkProps = Omit<BoxProps, keyof LinkVariantProps> & LinkVariantProps & {
|
|
5
|
+
href: string;
|
|
6
|
+
external?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: FontSizeToken;
|
|
9
|
+
family?: FontToken;
|
|
10
|
+
italic?: boolean;
|
|
11
|
+
bold?: boolean;
|
|
12
|
+
weight?: FontWeightToken;
|
|
13
|
+
className?: string;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export declare const Link: React.FC<LinkProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Link, type LinkProps } from './Link';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box';
|
|
2
|
+
import { type RadioVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & RadioVariantProps & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const Radio: React.FC<RadioProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Radio, type RadioProps } from "./Radio";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Spinner, type SpinnerProps } from './Spinner';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { ReactNode, type ElementType } from 'react';
|
|
2
|
+
import { type BoxProps } from '~/components/Box';
|
|
3
|
+
import { type TextVariantProps } from '@styled-system/recipes';
|
|
4
|
+
export type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVariantProps & {
|
|
5
|
+
children: string | ReactNode;
|
|
6
|
+
as?: ElementType;
|
|
7
|
+
};
|
|
8
|
+
export declare const Text: React.FC<TextProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Text } from './index';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
declare const meta: Meta<typeof Text>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Text>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const AllColors: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Text, type TextProps } from './Text';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type BoxProps } from '../Box/Box';
|
|
2
|
+
import { type TextinputVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type TextInputProps = Omit<BoxProps, keyof TextinputVariantProps> & TextinputVariantProps & {
|
|
4
|
+
error?: boolean;
|
|
5
|
+
};
|
|
6
|
+
export declare const TextInput: React.FC<TextInputProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TextInput, type TextInputProps } from './TextInput';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type BoxProps } from '~/components/Box';
|
|
2
|
+
import { type TextareaVariantProps } from '@styled-system/recipes';
|
|
3
|
+
export type TextareaProps = Omit<BoxProps, keyof TextareaVariantProps> & TextareaVariantProps & {
|
|
4
|
+
autoSize?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const Textarea: React.FC<TextareaProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Textarea, type TextareaProps } from './Textarea';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ThemeSwitcher: React.FC;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ThemeSwitcher } from './ThemeSwitcher';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type Theme = 'light' | 'dark';
|
|
2
|
+
interface ThemeContextType {
|
|
3
|
+
theme: Theme;
|
|
4
|
+
setTheme: (theme: Theme) => void;
|
|
5
|
+
}
|
|
6
|
+
export declare function ThemeProvider({ children }: {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function useTheme(): ThemeContextType;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const boxRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const checkBoxRecipe: import("@pandacss/types").SlotRecipeConfig;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const dividerRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { buttonRecipe, iconButtonRecipe } from './button';
|
|
2
|
+
export { inputRecipe } from './input';
|
|
3
|
+
export { textareaRecipe } from './textarea';
|
|
4
|
+
export { textRecipe, headingRecipe, linkRecipe, labelRecipe } from './text';
|
|
5
|
+
export { checkBoxRecipe } from "./checkbox";
|
|
6
|
+
export { spinnerRecipe } from "./spinner";
|
|
7
|
+
export { dividerRecipe } from "./divider";
|
|
8
|
+
export { preRecipe, codeRecipe } from "./code";
|
|
9
|
+
export { boxRecipe } from './box';
|
|
10
|
+
export { radioRecipe } from './radio';
|
|
11
|
+
export { textinputRecipe } from './textinput';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const inputRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const radioRecipe: import("@pandacss/types").SlotRecipeConfig;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const spinnerRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const textRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
2
|
+
export declare const headingRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
3
|
+
export declare const linkRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
4
|
+
export declare const labelRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const textareaRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const textinputRecipe: import("@pandacss/types").RecipeConfig<import("@pandacss/types").RecipeVariantRecord>;
|