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.
Files changed (250) hide show
  1. package/package.json +6 -13
  2. package/src/App.tsx +478 -0
  3. package/src/components/CheckBox/CheckBox.tsx +34 -35
  4. package/src/components/TextInput/TextInput.tsx +33 -0
  5. package/src/components/TextInput/index.tsx +1 -0
  6. package/src/components/Textarea/Textarea.tsx +9 -19
  7. package/src/contexts/ThemeContext.tsx +77 -0
  8. package/src/main.tsx +10 -0
  9. package/src/recipes/checkbox.ts +73 -80
  10. package/src/recipes/index.ts +2 -0
  11. package/src/recipes/text.ts +10 -2
  12. package/src/recipes/textarea.ts +53 -52
  13. package/src/recipes/textinput.ts +76 -0
  14. package/src/styles/globalStyle.ts +9 -4
  15. package/src/vite-env.d.ts +1 -0
  16. package/styled-system/recipes/index.d.ts +4 -3
  17. package/styled-system/recipes/index.mjs +1 -0
  18. package/styled-system/recipes/radio-input.d.ts +28 -0
  19. package/styled-system/recipes/radio-input.mjs +24 -0
  20. package/styled-system/recipes/switchbox.d.ts +1 -1
  21. package/styled-system/recipes/switchbox.mjs +4 -0
  22. package/styled-system/recipes/textarea.d.ts +3 -2
  23. package/styled-system/recipes/textarea.mjs +8 -5
  24. package/styled-system/styles.css +1454 -0
  25. package/styled-system/tokens/index.mjs +100 -0
  26. package/styled-system/tokens/tokens.d.ts +4 -1
  27. package/eslint.config.js +0 -50
  28. package/public/sprite.svg +0 -1
  29. package/public/sprite.symbol.html +0 -4091
  30. package/public/svgs/Building.svg +0 -1
  31. package/public/svgs/aa-placeholder.svg +0 -1
  32. package/public/svgs/alarm.svg +0 -1
  33. package/public/svgs/apps.svg +0 -1
  34. package/public/svgs/arrow-down.svg +0 -1
  35. package/public/svgs/arrow-drop-down.svg +0 -1
  36. package/public/svgs/arrow-drop-up.svg +0 -1
  37. package/public/svgs/arrow-left.svg +0 -1
  38. package/public/svgs/arrow-line-down.svg +0 -1
  39. package/public/svgs/arrow-line-left.svg +0 -1
  40. package/public/svgs/arrow-line-right.svg +0 -1
  41. package/public/svgs/arrow-line-up.svg +0 -1
  42. package/public/svgs/arrow-prompt.svg +0 -1
  43. package/public/svgs/arrow-redo.svg +0 -1
  44. package/public/svgs/arrow-right.svg +0 -1
  45. package/public/svgs/arrow-square-in.svg +0 -1
  46. package/public/svgs/arrow-square-out.svg +0 -1
  47. package/public/svgs/arrow-undo.svg +0 -1
  48. package/public/svgs/arrow-up.svg +0 -1
  49. package/public/svgs/arrows-down-up.svg +0 -1
  50. package/public/svgs/arrows-left-right.svg +0 -1
  51. package/public/svgs/at.svg +0 -1
  52. package/public/svgs/attachment.svg +0 -1
  53. package/public/svgs/barcode-reader.svg +0 -1
  54. package/public/svgs/barcode.svg +0 -1
  55. package/public/svgs/basket.svg +0 -1
  56. package/public/svgs/bell-active.svg +0 -1
  57. package/public/svgs/bell-slash.svg +0 -1
  58. package/public/svgs/bell.svg +0 -1
  59. package/public/svgs/bin.svg +0 -1
  60. package/public/svgs/bookmark-outlined.svg +0 -1
  61. package/public/svgs/bookmark.svg +0 -1
  62. package/public/svgs/bookmarks.svg +0 -1
  63. package/public/svgs/calendar-add.svg +0 -1
  64. package/public/svgs/calendar-view-day.svg +0 -1
  65. package/public/svgs/calendar-view-month.svg +0 -1
  66. package/public/svgs/calendar-view-week.svg +0 -1
  67. package/public/svgs/calendar.svg +0 -1
  68. package/public/svgs/caret-down.svg +0 -1
  69. package/public/svgs/caret-left.svg +0 -1
  70. package/public/svgs/caret-right.svg +0 -1
  71. package/public/svgs/caret-up.svg +0 -1
  72. package/public/svgs/cart.svg +0 -1
  73. package/public/svgs/check-thick.svg +0 -1
  74. package/public/svgs/check.svg +0 -1
  75. package/public/svgs/checkbox-checked.svg +0 -1
  76. package/public/svgs/checkbox-focus.svg +0 -1
  77. package/public/svgs/checkbox-indeterminate.svg +0 -1
  78. package/public/svgs/checkbox.svg +0 -1
  79. package/public/svgs/circle-check.svg +0 -1
  80. package/public/svgs/circle.svg +0 -1
  81. package/public/svgs/circles-add.svg +0 -1
  82. package/public/svgs/clipboard.svg +0 -1
  83. package/public/svgs/clock-countdown.svg +0 -1
  84. package/public/svgs/clock.svg +0 -1
  85. package/public/svgs/cloud-synced.svg +0 -1
  86. package/public/svgs/code.svg +0 -1
  87. package/public/svgs/color.svg +0 -1
  88. package/public/svgs/copy.svg +0 -1
  89. package/public/svgs/credit-card.svg +0 -1
  90. package/public/svgs/cut.svg +0 -1
  91. package/public/svgs/database.svg +0 -1
  92. package/public/svgs/devices.svg +0 -1
  93. package/public/svgs/dictionary.svg +0 -1
  94. package/public/svgs/dots.svg +0 -1
  95. package/public/svgs/download-cloud.svg +0 -1
  96. package/public/svgs/download.svg +0 -1
  97. package/public/svgs/dragger.svg +0 -1
  98. package/public/svgs/edit.svg +0 -1
  99. package/public/svgs/encrypted.svg +0 -1
  100. package/public/svgs/envelope.svg +0 -1
  101. package/public/svgs/equal.svg +0 -1
  102. package/public/svgs/eraser.svg +0 -1
  103. package/public/svgs/error.svg +0 -1
  104. package/public/svgs/event-list.svg +0 -1
  105. package/public/svgs/export.svg +0 -1
  106. package/public/svgs/extension.svg +0 -1
  107. package/public/svgs/eye-slash.svg +0 -1
  108. package/public/svgs/eye.svg +0 -1
  109. package/public/svgs/file-add.svg +0 -1
  110. package/public/svgs/file.svg +0 -1
  111. package/public/svgs/files.svg +0 -1
  112. package/public/svgs/filter-remove.svg +0 -1
  113. package/public/svgs/filter.svg +0 -1
  114. package/public/svgs/finish.svg +0 -1
  115. package/public/svgs/flag.svg +0 -1
  116. package/public/svgs/forklift.svg +0 -1
  117. package/public/svgs/garage.svg +0 -1
  118. package/public/svgs/globe.svg +0 -1
  119. package/public/svgs/hash.svg +0 -1
  120. package/public/svgs/heart-outlined.svg +0 -1
  121. package/public/svgs/heart.svg +0 -1
  122. package/public/svgs/help.svg +0 -1
  123. package/public/svgs/history.svg +0 -1
  124. package/public/svgs/home.svg +0 -1
  125. package/public/svgs/image.svg +0 -1
  126. package/public/svgs/images.svg +0 -1
  127. package/public/svgs/inbox.svg +0 -1
  128. package/public/svgs/infinity.svg +0 -1
  129. package/public/svgs/info.svg +0 -1
  130. package/public/svgs/inventory.svg +0 -1
  131. package/public/svgs/invoice.svg +0 -1
  132. package/public/svgs/jump-back.svg +0 -1
  133. package/public/svgs/jump-forward.svg +0 -1
  134. package/public/svgs/kbd-backspace.svg +0 -1
  135. package/public/svgs/kbd-capslock.svg +0 -1
  136. package/public/svgs/kbd-command.svg +0 -1
  137. package/public/svgs/kbd-control.svg +0 -1
  138. package/public/svgs/kbd-hide.svg +0 -1
  139. package/public/svgs/kbd-option.svg +0 -1
  140. package/public/svgs/kbd-return.svg +0 -1
  141. package/public/svgs/kbd-shift.svg +0 -1
  142. package/public/svgs/kbd-space.svg +0 -1
  143. package/public/svgs/kbd.svg +0 -1
  144. package/public/svgs/link-slash.svg +0 -1
  145. package/public/svgs/link.svg +0 -1
  146. package/public/svgs/list-bullets.svg +0 -1
  147. package/public/svgs/list-checks.svg +0 -1
  148. package/public/svgs/list-numbers.svg +0 -1
  149. package/public/svgs/lock-open.svg +0 -1
  150. package/public/svgs/lock.svg +0 -1
  151. package/public/svgs/map-pin.svg +0 -1
  152. package/public/svgs/mark-unread.svg +0 -1
  153. package/public/svgs/menu-close.svg +0 -1
  154. package/public/svgs/menu.svg +0 -1
  155. package/public/svgs/message.svg +0 -1
  156. package/public/svgs/messages.svg +0 -1
  157. package/public/svgs/minus-thick.svg +0 -1
  158. package/public/svgs/minus.svg +0 -1
  159. package/public/svgs/money.svg +0 -1
  160. package/public/svgs/monitor.svg +0 -1
  161. package/public/svgs/moon.svg +0 -1
  162. package/public/svgs/note.svg +0 -1
  163. package/public/svgs/nut.svg +0 -1
  164. package/public/svgs/order.svg +0 -1
  165. package/public/svgs/package.svg +0 -1
  166. package/public/svgs/page-first.svg +0 -1
  167. package/public/svgs/page-last.svg +0 -1
  168. package/public/svgs/parts.svg +0 -1
  169. package/public/svgs/password.svg +0 -1
  170. package/public/svgs/pause.svg +0 -1
  171. package/public/svgs/pencil.svg +0 -1
  172. package/public/svgs/percent.svg +0 -1
  173. package/public/svgs/placeholder.svg +0 -1
  174. package/public/svgs/plan.svg +0 -1
  175. package/public/svgs/play-pause.svg +0 -1
  176. package/public/svgs/play.svg +0 -1
  177. package/public/svgs/plus.svg +0 -1
  178. package/public/svgs/printer.svg +0 -1
  179. package/public/svgs/prohibit.svg +0 -1
  180. package/public/svgs/question-mark.svg +0 -1
  181. package/public/svgs/quote.svg +0 -1
  182. package/public/svgs/radio-checked.svg +0 -1
  183. package/public/svgs/radio-focus.svg +0 -1
  184. package/public/svgs/radio.svg +0 -1
  185. package/public/svgs/receipt.svg +0 -1
  186. package/public/svgs/refresh.svg +0 -1
  187. package/public/svgs/repeat.svg +0 -1
  188. package/public/svgs/reply-all.svg +0 -1
  189. package/public/svgs/reply.svg +0 -1
  190. package/public/svgs/ribbon.svg +0 -1
  191. package/public/svgs/rows-add.svg +0 -1
  192. package/public/svgs/rules.svg +0 -1
  193. package/public/svgs/search-items.svg +0 -1
  194. package/public/svgs/search.svg +0 -1
  195. package/public/svgs/send.svg +0 -1
  196. package/public/svgs/settings.svg +0 -1
  197. package/public/svgs/share.svg +0 -1
  198. package/public/svgs/shuffle.svg +0 -1
  199. package/public/svgs/skip-back.svg +0 -1
  200. package/public/svgs/skip-forward.svg +0 -1
  201. package/public/svgs/skull.svg +0 -1
  202. package/public/svgs/sliders.svg +0 -1
  203. package/public/svgs/sort-alpha-down.svg +0 -1
  204. package/public/svgs/sort-alpha-up.svg +0 -1
  205. package/public/svgs/sort-ascending.svg +0 -1
  206. package/public/svgs/sort-descending.svg +0 -1
  207. package/public/svgs/sort-time-down.svg +0 -1
  208. package/public/svgs/sort-time-up.svg +0 -1
  209. package/public/svgs/square-add.svg +0 -1
  210. package/public/svgs/square.svg +0 -1
  211. package/public/svgs/stamp.svg +0 -1
  212. package/public/svgs/star-outlined.svg +0 -1
  213. package/public/svgs/star.svg +0 -1
  214. package/public/svgs/start.svg +0 -1
  215. package/public/svgs/stop.svg +0 -1
  216. package/public/svgs/success.svg +0 -1
  217. package/public/svgs/sun.svg +0 -1
  218. package/public/svgs/support.svg +0 -1
  219. package/public/svgs/sync.svg +0 -1
  220. package/public/svgs/tag.svg +0 -1
  221. package/public/svgs/target.svg +0 -1
  222. package/public/svgs/text-add.svg +0 -1
  223. package/public/svgs/time-add.svg +0 -1
  224. package/public/svgs/timer.svg +0 -1
  225. package/public/svgs/toolbox.svg +0 -1
  226. package/public/svgs/tools.svg +0 -1
  227. package/public/svgs/trash.svg +0 -1
  228. package/public/svgs/trophy.svg +0 -1
  229. package/public/svgs/truck-trailer.svg +0 -1
  230. package/public/svgs/update.svg +0 -1
  231. package/public/svgs/upload-cloud.svg +0 -1
  232. package/public/svgs/upload.svg +0 -1
  233. package/public/svgs/user-add.svg +0 -1
  234. package/public/svgs/user-details.svg +0 -1
  235. package/public/svgs/user-group.svg +0 -1
  236. package/public/svgs/user-id-badge.svg +0 -1
  237. package/public/svgs/user-id-card.svg +0 -1
  238. package/public/svgs/user.svg +0 -1
  239. package/public/svgs/verified.svg +0 -1
  240. package/public/svgs/video.svg +0 -1
  241. package/public/svgs/view-cards.svg +0 -1
  242. package/public/svgs/view-doc.svg +0 -1
  243. package/public/svgs/view-grid.svg +0 -1
  244. package/public/svgs/view-rows.svg +0 -1
  245. package/public/svgs/view-table.svg +0 -1
  246. package/public/svgs/warning.svg +0 -1
  247. package/public/svgs/work-order.svg +0 -1
  248. package/public/svgs/x.svg +0 -1
  249. package/public/vite.svg +0 -1
  250. 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 "autoGrow"
7
+ * @default "medium"
8
8
  */
9
- variant: "autoGrow" | "stacked" | "internalLabel"
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
- "variant": "autoGrow"
5
+ "size": "medium"
6
6
  }, [])
7
7
 
8
8
  const textareaVariantMap = {
9
- "variant": [
10
- "autoGrow",
11
- "stacked",
12
- "internalLabel"
9
+ "size": [
10
+ "small",
11
+ "medium",
12
+ "large"
13
+ ],
14
+ "autoSize": [
15
+ "true"
13
16
  ]
14
17
  }
15
18