@cerberus-design/react 0.8.0-next-83135af → 0.8.0-next-4fc3696
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/build/legacy/_tsup-dts-rollup.d.ts +48 -0
- package/build/legacy/{chunk-2VPKILZ6.js → chunk-4DPGADIC.js} +2 -2
- package/build/legacy/{chunk-L46XIE3D.js → chunk-6CNSWNE2.js} +4 -4
- package/build/legacy/{chunk-SMCEFK6Q.js → chunk-CWZON7EZ.js} +2 -2
- package/build/legacy/{chunk-GVNPFXKL.js → chunk-H4F2ONKN.js} +3 -1
- package/build/legacy/chunk-H4F2ONKN.js.map +1 -0
- package/build/legacy/{chunk-AAKIOHAX.js → chunk-ITND4I7J.js} +2 -2
- package/build/legacy/chunk-MINQJYGV.js +68 -0
- package/build/legacy/chunk-MINQJYGV.js.map +1 -0
- package/build/legacy/{chunk-JJGZRBIR.js → chunk-RQPDRHRP.js} +5 -4
- package/build/legacy/{chunk-JJGZRBIR.js.map → chunk-RQPDRHRP.js.map} +1 -1
- package/build/legacy/{chunk-BEYPMC73.js → chunk-TSUSAKL3.js} +2 -2
- package/build/{modern/chunk-XB4ZRAH4.js → legacy/chunk-URKYD3YB.js} +2 -2
- package/build/legacy/{chunk-LF2QFS5S.js → chunk-XYCRUMOL.js} +2 -2
- package/build/legacy/{chunk-IL5ELPTT.js → chunk-YRGASCC5.js} +2 -2
- package/build/legacy/components/FileUploader.js +3 -3
- package/build/legacy/components/Input.js +3 -3
- package/build/legacy/components/Label.js +1 -1
- package/build/legacy/components/Notification.js +3 -3
- package/build/legacy/components/Select.js +14 -0
- package/build/legacy/components/Select.js.map +1 -0
- package/build/legacy/components/Toggle.js +3 -3
- package/build/legacy/config/cerbIcons.js +1 -1
- package/build/legacy/config/defineIcons.js +2 -2
- package/build/legacy/context/confirm-modal.js +3 -3
- package/build/legacy/context/notification-center.js +4 -4
- package/build/legacy/context/prompt-modal.js +5 -5
- package/build/legacy/index.js +22 -16
- package/build/legacy/index.js.map +1 -1
- package/build/modern/_tsup-dts-rollup.d.ts +48 -0
- package/build/modern/{chunk-Y5IY7O23.js → chunk-GM3AUVXL.js} +2 -2
- package/build/modern/{chunk-GVNPFXKL.js → chunk-H4F2ONKN.js} +3 -1
- package/build/modern/chunk-H4F2ONKN.js.map +1 -0
- package/build/modern/chunk-MINQJYGV.js +68 -0
- package/build/modern/chunk-MINQJYGV.js.map +1 -0
- package/build/modern/{chunk-IOG6XIR5.js → chunk-NVCUFUD7.js} +2 -2
- package/build/modern/{chunk-4N2L357B.js → chunk-O7SC4O5S.js} +2 -2
- package/build/modern/{chunk-LTDNZRUY.js → chunk-QRTCZO2W.js} +4 -4
- package/build/modern/{chunk-JJGZRBIR.js → chunk-RQPDRHRP.js} +5 -4
- package/build/modern/{chunk-JJGZRBIR.js.map → chunk-RQPDRHRP.js.map} +1 -1
- package/build/modern/{chunk-BEYPMC73.js → chunk-TSUSAKL3.js} +2 -2
- package/build/{legacy/chunk-XB4ZRAH4.js → modern/chunk-URKYD3YB.js} +2 -2
- package/build/modern/{chunk-QO2UXGW4.js → chunk-XWE45ZOL.js} +2 -2
- package/build/modern/{chunk-IL5ELPTT.js → chunk-YRGASCC5.js} +2 -2
- package/build/modern/components/FileUploader.js +3 -3
- package/build/modern/components/Input.js +3 -3
- package/build/modern/components/Label.js +1 -1
- package/build/modern/components/Notification.js +3 -3
- package/build/modern/components/Select.js +14 -0
- package/build/modern/components/Select.js.map +1 -0
- package/build/modern/components/Toggle.js +3 -3
- package/build/modern/config/cerbIcons.js +1 -1
- package/build/modern/config/defineIcons.js +2 -2
- package/build/modern/context/confirm-modal.js +3 -3
- package/build/modern/context/notification-center.js +4 -4
- package/build/modern/context/prompt-modal.js +5 -5
- package/build/modern/index.js +22 -16
- package/build/modern/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Label.tsx +3 -2
- package/src/components/Select.tsx +96 -0
- package/src/config/cerbIcons.ts +3 -0
- package/src/index.ts +1 -0
- package/build/legacy/chunk-GVNPFXKL.js.map +0 -1
- package/build/modern/chunk-GVNPFXKL.js.map +0 -1
- /package/build/legacy/{chunk-2VPKILZ6.js.map → chunk-4DPGADIC.js.map} +0 -0
- /package/build/legacy/{chunk-L46XIE3D.js.map → chunk-6CNSWNE2.js.map} +0 -0
- /package/build/legacy/{chunk-SMCEFK6Q.js.map → chunk-CWZON7EZ.js.map} +0 -0
- /package/build/legacy/{chunk-AAKIOHAX.js.map → chunk-ITND4I7J.js.map} +0 -0
- /package/build/legacy/{chunk-BEYPMC73.js.map → chunk-TSUSAKL3.js.map} +0 -0
- /package/build/legacy/{chunk-XB4ZRAH4.js.map → chunk-URKYD3YB.js.map} +0 -0
- /package/build/legacy/{chunk-LF2QFS5S.js.map → chunk-XYCRUMOL.js.map} +0 -0
- /package/build/legacy/{chunk-IL5ELPTT.js.map → chunk-YRGASCC5.js.map} +0 -0
- /package/build/modern/{chunk-Y5IY7O23.js.map → chunk-GM3AUVXL.js.map} +0 -0
- /package/build/modern/{chunk-IOG6XIR5.js.map → chunk-NVCUFUD7.js.map} +0 -0
- /package/build/modern/{chunk-4N2L357B.js.map → chunk-O7SC4O5S.js.map} +0 -0
- /package/build/modern/{chunk-LTDNZRUY.js.map → chunk-QRTCZO2W.js.map} +0 -0
- /package/build/modern/{chunk-BEYPMC73.js.map → chunk-TSUSAKL3.js.map} +0 -0
- /package/build/modern/{chunk-XB4ZRAH4.js.map → chunk-URKYD3YB.js.map} +0 -0
- /package/build/modern/{chunk-QO2UXGW4.js.map → chunk-XWE45ZOL.js.map} +0 -0
- /package/build/modern/{chunk-IL5ELPTT.js.map → chunk-YRGASCC5.js.map} +0 -0
|
@@ -82,6 +82,7 @@ import { MouseSensor } from '@dnd-kit/core';
|
|
|
82
82
|
import { MouseSensorOptions } from '@dnd-kit/core';
|
|
83
83
|
import { MutableRefObject } from 'react';
|
|
84
84
|
import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
|
|
85
|
+
import type { OptionHTMLAttributes } from 'react';
|
|
85
86
|
import { Over } from '@dnd-kit/core';
|
|
86
87
|
import { PointerActivationConstraint } from '@dnd-kit/core';
|
|
87
88
|
import { PointerEventHandlers } from '@dnd-kit/core';
|
|
@@ -100,6 +101,8 @@ import { rectIntersection } from '@dnd-kit/core';
|
|
|
100
101
|
import { RefAttributes } from 'react';
|
|
101
102
|
import { RefObject } from 'react';
|
|
102
103
|
import { ScreenReaderInstructions } from '@dnd-kit/core';
|
|
104
|
+
import type { SelectHTMLAttributes } from 'react';
|
|
105
|
+
import { SelectVariantProps } from '@cerberus/styled-system/recipes';
|
|
103
106
|
import { Sensor } from '@dnd-kit/core';
|
|
104
107
|
import { SensorContext } from '@dnd-kit/core';
|
|
105
108
|
import { SensorDescriptor } from '@dnd-kit/core';
|
|
@@ -280,6 +283,7 @@ export declare interface DefinedIcons {
|
|
|
280
283
|
warningNotification?: IconType;
|
|
281
284
|
dangerNotification?: IconType;
|
|
282
285
|
invalid: IconType;
|
|
286
|
+
selectArrow?: IconType;
|
|
283
287
|
toggleChecked?: IconType;
|
|
284
288
|
}
|
|
285
289
|
|
|
@@ -884,6 +888,22 @@ declare interface NotifyOptions {
|
|
|
884
888
|
export { NotifyOptions }
|
|
885
889
|
export { NotifyOptions as NotifyOptions_alias_1 }
|
|
886
890
|
|
|
891
|
+
/**
|
|
892
|
+
* Option component
|
|
893
|
+
* props: OptionHTMLAttributes<HTMLOptionElement>
|
|
894
|
+
* @example
|
|
895
|
+
* ```tsx
|
|
896
|
+
* <Option value="one">Option 1</Option>
|
|
897
|
+
* ```
|
|
898
|
+
*/
|
|
899
|
+
declare function Option_2(props: OptionProps): JSX_2.Element;
|
|
900
|
+
export { Option_2 as Option }
|
|
901
|
+
export { Option_2 as Option_alias_1 }
|
|
902
|
+
|
|
903
|
+
declare type OptionProps = OptionHTMLAttributes<HTMLOptionElement>;
|
|
904
|
+
export { OptionProps }
|
|
905
|
+
export { OptionProps as OptionProps_alias_1 }
|
|
906
|
+
|
|
887
907
|
export { Over }
|
|
888
908
|
|
|
889
909
|
export { PointerActivationConstraint }
|
|
@@ -989,6 +1009,34 @@ export { rectIntersection }
|
|
|
989
1009
|
|
|
990
1010
|
export { ScreenReaderInstructions }
|
|
991
1011
|
|
|
1012
|
+
/**
|
|
1013
|
+
* Select component
|
|
1014
|
+
* props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }
|
|
1015
|
+
* @example
|
|
1016
|
+
* ```tsx
|
|
1017
|
+
* <Select describedby="help:fruit" id="fruit">
|
|
1018
|
+
* <Option value="">Choose option</Option>
|
|
1019
|
+
* <Option value="one">Option 1</Option>
|
|
1020
|
+
* <Option value="two">Option 2</Option>
|
|
1021
|
+
* <Option value="three">Option 3</Option>
|
|
1022
|
+
* </Select>
|
|
1023
|
+
* ```
|
|
1024
|
+
*/
|
|
1025
|
+
declare function Select(props: SelectProps): JSX_2.Element;
|
|
1026
|
+
export { Select }
|
|
1027
|
+
export { Select as Select_alias_1 }
|
|
1028
|
+
|
|
1029
|
+
/**
|
|
1030
|
+
* This module contains the select components.
|
|
1031
|
+
* @module
|
|
1032
|
+
*/
|
|
1033
|
+
declare type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & SelectVariantProps & {
|
|
1034
|
+
id: string;
|
|
1035
|
+
describedBy?: string;
|
|
1036
|
+
};
|
|
1037
|
+
export { SelectProps }
|
|
1038
|
+
export { SelectProps as SelectProps_alias_1 }
|
|
1039
|
+
|
|
992
1040
|
export { Sensor }
|
|
993
1041
|
|
|
994
1042
|
export { SensorContext }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Notification
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-XYCRUMOL.js";
|
|
4
4
|
import {
|
|
5
5
|
NotificationDescription
|
|
6
6
|
} from "./chunk-HW76XVA3.js";
|
|
@@ -119,4 +119,4 @@ export {
|
|
|
119
119
|
NotificationCenter,
|
|
120
120
|
useNotificationCenter
|
|
121
121
|
};
|
|
122
|
-
//# sourceMappingURL=chunk-
|
|
122
|
+
//# sourceMappingURL=chunk-4DPGADIC.js.map
|
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
} from "./chunk-4CAT3FHV.js";
|
|
4
4
|
import {
|
|
5
5
|
Input
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-URKYD3YB.js";
|
|
7
7
|
import {
|
|
8
8
|
Label
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-RQPDRHRP.js";
|
|
10
10
|
import {
|
|
11
11
|
Modal
|
|
12
12
|
} from "./chunk-2UFNQM55.js";
|
|
@@ -36,7 +36,7 @@ import {
|
|
|
36
36
|
} from "./chunk-KESKDLX6.js";
|
|
37
37
|
import {
|
|
38
38
|
$cerberusIcons
|
|
39
|
-
} from "./chunk-
|
|
39
|
+
} from "./chunk-TSUSAKL3.js";
|
|
40
40
|
import {
|
|
41
41
|
useModal
|
|
42
42
|
} from "./chunk-TZNYJ3G7.js";
|
|
@@ -205,4 +205,4 @@ export {
|
|
|
205
205
|
PromptModal,
|
|
206
206
|
usePromptModal
|
|
207
207
|
};
|
|
208
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-6CNSWNE2.js.map
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-4O4QFF4S.js";
|
|
4
4
|
import {
|
|
5
5
|
$cerberusIcons
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-TSUSAKL3.js";
|
|
7
7
|
|
|
8
8
|
// src/components/FileUploader.tsx
|
|
9
9
|
import { cx } from "@cerberus/styled-system/css";
|
|
@@ -60,4 +60,4 @@ function FileUploader(props) {
|
|
|
60
60
|
export {
|
|
61
61
|
FileUploader
|
|
62
62
|
};
|
|
63
|
-
//# sourceMappingURL=chunk-
|
|
63
|
+
//# sourceMappingURL=chunk-CWZON7EZ.js.map
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import {
|
|
3
3
|
Checkmark,
|
|
4
4
|
CheckmarkFilled,
|
|
5
|
+
ChevronDown,
|
|
5
6
|
CloudUpload,
|
|
6
7
|
ErrorFilled,
|
|
7
8
|
Information,
|
|
@@ -17,10 +18,11 @@ var defaultIcons = {
|
|
|
17
18
|
warningNotification: WarningFilled,
|
|
18
19
|
dangerNotification: ErrorFilled,
|
|
19
20
|
invalid: WarningFilled,
|
|
21
|
+
selectArrow: ChevronDown,
|
|
20
22
|
toggleChecked: Checkmark
|
|
21
23
|
};
|
|
22
24
|
|
|
23
25
|
export {
|
|
24
26
|
defaultIcons
|
|
25
27
|
};
|
|
26
|
-
//# sourceMappingURL=chunk-
|
|
28
|
+
//# sourceMappingURL=chunk-H4F2ONKN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n Checkmark,\n CheckmarkFilled,\n ChevronDown,\n CloudUpload,\n ErrorFilled,\n Information,\n InformationFilled,\n WarningFilled,\n type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n confirmModal?: IconType\n promptModal?: IconType\n fileUploader?: IconType\n infoNotification?: IconType\n successNotification?: IconType\n warningNotification?: IconType\n dangerNotification?: IconType\n invalid: IconType\n selectArrow?: IconType\n toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n confirmModal: Information,\n promptModal: Information,\n fileUploader: CloudUpload,\n infoNotification: InformationFilled,\n successNotification: CheckmarkFilled,\n warningNotification: WarningFilled,\n dangerNotification: ErrorFilled,\n invalid: WarningFilled,\n selectArrow: ChevronDown,\n toggleChecked: Checkmark,\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAkBA,IAAM,eAA6B;AAAA,EACxC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}
|
|
@@ -27,7 +27,7 @@ import {
|
|
|
27
27
|
} from "./chunk-KESKDLX6.js";
|
|
28
28
|
import {
|
|
29
29
|
$cerberusIcons
|
|
30
|
-
} from "./chunk-
|
|
30
|
+
} from "./chunk-TSUSAKL3.js";
|
|
31
31
|
import {
|
|
32
32
|
useModal
|
|
33
33
|
} from "./chunk-TZNYJ3G7.js";
|
|
@@ -152,4 +152,4 @@ export {
|
|
|
152
152
|
ConfirmModal,
|
|
153
153
|
useConfirmModal
|
|
154
154
|
};
|
|
155
|
-
//# sourceMappingURL=chunk-
|
|
155
|
+
//# sourceMappingURL=chunk-ITND4I7J.js.map
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import {
|
|
2
|
+
useFieldContext
|
|
3
|
+
} from "./chunk-ZAU4JVLL.js";
|
|
4
|
+
import {
|
|
5
|
+
Show
|
|
6
|
+
} from "./chunk-4O4QFF4S.js";
|
|
7
|
+
import {
|
|
8
|
+
$cerberusIcons
|
|
9
|
+
} from "./chunk-TSUSAKL3.js";
|
|
10
|
+
|
|
11
|
+
// src/components/Select.tsx
|
|
12
|
+
import { cx } from "@cerberus/styled-system/css";
|
|
13
|
+
import { hstack } from "@cerberus/styled-system/patterns";
|
|
14
|
+
import {
|
|
15
|
+
select
|
|
16
|
+
} from "@cerberus/styled-system/recipes";
|
|
17
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
18
|
+
function Select(props) {
|
|
19
|
+
const { describedBy, size, ...nativeProps } = props;
|
|
20
|
+
const { invalid, ...fieldStates } = useFieldContext();
|
|
21
|
+
const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons;
|
|
22
|
+
const styles = select({
|
|
23
|
+
size
|
|
24
|
+
});
|
|
25
|
+
return /* @__PURE__ */ jsxs("div", { className: styles.root, children: [
|
|
26
|
+
/* @__PURE__ */ jsx(
|
|
27
|
+
"select",
|
|
28
|
+
{
|
|
29
|
+
...nativeProps,
|
|
30
|
+
...fieldStates,
|
|
31
|
+
...describedBy && { "aria-describedby": describedBy },
|
|
32
|
+
...invalid && { "aria-invalid": true },
|
|
33
|
+
className: styles.input
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
/* @__PURE__ */ jsxs(
|
|
37
|
+
"span",
|
|
38
|
+
{
|
|
39
|
+
className: cx(
|
|
40
|
+
styles.iconStack,
|
|
41
|
+
hstack({
|
|
42
|
+
gap: "2"
|
|
43
|
+
})
|
|
44
|
+
),
|
|
45
|
+
children: [
|
|
46
|
+
/* @__PURE__ */ jsx(Show, { when: invalid, children: /* @__PURE__ */ jsx(
|
|
47
|
+
"span",
|
|
48
|
+
{
|
|
49
|
+
...invalid && { "data-invalid": true },
|
|
50
|
+
className: styles.stateIcon,
|
|
51
|
+
children: /* @__PURE__ */ jsx(InvalidIcon, {})
|
|
52
|
+
}
|
|
53
|
+
) }),
|
|
54
|
+
/* @__PURE__ */ jsx("span", { className: styles.arrowIcon, children: /* @__PURE__ */ jsx(SelectArrow, {}) })
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
)
|
|
58
|
+
] });
|
|
59
|
+
}
|
|
60
|
+
function Option(props) {
|
|
61
|
+
return /* @__PURE__ */ jsx("option", { ...props });
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export {
|
|
65
|
+
Select,
|
|
66
|
+
Option
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=chunk-MINQJYGV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/Select.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport {\n select,\n type SelectVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { OptionHTMLAttributes, SelectHTMLAttributes } from 'react'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the select components.\n * @module\n */\n\nexport type SelectProps = Omit<\n SelectHTMLAttributes<HTMLSelectElement>,\n 'size'\n> &\n SelectVariantProps & {\n id: string\n describedBy?: string\n }\n\n/**\n * Select component\n * props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }\n * @example\n * ```tsx\n * <Select describedby=\"help:fruit\" id=\"fruit\">\n * <Option value=\"\">Choose option</Option>\n * <Option value=\"one\">Option 1</Option>\n * <Option value=\"two\">Option 2</Option>\n * <Option value=\"three\">Option 3</Option>\n * </Select>\n * ```\n */\nexport function Select(props: SelectProps) {\n const { describedBy, size, ...nativeProps } = props\n const { invalid, ...fieldStates } = useFieldContext()\n const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons\n const styles = select({\n size,\n })\n\n return (\n <div className={styles.root}>\n <select\n {...nativeProps}\n {...fieldStates}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={styles.input}\n />\n <span\n className={cx(\n styles.iconStack,\n hstack({\n gap: '2',\n }),\n )}\n >\n <Show when={invalid}>\n <span\n {...(invalid && { 'data-invalid': true })}\n className={styles.stateIcon}\n >\n <InvalidIcon />\n </span>\n </Show>\n <span className={styles.arrowIcon}>\n <SelectArrow />\n </span>\n </span>\n </div>\n )\n}\n\n// We only export this component for consistency with the other components\n\nexport type OptionProps = OptionHTMLAttributes<HTMLOptionElement>\n\n/**\n * Option component\n * props: OptionHTMLAttributes<HTMLOptionElement>\n * @example\n * ```tsx\n * <Option value=\"one\">Option 1</Option>\n * ```\n */\nexport function Option(props: OptionProps) {\n return <option {...props} />\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAEK;AA2CD,cAOA,YAPA;AAVC,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AACpD,QAAM,EAAE,SAAS,aAAa,aAAa,YAAY,IAAI;AAC3D,QAAM,SAAS,OAAO;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,QACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,QACvC,WAAW,OAAO;AAAA;AAAA,IACpB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,YACL,KAAK;AAAA,UACP,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,QAAK,MAAM,SACV;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,cACvC,WAAW,OAAO;AAAA,cAElB,8BAAC,eAAY;AAAA;AAAA,UACf,GACF;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WACtB,8BAAC,eAAY,GACf;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAcO,SAAS,OAAO,OAAoB;AACzC,SAAO,oBAAC,YAAQ,GAAG,OAAO;AAC5B;","names":[]}
|
|
@@ -18,12 +18,13 @@ function Label(props) {
|
|
|
18
18
|
"label",
|
|
19
19
|
{
|
|
20
20
|
...nativeProps,
|
|
21
|
-
"data-disabled":
|
|
21
|
+
...disabled && { "data-disabled": true },
|
|
22
22
|
className: cx(
|
|
23
23
|
nativeProps.className,
|
|
24
24
|
label({ size, usage }),
|
|
25
25
|
hstack({
|
|
26
|
-
justify: "space-between"
|
|
26
|
+
justify: "space-between",
|
|
27
|
+
w: "full"
|
|
27
28
|
})
|
|
28
29
|
),
|
|
29
30
|
children: [
|
|
@@ -32,7 +33,7 @@ function Label(props) {
|
|
|
32
33
|
"span",
|
|
33
34
|
{
|
|
34
35
|
className: css({
|
|
35
|
-
color: "
|
|
36
|
+
color: "inherit",
|
|
36
37
|
fontSize: "inherit"
|
|
37
38
|
}),
|
|
38
39
|
children: "(required)"
|
|
@@ -46,4 +47,4 @@ function Label(props) {
|
|
|
46
47
|
export {
|
|
47
48
|
Label
|
|
48
49
|
};
|
|
49
|
-
//# sourceMappingURL=chunk-
|
|
50
|
+
//# sourceMappingURL=chunk-RQPDRHRP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, size, ...nativeProps } = props\n const { required, disabled } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n data-disabled
|
|
1
|
+
{"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n * <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n const { hidden, size, ...nativeProps } = props\n const { required, disabled } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n {...(disabled && { 'data-disabled': true })}\n className={cx(\n nativeProps.className,\n label({ size, usage }),\n hstack({\n justify: 'space-between',\n w: 'full',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'inherit',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AACjD,SAAS,cAAc;AAiCnB,SAcI,KAdJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,MAAM,GAAG,YAAY,IAAI;AACzC,QAAM,EAAE,UAAU,SAAS,IAAI,gBAAgB;AAC/C,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,MACzC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,QACrB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
defaultIcons
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-H4F2ONKN.js";
|
|
4
4
|
|
|
5
5
|
// src/config/defineIcons.ts
|
|
6
6
|
function _validateIconsProperties(icons) {
|
|
@@ -24,4 +24,4 @@ export {
|
|
|
24
24
|
defineIcons,
|
|
25
25
|
$cerberusIcons
|
|
26
26
|
};
|
|
27
|
-
//# sourceMappingURL=chunk-
|
|
27
|
+
//# sourceMappingURL=chunk-TSUSAKL3.js.map
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk-4O4QFF4S.js";
|
|
7
7
|
import {
|
|
8
8
|
$cerberusIcons
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-TSUSAKL3.js";
|
|
10
10
|
|
|
11
11
|
// src/components/Input.tsx
|
|
12
12
|
import { input } from "@cerberus/styled-system/recipes";
|
|
@@ -39,4 +39,4 @@ function Input(props) {
|
|
|
39
39
|
export {
|
|
40
40
|
Input
|
|
41
41
|
};
|
|
42
|
-
//# sourceMappingURL=chunk-
|
|
42
|
+
//# sourceMappingURL=chunk-URKYD3YB.js.map
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-KESKDLX6.js";
|
|
4
4
|
import {
|
|
5
5
|
$cerberusIcons
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-TSUSAKL3.js";
|
|
7
7
|
|
|
8
8
|
// src/components/Notification.tsx
|
|
9
9
|
import { cx } from "@cerberus/styled-system/css";
|
|
@@ -73,4 +73,4 @@ function Notification(props) {
|
|
|
73
73
|
export {
|
|
74
74
|
Notification
|
|
75
75
|
};
|
|
76
|
-
//# sourceMappingURL=chunk-
|
|
76
|
+
//# sourceMappingURL=chunk-XYCRUMOL.js.map
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk-ZAU4JVLL.js";
|
|
4
4
|
import {
|
|
5
5
|
$cerberusIcons
|
|
6
|
-
} from "./chunk-
|
|
6
|
+
} from "./chunk-TSUSAKL3.js";
|
|
7
7
|
|
|
8
8
|
// src/components/Toggle.tsx
|
|
9
9
|
import { cx } from "@cerberus/styled-system/css";
|
|
@@ -55,4 +55,4 @@ function Toggle(props) {
|
|
|
55
55
|
export {
|
|
56
56
|
Toggle
|
|
57
57
|
};
|
|
58
|
-
//# sourceMappingURL=chunk-
|
|
58
|
+
//# sourceMappingURL=chunk-YRGASCC5.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
FileUploader
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-CWZON7EZ.js";
|
|
5
5
|
import "../chunk-4O4QFF4S.js";
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-TSUSAKL3.js";
|
|
7
|
+
import "../chunk-H4F2ONKN.js";
|
|
8
8
|
export {
|
|
9
9
|
FileUploader
|
|
10
10
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Input
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-URKYD3YB.js";
|
|
5
5
|
import "../chunk-ZAU4JVLL.js";
|
|
6
6
|
import "../chunk-4O4QFF4S.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-TSUSAKL3.js";
|
|
8
|
+
import "../chunk-H4F2ONKN.js";
|
|
9
9
|
export {
|
|
10
10
|
Input
|
|
11
11
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Notification
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-XYCRUMOL.js";
|
|
5
5
|
import "../chunk-KESKDLX6.js";
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-TSUSAKL3.js";
|
|
7
|
+
import "../chunk-H4F2ONKN.js";
|
|
8
8
|
export {
|
|
9
9
|
Notification
|
|
10
10
|
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import {
|
|
3
|
+
Option,
|
|
4
|
+
Select
|
|
5
|
+
} from "../chunk-MINQJYGV.js";
|
|
6
|
+
import "../chunk-ZAU4JVLL.js";
|
|
7
|
+
import "../chunk-4O4QFF4S.js";
|
|
8
|
+
import "../chunk-TSUSAKL3.js";
|
|
9
|
+
import "../chunk-H4F2ONKN.js";
|
|
10
|
+
export {
|
|
11
|
+
Option,
|
|
12
|
+
Select
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
Toggle
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-YRGASCC5.js";
|
|
5
5
|
import "../chunk-ZAU4JVLL.js";
|
|
6
|
-
import "../chunk-
|
|
7
|
-
import "../chunk-
|
|
6
|
+
import "../chunk-TSUSAKL3.js";
|
|
7
|
+
import "../chunk-H4F2ONKN.js";
|
|
8
8
|
export {
|
|
9
9
|
Toggle
|
|
10
10
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import {
|
|
3
3
|
ConfirmModal,
|
|
4
4
|
useConfirmModal
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-ITND4I7J.js";
|
|
6
6
|
import "../chunk-4CAT3FHV.js";
|
|
7
7
|
import "../chunk-2UFNQM55.js";
|
|
8
8
|
import "../chunk-4M4LCQ43.js";
|
|
@@ -12,8 +12,8 @@ import "../chunk-JJP2TFTU.js";
|
|
|
12
12
|
import "../chunk-6F34A7NZ.js";
|
|
13
13
|
import "../chunk-4O4QFF4S.js";
|
|
14
14
|
import "../chunk-KESKDLX6.js";
|
|
15
|
-
import "../chunk-
|
|
16
|
-
import "../chunk-
|
|
15
|
+
import "../chunk-TSUSAKL3.js";
|
|
16
|
+
import "../chunk-H4F2ONKN.js";
|
|
17
17
|
import "../chunk-TZNYJ3G7.js";
|
|
18
18
|
export {
|
|
19
19
|
ConfirmModal,
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import {
|
|
3
3
|
NotificationCenter,
|
|
4
4
|
useNotificationCenter
|
|
5
|
-
} from "../chunk-
|
|
6
|
-
import "../chunk-
|
|
5
|
+
} from "../chunk-4DPGADIC.js";
|
|
6
|
+
import "../chunk-XYCRUMOL.js";
|
|
7
7
|
import "../chunk-HW76XVA3.js";
|
|
8
8
|
import "../chunk-3C2DJSEE.js";
|
|
9
9
|
import "../chunk-4CAT3FHV.js";
|
|
10
10
|
import "../chunk-6F34A7NZ.js";
|
|
11
11
|
import "../chunk-4O4QFF4S.js";
|
|
12
12
|
import "../chunk-KESKDLX6.js";
|
|
13
|
-
import "../chunk-
|
|
14
|
-
import "../chunk-
|
|
13
|
+
import "../chunk-TSUSAKL3.js";
|
|
14
|
+
import "../chunk-H4F2ONKN.js";
|
|
15
15
|
export {
|
|
16
16
|
NotificationCenter,
|
|
17
17
|
useNotificationCenter
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import {
|
|
3
3
|
PromptModal,
|
|
4
4
|
usePromptModal
|
|
5
|
-
} from "../chunk-
|
|
5
|
+
} from "../chunk-6CNSWNE2.js";
|
|
6
6
|
import "../chunk-4CAT3FHV.js";
|
|
7
|
-
import "../chunk-
|
|
8
|
-
import "../chunk-
|
|
7
|
+
import "../chunk-URKYD3YB.js";
|
|
8
|
+
import "../chunk-RQPDRHRP.js";
|
|
9
9
|
import "../chunk-2UFNQM55.js";
|
|
10
10
|
import "../chunk-4M4LCQ43.js";
|
|
11
11
|
import "../chunk-QU7UV5DB.js";
|
|
@@ -15,8 +15,8 @@ import "../chunk-6F34A7NZ.js";
|
|
|
15
15
|
import "../chunk-ZAU4JVLL.js";
|
|
16
16
|
import "../chunk-4O4QFF4S.js";
|
|
17
17
|
import "../chunk-KESKDLX6.js";
|
|
18
|
-
import "../chunk-
|
|
19
|
-
import "../chunk-
|
|
18
|
+
import "../chunk-TSUSAKL3.js";
|
|
19
|
+
import "../chunk-H4F2ONKN.js";
|
|
20
20
|
import "../chunk-TZNYJ3G7.js";
|
|
21
21
|
export {
|
|
22
22
|
PromptModal,
|
package/build/legacy/index.js
CHANGED
|
@@ -1,7 +1,14 @@
|
|
|
1
|
+
import {
|
|
2
|
+
NotificationCenter,
|
|
3
|
+
useNotificationCenter
|
|
4
|
+
} from "./chunk-4DPGADIC.js";
|
|
1
5
|
import {
|
|
2
6
|
PromptModal,
|
|
3
7
|
usePromptModal
|
|
4
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-6CNSWNE2.js";
|
|
9
|
+
import {
|
|
10
|
+
Textarea
|
|
11
|
+
} from "./chunk-TCO46FK7.js";
|
|
5
12
|
import {
|
|
6
13
|
Th
|
|
7
14
|
} from "./chunk-3GXISGPS.js";
|
|
@@ -10,15 +17,11 @@ import {
|
|
|
10
17
|
} from "./chunk-N3FUF4TB.js";
|
|
11
18
|
import {
|
|
12
19
|
Toggle
|
|
13
|
-
} from "./chunk-
|
|
20
|
+
} from "./chunk-YRGASCC5.js";
|
|
14
21
|
import {
|
|
15
22
|
ConfirmModal,
|
|
16
23
|
useConfirmModal
|
|
17
|
-
} from "./chunk-
|
|
18
|
-
import {
|
|
19
|
-
NotificationCenter,
|
|
20
|
-
useNotificationCenter
|
|
21
|
-
} from "./chunk-2VPKILZ6.js";
|
|
24
|
+
} from "./chunk-ITND4I7J.js";
|
|
22
25
|
import {
|
|
23
26
|
Tab
|
|
24
27
|
} from "./chunk-NE5NHILF.js";
|
|
@@ -41,9 +44,6 @@ import {
|
|
|
41
44
|
import {
|
|
42
45
|
Td
|
|
43
46
|
} from "./chunk-XREC5IJE.js";
|
|
44
|
-
import {
|
|
45
|
-
Textarea
|
|
46
|
-
} from "./chunk-TCO46FK7.js";
|
|
47
47
|
import {
|
|
48
48
|
NavMenuList,
|
|
49
49
|
getPosition
|
|
@@ -57,7 +57,7 @@ import {
|
|
|
57
57
|
} from "./chunk-KJUCHZHV.js";
|
|
58
58
|
import {
|
|
59
59
|
Notification
|
|
60
|
-
} from "./chunk-
|
|
60
|
+
} from "./chunk-XYCRUMOL.js";
|
|
61
61
|
import {
|
|
62
62
|
NotificationDescription
|
|
63
63
|
} from "./chunk-HW76XVA3.js";
|
|
@@ -70,12 +70,16 @@ import {
|
|
|
70
70
|
import {
|
|
71
71
|
Radio
|
|
72
72
|
} from "./chunk-PH64POOB.js";
|
|
73
|
+
import {
|
|
74
|
+
Option,
|
|
75
|
+
Select
|
|
76
|
+
} from "./chunk-MINQJYGV.js";
|
|
73
77
|
import {
|
|
74
78
|
Input
|
|
75
|
-
} from "./chunk-
|
|
79
|
+
} from "./chunk-URKYD3YB.js";
|
|
76
80
|
import {
|
|
77
81
|
Label
|
|
78
|
-
} from "./chunk-
|
|
82
|
+
} from "./chunk-RQPDRHRP.js";
|
|
79
83
|
import {
|
|
80
84
|
Modal
|
|
81
85
|
} from "./chunk-2UFNQM55.js";
|
|
@@ -126,7 +130,7 @@ import {
|
|
|
126
130
|
} from "./chunk-ZAU4JVLL.js";
|
|
127
131
|
import {
|
|
128
132
|
FileUploader
|
|
129
|
-
} from "./chunk-
|
|
133
|
+
} from "./chunk-CWZON7EZ.js";
|
|
130
134
|
import {
|
|
131
135
|
Show
|
|
132
136
|
} from "./chunk-4O4QFF4S.js";
|
|
@@ -151,8 +155,8 @@ import {
|
|
|
151
155
|
import {
|
|
152
156
|
$cerberusIcons,
|
|
153
157
|
defineIcons
|
|
154
|
-
} from "./chunk-
|
|
155
|
-
import "./chunk-
|
|
158
|
+
} from "./chunk-TSUSAKL3.js";
|
|
159
|
+
import "./chunk-H4F2ONKN.js";
|
|
156
160
|
import {
|
|
157
161
|
useModal
|
|
158
162
|
} from "./chunk-TZNYJ3G7.js";
|
|
@@ -186,9 +190,11 @@ export {
|
|
|
186
190
|
NotificationCenter,
|
|
187
191
|
NotificationDescription,
|
|
188
192
|
NotificationHeading,
|
|
193
|
+
Option,
|
|
189
194
|
Portal,
|
|
190
195
|
PromptModal,
|
|
191
196
|
Radio,
|
|
197
|
+
Select,
|
|
192
198
|
Show,
|
|
193
199
|
THEME_KEY,
|
|
194
200
|
Tab,
|