@chayns-ui/core 0.5.0 → 0.7.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 (125) hide show
  1. package/README.md +9 -3
  2. package/dist/accordion.css +66 -2
  3. package/dist/badge.css +3 -3
  4. package/dist/banner.css +89 -0
  5. package/dist/button.css +16 -2
  6. package/dist/card.css +29 -2
  7. package/dist/checkbox.css +24 -13
  8. package/dist/combo-box.css +20 -2
  9. package/dist/components/accordion/Accordion.d.ts +10 -2
  10. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  11. package/dist/components/accordion/Accordion.js +120 -46
  12. package/dist/components/accordion/Accordion.js.map +1 -1
  13. package/dist/components/accordion/Accordion.types.d.ts +24 -1
  14. package/dist/components/accordion/Accordion.types.d.ts.map +1 -1
  15. package/dist/components/accordion/Accordion.types.js +6 -0
  16. package/dist/components/accordion/Accordion.types.js.map +1 -0
  17. package/dist/components/accordion/AccordionContext.d.ts +9 -0
  18. package/dist/components/accordion/AccordionContext.d.ts.map +1 -1
  19. package/dist/components/accordion/AccordionContext.js +8 -2
  20. package/dist/components/accordion/AccordionContext.js.map +1 -1
  21. package/dist/components/accordion-group/AccordionGroup.d.ts +1 -1
  22. package/dist/components/accordion-group/AccordionGroup.d.ts.map +1 -1
  23. package/dist/components/accordion-group/AccordionGroup.js +3 -3
  24. package/dist/components/accordion-group/AccordionGroup.js.map +1 -1
  25. package/dist/components/avatar/Avatar.js +1 -1
  26. package/dist/components/avatar-group/AvatarGroup.js +1 -1
  27. package/dist/components/badge/Badge.js +1 -1
  28. package/dist/components/banner/Banner.d.ts +3 -0
  29. package/dist/components/banner/Banner.d.ts.map +1 -0
  30. package/dist/components/banner/Banner.js +46 -0
  31. package/dist/components/banner/Banner.js.map +1 -0
  32. package/dist/components/banner/Banner.types.d.ts +24 -0
  33. package/dist/components/banner/Banner.types.d.ts.map +1 -0
  34. package/dist/components/banner/Banner.types.js +11 -0
  35. package/dist/components/banner/Banner.types.js.map +1 -0
  36. package/dist/components/button/Button.d.ts +1 -1
  37. package/dist/components/button/Button.d.ts.map +1 -1
  38. package/dist/components/button/Button.js +8 -3
  39. package/dist/components/button/Button.js.map +1 -1
  40. package/dist/components/button/Button.types.d.ts +15 -11
  41. package/dist/components/button/Button.types.d.ts.map +1 -1
  42. package/dist/components/button/Button.types.js.map +1 -1
  43. package/dist/components/button/button-icon/ButtonIcon.d.ts.map +1 -1
  44. package/dist/components/button/button-icon/ButtonIcon.js +18 -12
  45. package/dist/components/button/button-icon/ButtonIcon.js.map +1 -1
  46. package/dist/components/card/Card.d.ts +4 -2
  47. package/dist/components/card/Card.d.ts.map +1 -1
  48. package/dist/components/card/Card.js +24 -8
  49. package/dist/components/card/Card.js.map +1 -1
  50. package/dist/components/card/Card.types.d.ts +10 -12
  51. package/dist/components/card/Card.types.d.ts.map +1 -1
  52. package/dist/components/checkbox/Checkbox.d.ts +1 -1
  53. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  54. package/dist/components/checkbox/Checkbox.js +15 -6
  55. package/dist/components/checkbox/Checkbox.js.map +1 -1
  56. package/dist/components/checkbox/Checkbox.types.d.ts +2 -0
  57. package/dist/components/checkbox/Checkbox.types.d.ts.map +1 -1
  58. package/dist/components/combo-box/ComboBox.d.ts.map +1 -1
  59. package/dist/components/combo-box/ComboBox.js +19 -2
  60. package/dist/components/combo-box/ComboBox.js.map +1 -1
  61. package/dist/components/date-time-picker/DateTimePicker.d.ts +4 -0
  62. package/dist/components/date-time-picker/DateTimePicker.d.ts.map +1 -0
  63. package/dist/components/date-time-picker/DateTimePicker.js +339 -0
  64. package/dist/components/date-time-picker/DateTimePicker.js.map +1 -0
  65. package/dist/components/date-time-picker/DateTimePicker.types.d.ts +26 -0
  66. package/dist/components/date-time-picker/DateTimePicker.types.d.ts.map +1 -0
  67. package/dist/components/date-time-picker/DateTimePicker.types.js +12 -0
  68. package/dist/components/date-time-picker/DateTimePicker.types.js.map +1 -0
  69. package/dist/components/icon-button/IconButton.d.ts +7 -2
  70. package/dist/components/icon-button/IconButton.d.ts.map +1 -1
  71. package/dist/components/icon-button/IconButton.js +8 -3
  72. package/dist/components/icon-button/IconButton.js.map +1 -1
  73. package/dist/components/icon-button/IconButton.types.d.ts +7 -4
  74. package/dist/components/icon-button/IconButton.types.d.ts.map +1 -1
  75. package/dist/components/list/List.js +1 -1
  76. package/dist/components/popup/Popup.js +1 -1
  77. package/dist/components/popup/PopupList.js +1 -1
  78. package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
  79. package/dist/components/radio-group/RadioGroup.js +17 -8
  80. package/dist/components/radio-group/RadioGroup.js.map +1 -1
  81. package/dist/components/radio-group/RadioGroup.types.d.ts +5 -3
  82. package/dist/components/radio-group/RadioGroup.types.d.ts.map +1 -1
  83. package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
  84. package/dist/components/segmented-control/SegmentedControl.js +12 -5
  85. package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
  86. package/dist/components/segmented-control/SegmentedControl.types.d.ts +5 -2
  87. package/dist/components/segmented-control/SegmentedControl.types.d.ts.map +1 -1
  88. package/dist/components/split-button/SplitButton.d.ts +1 -1
  89. package/dist/components/split-button/SplitButton.d.ts.map +1 -1
  90. package/dist/components/split-button/SplitButton.js +9 -17
  91. package/dist/components/split-button/SplitButton.js.map +1 -1
  92. package/dist/components/switch/Switch.d.ts +1 -1
  93. package/dist/components/switch/Switch.d.ts.map +1 -1
  94. package/dist/components/switch/Switch.js +13 -5
  95. package/dist/components/switch/Switch.js.map +1 -1
  96. package/dist/components/switch/Switch.types.d.ts +2 -0
  97. package/dist/components/switch/Switch.types.d.ts.map +1 -1
  98. package/dist/components/text-area/TextArea.d.ts +1 -1
  99. package/dist/components/text-area/TextArea.d.ts.map +1 -1
  100. package/dist/components/text-area/TextArea.js +5 -4
  101. package/dist/components/text-area/TextArea.js.map +1 -1
  102. package/dist/components/text-field/TextField.d.ts +1 -1
  103. package/dist/components/text-field/TextField.d.ts.map +1 -1
  104. package/dist/components/text-field/TextField.js +5 -4
  105. package/dist/components/text-field/TextField.js.map +1 -1
  106. package/dist/date-time-picker.css +121 -0
  107. package/dist/index.d.ts +9 -5
  108. package/dist/index.d.ts.map +1 -1
  109. package/dist/index.js +6 -2
  110. package/dist/list.css +4 -4
  111. package/dist/radio-group.css +13 -1
  112. package/dist/segmented-control.css +24 -7
  113. package/dist/split-button.css +1 -1
  114. package/dist/styles.css +2 -1
  115. package/dist/switch.css +18 -5
  116. package/dist/text-area.css +2 -2
  117. package/dist/text-field.css +1 -1
  118. package/package.json +3 -2
  119. package/dist/components/message-box/MessageBox.d.ts +0 -4
  120. package/dist/components/message-box/MessageBox.d.ts.map +0 -1
  121. package/dist/components/message-box/MessageBox.js +0 -19
  122. package/dist/components/message-box/MessageBox.js.map +0 -1
  123. package/dist/components/message-box/MessageBox.types.d.ts +0 -13
  124. package/dist/components/message-box/MessageBox.types.d.ts.map +0 -1
  125. package/dist/message-box.css +0 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-ui/core",
