@chayns-ui/core 0.3.2 → 0.4.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 (94) hide show
  1. package/README.md +5 -1
  2. package/dist/checkbox.css +83 -0
  3. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  4. package/dist/components/accordion/Accordion.js +3 -0
  5. package/dist/components/accordion/Accordion.js.map +1 -1
  6. package/dist/components/checkbox/Checkbox.d.ts +4 -0
  7. package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
  8. package/dist/components/checkbox/Checkbox.js +27 -0
  9. package/dist/components/checkbox/Checkbox.js.map +1 -0
  10. package/dist/components/checkbox/Checkbox.types.d.ts +9 -0
  11. package/dist/components/checkbox/Checkbox.types.d.ts.map +1 -0
  12. package/dist/components/list/List.d.ts +14 -2
  13. package/dist/components/list/List.d.ts.map +1 -1
  14. package/dist/components/list/List.js +79 -6
  15. package/dist/components/list/List.js.map +1 -1
  16. package/dist/components/list/List.types.d.ts +17 -77
  17. package/dist/components/list/List.types.d.ts.map +1 -1
  18. package/dist/components/list/ListContext.d.ts +6 -0
  19. package/dist/components/list/ListContext.d.ts.map +1 -0
  20. package/dist/components/list/ListContext.js +14 -0
  21. package/dist/components/list/ListContext.js.map +1 -0
  22. package/dist/components/message-box/MessageBox.d.ts +4 -0
  23. package/dist/components/message-box/MessageBox.d.ts.map +1 -0
  24. package/dist/components/message-box/MessageBox.js +19 -0
  25. package/dist/components/message-box/MessageBox.js.map +1 -0
  26. package/dist/components/message-box/MessageBox.types.d.ts +13 -0
  27. package/dist/components/message-box/MessageBox.types.d.ts.map +1 -0
  28. package/dist/components/popup/Popup.d.ts +6 -3
  29. package/dist/components/popup/Popup.d.ts.map +1 -1
  30. package/dist/components/popup/Popup.js +102 -90
  31. package/dist/components/popup/Popup.js.map +1 -1
  32. package/dist/components/popup/Popup.types.d.ts +17 -7
  33. package/dist/components/popup/Popup.types.d.ts.map +1 -1
  34. package/dist/components/popup/PopupList.d.ts.map +1 -1
  35. package/dist/components/popup/PopupList.js +7 -5
  36. package/dist/components/popup/PopupList.js.map +1 -1
  37. package/dist/components/radio-group/RadioGroup.d.ts +6 -0
  38. package/dist/components/radio-group/RadioGroup.d.ts.map +1 -0
  39. package/dist/components/radio-group/RadioGroup.js +69 -0
  40. package/dist/components/radio-group/RadioGroup.js.map +1 -0
  41. package/dist/components/radio-group/RadioGroup.types.d.ts +30 -0
  42. package/dist/components/radio-group/RadioGroup.types.d.ts.map +1 -0
  43. package/dist/components/radio-group/RadioGroupContext.d.ts +11 -0
  44. package/dist/components/radio-group/RadioGroupContext.d.ts.map +1 -0
  45. package/dist/components/radio-group/RadioGroupContext.js +12 -0
  46. package/dist/components/radio-group/RadioGroupContext.js.map +1 -0
  47. package/dist/components/segmented-control/SegmentedControl.d.ts +16 -0
  48. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -0
  49. package/dist/components/segmented-control/SegmentedControl.js +114 -0
  50. package/dist/components/segmented-control/SegmentedControl.js.map +1 -0
  51. package/dist/components/segmented-control/SegmentedControl.types.d.ts +41 -0
  52. package/dist/components/segmented-control/SegmentedControl.types.d.ts.map +1 -0
  53. package/dist/components/segmented-control/SegmentedControlContext.d.ts +11 -0
  54. package/dist/components/segmented-control/SegmentedControlContext.d.ts.map +1 -0
  55. package/dist/components/segmented-control/SegmentedControlContext.js +12 -0
  56. package/dist/components/segmented-control/SegmentedControlContext.js.map +1 -0
  57. package/dist/components/switch/Switch.d.ts +4 -0
  58. package/dist/components/switch/Switch.d.ts.map +1 -0
  59. package/dist/components/switch/Switch.js +28 -0
  60. package/dist/components/switch/Switch.js.map +1 -0
  61. package/dist/components/switch/Switch.types.d.ts +9 -0
  62. package/dist/components/switch/Switch.types.d.ts.map +1 -0
  63. package/dist/components/text-area/TextArea.d.ts +4 -0
  64. package/dist/components/text-area/TextArea.d.ts.map +1 -0
  65. package/dist/components/text-area/TextArea.js +45 -0
  66. package/dist/components/text-area/TextArea.js.map +1 -0
  67. package/dist/components/text-area/TextArea.types.d.ts +17 -0
  68. package/dist/components/text-area/TextArea.types.d.ts.map +1 -0
  69. package/dist/components/text-field/TextField.d.ts +4 -0
  70. package/dist/components/text-field/TextField.d.ts.map +1 -0
  71. package/dist/components/text-field/TextField.js +45 -0
  72. package/dist/components/text-field/TextField.js.map +1 -0
  73. package/dist/components/text-field/TextField.types.d.ts +17 -0
  74. package/dist/components/text-field/TextField.types.d.ts.map +1 -0
  75. package/dist/index.d.ts +15 -2
  76. package/dist/index.d.ts.map +1 -1
  77. package/dist/index.js +9 -3
  78. package/dist/list.css +33 -44
  79. package/dist/message-box.css +26 -0
  80. package/dist/radio-group.css +102 -0
  81. package/dist/segmented-control.css +61 -0
  82. package/dist/styles.css +7 -0
  83. package/dist/switch.css +76 -0
  84. package/dist/text-area.css +105 -0
  85. package/dist/text-field.css +107 -0
  86. package/package.json +8 -1
  87. package/dist/components/list-item/ListItem.d.ts +0 -4
  88. package/dist/components/list-item/ListItem.d.ts.map +0 -1
  89. package/dist/components/list-item/ListItem.js +0 -42
  90. package/dist/components/list-item/ListItem.js.map +0 -1
  91. package/dist/components/list-item/list-item-body/ListItemBody.d.ts +0 -10
  92. package/dist/components/list-item/list-item-body/ListItemBody.d.ts.map +0 -1
  93. package/dist/components/list-item/list-item-body/ListItemBody.js +0 -30
  94. package/dist/components/list-item/list-item-body/ListItemBody.js.map +0 -1
