@cerberus-design/react 0.5.2 → 0.6.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.
- package/build/legacy/_tsup-dts-rollup.d.ts +157 -49
- package/build/legacy/aria-helpers/tabs.aria.js +1 -1
- package/build/legacy/{chunk-XFWARXLU.js → chunk-2ATICEW3.js} +1 -1
- package/build/legacy/chunk-2ATICEW3.js.map +1 -0
- package/build/legacy/chunk-3CBN7U25.js +24 -0
- package/build/legacy/chunk-3CBN7U25.js.map +1 -0
- package/build/{modern/chunk-R4H3352X.js → legacy/chunk-4O4QFF4S.js} +2 -3
- package/build/legacy/{chunk-R4H3352X.js.map → chunk-4O4QFF4S.js.map} +1 -1
- package/build/legacy/chunk-5MNCW677.js +11 -0
- package/build/legacy/chunk-5MNCW677.js.map +1 -0
- package/build/{modern/chunk-7BXBIDZB.js → legacy/chunk-5XNLWIZO.js} +11 -8
- package/build/legacy/chunk-5XNLWIZO.js.map +1 -0
- package/build/{modern/chunk-JA4IX7GN.js → legacy/chunk-6DIGPXAD.js} +2 -2
- package/build/legacy/chunk-734PGVLT.js +58 -0
- package/build/legacy/chunk-734PGVLT.js.map +1 -0
- package/build/legacy/{chunk-WSQTX34C.js → chunk-G2QMBSK5.js} +2 -2
- package/build/{modern/chunk-OXVNTE4A.js → legacy/chunk-HE3HFKYU.js} +8 -7
- package/build/legacy/chunk-HE3HFKYU.js.map +1 -0
- package/build/legacy/{chunk-MJB3V6J4.js → chunk-RPZAPUCF.js} +3 -4
- package/build/legacy/{chunk-MJB3V6J4.js.map → chunk-RPZAPUCF.js.map} +1 -1
- package/build/legacy/{chunk-BT2B5C7M.js → chunk-S7HBD2A7.js} +2 -3
- package/build/legacy/{chunk-BT2B5C7M.js.map → chunk-S7HBD2A7.js.map} +1 -1
- package/build/legacy/chunk-SCQVXJBT.js +22 -0
- package/build/legacy/chunk-SCQVXJBT.js.map +1 -0
- package/build/{modern/chunk-NIMWIOIA.js → legacy/chunk-SLHX5K6I.js} +1 -1
- package/build/legacy/chunk-SLHX5K6I.js.map +1 -0
- package/build/legacy/{chunk-5TBINKAO.js → chunk-TCO46FK7.js} +1 -1
- package/build/legacy/chunk-TCO46FK7.js.map +1 -0
- package/build/legacy/{chunk-YVUZSAJG.js → chunk-VGHVH2T3.js} +1 -1
- package/build/legacy/chunk-VGHVH2T3.js.map +1 -0
- package/build/legacy/chunk-WE3JNSNO.js +33 -0
- package/build/legacy/chunk-WE3JNSNO.js.map +1 -0
- package/build/legacy/{chunk-LD5ZV46F.js → chunk-X4YQ27D5.js} +14 -7
- package/build/legacy/chunk-X4YQ27D5.js.map +1 -0
- package/build/legacy/{chunk-MYRKQVDI.js → chunk-YA2UV2AB.js} +2 -2
- package/build/legacy/{chunk-SVZU6LPF.js → chunk-YJCWUN33.js} +2 -2
- package/build/legacy/components/Button.js +1 -1
- package/build/legacy/components/FieldMessage.js +1 -1
- package/build/legacy/components/IconButton.js +1 -1
- package/build/legacy/components/Input.js +4 -2
- package/build/legacy/components/Label.js +2 -2
- package/build/legacy/components/NavMenuLink.js +2 -2
- package/build/legacy/components/NavMenuList.js +2 -2
- package/build/legacy/components/NavMenuTrigger.js +2 -2
- package/build/legacy/components/Radio.js +9 -0
- package/build/legacy/components/Radio.js.map +1 -0
- package/build/legacy/components/Show.js +1 -1
- package/build/legacy/components/Tab.js +2 -2
- package/build/legacy/components/TabPanel.js +2 -2
- package/build/legacy/components/Tag.js +2 -2
- package/build/legacy/components/Textarea.js +1 -1
- package/build/legacy/components/Toggle.js +11 -0
- package/build/legacy/components/Toggle.js.map +1 -0
- package/build/legacy/config/cerbIcons.js +7 -0
- package/build/legacy/config/cerbIcons.js.map +1 -0
- package/build/legacy/config/defineIcons.js +10 -0
- package/build/legacy/config/defineIcons.js.map +1 -0
- package/build/legacy/hooks/useToggle.js +8 -0
- package/build/legacy/hooks/useToggle.js.map +1 -0
- package/build/legacy/index.js +48 -29
- package/build/legacy/noExternals.d.ts +1 -0
- package/build/modern/_tsup-dts-rollup.d.ts +157 -49
- package/build/modern/aria-helpers/tabs.aria.js +1 -1
- package/build/modern/{chunk-XFWARXLU.js → chunk-2ATICEW3.js} +1 -1
- package/build/modern/chunk-2ATICEW3.js.map +1 -0
- package/build/modern/chunk-3CBN7U25.js +24 -0
- package/build/modern/chunk-3CBN7U25.js.map +1 -0
- package/build/{legacy/chunk-R4H3352X.js → modern/chunk-4O4QFF4S.js} +2 -3
- package/build/modern/{chunk-R4H3352X.js.map → chunk-4O4QFF4S.js.map} +1 -1
- package/build/modern/chunk-5MNCW677.js +11 -0
- package/build/modern/chunk-5MNCW677.js.map +1 -0
- package/build/{legacy/chunk-JA4IX7GN.js → modern/chunk-6DIGPXAD.js} +2 -2
- package/build/modern/chunk-734PGVLT.js +58 -0
- package/build/modern/chunk-734PGVLT.js.map +1 -0
- package/build/modern/{chunk-WSQTX34C.js → chunk-G2QMBSK5.js} +2 -2
- package/build/{legacy/chunk-OXVNTE4A.js → modern/chunk-HE3HFKYU.js} +8 -7
- package/build/modern/chunk-HE3HFKYU.js.map +1 -0
- package/build/modern/chunk-QEA6N6TN.js +22 -0
- package/build/modern/chunk-QEA6N6TN.js.map +1 -0
- package/build/modern/{chunk-MJB3V6J4.js → chunk-RPZAPUCF.js} +3 -4
- package/build/modern/{chunk-MJB3V6J4.js.map → chunk-RPZAPUCF.js.map} +1 -1
- package/build/modern/{chunk-BT2B5C7M.js → chunk-S7HBD2A7.js} +2 -3
- package/build/modern/{chunk-BT2B5C7M.js.map → chunk-S7HBD2A7.js.map} +1 -1
- package/build/{legacy/chunk-NIMWIOIA.js → modern/chunk-SLHX5K6I.js} +1 -1
- package/build/modern/chunk-SLHX5K6I.js.map +1 -0
- package/build/{legacy/chunk-7BXBIDZB.js → modern/chunk-SLIOCQBZ.js} +11 -8
- package/build/modern/chunk-SLIOCQBZ.js.map +1 -0
- package/build/modern/{chunk-IQP6HSC4.js → chunk-SUP7U42W.js} +2 -2
- package/build/modern/{chunk-5TBINKAO.js → chunk-TCO46FK7.js} +1 -1
- package/build/modern/chunk-TCO46FK7.js.map +1 -0
- package/build/modern/{chunk-YVUZSAJG.js → chunk-VGHVH2T3.js} +1 -1
- package/build/modern/chunk-VGHVH2T3.js.map +1 -0
- package/build/modern/chunk-WE3JNSNO.js +33 -0
- package/build/modern/chunk-WE3JNSNO.js.map +1 -0
- package/build/modern/{chunk-LD5ZV46F.js → chunk-X4YQ27D5.js} +14 -7
- package/build/modern/chunk-X4YQ27D5.js.map +1 -0
- package/build/modern/{chunk-SVZU6LPF.js → chunk-YJCWUN33.js} +2 -2
- package/build/modern/components/Button.js +1 -1
- package/build/modern/components/FieldMessage.js +1 -1
- package/build/modern/components/IconButton.js +1 -1
- package/build/modern/components/Input.js +4 -2
- package/build/modern/components/Label.js +2 -2
- package/build/modern/components/NavMenuLink.js +2 -2
- package/build/modern/components/NavMenuList.js +2 -2
- package/build/modern/components/NavMenuTrigger.js +2 -2
- package/build/modern/components/Radio.js +9 -0
- package/build/modern/components/Radio.js.map +1 -0
- package/build/modern/components/Show.js +1 -1
- package/build/modern/components/Tab.js +2 -2
- package/build/modern/components/TabPanel.js +2 -2
- package/build/modern/components/Tag.js +2 -2
- package/build/modern/components/Textarea.js +1 -1
- package/build/modern/components/Toggle.js +11 -0
- package/build/modern/components/Toggle.js.map +1 -0
- package/build/modern/config/cerbIcons.js +7 -0
- package/build/modern/config/cerbIcons.js.map +1 -0
- package/build/modern/config/defineIcons.js +10 -0
- package/build/modern/config/defineIcons.js.map +1 -0
- package/build/modern/hooks/useToggle.js +8 -0
- package/build/modern/hooks/useToggle.js.map +1 -0
- package/build/modern/index.js +48 -29
- package/build/modern/noExternals.d.ts +1 -0
- package/package.json +7 -6
- package/src/components/Button.tsx +3 -6
- package/src/components/FieldMessage.tsx +4 -2
- package/src/components/IconButton.tsx +6 -9
- package/src/components/Input.tsx +21 -7
- package/src/components/Label.tsx +9 -6
- package/src/components/Radio.tsx +35 -0
- package/src/components/Tag.tsx +27 -24
- package/src/components/Textarea.tsx +3 -1
- package/src/components/Toggle.tsx +55 -0
- package/src/config/cerbIcons.ts +12 -0
- package/src/config/defineIcons.ts +19 -0
- package/src/hooks/useToggle.ts +30 -0
- package/src/index.ts +7 -0
- package/build/legacy/aria-helpers/nav-menu.aria.d.ts +0 -2
- package/build/legacy/aria-helpers/tabs.aria.d.ts +0 -1
- package/build/legacy/chunk-5TBINKAO.js.map +0 -1
- package/build/legacy/chunk-7BXBIDZB.js.map +0 -1
- package/build/legacy/chunk-LD5ZV46F.js.map +0 -1
- package/build/legacy/chunk-NIMWIOIA.js.map +0 -1
- package/build/legacy/chunk-OXVNTE4A.js.map +0 -1
- package/build/legacy/chunk-XFWARXLU.js.map +0 -1
- package/build/legacy/chunk-YVUZSAJG.js.map +0 -1
- package/build/legacy/components/Button.d.ts +0 -2
- package/build/legacy/components/FieldMessage.d.ts +0 -2
- package/build/legacy/components/IconButton.d.ts +0 -3
- package/build/legacy/components/Input.d.ts +0 -2
- package/build/legacy/components/Label.d.ts +0 -2
- package/build/legacy/components/NavMenuLink.d.ts +0 -2
- package/build/legacy/components/NavMenuList.d.ts +0 -3
- package/build/legacy/components/NavMenuTrigger.d.ts +0 -2
- package/build/legacy/components/Show.d.ts +0 -2
- package/build/legacy/components/Tab.d.ts +0 -2
- package/build/legacy/components/TabList.d.ts +0 -2
- package/build/legacy/components/TabPanel.d.ts +0 -2
- package/build/legacy/components/Tag.d.ts +0 -4
- package/build/legacy/components/Textarea.d.ts +0 -2
- package/build/legacy/context/field.d.ts +0 -3
- package/build/legacy/context/navMenu.d.ts +0 -5
- package/build/legacy/context/tabs.d.ts +0 -5
- package/build/legacy/context/theme.d.ts +0 -8
- package/build/legacy/hooks/useTheme.d.ts +0 -1
- package/build/legacy/index.d.ts +0 -58
- package/build/legacy/types.d.ts +0 -1
- package/build/modern/aria-helpers/nav-menu.aria.d.ts +0 -2
- package/build/modern/aria-helpers/tabs.aria.d.ts +0 -1
- package/build/modern/chunk-5TBINKAO.js.map +0 -1
- package/build/modern/chunk-7BXBIDZB.js.map +0 -1
- package/build/modern/chunk-LD5ZV46F.js.map +0 -1
- package/build/modern/chunk-NIMWIOIA.js.map +0 -1
- package/build/modern/chunk-OXVNTE4A.js.map +0 -1
- package/build/modern/chunk-XFWARXLU.js.map +0 -1
- package/build/modern/chunk-YVUZSAJG.js.map +0 -1
- package/build/modern/components/Button.d.ts +0 -2
- package/build/modern/components/FieldMessage.d.ts +0 -2
- package/build/modern/components/IconButton.d.ts +0 -3
- package/build/modern/components/Input.d.ts +0 -2
- package/build/modern/components/Label.d.ts +0 -2
- package/build/modern/components/NavMenuLink.d.ts +0 -2
- package/build/modern/components/NavMenuList.d.ts +0 -3
- package/build/modern/components/NavMenuTrigger.d.ts +0 -2
- package/build/modern/components/Show.d.ts +0 -2
- package/build/modern/components/Tab.d.ts +0 -2
- package/build/modern/components/TabList.d.ts +0 -2
- package/build/modern/components/TabPanel.d.ts +0 -2
- package/build/modern/components/Tag.d.ts +0 -4
- package/build/modern/components/Textarea.d.ts +0 -2
- package/build/modern/context/field.d.ts +0 -3
- package/build/modern/context/navMenu.d.ts +0 -5
- package/build/modern/context/tabs.d.ts +0 -5
- package/build/modern/context/theme.d.ts +0 -8
- package/build/modern/hooks/useTheme.d.ts +0 -1
- package/build/modern/index.d.ts +0 -58
- package/build/modern/types.d.ts +0 -1
- /package/build/legacy/{chunk-JA4IX7GN.js.map → chunk-6DIGPXAD.js.map} +0 -0
- /package/build/legacy/{chunk-WSQTX34C.js.map → chunk-G2QMBSK5.js.map} +0 -0
- /package/build/legacy/{chunk-MYRKQVDI.js.map → chunk-YA2UV2AB.js.map} +0 -0
- /package/build/legacy/{chunk-SVZU6LPF.js.map → chunk-YJCWUN33.js.map} +0 -0
- /package/build/modern/{chunk-JA4IX7GN.js.map → chunk-6DIGPXAD.js.map} +0 -0
- /package/build/modern/{chunk-WSQTX34C.js.map → chunk-G2QMBSK5.js.map} +0 -0
- /package/build/modern/{chunk-IQP6HSC4.js.map → chunk-SUP7U42W.js.map} +0 -0
- /package/build/modern/{chunk-SVZU6LPF.js.map → chunk-YJCWUN33.js.map} +0 -0
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { NavMenu_alias_1 as NavMenu } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useNavMenuContext_alias_1 as useNavMenuContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { NavTriggerRef_alias_1 as NavTriggerRef } from '../_tsup-dts-rollup';
|
|
4
|
-
export { NavMenuRef_alias_1 as NavMenuRef } from '../_tsup-dts-rollup';
|
|
5
|
-
export { NavMenuContextValue_alias_1 as NavMenuContextValue } from '../_tsup-dts-rollup';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { Tabs_alias_1 as Tabs } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useTabsContext_alias_1 as useTabsContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { TabsContextValue_alias_1 as TabsContextValue } from '../_tsup-dts-rollup';
|
|
4
|
-
export { TabsContext_alias_1 as TabsContext } from '../_tsup-dts-rollup';
|
|
5
|
-
export { TabsProps_alias_1 as TabsProps } from '../_tsup-dts-rollup';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { ThemeProvider_alias_1 as ThemeProvider } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useThemeContext_alias_1 as useThemeContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { DefaultThemes_alias_1 as DefaultThemes } from '../_tsup-dts-rollup';
|
|
4
|
-
export { CustomThemes_alias_1 as CustomThemes } from '../_tsup-dts-rollup';
|
|
5
|
-
export { ColorModes_alias_1 as ColorModes } from '../_tsup-dts-rollup';
|
|
6
|
-
export { ThemeContextValue_alias_1 as ThemeContextValue } from '../_tsup-dts-rollup';
|
|
7
|
-
export { THEME_KEY_alias_1 as THEME_KEY } from '../_tsup-dts-rollup';
|
|
8
|
-
export { MODE_KEY_alias_1 as MODE_KEY } from '../_tsup-dts-rollup';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTheme_alias_1 as useTheme } from '../_tsup-dts-rollup';
|
package/build/legacy/index.d.ts
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
export { Button } from './_tsup-dts-rollup';
|
|
2
|
-
export { ButtonProps } from './_tsup-dts-rollup';
|
|
3
|
-
export { FieldMessage } from './_tsup-dts-rollup';
|
|
4
|
-
export { FieldMessageProps } from './_tsup-dts-rollup';
|
|
5
|
-
export { IconButton } from './_tsup-dts-rollup';
|
|
6
|
-
export { IconButtonUsage } from './_tsup-dts-rollup';
|
|
7
|
-
export { IconButtonProps } from './_tsup-dts-rollup';
|
|
8
|
-
export { Input } from './_tsup-dts-rollup';
|
|
9
|
-
export { InputProps } from './_tsup-dts-rollup';
|
|
10
|
-
export { Label } from './_tsup-dts-rollup';
|
|
11
|
-
export { LabelProps } from './_tsup-dts-rollup';
|
|
12
|
-
export { NavMenuTrigger } from './_tsup-dts-rollup';
|
|
13
|
-
export { NavMenuTriggerProps } from './_tsup-dts-rollup';
|
|
14
|
-
export { getPosition } from './_tsup-dts-rollup';
|
|
15
|
-
export { NavMenuList } from './_tsup-dts-rollup';
|
|
16
|
-
export { NavMenuListProps } from './_tsup-dts-rollup';
|
|
17
|
-
export { NavMenuLink } from './_tsup-dts-rollup';
|
|
18
|
-
export { NavMenuLinkProps } from './_tsup-dts-rollup';
|
|
19
|
-
export { Tab } from './_tsup-dts-rollup';
|
|
20
|
-
export { TabProps } from './_tsup-dts-rollup';
|
|
21
|
-
export { TabList } from './_tsup-dts-rollup';
|
|
22
|
-
export { TabListProps } from './_tsup-dts-rollup';
|
|
23
|
-
export { TabPanel } from './_tsup-dts-rollup';
|
|
24
|
-
export { TabPanelProps } from './_tsup-dts-rollup';
|
|
25
|
-
export { Tag } from './_tsup-dts-rollup';
|
|
26
|
-
export { NonActionablePalette } from './_tsup-dts-rollup';
|
|
27
|
-
export { TagProps } from './_tsup-dts-rollup';
|
|
28
|
-
export { ClickableTagProps } from './_tsup-dts-rollup';
|
|
29
|
-
export { Textarea } from './_tsup-dts-rollup';
|
|
30
|
-
export { TextareaProps } from './_tsup-dts-rollup';
|
|
31
|
-
export { Show } from './_tsup-dts-rollup';
|
|
32
|
-
export { ShowProps } from './_tsup-dts-rollup';
|
|
33
|
-
export { Field } from './_tsup-dts-rollup';
|
|
34
|
-
export { useFieldContext } from './_tsup-dts-rollup';
|
|
35
|
-
export { FieldContextValue } from './_tsup-dts-rollup';
|
|
36
|
-
export { NavMenu } from './_tsup-dts-rollup';
|
|
37
|
-
export { useNavMenuContext } from './_tsup-dts-rollup';
|
|
38
|
-
export { NavTriggerRef } from './_tsup-dts-rollup';
|
|
39
|
-
export { NavMenuRef } from './_tsup-dts-rollup';
|
|
40
|
-
export { NavMenuContextValue } from './_tsup-dts-rollup';
|
|
41
|
-
export { Tabs } from './_tsup-dts-rollup';
|
|
42
|
-
export { useTabsContext } from './_tsup-dts-rollup';
|
|
43
|
-
export { TabsContextValue } from './_tsup-dts-rollup';
|
|
44
|
-
export { TabsContext } from './_tsup-dts-rollup';
|
|
45
|
-
export { TabsProps } from './_tsup-dts-rollup';
|
|
46
|
-
export { ThemeProvider } from './_tsup-dts-rollup';
|
|
47
|
-
export { useThemeContext } from './_tsup-dts-rollup';
|
|
48
|
-
export { DefaultThemes } from './_tsup-dts-rollup';
|
|
49
|
-
export { CustomThemes } from './_tsup-dts-rollup';
|
|
50
|
-
export { ColorModes } from './_tsup-dts-rollup';
|
|
51
|
-
export { ThemeContextValue } from './_tsup-dts-rollup';
|
|
52
|
-
export { THEME_KEY } from './_tsup-dts-rollup';
|
|
53
|
-
export { MODE_KEY } from './_tsup-dts-rollup';
|
|
54
|
-
export { useTheme } from './_tsup-dts-rollup';
|
|
55
|
-
export { createNavTriggerProps } from './_tsup-dts-rollup';
|
|
56
|
-
export { NavTriggerAriaValues } from './_tsup-dts-rollup';
|
|
57
|
-
export { useTabsKeyboardNavigation } from './_tsup-dts-rollup';
|
|
58
|
-
export { Positions } from './_tsup-dts-rollup';
|
package/build/legacy/types.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Positions_alias_1 as Positions } from './_tsup-dts-rollup';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTabsKeyboardNavigation_alias_1 as useTabsKeyboardNavigation } from '../_tsup-dts-rollup';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaHTMLAttributes } from 'react'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the Textarea component.\n * @module\n */\n\nexport interface TextareaProps\n extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id'> {\n describedBy?: string\n id: string\n}\n\n/**\n * A component that allows the user to input large blocks of text.\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Textarea.tsx\n */\nexport function Textarea(props: TextareaProps): JSX.Element {\n const { describedBy, ...nativeProps } = props\n const { invalid, ...fieldState } = useFieldContext()\n\n return (\n <textarea\n {...nativeProps}\n {...fieldState}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(\n props.className,\n input().input,\n css({\n pxi: '2',\n py: '2',\n resize: 'vertical',\n }),\n )}\n rows={4}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,KAAK,UAAU;AACxB,SAAS,aAAa;AAuBlB;AALG,SAAS,SAAS,OAAmC;AAC1D,QAAM,EAAE,aAAa,GAAG,YAAY,IAAI;AACxC,QAAM,EAAE,SAAS,GAAG,WAAW,IAAI,gBAAgB;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,MACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,MAAM;AAAA,QACN,MAAM,EAAE;AAAA,QACR,IAAI;AAAA,UACF,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,QAAQ;AAAA,QACV,CAAC;AAAA,MACH;AAAA,MACA,MAAM;AAAA;AAAA,EACR;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Close } from '@cerberus/icons'\nimport { Show } from './Show'\nimport { css, cx } from '@cerberus/styled-system/css'\nimport { iconButton, tag } from '@cerberus/styled-system/recipes'\nimport type { ConditionalValue } from '@cerberus/styled-system/types'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type NonActionablePalette = ConditionalValue<\n 'neutral' | 'info' | 'success' | 'warning' | 'danger'\n>\nexport interface TagProps extends HTMLAttributes<HTMLSpanElement> {\n palette?: NonActionablePalette\n shape?: 'rounded' | 'pill'\n usage?: 'filled' | 'outline'\n}\nexport interface ClickableTagProps extends HTMLAttributes<HTMLSpanElement> {\n palette?: NonActionablePalette\n shape?: 'pill'\n onClick: () => void\n usage?: 'filled'\n}\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(\n props: PropsWithChildren<TagProps | ClickableTagProps>,\n): JSX.Element {\n const { palette, shape: initShape, onClick, usage, ...nativeProps } = props\n const isClosable = Boolean(onClick)\n const shape = isClosable ? 'pill' : initShape\n const closableStyles = isClosable\n ? css({\n bgColor: 'action.bg.active',\n color: 'action.text.initial',\n paddingInlineEnd: '0',\n })\n : ''\n\n return (\n <span\n {...nativeProps}\n className={cx(\n nativeProps.className,\n tag({\n palette,\n shape,\n usage,\n }),\n closableStyles,\n )}\n >\n {props.children}\n\n <Show when={isClosable}>\n <button\n aria-label=\"Close\"\n className={iconButton({\n palette: 'action',\n usage: 'filled',\n size: 'sm',\n })}\n onClick={onClick}\n >\n <Close />\n </button>\n </Show>\n </span>\n )\n}\n"],"mappings":";;;;;AACA,SAAS,aAAa;AAEtB,SAAS,KAAK,UAAU;AACxB,SAAS,YAAY,WAAW;AA6C5B,SAwBM,KAxBN;AAfG,SAAS,IACd,OACa;AACb,QAAM,EAAE,SAAS,OAAO,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtE,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aACnB,IAAI;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,kBAAkB;AAAA,EACpB,CAAC,IACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,oBAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAW,WAAW;AAAA,cACpB,SAAS;AAAA,cACT,OAAO;AAAA,cACP,MAAM;AAAA,YACR,CAAC;AAAA,YACD;AAAA,YAEA,8BAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Input.tsx"],"sourcesContent":["'use client'\n\nimport type { InputHTMLAttributes } from 'react'\nimport { WarningFilled } from '@cerberus/icons'\nimport { input } from '@cerberus/styled-system/recipes'\nimport { cx } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\nexport interface InputProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'size'> {\n describedBy?: string\n id: string\n size?: 'sm' | 'md' | 'lg'\n}\n\nexport function Input(props: InputProps) {\n const { describedBy, size, ...nativeProps } = props\n const inputStyles = input({ size })\n const { invalid, ...fieldStates } = useFieldContext()\n\n return (\n <div className={inputStyles.root}>\n <input\n {...nativeProps}\n {...fieldStates}\n {...(describedBy && { 'aria-describedby': describedBy })}\n {...(invalid && { 'aria-invalid': true })}\n className={cx('peer', nativeProps.className, inputStyles.input)}\n />\n <Show when={invalid}>\n <WarningFilled className={inputStyles.icon} />\n </Show>\n </div>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,UAAU;AAiBf,SACE,KADF;AANG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,cAAc,MAAM,EAAE,KAAK,CAAC;AAClC,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AAEpD,SACE,qBAAC,SAAI,WAAW,YAAY,MAC1B;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,GAAG,QAAQ,YAAY,WAAW,YAAY,KAAK;AAAA;AAAA,IAChE;AAAA,IACA,oBAAC,QAAK,MAAM,SACV,8BAAC,iBAAc,WAAW,YAAY,MAAM,GAC9C;AAAA,KACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n palette?: ButtonProps['palette']\n usage?: IconButtonUsage\n shape?: 'circle'\n size?: 'sm' | 'lg'\n tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, size, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n data-tooltip\n data-position={props.tooltipPosition ?? 'top'}\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n size,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AA0BvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAe,MAAM,mBAAmB;AAAA,MACxC,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
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 } from '@cerberus/styled-system/css'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\nimport { hstack } from '@cerberus/styled-system/patterns'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport interface LabelProps extends HTMLAttributes<HTMLLabelElement> {\n htmlFor: string\n hidden?: boolean\n}\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, ...nativeProps } = props\n const { required } = useFieldContext()\n const usage = hidden ? 'hidden' : 'visible'\n\n return (\n <label\n {...nativeProps}\n className={cx(\n nativeProps.className,\n label({ usage }),\n hstack({\n justify: 'space-between',\n }),\n )}\n >\n {props.children}\n <Show when={required}>\n <span\n className={css({\n color: 'neutral.text.100',\n fontSize: 'inherit',\n })}\n >\n (required)\n </span>\n </Show>\n </label>\n )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAU;AAGxB,SAAS,cAAc;AA6BnB,SAYI,KAZJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,GAAG,YAAY,IAAI;AACnC,QAAM,EAAE,SAAS,IAAI,gBAAgB;AACrC,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,CAAC;AAAA,QACf,OAAO;AAAA,UACL,SAAS;AAAA,QACX,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n palette?: 'action' | 'danger'\n usage?: 'filled' | 'outline' | 'text'\n shape?: 'sharp' | 'rounded'\n}\n\n/**\n * A component that allows the user to perform actions\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx\n */\nexport function Button(props: ButtonProps): JSX.Element {\n const { palette, usage, shape, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n className={cx(\n nativeProps.className,\n button({\n palette,\n usage,\n shape,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,cAAc;AAoBnB;AAHG,SAAS,OAAO,OAAiC;AACtD,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/FieldMessage.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { fieldMessage } from '@cerberus/styled-system/recipes'\nimport { useFieldContext } from '../context/field'\n\n/**\n * This module contains the FieldMessage component.\n * @module\n */\n\nexport interface FieldMessageProps\n extends HTMLAttributes<HTMLParagraphElement> {\n id: string\n}\n\n/**\n * A component that provides feedback about the field.\n * @description [FieldMessage Docs](https://cerberus.digitalu.design/react/field-message)\n * @example\n * ```tsx\n * <Field>\n * <Label htmlFor=\"first_name\">First Name</Label>\n * <Input aria-describedBy=\"help:first_name\" id=\"first_name\" type=\"text\" />\n * <FieldMessage id=\"help:first_name\">\n * This will only be used in your account information.\n * </FieldMessage>\n * </Field>\n * ```\n */\nexport function FieldMessage(props: FieldMessageProps) {\n const { invalid } = useFieldContext()\n return (\n <small\n {...props}\n {...(invalid && { 'aria-invalid': true })}\n className={cx(props.className, fieldMessage())}\n />\n )\n}\n"],"mappings":";;;;;AAGA,SAAS,UAAU;AACnB,SAAS,oBAAoB;AA8BzB;AAHG,SAAS,aAAa,OAA0B;AACrD,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW,GAAG,MAAM,WAAW,aAAa,CAAC;AAAA;AAAA,EAC/C;AAEJ;","names":[]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { Tag_alias_1 as Tag } from '../_tsup-dts-rollup';
|
|
2
|
-
export { NonActionablePalette_alias_1 as NonActionablePalette } from '../_tsup-dts-rollup';
|
|
3
|
-
export { TagProps_alias_1 as TagProps } from '../_tsup-dts-rollup';
|
|
4
|
-
export { ClickableTagProps_alias_1 as ClickableTagProps } from '../_tsup-dts-rollup';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { NavMenu_alias_1 as NavMenu } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useNavMenuContext_alias_1 as useNavMenuContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { NavTriggerRef_alias_1 as NavTriggerRef } from '../_tsup-dts-rollup';
|
|
4
|
-
export { NavMenuRef_alias_1 as NavMenuRef } from '../_tsup-dts-rollup';
|
|
5
|
-
export { NavMenuContextValue_alias_1 as NavMenuContextValue } from '../_tsup-dts-rollup';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { Tabs_alias_1 as Tabs } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useTabsContext_alias_1 as useTabsContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { TabsContextValue_alias_1 as TabsContextValue } from '../_tsup-dts-rollup';
|
|
4
|
-
export { TabsContext_alias_1 as TabsContext } from '../_tsup-dts-rollup';
|
|
5
|
-
export { TabsProps_alias_1 as TabsProps } from '../_tsup-dts-rollup';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export { ThemeProvider_alias_1 as ThemeProvider } from '../_tsup-dts-rollup';
|
|
2
|
-
export { useThemeContext_alias_1 as useThemeContext } from '../_tsup-dts-rollup';
|
|
3
|
-
export { DefaultThemes_alias_1 as DefaultThemes } from '../_tsup-dts-rollup';
|
|
4
|
-
export { CustomThemes_alias_1 as CustomThemes } from '../_tsup-dts-rollup';
|
|
5
|
-
export { ColorModes_alias_1 as ColorModes } from '../_tsup-dts-rollup';
|
|
6
|
-
export { ThemeContextValue_alias_1 as ThemeContextValue } from '../_tsup-dts-rollup';
|
|
7
|
-
export { THEME_KEY_alias_1 as THEME_KEY } from '../_tsup-dts-rollup';
|
|
8
|
-
export { MODE_KEY_alias_1 as MODE_KEY } from '../_tsup-dts-rollup';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { useTheme_alias_1 as useTheme } from '../_tsup-dts-rollup';
|
package/build/modern/index.d.ts
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
export { Button } from './_tsup-dts-rollup';
|
|
2
|
-
export { ButtonProps } from './_tsup-dts-rollup';
|
|
3
|
-
export { FieldMessage } from './_tsup-dts-rollup';
|
|
4
|
-
export { FieldMessageProps } from './_tsup-dts-rollup';
|
|
5
|
-
export { IconButton } from './_tsup-dts-rollup';
|
|
6
|
-
export { IconButtonUsage } from './_tsup-dts-rollup';
|
|
7
|
-
export { IconButtonProps } from './_tsup-dts-rollup';
|
|
8
|
-
export { Input } from './_tsup-dts-rollup';
|
|
9
|
-
export { InputProps } from './_tsup-dts-rollup';
|
|
10
|
-
export { Label } from './_tsup-dts-rollup';
|
|
11
|
-
export { LabelProps } from './_tsup-dts-rollup';
|
|
12
|
-
export { NavMenuTrigger } from './_tsup-dts-rollup';
|
|
13
|
-
export { NavMenuTriggerProps } from './_tsup-dts-rollup';
|
|
14
|
-
export { getPosition } from './_tsup-dts-rollup';
|
|
15
|
-
export { NavMenuList } from './_tsup-dts-rollup';
|
|
16
|
-
export { NavMenuListProps } from './_tsup-dts-rollup';
|
|
17
|
-
export { NavMenuLink } from './_tsup-dts-rollup';
|
|
18
|
-
export { NavMenuLinkProps } from './_tsup-dts-rollup';
|
|
19
|
-
export { Tab } from './_tsup-dts-rollup';
|
|
20
|
-
export { TabProps } from './_tsup-dts-rollup';
|
|
21
|
-
export { TabList } from './_tsup-dts-rollup';
|
|
22
|
-
export { TabListProps } from './_tsup-dts-rollup';
|
|
23
|
-
export { TabPanel } from './_tsup-dts-rollup';
|
|
24
|
-
export { TabPanelProps } from './_tsup-dts-rollup';
|
|
25
|
-
export { Tag } from './_tsup-dts-rollup';
|
|
26
|
-
export { NonActionablePalette } from './_tsup-dts-rollup';
|
|
27
|
-
export { TagProps } from './_tsup-dts-rollup';
|
|
28
|
-
export { ClickableTagProps } from './_tsup-dts-rollup';
|
|
29
|
-
export { Textarea } from './_tsup-dts-rollup';
|
|
30
|
-
export { TextareaProps } from './_tsup-dts-rollup';
|
|
31
|
-
export { Show } from './_tsup-dts-rollup';
|
|
32
|
-
export { ShowProps } from './_tsup-dts-rollup';
|
|
33
|
-
export { Field } from './_tsup-dts-rollup';
|
|
34
|
-
export { useFieldContext } from './_tsup-dts-rollup';
|
|
35
|
-
export { FieldContextValue } from './_tsup-dts-rollup';
|
|
36
|
-
export { NavMenu } from './_tsup-dts-rollup';
|
|
37
|
-
export { useNavMenuContext } from './_tsup-dts-rollup';
|
|
38
|
-
export { NavTriggerRef } from './_tsup-dts-rollup';
|
|
39
|
-
export { NavMenuRef } from './_tsup-dts-rollup';
|
|
40
|
-
export { NavMenuContextValue } from './_tsup-dts-rollup';
|
|
41
|
-
export { Tabs } from './_tsup-dts-rollup';
|
|
42
|
-
export { useTabsContext } from './_tsup-dts-rollup';
|
|
43
|
-
export { TabsContextValue } from './_tsup-dts-rollup';
|
|
44
|
-
export { TabsContext } from './_tsup-dts-rollup';
|
|
45
|
-
export { TabsProps } from './_tsup-dts-rollup';
|
|
46
|
-
export { ThemeProvider } from './_tsup-dts-rollup';
|
|
47
|
-
export { useThemeContext } from './_tsup-dts-rollup';
|
|
48
|
-
export { DefaultThemes } from './_tsup-dts-rollup';
|
|
49
|
-
export { CustomThemes } from './_tsup-dts-rollup';
|
|
50
|
-
export { ColorModes } from './_tsup-dts-rollup';
|
|
51
|
-
export { ThemeContextValue } from './_tsup-dts-rollup';
|
|
52
|
-
export { THEME_KEY } from './_tsup-dts-rollup';
|
|
53
|
-
export { MODE_KEY } from './_tsup-dts-rollup';
|
|
54
|
-
export { useTheme } from './_tsup-dts-rollup';
|
|
55
|
-
export { createNavTriggerProps } from './_tsup-dts-rollup';
|
|
56
|
-
export { NavTriggerAriaValues } from './_tsup-dts-rollup';
|
|
57
|
-
export { useTabsKeyboardNavigation } from './_tsup-dts-rollup';
|
|
58
|
-
export { Positions } from './_tsup-dts-rollup';
|
package/build/modern/types.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Positions_alias_1 as Positions } from './_tsup-dts-rollup';
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|