3
- "version": "0.5.0",
3
+ "version": "0.7.0",
4
4
  "description": "Accessible React core components for chayns UI",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -24,6 +24,7 @@
24
24
  },
25
25
  "./button.css": "./dist/button.css",
26
26
  "./badge.css": "./dist/badge.css",
27
+ "./banner.css": "./dist/banner.css",
27
28
  "./combo-box.css": "./dist/combo-box.css",
28
29
  "./card.css": "./dist/card.css",
29
30
  "./avatar.css": "./dist/avatar.css",
@@ -32,12 +33,12 @@
32
33
  "./popup.css": "./dist/popup.css",
33
34
  "./split-button.css": "./dist/split-button.css",
34
35
  "./text-field.css": "./dist/text-field.css",
36
+ "./date-time-picker.css": "./dist/date-time-picker.css",
35
37
  "./text-area.css": "./dist/text-area.css",
36
38
  "./checkbox.css": "./dist/checkbox.css",
37
39
  "./switch.css": "./dist/switch.css",
38
40
  "./radio-group.css": "./dist/radio-group.css",
39
41
  "./segmented-control.css": "./dist/segmented-control.css",
40
- "./message-box.css": "./dist/message-box.css",
41
42
  "./styles.css": "./dist/styles.css",
42
43
  "./package.json": "./package.json"