@@ -1,42 +0,0 @@
1
- import ListItemBody from "./list-item-body/ListItemBody.js";
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- //#region src/components/list-item/ListItem.tsx
4
- var ListItem = ({ className, disabled = false, href, id, leading, onClick, subtitle, title, trailing, unread = false, unreadLabel }) => {
5
- const actionClassName = ["chayns-list-item__action", Boolean(href) || Boolean(onClick) ? "chayns-list-item__action--interactive" : null].filter(Boolean).join(" ");
6
- const body = /* @__PURE__ */ jsx(ListItemBody, {
7
- leading,
8
- subtitle,
9
- title,
10
- unread,
11
- unreadLabel
12
- });
13
- let action;
14
- if (href) action = /* @__PURE__ */ jsx("a", {
15
- className: actionClassName,
16
- href,
17
- children: body
18
- });
19
- else if (onClick) action = /* @__PURE__ */ jsx("button", {
20
- className: actionClassName,
21
- disabled,
22
- onClick,
23
- type: "button",
24
- children: body
25
- });
26
- else action = /* @__PURE__ */ jsx("div", {
27
- className: actionClassName,
28
- children: body
29
- });
30
- return /* @__PURE__ */ jsxs("li", {
31
- className: ["chayns-list-item", className].filter(Boolean).join(" "),
32
- id,
33
- children: [action, trailing ? /* @__PURE__ */ jsx("span", {
34
- className: "chayns-list-item__trailing",
35
- children: trailing
36
- }) : null]
37
- });
38
- };
39
- //#endregion
40
- export { ListItem as default };
41
-
42
- //# sourceMappingURL=ListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItem.js","names":[],"sources":["../../../src/components/list-item/ListItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { ListItemProps } from '../list/List.types.js';\nimport ListItemBody from './list-item-body/ListItemBody.js';\n\nconst ListItem = ({\n className,\n disabled = false,\n href,\n id,\n leading,\n onClick,\n subtitle,\n title,\n trailing,\n unread = false,\n unreadLabel,\n}: ListItemProps) => {\n const interactive = Boolean(href) || Boolean(onClick);\n const actionClassName = [\n 'chayns-list-item__action',\n interactive ? 'chayns-list-item__action--interactive' : null,\n ]\n .filter(Boolean)\n .join(' ');\n\n const body = (\n <ListItemBody\n leading={leading}\n subtitle={subtitle}\n title={title}\n unread={unread}\n unreadLabel={unreadLabel}\n />\n );\n\n let action: ReactNode;\n if (href) {\n action = (\n <a className={actionClassName} href={href}>\n {body}\n </a>\n );\n } else if (onClick) {\n action = (\n <button className={actionClassName} disabled={disabled} onClick={onClick} type=\"button\">\n {body}\n </button>\n );\n } else {\n action = <div className={actionClassName}>{body}</div>;\n }\n\n return (\n <li className={['chayns-list-item', className].filter(Boolean).join(' ')} id={id}>\n {action}\n {trailing ? <span className=\"chayns-list-item__trailing\">{trailing}</span> : null}\n </li>\n );\n};\n\nexport default ListItem;\n"],"mappings":";;;AAKA,IAAM,YAAY,EAChB,WACA,WAAW,OACX,MACA,IACA,SACA,SACA,UACA,OACA,UACA,SAAS,OACT,kBACmB;CAEnB,MAAM,kBAAkB,CACtB,4BAFkB,QAAQ,IAAI,KAAK,QAAQ,OAAO,IAGpC,0CAA0C,IAC1D,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,MAAM,OACJ,oBAAC,cAAD;EACW;EACC;EACH;EACC;EACK;CACd,CAAA;CAGH,IAAI;CACJ,IAAI,MACF,SACE,oBAAC,KAAD;EAAG,WAAW;EAAuB;EAClC,UAAA;CACA,CAAA;MAEA,IAAI,SACT,SACE,oBAAC,UAAD;EAAQ,WAAW;EAA2B;EAAmB;EAAS,MAAK;EAC5E,UAAA;CACK,CAAA;MAGV,SAAS,oBAAC,OAAD;EAAK,WAAW;EAAkB,UAAA;CAAU,CAAA;CAGvD,OACE,qBAAC,MAAD;EAAI,WAAW,CAAC,oBAAoB,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAAO;EAA9E,UAAA,CACG,QACA,WAAW,oBAAC,QAAD;GAAM,WAAU;GAA8B,UAAA;EAAe,CAAA,IAAI,IAC3E;;AAER"}
@@ -1,10 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- declare const ListItemBody: ({ leading, subtitle, title, unread, unreadLabel, }: {
3
- leading?: ReactNode;
4
- subtitle?: ReactNode;
5
- title: ReactNode;
6
- unread?: boolean;
7
- unreadLabel?: string | undefined;
8
- }) => import("react").JSX.Element;
9
- export default ListItemBody;
10
- //# sourceMappingURL=ListItemBody.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemBody.d.ts","sourceRoot":"","sources":["../../../../src/components/list-item/list-item-body/ListItemBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,QAAA,MAAM,YAAY,GAAI,oDAMnB;IACD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,gCAaA,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,30 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- //#region src/components/list-item/list-item-body/ListItemBody.tsx
3
- var ListItemBody = ({ leading, subtitle, title, unread, unreadLabel }) => /* @__PURE__ */ jsxs(Fragment, { children: [
4
- unread ? /* @__PURE__ */ jsx("span", {
5
- className: "chayns-list-item__unread",
6
- "aria-hidden": unreadLabel ? void 0 : true,
7
- children: unreadLabel ? /* @__PURE__ */ jsx("span", {
8
- className: "chayns-visually-hidden",
9
- children: unreadLabel
10
- }) : null
11
- }) : null,
12
- leading ? /* @__PURE__ */ jsx("span", {
13
- className: "chayns-list-item__leading",
14
- children: leading
15
- }) : null,
16
- /* @__PURE__ */ jsxs("span", {
17
- className: "chayns-list-item__body",
18
- children: [/* @__PURE__ */ jsx("span", {
19
- className: "chayns-list-item__title",
20
- children: title
21
- }), subtitle ? /* @__PURE__ */ jsx("span", {
22
- className: "chayns-list-item__subtitle",
23
- children: subtitle
24
- }) : null]
25
- })
26
- ] });
27
- //#endregion
28
- export { ListItemBody as default };
29
-
30
- //# sourceMappingURL=ListItemBody.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ListItemBody.js","names":[],"sources":["../../../../src/components/list-item/list-item-body/ListItemBody.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nconst ListItemBody = ({\n leading,\n subtitle,\n title,\n unread,\n unreadLabel,\n}: {\n leading?: ReactNode;\n subtitle?: ReactNode;\n title: ReactNode;\n unread?: boolean;\n unreadLabel?: string | undefined;\n}) => (\n <>\n {unread ? (\n <span className=\"chayns-list-item__unread\" aria-hidden={unreadLabel ? undefined : true}>\n {unreadLabel ? <span className=\"chayns-visually-hidden\">{unreadLabel}</span> : null}\n </span>\n ) : null}\n {leading ? <span className=\"chayns-list-item__leading\">{leading}</span> : null}\n <span className=\"chayns-list-item__body\">\n <span className=\"chayns-list-item__title\">{title}</span>\n {subtitle ? <span className=\"chayns-list-item__subtitle\">{subtitle}</span> : null}\n </span>\n </>\n);\n\nexport default ListItemBody;\n"],"mappings":";;AAEA,IAAM,gBAAgB,EACpB,SACA,UACA,OACA,QACA,kBAQA,qBAAA,UAAA,EAAA,UAAA;CACG,SACC,oBAAC,QAAD;EAAM,WAAU;EAA2B,eAAa,cAAc,KAAA,IAAY;EAC/E,UAAA,cAAc,oBAAC,QAAD;GAAM,WAAU;GAA0B,UAAA;EAAkB,CAAA,IAAI;CAC3E,CAAA,IACJ;CACH,UAAU,oBAAC,QAAD;EAAM,WAAU;EAA6B,UAAA;CAAc,CAAA,IAAI;CAC1E,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GAA2B,UAAA;EAAY,CAAA,GACtD,WAAW,oBAAC,QAAD;GAAM,WAAU;GAA8B,UAAA;EAAe,CAAA,IAAI,IACzE;;AACN,EAAA,CAAA"}