@taiv/ui 1.0.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/README.md +1 -0
- package/dist/components/Data/CheckboxTable.d.ts +21 -0
- package/dist/components/Data/CheckboxTable.d.ts.map +1 -0
- package/dist/components/Data/CheckboxTable.js +85 -0
- package/dist/components/Data/RemovableItemList.d.ts +10 -0
- package/dist/components/Data/RemovableItemList.d.ts.map +1 -0
- package/dist/components/Data/RemovableItemList.js +44 -0
- package/dist/components/Info/Modals/ConfirmationModal.d.ts +18 -0
- package/dist/components/Info/Modals/ConfirmationModal.d.ts.map +1 -0
- package/dist/components/Info/Modals/ConfirmationModal.js +76 -0
- package/dist/components/Info/Modals/InfoModal.d.ts +15 -0
- package/dist/components/Info/Modals/InfoModal.d.ts.map +1 -0
- package/dist/components/Info/Modals/InfoModal.js +70 -0
- package/dist/components/Info/Modals/Modal.d.ts +13 -0
- package/dist/components/Info/Modals/Modal.d.ts.map +1 -0
- package/dist/components/Info/Modals/Modal.js +42 -0
- package/dist/components/Info/Modals/ModalProvider.d.ts +5 -0
- package/dist/components/Info/Modals/ModalProvider.d.ts.map +1 -0
- package/dist/components/Info/Modals/ModalProvider.js +15 -0
- package/dist/components/Info/Modals/variants.d.ts +63 -0
- package/dist/components/Info/Modals/variants.d.ts.map +1 -0
- package/dist/components/Info/Modals/variants.js +63 -0
- package/dist/components/Info/Notifications/NotificationProvider.d.ts +2 -0
- package/dist/components/Info/Notifications/NotificationProvider.d.ts.map +1 -0
- package/dist/components/Info/Notifications/NotificationProvider.js +46 -0
- package/dist/components/Info/Notifications/Notifications.d.ts +16 -0
- package/dist/components/Info/Notifications/Notifications.d.ts.map +1 -0
- package/dist/components/Info/Notifications/Notifications.js +41 -0
- package/dist/components/Info/Notifications/variants.d.ts +39 -0
- package/dist/components/Info/Notifications/variants.d.ts.map +1 -0
- package/dist/components/Info/Notifications/variants.js +41 -0
- package/dist/components/Info/Tooltips/InfoTooltip.d.ts +18 -0
- package/dist/components/Info/Tooltips/InfoTooltip.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/InfoTooltip.js +20 -0
- package/dist/components/Info/Tooltips/Tooltip.d.ts +13 -0
- package/dist/components/Info/Tooltips/Tooltip.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/Tooltip.js +35 -0
- package/dist/components/Inputs/Buttons/Button.d.ts +11 -0
- package/dist/components/Inputs/Buttons/Button.d.ts.map +1 -0
- package/dist/components/Inputs/Buttons/Button.js +27 -0
- package/dist/components/Inputs/Buttons/UnstyledButton.d.ts +10 -0
- package/dist/components/Inputs/Buttons/UnstyledButton.d.ts.map +1 -0
- package/dist/components/Inputs/Buttons/UnstyledButton.js +6 -0
- package/dist/components/Inputs/Buttons/shared/sizes.d.ts +25 -0
- package/dist/components/Inputs/Buttons/shared/sizes.d.ts.map +1 -0
- package/dist/components/Inputs/Buttons/shared/sizes.js +7 -0
- package/dist/components/Inputs/Buttons/shared/variants.d.ts +141 -0
- package/dist/components/Inputs/Buttons/shared/variants.d.ts.map +1 -0
- package/dist/components/Inputs/Buttons/shared/variants.js +141 -0
- package/dist/components/Inputs/Controls/Checkbox.d.ts +27 -0
- package/dist/components/Inputs/Controls/Checkbox.d.ts.map +1 -0
- package/dist/components/Inputs/Controls/Checkbox.js +55 -0
- package/dist/components/Inputs/Controls/Toggle.d.ts +29 -0
- package/dist/components/Inputs/Controls/Toggle.d.ts.map +1 -0
- package/dist/components/Inputs/Controls/Toggle.js +42 -0
- package/dist/components/Inputs/Dropdowns/FontSelect.d.ts +14 -0
- package/dist/components/Inputs/Dropdowns/FontSelect.d.ts.map +1 -0
- package/dist/components/Inputs/Dropdowns/FontSelect.js +48 -0
- package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts +12 -0
- package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts.map +1 -0
- package/dist/components/Inputs/Dropdowns/MultiSelect.js +94 -0
- package/dist/components/Inputs/Dropdowns/Select.d.ts +11 -0
- package/dist/components/Inputs/Dropdowns/Select.d.ts.map +1 -0
- package/dist/components/Inputs/Dropdowns/Select.js +62 -0
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts +12 -0
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts.map +1 -0
- package/dist/components/Inputs/Dropdowns/shared/fontSelectList.js +68 -0
- package/dist/components/Inputs/Dropdowns/shared/sizes.d.ts +36 -0
- package/dist/components/Inputs/Dropdowns/shared/sizes.d.ts.map +1 -0
- package/dist/components/Inputs/Dropdowns/shared/sizes.js +33 -0
- package/dist/components/Inputs/Sliders/Slider.d.ts +16 -0
- package/dist/components/Inputs/Sliders/Slider.d.ts.map +1 -0
- package/dist/components/Inputs/Sliders/Slider.js +91 -0
- package/dist/components/Inputs/Sliders/VolumeSlider.d.ts +6 -0
- package/dist/components/Inputs/Sliders/VolumeSlider.d.ts.map +1 -0
- package/dist/components/Inputs/Sliders/VolumeSlider.js +37 -0
- package/dist/components/Inputs/Sliders/shared/sizes.d.ts +45 -0
- package/dist/components/Inputs/Sliders/shared/sizes.d.ts.map +1 -0
- package/dist/components/Inputs/Sliders/shared/sizes.js +27 -0
- package/dist/components/Inputs/TextInputs/AutoComplete.d.ts +11 -0
- package/dist/components/Inputs/TextInputs/AutoComplete.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/AutoComplete.js +57 -0
- package/dist/components/Inputs/TextInputs/PasswordInput.d.ts +12 -0
- package/dist/components/Inputs/TextInputs/PasswordInput.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/PasswordInput.js +52 -0
- package/dist/components/Inputs/TextInputs/SearchBar.d.ts +7 -0
- package/dist/components/Inputs/TextInputs/SearchBar.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/SearchBar.js +23 -0
- package/dist/components/Inputs/TextInputs/TextArea.d.ts +12 -0
- package/dist/components/Inputs/TextInputs/TextArea.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/TextArea.js +33 -0
- package/dist/components/Inputs/TextInputs/TextInput.d.ts +12 -0
- package/dist/components/Inputs/TextInputs/TextInput.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/TextInput.js +32 -0
- package/dist/components/Inputs/TextInputs/shared/sizes.d.ts +27 -0
- package/dist/components/Inputs/TextInputs/shared/sizes.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/shared/sizes.js +6 -0
- package/dist/components/Layout/Box.d.ts +10 -0
- package/dist/components/Layout/Box.d.ts.map +1 -0
- package/dist/components/Layout/Box.js +6 -0
- package/dist/components/Layout/Center.d.ts +9 -0
- package/dist/components/Layout/Center.d.ts.map +1 -0
- package/dist/components/Layout/Center.js +6 -0
- package/dist/components/Layout/Divider.d.ts +9 -0
- package/dist/components/Layout/Divider.d.ts.map +1 -0
- package/dist/components/Layout/Divider.js +7 -0
- package/dist/components/Layout/Frame.d.ts +12 -0
- package/dist/components/Layout/Frame.d.ts.map +1 -0
- package/dist/components/Layout/Frame.js +7 -0
- package/dist/components/Layout/Group.d.ts +10 -0
- package/dist/components/Layout/Group.d.ts.map +1 -0
- package/dist/components/Layout/Group.js +6 -0
- package/dist/components/Layout/Loader.d.ts +8 -0
- package/dist/components/Layout/Loader.d.ts.map +1 -0
- package/dist/components/Layout/Loader.js +6 -0
- package/dist/components/Layout/Stack.d.ts +10 -0
- package/dist/components/Layout/Stack.d.ts.map +1 -0
- package/dist/components/Layout/Stack.js +6 -0
- package/dist/components/Misc/Copy.d.ts +10 -0
- package/dist/components/Misc/Copy.d.ts.map +1 -0
- package/dist/components/Misc/Copy.js +18 -0
- package/dist/components/Misc/MediaQuery.d.ts +3 -0
- package/dist/components/Misc/MediaQuery.d.ts.map +1 -0
- package/dist/components/Misc/MediaQuery.js +2 -0
- package/dist/components/Misc/Transition.d.ts +4 -0
- package/dist/components/Misc/Transition.d.ts.map +1 -0
- package/dist/components/Misc/Transition.js +6 -0
- package/dist/components/Typography/CollapsibleText.d.ts +14 -0
- package/dist/components/Typography/CollapsibleText.d.ts.map +1 -0
- package/dist/components/Typography/CollapsibleText.js +16 -0
- package/dist/components/Typography/Text.d.ts +14 -0
- package/dist/components/Typography/Text.d.ts.map +1 -0
- package/dist/components/Typography/Text.js +20 -0
- package/dist/components/Typography/Title.d.ts +22 -0
- package/dist/components/Typography/Title.d.ts.map +1 -0
- package/dist/components/Typography/Title.js +30 -0
- package/dist/components/index.d.ts +38 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +43 -0
- package/dist/constants/colors.d.ts +79 -0
- package/dist/constants/colors.d.ts.map +1 -0
- package/dist/constants/colors.js +53 -0
- package/dist/constants/font.d.ts +245 -0
- package/dist/constants/font.d.ts.map +1 -0
- package/dist/constants/font.js +114 -0
- package/dist/constants/index.d.ts +3 -0
- package/dist/constants/index.d.ts.map +1 -0
- package/dist/constants/index.js +2 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +5 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/package.json +50 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { GroupProps as MantineGroupProps } from '@mantine/core';
|
|
2
|
+
import { CSSObject } from '@mantine/styles';
|
|
3
|
+
interface GroupProps extends MantineGroupProps {
|
|
4
|
+
width?: string | number;
|
|
5
|
+
styles?: Record<string, CSSObject>;
|
|
6
|
+
gap?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const Group: ({ width, gap, styles, ...props }: GroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Group };
|
|
10
|
+
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LoaderProps as MantineLoaderProps } from '@mantine/core';
|
|
2
|
+
import { CSSObject } from '@mantine/styles';
|
|
3
|
+
interface LoaderProps extends MantineLoaderProps {
|
|
4
|
+
styles?: Record<string, CSSObject>;
|
|
5
|
+
}
|
|
6
|
+
declare const Loader: ({ styles, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Loader };
|
|
8
|
+
//# sourceMappingURL=Loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,GAAI,sBAAsB,WAAW,4CAEhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { StackProps as MantineStackProps } from '@mantine/core';
|
|
2
|
+
import { CSSObject } from '@mantine/styles';
|
|
3
|
+
interface StackProps extends MantineStackProps {
|
|
4
|
+
width?: string | number;
|
|
5
|
+
gap?: string;
|
|
6
|
+
styles?: Record<string, CSSObject>;
|
|
7
|
+
}
|
|
8
|
+
declare const Stack: ({ width, gap, styles, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Stack };
|
|
10
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Copy.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Copy.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;oBAIK;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B;CAmBF,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useClipboard } from '@mantine/hooks';
|
|
2
|
+
import { useNotifications } from '../Info/Notifications/Notifications';
|
|
3
|
+
export const useCopy = () => {
|
|
4
|
+
const clipboard = useClipboard();
|
|
5
|
+
const notifications = useNotifications();
|
|
6
|
+
const copy = (options) => {
|
|
7
|
+
const { onCopy, showNotification = true, notificationMessage = `${options.label ? `${options.label}: ` : ''}${options.value}`, } = options || {};
|
|
8
|
+
clipboard.copy(options.value);
|
|
9
|
+
onCopy === null || onCopy === void 0 ? void 0 : onCopy(options.value);
|
|
10
|
+
if (showNotification) {
|
|
11
|
+
notifications.show({
|
|
12
|
+
message: notificationMessage,
|
|
13
|
+
variant: 'copy',
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
return { copy };
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/MediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,eAAO,MAAM,aAAa,6BAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Transition.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE3G,QAAA,MAAM,UAAU,GAAI,OAAO,sBAAsB,4CAEhD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { textStyle } from '../../constants/font';
|
|
3
|
+
interface CollapsibleTextProps {
|
|
4
|
+
text: string;
|
|
5
|
+
variant?: keyof typeof textStyle;
|
|
6
|
+
className?: string;
|
|
7
|
+
styles?: React.CSSProperties;
|
|
8
|
+
opened: boolean;
|
|
9
|
+
setOpened: (opened: boolean) => void;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
declare const CollapsibleText: ({ text, variant, className, opened, setOpened, children }: CollapsibleTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { CollapsibleText };
|
|
14
|
+
//# sourceMappingURL=CollapsibleText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CollapsibleText.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/CollapsibleText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,2DAAoE,oBAAoB,4CAuBhH,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { IconCaretDownFilled } from '@tabler/icons-react';
|
|
3
|
+
import { primary } from '../../constants/colors';
|
|
4
|
+
import { Box } from '../Layout/Box';
|
|
5
|
+
import { Group } from '../Layout/Group';
|
|
6
|
+
import { Text } from './Text';
|
|
7
|
+
import { Transition } from '../Misc/Transition';
|
|
8
|
+
import { UnstyledButton } from '../Inputs/Buttons/UnstyledButton';
|
|
9
|
+
const CollapsibleText = ({ text, variant = 'body', className, opened, setOpened, children }) => {
|
|
10
|
+
return (_jsxs(_Fragment, { children: [_jsx(UnstyledButton, { className: className, onClick: () => setOpened(!opened), children: _jsxs(Group, { gap: "0.4rem", align: "center", children: [_jsx(Text, { variant: variant, color: primary[200], children: text }), _jsx(IconCaretDownFilled, { size: 18, style: {
|
|
11
|
+
color: primary[200],
|
|
12
|
+
transform: opened ? 'rotate(180deg)' : 'none',
|
|
13
|
+
transition: 'transform 200ms ease',
|
|
14
|
+
} })] }) }), _jsx(Transition, { mounted: opened, transition: "scale-y", duration: 300, children: (styles) => _jsx(Box, { style: { overflow: 'hidden' }, children: children }) })] }));
|
|
15
|
+
};
|
|
16
|
+
export { CollapsibleText };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import { TextProps as MantineTextProps } from '@mantine/core';
|
|
3
|
+
import { textStyle, fontSize, fontWeight } from '../../constants/font';
|
|
4
|
+
interface TextProps extends MantineTextProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
variant?: keyof typeof textStyle;
|
|
7
|
+
size?: keyof typeof fontSize;
|
|
8
|
+
weight?: keyof typeof fontWeight;
|
|
9
|
+
color?: string;
|
|
10
|
+
styles?: CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
declare const Text: ({ variant, size, children, weight, color, styles, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export { Text };
|
|
14
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvE,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,GAAI,8DAAuE,SAAS,4CAqB7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Text as MantineText } from '@mantine/core';
|
|
3
|
+
import { textStyle, fontSize, fontWeight } from '../../constants/font';
|
|
4
|
+
const Text = ({ variant = 'body', size, children, weight, color, styles, ...props }) => {
|
|
5
|
+
const selectedVariant = textStyle[variant];
|
|
6
|
+
const customSize = size ? fontSize[size] : {};
|
|
7
|
+
const customWeight = weight ? { fontWeight: fontWeight[weight] } : {};
|
|
8
|
+
const customColor = color ? { color } : {};
|
|
9
|
+
const style = {
|
|
10
|
+
margin: 0,
|
|
11
|
+
padding: 0,
|
|
12
|
+
...selectedVariant,
|
|
13
|
+
...customSize,
|
|
14
|
+
...customWeight,
|
|
15
|
+
...customColor,
|
|
16
|
+
...styles,
|
|
17
|
+
};
|
|
18
|
+
return (_jsx(MantineText, { style: style, ...props, children: children }));
|
|
19
|
+
};
|
|
20
|
+
export { Text };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import { TitleProps as MantineTitleProps } from '@mantine/core';
|
|
3
|
+
import { fontSize, fontWeight } from '../../constants/font';
|
|
4
|
+
declare const titleOrderMap: {
|
|
5
|
+
readonly header: 1;
|
|
6
|
+
readonly sectionHeader: 2;
|
|
7
|
+
readonly subheader: 3;
|
|
8
|
+
readonly sectionSubheader: 4;
|
|
9
|
+
readonly cardHeader: 5;
|
|
10
|
+
readonly cardSubheader: 6;
|
|
11
|
+
};
|
|
12
|
+
interface TitleProps extends Omit<MantineTitleProps, 'order'> {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
variant?: keyof typeof titleOrderMap;
|
|
15
|
+
size?: keyof typeof fontSize;
|
|
16
|
+
weight?: keyof typeof fontWeight;
|
|
17
|
+
color?: string;
|
|
18
|
+
styles?: CSSProperties;
|
|
19
|
+
}
|
|
20
|
+
declare const Title: ({ variant, size, children, weight, color, styles, ...props }: TitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export { Title };
|
|
22
|
+
//# sourceMappingURL=Title.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGxE,QAAA,MAAM,aAAa;;;;;;;CAOT,CAAC;AAEX,UAAU,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,GAAI,8DAAgF,UAAU,4CAsBxG,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Title as MantineTitle } from '@mantine/core';
|
|
3
|
+
import { titleStyle, fontSize, fontWeight } from '../../constants/font';
|
|
4
|
+
// Map our custom variants to appropriate Title orders
|
|
5
|
+
const titleOrderMap = {
|
|
6
|
+
header: 1,
|
|
7
|
+
sectionHeader: 2,
|
|
8
|
+
subheader: 3,
|
|
9
|
+
sectionSubheader: 4,
|
|
10
|
+
cardHeader: 5,
|
|
11
|
+
cardSubheader: 6,
|
|
12
|
+
};
|
|
13
|
+
const Title = ({ variant = 'sectionHeader', size, children, weight, color, styles, ...props }) => {
|
|
14
|
+
const selectedVariant = titleStyle[variant];
|
|
15
|
+
const titleOrder = titleOrderMap[variant];
|
|
16
|
+
const customSize = size ? fontSize[size] : {};
|
|
17
|
+
const customWeight = weight ? { fontWeight: fontWeight[weight] } : {};
|
|
18
|
+
const customColor = color ? { color } : {};
|
|
19
|
+
const style = {
|
|
20
|
+
margin: 0,
|
|
21
|
+
padding: 0,
|
|
22
|
+
...selectedVariant,
|
|
23
|
+
...customSize,
|
|
24
|
+
...customWeight,
|
|
25
|
+
...customColor,
|
|
26
|
+
...styles,
|
|
27
|
+
};
|
|
28
|
+
return (_jsx(MantineTitle, { order: titleOrder, style: style, ...props, children: children }));
|
|
29
|
+
};
|
|
30
|
+
export { Title };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export { CheckboxTable } from "./Data/CheckboxTable";
|
|
2
|
+
export { RemovableItemList } from "./Data/RemovableItemList";
|
|
3
|
+
export { ModalProvider } from "./Info/Modals/ModalProvider";
|
|
4
|
+
export { Modal } from "./Info/Modals/Modal";
|
|
5
|
+
export { useConfirmationModal } from "./Info/Modals/ConfirmationModal";
|
|
6
|
+
export { useInfoModal } from "./Info/Modals/InfoModal";
|
|
7
|
+
export { NotificationProvider } from "./Info/Notifications/NotificationProvider";
|
|
8
|
+
export { useNotifications } from "./Info/Notifications/Notifications";
|
|
9
|
+
export { InfoTooltip } from "./Info/Tooltips/InfoTooltip";
|
|
10
|
+
export { Tooltip } from "./Info/Tooltips/Tooltip";
|
|
11
|
+
export { AutoComplete } from "./Inputs/TextInputs/AutoComplete";
|
|
12
|
+
export { Button } from "./Inputs/Buttons/Button";
|
|
13
|
+
export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton";
|
|
14
|
+
export { Checkbox } from "./Inputs/Controls/Checkbox";
|
|
15
|
+
export { Toggle } from "./Inputs/Controls/Toggle";
|
|
16
|
+
export { FontSelect } from "./Inputs/Dropdowns/FontSelect";
|
|
17
|
+
export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect";
|
|
18
|
+
export { SearchBar } from "./Inputs/TextInputs/SearchBar";
|
|
19
|
+
export { Select } from "./Inputs/Dropdowns/Select";
|
|
20
|
+
export { Slider } from "./Inputs/Sliders/Slider";
|
|
21
|
+
export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider";
|
|
22
|
+
export { TextArea } from "./Inputs/TextInputs/TextArea";
|
|
23
|
+
export { TextInput } from "./Inputs/TextInputs/TextInput";
|
|
24
|
+
export { PasswordInput } from "./Inputs/TextInputs/PasswordInput";
|
|
25
|
+
export { Box } from "./Layout/Box";
|
|
26
|
+
export { Center } from "./Layout/Center";
|
|
27
|
+
export { Divider } from "./Layout/Divider";
|
|
28
|
+
export { Frame } from "./Layout/Frame";
|
|
29
|
+
export { Group } from "./Layout/Group";
|
|
30
|
+
export { Loader } from "./Layout/Loader";
|
|
31
|
+
export { Stack } from "./Layout/Stack";
|
|
32
|
+
export { CollapsibleText } from "./Typography/CollapsibleText";
|
|
33
|
+
export { Text } from "./Typography/Text";
|
|
34
|
+
export { Title } from "./Typography/Title";
|
|
35
|
+
export { Transition } from "./Misc/Transition";
|
|
36
|
+
export { useCopy } from "./Misc/Copy";
|
|
37
|
+
export { useMediaQuery } from "./Misc/MediaQuery";
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
//Data
|
|
2
|
+
export { CheckboxTable } from "./Data/CheckboxTable";
|
|
3
|
+
export { RemovableItemList } from "./Data/RemovableItemList";
|
|
4
|
+
//Info
|
|
5
|
+
export { ModalProvider } from "./Info/Modals/ModalProvider";
|
|
6
|
+
export { Modal } from "./Info/Modals/Modal";
|
|
7
|
+
export { useConfirmationModal } from "./Info/Modals/ConfirmationModal";
|
|
8
|
+
export { useInfoModal } from "./Info/Modals/InfoModal";
|
|
9
|
+
export { NotificationProvider } from "./Info/Notifications/NotificationProvider";
|
|
10
|
+
export { useNotifications } from "./Info/Notifications/Notifications";
|
|
11
|
+
export { InfoTooltip } from "./Info/Tooltips/InfoTooltip";
|
|
12
|
+
export { Tooltip } from "./Info/Tooltips/Tooltip";
|
|
13
|
+
//Inputs
|
|
14
|
+
export { AutoComplete } from "./Inputs/TextInputs/AutoComplete";
|
|
15
|
+
export { Button } from "./Inputs/Buttons/Button";
|
|
16
|
+
export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton";
|
|
17
|
+
export { Checkbox } from "./Inputs/Controls/Checkbox";
|
|
18
|
+
export { Toggle } from "./Inputs/Controls/Toggle";
|
|
19
|
+
export { FontSelect } from "./Inputs/Dropdowns/FontSelect";
|
|
20
|
+
export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect";
|
|
21
|
+
export { SearchBar } from "./Inputs/TextInputs/SearchBar";
|
|
22
|
+
export { Select } from "./Inputs/Dropdowns/Select";
|
|
23
|
+
export { Slider } from "./Inputs/Sliders/Slider";
|
|
24
|
+
export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider";
|
|
25
|
+
export { TextArea } from "./Inputs/TextInputs/TextArea";
|
|
26
|
+
export { TextInput } from "./Inputs/TextInputs/TextInput";
|
|
27
|
+
export { PasswordInput } from "./Inputs/TextInputs/PasswordInput";
|
|
28
|
+
//Layout
|
|
29
|
+
export { Box } from "./Layout/Box";
|
|
30
|
+
export { Center } from "./Layout/Center";
|
|
31
|
+
export { Divider } from "./Layout/Divider";
|
|
32
|
+
export { Frame } from "./Layout/Frame";
|
|
33
|
+
export { Group } from "./Layout/Group";
|
|
34
|
+
export { Loader } from "./Layout/Loader";
|
|
35
|
+
export { Stack } from "./Layout/Stack";
|
|
36
|
+
//Typography
|
|
37
|
+
export { CollapsibleText } from "./Typography/CollapsibleText";
|
|
38
|
+
export { Text } from "./Typography/Text";
|
|
39
|
+
export { Title } from "./Typography/Title";
|
|
40
|
+
//Misc
|
|
41
|
+
export { Transition } from "./Misc/Transition";
|
|
42
|
+
export { useCopy } from "./Misc/Copy";
|
|
43
|
+
export { useMediaQuery } from "./Misc/MediaQuery";
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
export declare const neutral: {
|
|
2
|
+
readonly 25: "#F8FAFC";
|
|
3
|
+
readonly 50: "#EDEDED";
|
|
4
|
+
readonly 100: "#D9D9D9";
|
|
5
|
+
readonly 200: "#6D6D6D";
|
|
6
|
+
readonly 300: "#3F3F3F";
|
|
7
|
+
};
|
|
8
|
+
export declare const primary: {
|
|
9
|
+
readonly 25: "#EEFAFF";
|
|
10
|
+
readonly 50: "#BDEAFF";
|
|
11
|
+
readonly 100: "#74D4FF";
|
|
12
|
+
readonly 200: "#00A6F4";
|
|
13
|
+
readonly 300: "#0081CE";
|
|
14
|
+
};
|
|
15
|
+
export declare const secondary: {
|
|
16
|
+
readonly 50: "#E8F5E9";
|
|
17
|
+
readonly 100: "#C8E6C9";
|
|
18
|
+
readonly 200: "#81C784";
|
|
19
|
+
readonly 300: "#4CAF50";
|
|
20
|
+
};
|
|
21
|
+
export declare const success: {
|
|
22
|
+
readonly 50: "#E6F4E7";
|
|
23
|
+
readonly 100: "#00C951";
|
|
24
|
+
readonly 200: "#00A63E";
|
|
25
|
+
readonly 300: "#008236";
|
|
26
|
+
};
|
|
27
|
+
export declare const warning: {
|
|
28
|
+
readonly 50: "#FFE5B4";
|
|
29
|
+
readonly 100: "#FE9A00";
|
|
30
|
+
readonly 200: "#E17100";
|
|
31
|
+
readonly 300: "#973C00";
|
|
32
|
+
};
|
|
33
|
+
export declare const error: {
|
|
34
|
+
readonly 50: "#FFD7D9";
|
|
35
|
+
readonly 100: "#FB2C36";
|
|
36
|
+
readonly 200: "#C10007";
|
|
37
|
+
readonly 300: "#9F0712";
|
|
38
|
+
};
|
|
39
|
+
export declare const colors: {
|
|
40
|
+
readonly neutral: {
|
|
41
|
+
readonly 25: "#F8FAFC";
|
|
42
|
+
readonly 50: "#EDEDED";
|
|
43
|
+
readonly 100: "#D9D9D9";
|
|
44
|
+
readonly 200: "#6D6D6D";
|
|
45
|
+
readonly 300: "#3F3F3F";
|
|
46
|
+
};
|
|
47
|
+
readonly primary: {
|
|
48
|
+
readonly 25: "#EEFAFF";
|
|
49
|
+
readonly 50: "#BDEAFF";
|
|
50
|
+
readonly 100: "#74D4FF";
|
|
51
|
+
readonly 200: "#00A6F4";
|
|
52
|
+
readonly 300: "#0081CE";
|
|
53
|
+
};
|
|
54
|
+
readonly secondary: {
|
|
55
|
+
readonly 50: "#E8F5E9";
|
|
56
|
+
readonly 100: "#C8E6C9";
|
|
57
|
+
readonly 200: "#81C784";
|
|
58
|
+
readonly 300: "#4CAF50";
|
|
59
|
+
};
|
|
60
|
+
readonly success: {
|
|
61
|
+
readonly 50: "#E6F4E7";
|
|
62
|
+
readonly 100: "#00C951";
|
|
63
|
+
readonly 200: "#00A63E";
|
|
64
|
+
readonly 300: "#008236";
|
|
65
|
+
};
|
|
66
|
+
readonly warning: {
|
|
67
|
+
readonly 50: "#FFE5B4";
|
|
68
|
+
readonly 100: "#FE9A00";
|
|
69
|
+
readonly 200: "#E17100";
|
|
70
|
+
readonly 300: "#973C00";
|
|
71
|
+
};
|
|
72
|
+
readonly error: {
|
|
73
|
+
readonly 50: "#FFD7D9";
|
|
74
|
+
readonly 100: "#FB2C36";
|
|
75
|
+
readonly 200: "#C10007";
|
|
76
|
+
readonly 300: "#9F0712";
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;CAKR,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
// Neutral Colors - Grays
|
|
2
|
+
export const neutral = {
|
|
3
|
+
25: '#F8FAFC',
|
|
4
|
+
50: '#EDEDED',
|
|
5
|
+
100: '#D9D9D9',
|
|
6
|
+
200: '#6D6D6D',
|
|
7
|
+
300: '#3F3F3F',
|
|
8
|
+
};
|
|
9
|
+
// Primary Colors - Blues
|
|
10
|
+
export const primary = {
|
|
11
|
+
25: '#EEFAFF',
|
|
12
|
+
50: '#BDEAFF',
|
|
13
|
+
100: '#74D4FF',
|
|
14
|
+
200: '#00A6F4',
|
|
15
|
+
300: '#0081CE',
|
|
16
|
+
};
|
|
17
|
+
// Secondary Colors - Blues (temp)
|
|
18
|
+
export const secondary = {
|
|
19
|
+
50: '#E8F5E9',
|
|
20
|
+
100: '#C8E6C9',
|
|
21
|
+
200: '#81C784',
|
|
22
|
+
300: '#4CAF50',
|
|
23
|
+
};
|
|
24
|
+
// Success Colors - Greens
|
|
25
|
+
export const success = {
|
|
26
|
+
50: '#E6F4E7',
|
|
27
|
+
100: '#00C951',
|
|
28
|
+
200: '#00A63E',
|
|
29
|
+
300: '#008236',
|
|
30
|
+
};
|
|
31
|
+
// Warning Colors - Oranges
|
|
32
|
+
export const warning = {
|
|
33
|
+
50: '#FFE5B4',
|
|
34
|
+
100: '#FE9A00',
|
|
35
|
+
200: '#E17100',
|
|
36
|
+
300: '#973C00',
|
|
37
|
+
};
|
|
38
|
+
// Error Colors - Reds
|
|
39
|
+
export const error = {
|
|
40
|
+
50: '#FFD7D9',
|
|
41
|
+
100: '#FB2C36',
|
|
42
|
+
200: '#C10007',
|
|
43
|
+
300: '#9F0712',
|
|
44
|
+
};
|
|
45
|
+
// Export for all colors
|
|
46
|
+
export const colors = {
|
|
47
|
+
neutral,
|
|
48
|
+
primary,
|
|
49
|
+
secondary,
|
|
50
|
+
success,
|
|
51
|
+
warning,
|
|
52
|
+
error,
|
|
53
|
+
};
|