43
44
  },
@@ -1,4 +0,0 @@
1
- import type { MessageBoxProps } from './MessageBox.types.js';
2
- declare function MessageBox({ children, className, tone, ...asideProps }: MessageBoxProps): import("react").JSX.Element;
3
- export default MessageBox;
4
- //# sourceMappingURL=MessageBox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageBox.d.ts","sourceRoot":"","sources":["../../../src/components/message-box/MessageBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAgB,EAAE,GAAG,UAAU,EAAE,EAAE,eAAe,+BAU5F;AAED,eAAe,UAAU,CAAC"}
@@ -1,19 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- //#region src/components/message-box/MessageBox.tsx
3
- function MessageBox({ children, className, tone = "neutral", ...asideProps }) {
4
- const resolvedClassName = [
5
- "chayns-message-box",
6
- `chayns-message-box--${tone}`,
7
- className
8
- ].filter(Boolean).join(" ");
9
- return /* @__PURE__ */ jsx("aside", {
10
- ...asideProps,
11
- className: resolvedClassName,
12
- role: "note",
13
- children
14
- });
15
- }
16
- //#endregion
17
- export { MessageBox as default };
18
-
19
- //# sourceMappingURL=MessageBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageBox.js","names":[],"sources":["../../../src/components/message-box/MessageBox.tsx"],"sourcesContent":["import type { MessageBoxProps } from './MessageBox.types.js';\n\nfunction MessageBox({ children, className, tone = 'neutral', ...asideProps }: MessageBoxProps) {\n const resolvedClassName = ['chayns-message-box', `chayns-message-box--${tone}`, className]\n .filter(Boolean)\n .join(' ');\n\n return (\n <aside {...asideProps} className={resolvedClassName} role=\"note\">\n {children}\n </aside>\n );\n}\n\nexport default MessageBox;\n"],"mappings":";;AAEA,SAAS,WAAW,EAAE,UAAU,WAAW,OAAO,WAAW,GAAG,cAA+B;CAC7F,MAAM,oBAAoB;EAAC;EAAsB,uBAAuB;EAAQ;CAAS,CAAC,CACvF,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,oBAAC,SAAD;EAAO,GAAI;EAAY,WAAW;EAAmB,MAAK;EACvD;CACI,CAAA;AAEX"}
@@ -1,13 +0,0 @@
1
- import type { ComponentPropsWithRef, ReactNode } from 'react';
2
- /** Supported static MessageBox presentations. */
3
- export type MessageBoxTone = 'neutral' | 'admin' | 'warning';
4
- /** Props for a static, freely composed aside note. */
5
- export interface MessageBoxProps extends Omit<ComponentPropsWithRef<'aside'>, 'children' | 'role'> {
6
- /** Surface presentation for the static note. */
7
- tone?: MessageBoxTone;
8
- /** Consumer-composed content such as title, text, icon and follow action. */
9
- children: ReactNode;
10
- /** MessageBox owns its static note role. */
11
- role?: never;
12
- }
13
- //# sourceMappingURL=MessageBox.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MessageBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/message-box/MessageBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,iDAAiD;AACjD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,sDAAsD;AACtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAChG,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;IAEpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC;CACd"}
@@ -1,26 +0,0 @@
1
- @layer chayns.components {
2
- .chayns-message-box {
3
- box-sizing: border-box;
4
- display: flex;
5
- align-items: flex-start;
6
- gap: var(--k12);
7
- inline-size: 100%;
8
- padding: var(--k16);
9
- border: 1px solid var(--input-border);
10
- border-radius: 12px;
11
- }
12
-
13
- .chayns-message-box--neutral {
14
- background: var(--surface-2);
15
- }
16
-
17
- .chayns-message-box--admin {
18
- border-color: var(--accent-300);
19
- background: var(--tint);
20
- }
21
-
22
- .chayns-message-box--warning {
23
- border-color: var(--warning);
24
- background: var(--warning-bg);
25
- }
26
- }