cetec-design-system 0.0.6 → 0.0.8
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/package.json +6 -13
- package/src/App.tsx +478 -0
- package/src/components/CheckBox/CheckBox.tsx +34 -35
- package/src/components/TextInput/TextInput.tsx +33 -0
- package/src/components/TextInput/index.tsx +1 -0
- package/src/components/Textarea/Textarea.tsx +9 -19
- package/src/contexts/ThemeContext.tsx +77 -0
- package/src/main.tsx +10 -0
- package/src/recipes/checkbox.ts +73 -80
- package/src/recipes/index.ts +2 -0
- package/src/recipes/text.ts +10 -2
- package/src/recipes/textarea.ts +53 -52
- package/src/recipes/textinput.ts +76 -0
- package/src/styles/globalStyle.ts +9 -4
- package/src/vite-env.d.ts +1 -0
- package/styled-system/recipes/index.d.ts +4 -3
- package/styled-system/recipes/index.mjs +1 -0
- package/styled-system/recipes/radio-input.d.ts +28 -0
- package/styled-system/recipes/radio-input.mjs +24 -0
- package/styled-system/recipes/switchbox.d.ts +1 -1
- package/styled-system/recipes/switchbox.mjs +4 -0
- package/styled-system/recipes/textarea.d.ts +3 -2
- package/styled-system/recipes/textarea.mjs +8 -5
- package/styled-system/styles.css +1454 -0
- package/styled-system/tokens/index.mjs +100 -0
- package/styled-system/tokens/tokens.d.ts +4 -1
- package/eslint.config.js +0 -50
- package/public/sprite.svg +0 -1
- package/public/sprite.symbol.html +0 -4091
- package/public/svgs/Building.svg +0 -1
- package/public/svgs/aa-placeholder.svg +0 -1
- package/public/svgs/alarm.svg +0 -1
- package/public/svgs/apps.svg +0 -1
- package/public/svgs/arrow-down.svg +0 -1
- package/public/svgs/arrow-drop-down.svg +0 -1
- package/public/svgs/arrow-drop-up.svg +0 -1
- package/public/svgs/arrow-left.svg +0 -1
- package/public/svgs/arrow-line-down.svg +0 -1
- package/public/svgs/arrow-line-left.svg +0 -1
- package/public/svgs/arrow-line-right.svg +0 -1
- package/public/svgs/arrow-line-up.svg +0 -1
- package/public/svgs/arrow-prompt.svg +0 -1
- package/public/svgs/arrow-redo.svg +0 -1
- package/public/svgs/arrow-right.svg +0 -1
- package/public/svgs/arrow-square-in.svg +0 -1
- package/public/svgs/arrow-square-out.svg +0 -1
- package/public/svgs/arrow-undo.svg +0 -1
- package/public/svgs/arrow-up.svg +0 -1
- package/public/svgs/arrows-down-up.svg +0 -1
- package/public/svgs/arrows-left-right.svg +0 -1
- package/public/svgs/at.svg +0 -1
- package/public/svgs/attachment.svg +0 -1
- package/public/svgs/barcode-reader.svg +0 -1
- package/public/svgs/barcode.svg +0 -1
- package/public/svgs/basket.svg +0 -1
- package/public/svgs/bell-active.svg +0 -1
- package/public/svgs/bell-slash.svg +0 -1
- package/public/svgs/bell.svg +0 -1
- package/public/svgs/bin.svg +0 -1
- package/public/svgs/bookmark-outlined.svg +0 -1
- package/public/svgs/bookmark.svg +0 -1
- package/public/svgs/bookmarks.svg +0 -1
- package/public/svgs/calendar-add.svg +0 -1
- package/public/svgs/calendar-view-day.svg +0 -1
- package/public/svgs/calendar-view-month.svg +0 -1
- package/public/svgs/calendar-view-week.svg +0 -1
- package/public/svgs/calendar.svg +0 -1
- package/public/svgs/caret-down.svg +0 -1
- package/public/svgs/caret-left.svg +0 -1
- package/public/svgs/caret-right.svg +0 -1
- package/public/svgs/caret-up.svg +0 -1
- package/public/svgs/cart.svg +0 -1
- package/public/svgs/check-thick.svg +0 -1
- package/public/svgs/check.svg +0 -1
- package/public/svgs/checkbox-checked.svg +0 -1
- package/public/svgs/checkbox-focus.svg +0 -1
- package/public/svgs/checkbox-indeterminate.svg +0 -1
- package/public/svgs/checkbox.svg +0 -1
- package/public/svgs/circle-check.svg +0 -1
- package/public/svgs/circle.svg +0 -1
- package/public/svgs/circles-add.svg +0 -1
- package/public/svgs/clipboard.svg +0 -1
- package/public/svgs/clock-countdown.svg +0 -1
- package/public/svgs/clock.svg +0 -1
- package/public/svgs/cloud-synced.svg +0 -1
- package/public/svgs/code.svg +0 -1
- package/public/svgs/color.svg +0 -1
- package/public/svgs/copy.svg +0 -1
- package/public/svgs/credit-card.svg +0 -1
- package/public/svgs/cut.svg +0 -1
- package/public/svgs/database.svg +0 -1
- package/public/svgs/devices.svg +0 -1
- package/public/svgs/dictionary.svg +0 -1
- package/public/svgs/dots.svg +0 -1
- package/public/svgs/download-cloud.svg +0 -1
- package/public/svgs/download.svg +0 -1
- package/public/svgs/dragger.svg +0 -1
- package/public/svgs/edit.svg +0 -1
- package/public/svgs/encrypted.svg +0 -1
- package/public/svgs/envelope.svg +0 -1
- package/public/svgs/equal.svg +0 -1
- package/public/svgs/eraser.svg +0 -1
- package/public/svgs/error.svg +0 -1
- package/public/svgs/event-list.svg +0 -1
- package/public/svgs/export.svg +0 -1
- package/public/svgs/extension.svg +0 -1
- package/public/svgs/eye-slash.svg +0 -1
- package/public/svgs/eye.svg +0 -1
- package/public/svgs/file-add.svg +0 -1
- package/public/svgs/file.svg +0 -1
- package/public/svgs/files.svg +0 -1
- package/public/svgs/filter-remove.svg +0 -1
- package/public/svgs/filter.svg +0 -1
- package/public/svgs/finish.svg +0 -1
- package/public/svgs/flag.svg +0 -1
- package/public/svgs/forklift.svg +0 -1
- package/public/svgs/garage.svg +0 -1
- package/public/svgs/globe.svg +0 -1
- package/public/svgs/hash.svg +0 -1
- package/public/svgs/heart-outlined.svg +0 -1
- package/public/svgs/heart.svg +0 -1
- package/public/svgs/help.svg +0 -1
- package/public/svgs/history.svg +0 -1
- package/public/svgs/home.svg +0 -1
- package/public/svgs/image.svg +0 -1
- package/public/svgs/images.svg +0 -1
- package/public/svgs/inbox.svg +0 -1
- package/public/svgs/infinity.svg +0 -1
- package/public/svgs/info.svg +0 -1
- package/public/svgs/inventory.svg +0 -1
- package/public/svgs/invoice.svg +0 -1
- package/public/svgs/jump-back.svg +0 -1
- package/public/svgs/jump-forward.svg +0 -1
- package/public/svgs/kbd-backspace.svg +0 -1
- package/public/svgs/kbd-capslock.svg +0 -1
- package/public/svgs/kbd-command.svg +0 -1
- package/public/svgs/kbd-control.svg +0 -1
- package/public/svgs/kbd-hide.svg +0 -1
- package/public/svgs/kbd-option.svg +0 -1
- package/public/svgs/kbd-return.svg +0 -1
- package/public/svgs/kbd-shift.svg +0 -1
- package/public/svgs/kbd-space.svg +0 -1
- package/public/svgs/kbd.svg +0 -1
- package/public/svgs/link-slash.svg +0 -1
- package/public/svgs/link.svg +0 -1
- package/public/svgs/list-bullets.svg +0 -1
- package/public/svgs/list-checks.svg +0 -1
- package/public/svgs/list-numbers.svg +0 -1
- package/public/svgs/lock-open.svg +0 -1
- package/public/svgs/lock.svg +0 -1
- package/public/svgs/map-pin.svg +0 -1
- package/public/svgs/mark-unread.svg +0 -1
- package/public/svgs/menu-close.svg +0 -1
- package/public/svgs/menu.svg +0 -1
- package/public/svgs/message.svg +0 -1
- package/public/svgs/messages.svg +0 -1
- package/public/svgs/minus-thick.svg +0 -1
- package/public/svgs/minus.svg +0 -1
- package/public/svgs/money.svg +0 -1
- package/public/svgs/monitor.svg +0 -1
- package/public/svgs/moon.svg +0 -1
- package/public/svgs/note.svg +0 -1
- package/public/svgs/nut.svg +0 -1
- package/public/svgs/order.svg +0 -1
- package/public/svgs/package.svg +0 -1
- package/public/svgs/page-first.svg +0 -1
- package/public/svgs/page-last.svg +0 -1
- package/public/svgs/parts.svg +0 -1
- package/public/svgs/password.svg +0 -1
- package/public/svgs/pause.svg +0 -1
- package/public/svgs/pencil.svg +0 -1
- package/public/svgs/percent.svg +0 -1
- package/public/svgs/placeholder.svg +0 -1
- package/public/svgs/plan.svg +0 -1
- package/public/svgs/play-pause.svg +0 -1
- package/public/svgs/play.svg +0 -1
- package/public/svgs/plus.svg +0 -1
- package/public/svgs/printer.svg +0 -1
- package/public/svgs/prohibit.svg +0 -1
- package/public/svgs/question-mark.svg +0 -1
- package/public/svgs/quote.svg +0 -1
- package/public/svgs/radio-checked.svg +0 -1
- package/public/svgs/radio-focus.svg +0 -1
- package/public/svgs/radio.svg +0 -1
- package/public/svgs/receipt.svg +0 -1
- package/public/svgs/refresh.svg +0 -1
- package/public/svgs/repeat.svg +0 -1
- package/public/svgs/reply-all.svg +0 -1
- package/public/svgs/reply.svg +0 -1
- package/public/svgs/ribbon.svg +0 -1
- package/public/svgs/rows-add.svg +0 -1
- package/public/svgs/rules.svg +0 -1
- package/public/svgs/search-items.svg +0 -1
- package/public/svgs/search.svg +0 -1
- package/public/svgs/send.svg +0 -1
- package/public/svgs/settings.svg +0 -1
- package/public/svgs/share.svg +0 -1
- package/public/svgs/shuffle.svg +0 -1
- package/public/svgs/skip-back.svg +0 -1
- package/public/svgs/skip-forward.svg +0 -1
- package/public/svgs/skull.svg +0 -1
- package/public/svgs/sliders.svg +0 -1
- package/public/svgs/sort-alpha-down.svg +0 -1
- package/public/svgs/sort-alpha-up.svg +0 -1
- package/public/svgs/sort-ascending.svg +0 -1
- package/public/svgs/sort-descending.svg +0 -1
- package/public/svgs/sort-time-down.svg +0 -1
- package/public/svgs/sort-time-up.svg +0 -1
- package/public/svgs/square-add.svg +0 -1
- package/public/svgs/square.svg +0 -1
- package/public/svgs/stamp.svg +0 -1
- package/public/svgs/star-outlined.svg +0 -1
- package/public/svgs/star.svg +0 -1
- package/public/svgs/start.svg +0 -1
- package/public/svgs/stop.svg +0 -1
- package/public/svgs/success.svg +0 -1
- package/public/svgs/sun.svg +0 -1
- package/public/svgs/support.svg +0 -1
- package/public/svgs/sync.svg +0 -1
- package/public/svgs/tag.svg +0 -1
- package/public/svgs/target.svg +0 -1
- package/public/svgs/text-add.svg +0 -1
- package/public/svgs/time-add.svg +0 -1
- package/public/svgs/timer.svg +0 -1
- package/public/svgs/toolbox.svg +0 -1
- package/public/svgs/tools.svg +0 -1
- package/public/svgs/trash.svg +0 -1
- package/public/svgs/trophy.svg +0 -1
- package/public/svgs/truck-trailer.svg +0 -1
- package/public/svgs/update.svg +0 -1
- package/public/svgs/upload-cloud.svg +0 -1
- package/public/svgs/upload.svg +0 -1
- package/public/svgs/user-add.svg +0 -1
- package/public/svgs/user-details.svg +0 -1
- package/public/svgs/user-group.svg +0 -1
- package/public/svgs/user-id-badge.svg +0 -1
- package/public/svgs/user-id-card.svg +0 -1
- package/public/svgs/user.svg +0 -1
- package/public/svgs/verified.svg +0 -1
- package/public/svgs/video.svg +0 -1
- package/public/svgs/view-cards.svg +0 -1
- package/public/svgs/view-doc.svg +0 -1
- package/public/svgs/view-grid.svg +0 -1
- package/public/svgs/view-rows.svg +0 -1
- package/public/svgs/view-table.svg +0 -1
- package/public/svgs/warning.svg +0 -1
- package/public/svgs/work-order.svg +0 -1
- package/public/svgs/x.svg +0 -1
- package/public/vite.svg +0 -1
- package/src/index.ts +0 -64
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const radioInputFn = /* @__PURE__ */ createRecipe('radio-input', {}, [])
|
|
5
|
+
|
|
6
|
+
const radioInputVariantMap = {}
|
|
7
|
+
|
|
8
|
+
const radioInputVariantKeys = Object.keys(radioInputVariantMap)
|
|
9
|
+
|
|
10
|
+
export const radioInput = /* @__PURE__ */ Object.assign(memo(radioInputFn.recipeFn), {
|
|
11
|
+
__recipe__: true,
|
|
12
|
+
__name__: 'radioInput',
|
|
13
|
+
__getCompoundVariantCss__: radioInputFn.__getCompoundVariantCss__,
|
|
14
|
+
raw: (props) => props,
|
|
15
|
+
variantKeys: radioInputVariantKeys,
|
|
16
|
+
variantMap: radioInputVariantMap,
|
|
17
|
+
merge(recipe) {
|
|
18
|
+
return mergeRecipes(this, recipe)
|
|
19
|
+
},
|
|
20
|
+
splitVariantProps(props) {
|
|
21
|
+
return splitProps(props, radioInputVariantKeys)
|
|
22
|
+
},
|
|
23
|
+
getVariantProps: radioInputFn.getVariantProps,
|
|
24
|
+
})
|
|
@@ -16,7 +16,7 @@ export type SwitchboxVariantProps = {
|
|
|
16
16
|
|
|
17
17
|
export interface SwitchboxRecipe {
|
|
18
18
|
__type: SwitchboxVariantProps
|
|
19
|
-
(props?: SwitchboxVariantProps): Pretty<Record<"container" | "input" | "indicator", string>>
|
|
19
|
+
(props?: SwitchboxVariantProps): Pretty<Record<"container" | "input" | "indicator" | "background", string>>
|
|
20
20
|
raw: (props?: SwitchboxVariantProps) => SwitchboxVariantProps
|
|
21
21
|
variantMap: SwitchboxVariantMap
|
|
22
22
|
variantKeys: Array<keyof SwitchboxVariant>
|
|
@@ -16,6 +16,10 @@ const switchboxSlotNames = [
|
|
|
16
16
|
[
|
|
17
17
|
"indicator",
|
|
18
18
|
"switchbox__indicator"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"background",
|
|
22
|
+
"switchbox__background"
|
|
19
23
|
]
|
|
20
24
|
]
|
|
21
25
|
const switchboxSlotFns = /* @__PURE__ */ switchboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchboxDefaultVariants, getSlotCompoundVariant(switchboxCompoundVariants, slotName))])
|
|
@@ -4,9 +4,10 @@ import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
|
4
4
|
|
|
5
5
|
interface TextareaVariant {
|
|
6
6
|
/**
|
|
7
|
-
* @default "
|
|
7
|
+
* @default "medium"
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
size: "small" | "medium" | "large"
|
|
10
|
+
autoSize: boolean
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
type TextareaVariantMap = {
|
|
@@ -2,14 +2,17 @@ import { memo, splitProps } from '../helpers.mjs';
|
|
|
2
2
|
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
3
|
|
|
4
4
|
const textareaFn = /* @__PURE__ */ createRecipe('textarea', {
|
|
5
|
-
"
|
|
5
|
+
"size": "medium"
|
|
6
6
|
}, [])
|
|
7
7
|
|
|
8
8
|
const textareaVariantMap = {
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
9
|
+
"size": [
|
|
10
|
+
"small",
|
|
11
|
+
"medium",
|
|
12
|
+
"large"
|
|
13
|
+
],
|
|
14
|
+
"autoSize": [
|
|
15
|
+
"true"
|
|
13
16
|
]
|
|
14
17
|
}
|
|
15
18
|
|