aidos-ui 4.0.4 → 4.0.5
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/LICENSE +1 -1
- package/README.md +23 -3
- package/dist/index.d.ts +797 -68
- package/dist/index.js +3868 -68
- package/dist/index.js.map +1 -1
- package/dist/jsx-dev-runtime.d.ts +6 -2
- package/dist/jsx-dev-runtime.js +87 -42
- package/dist/jsx-dev-runtime.js.map +1 -1
- package/dist/jsx-runtime.d.ts +1 -1
- package/dist/jsx-runtime.js +2 -2
- package/dist/jsx-runtime.js.map +1 -1
- package/dist/vite-plugin-jss-debug.d.ts +3 -1
- package/dist/vite-plugin-jss-debug.js +57 -74
- package/dist/vite-plugin-jss-debug.js.map +1 -1
- package/package.json +58 -27
- package/.prettierrc +0 -4
- package/CLAUDE.md +0 -72
- package/dist/Badge.d.ts +0 -6
- package/dist/Badge.js +0 -22
- package/dist/Badge.js.map +0 -1
- package/dist/BaseButton.d.ts +0 -14
- package/dist/BaseButton.js +0 -23
- package/dist/BaseButton.js.map +0 -1
- package/dist/BaseInput.d.ts +0 -14
- package/dist/BaseInput.js +0 -15
- package/dist/BaseInput.js.map +0 -1
- package/dist/BaseLink.d.ts +0 -18
- package/dist/BaseLink.js +0 -29
- package/dist/BaseLink.js.map +0 -1
- package/dist/BaseList.d.ts +0 -6
- package/dist/BaseList.js +0 -14
- package/dist/BaseList.js.map +0 -1
- package/dist/BaseListAddOn.d.ts +0 -5
- package/dist/BaseListAddOn.js +0 -7
- package/dist/BaseListAddOn.js.map +0 -1
- package/dist/BaseListItem.d.ts +0 -26
- package/dist/BaseListItem.js +0 -29
- package/dist/BaseListItem.js.map +0 -1
- package/dist/BaseView.d.ts +0 -12
- package/dist/BaseView.js +0 -26
- package/dist/BaseView.js.map +0 -1
- package/dist/Box.d.ts +0 -4
- package/dist/Box.js +0 -6
- package/dist/Box.js.map +0 -1
- package/dist/Button.d.ts +0 -20
- package/dist/Button.js +0 -19
- package/dist/Button.js.map +0 -1
- package/dist/Calendar.d.ts +0 -18
- package/dist/Calendar.js +0 -57
- package/dist/Calendar.js.map +0 -1
- package/dist/Card.d.ts +0 -4
- package/dist/Card.js +0 -14
- package/dist/Card.js.map +0 -1
- package/dist/Checkbox.d.ts +0 -11
- package/dist/Checkbox.js +0 -32
- package/dist/Checkbox.js.map +0 -1
- package/dist/Circle.d.ts +0 -5
- package/dist/Circle.js +0 -12
- package/dist/Circle.js.map +0 -1
- package/dist/Column.d.ts +0 -6
- package/dist/Column.js +0 -7
- package/dist/Column.js.map +0 -1
- package/dist/DarkMode.d.ts +0 -13
- package/dist/DarkMode.js +0 -62
- package/dist/DarkMode.js.map +0 -1
- package/dist/DateInput.d.ts +0 -13
- package/dist/DateInput.js +0 -29
- package/dist/DateInput.js.map +0 -1
- package/dist/DatePicker.d.ts +0 -11
- package/dist/DatePicker.js +0 -34
- package/dist/DatePicker.js.map +0 -1
- package/dist/DatetimeInput.d.ts +0 -13
- package/dist/DatetimeInput.js +0 -31
- package/dist/DatetimeInput.js.map +0 -1
- package/dist/DesignBook.d.ts +0 -1
- package/dist/DesignBook.js +0 -55
- package/dist/DesignBook.js.map +0 -1
- package/dist/Dialog.d.ts +0 -17
- package/dist/Dialog.js +0 -92
- package/dist/Dialog.js.map +0 -1
- package/dist/Dropdown.d.ts +0 -14
- package/dist/Dropdown.js +0 -65
- package/dist/Dropdown.js.map +0 -1
- package/dist/Emitter.d.ts +0 -6
- package/dist/Emitter.js +0 -19
- package/dist/Emitter.js.map +0 -1
- package/dist/FlexLayout.d.ts +0 -11
- package/dist/FlexLayout.js +0 -18
- package/dist/FlexLayout.js.map +0 -1
- package/dist/Icon.d.ts +0 -12
- package/dist/Icon.js +0 -60
- package/dist/Icon.js.map +0 -1
- package/dist/IconButton.d.ts +0 -11
- package/dist/IconButton.js +0 -34
- package/dist/IconButton.js.map +0 -1
- package/dist/IconLink.d.ts +0 -9
- package/dist/IconLink.js +0 -32
- package/dist/IconLink.js.map +0 -1
- package/dist/IconType.d.ts +0 -1
- package/dist/IconType.js +0 -2
- package/dist/IconType.js.map +0 -1
- package/dist/Interactable.d.ts +0 -50
- package/dist/Interactable.js +0 -169
- package/dist/Interactable.js.map +0 -1
- package/dist/JSSComment.d.ts +0 -10
- package/dist/JSSComment.js +0 -52
- package/dist/JSSComment.js.map +0 -1
- package/dist/Link.d.ts +0 -22
- package/dist/Link.js +0 -29
- package/dist/Link.js.map +0 -1
- package/dist/List.d.ts +0 -15
- package/dist/List.js +0 -29
- package/dist/List.js.map +0 -1
- package/dist/ListButtonItem.d.ts +0 -14
- package/dist/ListButtonItem.js +0 -11
- package/dist/ListButtonItem.js.map +0 -1
- package/dist/ListDivider.d.ts +0 -1
- package/dist/ListDivider.js +0 -12
- package/dist/ListDivider.js.map +0 -1
- package/dist/ListHeaderItem.d.ts +0 -10
- package/dist/ListHeaderItem.js +0 -15
- package/dist/ListHeaderItem.js.map +0 -1
- package/dist/ListItem.d.ts +0 -9
- package/dist/ListItem.js +0 -9
- package/dist/ListItem.js.map +0 -1
- package/dist/ListLinkItem.d.ts +0 -16
- package/dist/ListLinkItem.js +0 -11
- package/dist/ListLinkItem.js.map +0 -1
- package/dist/ListSpacer.d.ts +0 -1
- package/dist/ListSpacer.js +0 -13
- package/dist/ListSpacer.js.map +0 -1
- package/dist/MenuIcon.d.ts +0 -5
- package/dist/MenuIcon.js +0 -31
- package/dist/MenuIcon.js.map +0 -1
- package/dist/NextJSRouter.d.ts +0 -1
- package/dist/NextJSRouter.js +0 -37
- package/dist/NextJSRouter.js.map +0 -1
- package/dist/NextJSRouterState.d.ts +0 -38
- package/dist/NextJSRouterState.js +0 -111
- package/dist/NextJSRouterState.js.map +0 -1
- package/dist/OnVisible.d.ts +0 -5
- package/dist/OnVisible.js +0 -28
- package/dist/OnVisible.js.map +0 -1
- package/dist/Popover.d.ts +0 -22
- package/dist/Popover.js +0 -90
- package/dist/Popover.js.map +0 -1
- package/dist/ProgressBar.d.ts +0 -7
- package/dist/ProgressBar.js +0 -42
- package/dist/ProgressBar.js.map +0 -1
- package/dist/ProgressCircle.d.ts +0 -5
- package/dist/ProgressCircle.js +0 -12
- package/dist/ProgressCircle.js.map +0 -1
- package/dist/Providers.d.ts +0 -9
- package/dist/Providers.js +0 -16
- package/dist/Providers.js.map +0 -1
- package/dist/RangeInput.d.ts +0 -14
- package/dist/RangeInput.js +0 -32
- package/dist/RangeInput.js.map +0 -1
- package/dist/ResultOrError.d.ts +0 -13
- package/dist/ResultOrError.js +0 -7
- package/dist/ResultOrError.js.map +0 -1
- package/dist/RootView.d.ts +0 -5
- package/dist/RootView.js +0 -35
- package/dist/RootView.js.map +0 -1
- package/dist/Row.d.ts +0 -6
- package/dist/Row.js +0 -7
- package/dist/Row.js.map +0 -1
- package/dist/Select.d.ts +0 -9
- package/dist/Select.js +0 -17
- package/dist/Select.js.map +0 -1
- package/dist/StackContext.d.ts +0 -8
- package/dist/StackContext.js +0 -25
- package/dist/StackContext.js.map +0 -1
- package/dist/StaticCheckbox.d.ts +0 -16
- package/dist/StaticCheckbox.js +0 -48
- package/dist/StaticCheckbox.js.map +0 -1
- package/dist/Storage.d.ts +0 -13
- package/dist/Storage.js +0 -146
- package/dist/Storage.js.map +0 -1
- package/dist/Stream.d.ts +0 -9
- package/dist/Stream.js +0 -36
- package/dist/Stream.js.map +0 -1
- package/dist/Sublist.d.ts +0 -12
- package/dist/Sublist.js +0 -18
- package/dist/Sublist.js.map +0 -1
- package/dist/SubmitIconInput.d.ts +0 -8
- package/dist/SubmitIconInput.js +0 -25
- package/dist/SubmitIconInput.js.map +0 -1
- package/dist/Tabs.d.ts +0 -23
- package/dist/Tabs.js +0 -39
- package/dist/Tabs.js.map +0 -1
- package/dist/Text.d.ts +0 -25
- package/dist/Text.js +0 -52
- package/dist/Text.js.map +0 -1
- package/dist/TextArea.d.ts +0 -11
- package/dist/TextArea.js +0 -27
- package/dist/TextArea.js.map +0 -1
- package/dist/TextInput.d.ts +0 -15
- package/dist/TextInput.js +0 -61
- package/dist/TextInput.js.map +0 -1
- package/dist/TextInputWithState.d.ts +0 -8
- package/dist/TextInputWithState.js +0 -14
- package/dist/TextInputWithState.js.map +0 -1
- package/dist/TextPairing.d.ts +0 -21
- package/dist/TextPairing.js +0 -26
- package/dist/TextPairing.js.map +0 -1
- package/dist/TimeInput.d.ts +0 -15
- package/dist/TimeInput.js +0 -58
- package/dist/TimeInput.js.map +0 -1
- package/dist/Tooltip.d.ts +0 -11
- package/dist/Tooltip.js +0 -73
- package/dist/Tooltip.js.map +0 -1
- package/dist/aria.d.ts +0 -8
- package/dist/aria.js +0 -42
- package/dist/aria.js.map +0 -1
- package/dist/guid.d.ts +0 -1
- package/dist/guid.js +0 -7
- package/dist/guid.js.map +0 -1
- package/dist/hash.d.ts +0 -1
- package/dist/hash.js +0 -20
- package/dist/hash.js.map +0 -1
- package/dist/isServer.d.ts +0 -1
- package/dist/isServer.js +0 -4
- package/dist/isServer.js.map +0 -1
- package/dist/jss.d.ts +0 -122
- package/dist/jss.js +0 -515
- package/dist/jss.js.map +0 -1
- package/dist/numberToBase.d.ts +0 -1
- package/dist/numberToBase.js +0 -44
- package/dist/numberToBase.js.map +0 -1
- package/dist/stateMachineContextFactory.d.ts +0 -36
- package/dist/stateMachineContextFactory.js +0 -48
- package/dist/stateMachineContextFactory.js.map +0 -1
- package/dist/useCookie.d.ts +0 -9
- package/dist/useCookie.js +0 -67
- package/dist/useCookie.js.map +0 -1
- package/dist/useKeyboard.d.ts +0 -8
- package/dist/useKeyboard.js +0 -26
- package/dist/useKeyboard.js.map +0 -1
- package/dist/useNavigation.d.ts +0 -5
- package/dist/useNavigation.js +0 -79
- package/dist/useNavigation.js.map +0 -1
- package/dist/usePromise.d.ts +0 -1
- package/dist/usePromise.js +0 -12
- package/dist/usePromise.js.map +0 -1
- package/dist/useRefEffect.d.ts +0 -1
- package/dist/useRefEffect.js +0 -15
- package/dist/useRefEffect.js.map +0 -1
- package/jss-debug-loader.mjs +0 -44
- package/next-env.d.ts +0 -6
- package/next.config.js +0 -33
- package/scripts/embeddings.js +0 -93
- package/scripts/openai_embeddings.js +0 -100
- package/scripts/publish.js +0 -28
- package/scripts/test_embeddings.js +0 -47
- package/src/Badge.tsx +0 -36
- package/src/BaseButton.tsx +0 -62
- package/src/BaseInput.tsx +0 -63
- package/src/BaseLink.tsx +0 -80
- package/src/BaseList.tsx +0 -26
- package/src/BaseListAddOn.tsx +0 -10
- package/src/BaseListItem.tsx +0 -119
- package/src/BaseView.tsx +0 -57
- package/src/Box.tsx +0 -20
- package/src/Button.tsx +0 -90
- package/src/Calendar.tsx +0 -123
- package/src/Card.tsx +0 -30
- package/src/Checkbox.tsx +0 -63
- package/src/Circle.tsx +0 -24
- package/src/Column.tsx +0 -12
- package/src/DarkMode.tsx +0 -100
- package/src/DateInput.tsx +0 -63
- package/src/DatePicker.tsx +0 -67
- package/src/DatetimeInput.tsx +0 -64
- package/src/DesignBook.tsx +0 -677
- package/src/Dialog.tsx +0 -150
- package/src/Dropdown.tsx +0 -146
- package/src/Emitter.ts +0 -26
- package/src/FlexLayout.tsx +0 -53
- package/src/Icon.tsx +0 -80
- package/src/IconButton.tsx +0 -81
- package/src/IconLink.tsx +0 -59
- package/src/IconType.ts +0 -787
- package/src/Interactable.tsx +0 -210
- package/src/JSSComment.tsx +0 -56
- package/src/Link.tsx +0 -110
- package/src/List.tsx +0 -58
- package/src/ListButtonItem.tsx +0 -69
- package/src/ListDivider.tsx +0 -13
- package/src/ListHeaderItem.tsx +0 -45
- package/src/ListItem.tsx +0 -24
- package/src/ListLinkItem.tsx +0 -76
- package/src/ListSpacer.tsx +0 -14
- package/src/MenuIcon.tsx +0 -50
- package/src/NextJSRouter.tsx +0 -60
- package/src/NextJSRouterState.tsx +0 -154
- package/src/OnVisible.tsx +0 -42
- package/src/Popover.tsx +0 -145
- package/src/ProgressBar.tsx +0 -63
- package/src/ProgressCircle.tsx +0 -38
- package/src/Providers.tsx +0 -33
- package/src/RangeInput.tsx +0 -82
- package/src/ResultOrError.ts +0 -15
- package/src/RootView.tsx +0 -55
- package/src/Row.tsx +0 -12
- package/src/Select.tsx +0 -39
- package/src/StackContext.tsx +0 -52
- package/src/StaticCheckbox.tsx +0 -72
- package/src/Storage.tsx +0 -198
- package/src/Stream.tsx +0 -50
- package/src/Sublist.tsx +0 -61
- package/src/SubmitIconInput.tsx +0 -45
- package/src/Tabs.tsx +0 -110
- package/src/Text.tsx +0 -111
- package/src/TextArea.tsx +0 -58
- package/src/TextInput.tsx +0 -123
- package/src/TextInputWithState.tsx +0 -32
- package/src/TextPairing.tsx +0 -115
- package/src/TimeInput.tsx +0 -109
- package/src/Tooltip.tsx +0 -109
- package/src/aria.ts +0 -72
- package/src/docs/mdx.tsx +0 -137
- package/src/docs/pages.ts +0 -115
- package/src/docs/searchIndex.ts +0 -1
- package/src/examples/ExampleDialog.tsx +0 -28
- package/src/guid.ts +0 -7
- package/src/hash.ts +0 -21
- package/src/index.ts +0 -68
- package/src/isServer.ts +0 -3
- package/src/jss.tsx +0 -712
- package/src/jsx-dev-runtime.ts +0 -74
- package/src/jsx-runtime.ts +0 -2
- package/src/numberToBase.ts +0 -52
- package/src/pages/Badge.mdx +0 -152
- package/src/pages/Button.mdx +0 -163
- package/src/pages/Calendar.mdx +0 -254
- package/src/pages/Card.mdx +0 -147
- package/src/pages/Checkbox.mdx +0 -131
- package/src/pages/Dialog.mdx +0 -197
- package/src/pages/FlexLayout.mdx +0 -211
- package/src/pages/Hashing.mdx +0 -211
- package/src/pages/Icon.mdx +0 -171
- package/src/pages/IconButton.mdx +0 -155
- package/src/pages/Link.mdx +0 -160
- package/src/pages/List.mdx +0 -262
- package/src/pages/ListHeader.mdx +0 -220
- package/src/pages/Popover.mdx +0 -223
- package/src/pages/ProgressBar.mdx +0 -200
- package/src/pages/ProgressCircle.mdx +0 -218
- package/src/pages/RangeInput.mdx +0 -237
- package/src/pages/Tabs.mdx +0 -281
- package/src/pages/Text.mdx +0 -154
- package/src/pages/TextInput.mdx +0 -235
- package/src/pages/TextPairing.mdx +0 -204
- package/src/pages/TimeInput.mdx +0 -178
- package/src/pages/Tooltip.mdx +0 -115
- package/src/pages/_app.tsx +0 -466
- package/src/pages/_document.tsx +0 -30
- package/src/pages/css-in-js.mdx +0 -240
- package/src/pages/index.mdx +0 -58
- package/src/pages/navigation.mdx +0 -158
- package/src/pages/prism.css +0 -3
- package/src/pages/useCookie.mdx +0 -176
- package/src/pages/useKeyboard.mdx +0 -257
- package/src/pages/useNavigation.mdx +0 -258
- package/src/pages/usePromise.mdx +0 -280
- package/src/pages/useRefEffect.mdx +0 -251
- package/src/stateMachineContextFactory.tsx +0 -111
- package/src/useCookie.tsx +0 -95
- package/src/useKeyboard.tsx +0 -43
- package/src/useNavigation.tsx +0 -89
- package/src/usePromise.tsx +0 -18
- package/src/useRefEffect.tsx +0 -18
- package/src/vite-plugin-jss-debug.ts +0 -77
- package/tsconfig.build.json +0 -23
- package/tsconfig.json +0 -38
package/dist/DarkMode.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { useContext, useEffect, useState } from "react";
|
|
3
|
-
import { IconButton } from "./IconButton";
|
|
4
|
-
import { BaseView } from "./BaseView";
|
|
5
|
-
import { isServer } from "./isServer";
|
|
6
|
-
export const DarkModeContext = React.createContext({
|
|
7
|
-
enabled: false,
|
|
8
|
-
toggle: () => { },
|
|
9
|
-
});
|
|
10
|
-
if (!isServer()) {
|
|
11
|
-
const darkMode = document.cookie
|
|
12
|
-
.split(";")
|
|
13
|
-
.map((c) => c.trim())
|
|
14
|
-
.filter((c) => c.startsWith("dark-mode="))
|
|
15
|
-
.map((s) => s.split("=")[1])
|
|
16
|
-
.map((s) => s)
|
|
17
|
-
.pop();
|
|
18
|
-
if (darkMode === "true") {
|
|
19
|
-
document.body.classList.add("dark-mode");
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
export function DarkModeProvider({ children, enabled, toggle, }) {
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
const statusBarMeta = document.head.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
|
|
25
|
-
const themeColorMeta = document.head.querySelector('meta[name="theme-color"]');
|
|
26
|
-
if (enabled) {
|
|
27
|
-
document.body.classList.add("dark-mode");
|
|
28
|
-
if (statusBarMeta != null) {
|
|
29
|
-
// @ts-ignore
|
|
30
|
-
statusBarMeta.content = "black-translucent";
|
|
31
|
-
}
|
|
32
|
-
if (themeColorMeta != null) {
|
|
33
|
-
// @ts-ignore
|
|
34
|
-
themeColorMeta.content = "rgb(42, 43, 46)";
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
else {
|
|
38
|
-
document.body.classList.remove("dark-mode");
|
|
39
|
-
if (statusBarMeta != null) {
|
|
40
|
-
// @ts-ignore
|
|
41
|
-
statusBarMeta.content = "default";
|
|
42
|
-
}
|
|
43
|
-
if (themeColorMeta != null) {
|
|
44
|
-
// @ts-ignore
|
|
45
|
-
themeColorMeta.content = "rgb(239, 239, 244)";
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}, [enabled]);
|
|
49
|
-
return (_jsx(DarkModeContext.Provider, { value: { enabled, toggle }, children: children }));
|
|
50
|
-
}
|
|
51
|
-
export function DarkModeToggle() {
|
|
52
|
-
const darkMode = useContext(DarkModeContext);
|
|
53
|
-
const [show, setShow] = useState(false);
|
|
54
|
-
useEffect(() => {
|
|
55
|
-
setShow(true);
|
|
56
|
-
}, []);
|
|
57
|
-
if (!show) {
|
|
58
|
-
return _jsx(BaseView, { jss: { width: 32, height: 32 } });
|
|
59
|
-
}
|
|
60
|
-
return (_jsx(IconButton, { "aria-label": "Toggle dark mode", icon: darkMode.enabled ? "fa-sun-o" : "fa-moon-o", size: "medium", onClick: darkMode.toggle, color: "primary", bare: true }));
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=DarkMode.js.map
|
package/dist/DarkMode.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DarkMode.js","sourceRoot":"","sources":["../src/DarkMode.tsx"],"names":[],"mappings":"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"}
|
package/dist/DateInput.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BaseInputProps } from "./BaseInput";
|
|
3
|
-
import { IconType } from "./IconType";
|
|
4
|
-
import { JSS } from "./jss";
|
|
5
|
-
export interface DateInputProps extends BaseInputProps {
|
|
6
|
-
onDateChange: (date: Date) => void;
|
|
7
|
-
date: Date;
|
|
8
|
-
icon?: IconType;
|
|
9
|
-
addOn?: ReactNode;
|
|
10
|
-
onChange?: undefined;
|
|
11
|
-
jss?: JSS;
|
|
12
|
-
}
|
|
13
|
-
export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/DateInput.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseInput } from "./BaseInput";
|
|
4
|
-
import { Box } from "./Box";
|
|
5
|
-
import { Icon } from "./Icon";
|
|
6
|
-
import { Row } from "./Row";
|
|
7
|
-
export const DateInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
|
|
8
|
-
return (_jsxs(Row, { jss: {
|
|
9
|
-
backgroundColor: "inherit",
|
|
10
|
-
}, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "date", ref: ref, value: date.toISOString().substring(0, 10), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [
|
|
11
|
-
{
|
|
12
|
-
flexGrow: 1,
|
|
13
|
-
backgroundColor: "inherit",
|
|
14
|
-
color: "var(--primary-text)",
|
|
15
|
-
outline: "none",
|
|
16
|
-
border: "none",
|
|
17
|
-
fontSize: 20,
|
|
18
|
-
lineHeight: 24 / 20,
|
|
19
|
-
"::placeholder": {
|
|
20
|
-
color: "var(--subtle-text);",
|
|
21
|
-
},
|
|
22
|
-
":disabled": {
|
|
23
|
-
color: "var(--subtle-text);",
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
jss,
|
|
27
|
-
] }), addOn] }));
|
|
28
|
-
});
|
|
29
|
-
//# sourceMappingURL=DateInput.js.map
|
package/dist/DateInput.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../src/DateInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAkB,EACvE,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IACF,GAAG,EAAE;YACH,eAAe,EAAE,SAAS;SAC3B,aAEA,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE;oBACH;wBACE,QAAQ,EAAE,CAAC;wBACX,eAAe,EAAE,SAAS;wBAC1B,KAAK,EAAE,qBAAqB;wBAC5B,OAAO,EAAE,MAAM;wBACf,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,EAAE,GAAG,EAAE;wBACnB,eAAe,EAAE;4BACf,KAAK,EAAE,qBAAqB;yBAC7B;wBACD,WAAW,EAAE;4BACX,KAAK,EAAE,qBAAqB;yBAC7B;qBACF;oBACD,GAAG;iBACJ,GACD,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/DatePicker.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { TextColor } from "./jss";
|
|
2
|
-
export interface DatePickerProps {
|
|
3
|
-
id: string;
|
|
4
|
-
label: string;
|
|
5
|
-
date: Date;
|
|
6
|
-
color?: TextColor;
|
|
7
|
-
min?: string;
|
|
8
|
-
max?: string;
|
|
9
|
-
onDateChange: (date: Date) => void;
|
|
10
|
-
}
|
|
11
|
-
export declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/DatePicker.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef } from "react";
|
|
3
|
-
import { Text } from "./Text";
|
|
4
|
-
import { toClassnames } from "./jss";
|
|
5
|
-
const styles = {
|
|
6
|
-
dateInput: {
|
|
7
|
-
border: "1px solid var(--divider)",
|
|
8
|
-
backgroundColor: "var(--primary-background)",
|
|
9
|
-
padding: "var(--spacing-m)",
|
|
10
|
-
color: "var(--primary-text)",
|
|
11
|
-
fontSize: 20,
|
|
12
|
-
lineHeight: 24 / 20,
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
export function DatePicker({ id, label, color = "primary", date, onDateChange, }) {
|
|
16
|
-
const initialDate = useRef(date);
|
|
17
|
-
const year = initialDate.current.getFullYear();
|
|
18
|
-
const month = initialDate.current.getMonth();
|
|
19
|
-
const day = initialDate.current.getDate();
|
|
20
|
-
const min = new Date(year - 1, month, day).toISOString().substring(0, 10);
|
|
21
|
-
const max = new Date(year + 1, month, day).toISOString().substring(0, 10);
|
|
22
|
-
return (_jsxs(_Fragment, { children: [_jsx("label", { htmlFor: id, children: _jsx(Text, { size: "small", color: color, children: label }) }), _jsx("input", { min: min, max: max, className: toClassnames(styles.dateInput), type: "date", id: id, value: date.toISOString().substring(0, 10), onChange: (event) => {
|
|
23
|
-
let parsedDate;
|
|
24
|
-
try {
|
|
25
|
-
parsedDate = new Date(event.target.value);
|
|
26
|
-
}
|
|
27
|
-
finally {
|
|
28
|
-
if (parsedDate != null) {
|
|
29
|
-
onDateChange(parsedDate);
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
} })] }));
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=DatePicker.js.map
|
package/dist/DatePicker.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../src/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAEhD,MAAM,MAAM,GAAG;IACb,SAAS,EAAE;QACT,MAAM,EAAE,0BAA0B;QAClC,eAAe,EAAE,2BAA2B;QAC5C,OAAO,EAAE,kBAAkB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;KACpB;CACF,CAAC;AAYF,MAAM,UAAU,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,YAAY,GACI;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC/C,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1E,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,8BACE,gBAAO,OAAO,EAAE,EAAE,YAChB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,YAC5B,KAAK,GACD,GACD,EACR,gBACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,EACzC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,UAAU,CAAC;oBACf,IAAI,CAAC;wBACH,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC5C,CAAC;4BAAS,CAAC;wBACT,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;4BACvB,YAAY,CAAC,UAAU,CAAC,CAAC;wBAC3B,CAAC;oBACH,CAAC;gBACH,CAAC,GACM,IACR,CACJ,CAAC;AACJ,CAAC"}
|
package/dist/DatetimeInput.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BaseInputProps } from "./BaseInput";
|
|
3
|
-
import { IconType } from "./IconType";
|
|
4
|
-
import { JSS } from "./jss";
|
|
5
|
-
export interface DatetimeInputProps extends BaseInputProps {
|
|
6
|
-
onDateChange: (date: Date) => void;
|
|
7
|
-
date: Date;
|
|
8
|
-
icon?: IconType;
|
|
9
|
-
addOn?: ReactNode;
|
|
10
|
-
onChange?: undefined;
|
|
11
|
-
jss?: JSS;
|
|
12
|
-
}
|
|
13
|
-
export declare const DatetimeInput: React.ForwardRefExoticComponent<DatetimeInputProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/DatetimeInput.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseInput } from "./BaseInput";
|
|
4
|
-
import { Box } from "./Box";
|
|
5
|
-
import { Icon } from "./Icon";
|
|
6
|
-
import { Row } from "./Row";
|
|
7
|
-
const styles = {
|
|
8
|
-
root: {
|
|
9
|
-
backgroundColor: "var(--primary-background)",
|
|
10
|
-
},
|
|
11
|
-
input: {
|
|
12
|
-
padding: "var(--spacing-m)",
|
|
13
|
-
flexGrow: 1,
|
|
14
|
-
backgroundColor: "var(--primary-background)",
|
|
15
|
-
color: "var(--primary-text)",
|
|
16
|
-
outline: "none",
|
|
17
|
-
border: "none",
|
|
18
|
-
fontSize: 20,
|
|
19
|
-
lineHeight: 24 / 20,
|
|
20
|
-
"::placeholder": {
|
|
21
|
-
color: "var(--subtle-text);",
|
|
22
|
-
},
|
|
23
|
-
":disabled": {
|
|
24
|
-
color: "var(--subtle-text);",
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
export const DatetimeInput = React.forwardRef(({ date, onDateChange, jss, icon, addOn, ...inputProps }, ref) => {
|
|
29
|
-
return (_jsxs(Row, { jss: styles.root, children: [icon && (_jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "secondary", icon: icon }) })), _jsx(BaseInput, { ...inputProps, type: "datetime-local", ref: ref, value: date.toISOString().substring(0, 16), onChange: (e) => onDateChange(new Date(e.target.value)), jss: [styles.input, jss] }), addOn] }));
|
|
30
|
-
});
|
|
31
|
-
//# sourceMappingURL=DatetimeInput.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatetimeInput.js","sourceRoot":"","sources":["../src/DatetimeInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,eAAe,EAAE,2BAA2B;KAC7C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,2BAA2B;QAC5C,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE,GAAG,EAAE;QACnB,eAAe,EAAE;YACf,KAAK,EAAE,qBAAqB;SAC7B;QACD,WAAW,EAAE;YACX,KAAK,EAAE,qBAAqB;SAC7B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,EAAsB,EAC3E,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,MAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,IAAI,aAClB,IAAI,IAAI,CACP,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,GAChD,CACP,EACD,KAAC,SAAS,OACJ,UAAU,EACd,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACvD,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GACxB,EACD,KAAK,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/DesignBook.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function DesignBook(): import("react/jsx-runtime").JSX.Element;
|
package/dist/DesignBook.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useContext, useState } from "react";
|
|
3
|
-
import { RootView } from "./RootView";
|
|
4
|
-
import { Sublist } from "./Sublist";
|
|
5
|
-
import { Button } from "./Button";
|
|
6
|
-
import { IconButton } from "./IconButton";
|
|
7
|
-
import { Text } from "./Text";
|
|
8
|
-
import { TextPairing } from "./TextPairing";
|
|
9
|
-
import { Icon } from "./Icon";
|
|
10
|
-
import { TextInput } from "./TextInput";
|
|
11
|
-
import { Checkbox } from "./Checkbox";
|
|
12
|
-
import { List } from "./List";
|
|
13
|
-
import { ListSpacer } from "./ListSpacer";
|
|
14
|
-
import { ListButtonItem } from "./ListButtonItem";
|
|
15
|
-
import { Dialog, useDialog } from "./Dialog";
|
|
16
|
-
import { Row } from "./Row";
|
|
17
|
-
import { DarkModeContext } from "./DarkMode";
|
|
18
|
-
import { Popover, PopoverTrigger } from "./Popover";
|
|
19
|
-
import { Tooltip } from "./Tooltip";
|
|
20
|
-
import { Link } from "./Link";
|
|
21
|
-
import { Calendar } from "./Calendar";
|
|
22
|
-
import { Box } from "./Box";
|
|
23
|
-
import { Badge } from "./Badge";
|
|
24
|
-
function ExampleDialog({ close }) {
|
|
25
|
-
const darkMode = useContext(DarkModeContext);
|
|
26
|
-
return (_jsx(Dialog, { close: close, label: "Example", children: _jsxs(Row, { padding: "medium", align: "center", justify: "space-between", children: [_jsx(Text, { children: "Dark mode" }), _jsx(Checkbox, { size: "medium", checked: darkMode.enabled, onClick: () => darkMode.toggle() })] }) }));
|
|
27
|
-
}
|
|
28
|
-
export function DesignBook() {
|
|
29
|
-
const dialog = useDialog(({ close }) => _jsx(ExampleDialog, { close: close }), { closeOnOutsideClick: true });
|
|
30
|
-
const [checkbox1, setCheckbox1] = useState(true);
|
|
31
|
-
const [checkbox2, setCheckbox2] = useState(true);
|
|
32
|
-
const [checkbox3, setCheckbox3] = useState(true);
|
|
33
|
-
const [checkbox4, setCheckbox4] = useState(false);
|
|
34
|
-
const [checkbox5, setCheckbox5] = useState(false);
|
|
35
|
-
const [checkbox6, setCheckbox6] = useState(false);
|
|
36
|
-
return (_jsx(RootView, { children: _jsxs(List, { navigation: false, ariaLabel: "Design book", children: [_jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Button", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Button, { color: "positive", onClick: () => {
|
|
37
|
-
dialog.open();
|
|
38
|
-
}, children: "Positive button" }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
|
|
39
|
-
return (_jsx(Popover, { close: close, children: _jsxs(List, { navigation: false, ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
|
|
40
|
-
}, children: ({ toggle }) => (_jsx(Button, { style: { position: "relative" }, color: "primary", onClick: () => {
|
|
41
|
-
toggle(undefined);
|
|
42
|
-
}, children: "Secondary button" })) }) }), _jsx(Row, { gap: "medium", children: _jsx(PopoverTrigger, { PopoverComponent: ({ close }) => {
|
|
43
|
-
return (_jsx(Popover, { close: close, children: _jsxs(List, { ariaLabel: "Popover ", children: [_jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }), headline: "Option 1", onClick: () => { }, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-adjust" }), headline: "Option 2", onClick: () => { }, withDivider: false, color: "positive" })] }) }));
|
|
44
|
-
}, children: ({ toggle }) => (_jsx(Button, { color: "negative", onClick: () => {
|
|
45
|
-
toggle(undefined);
|
|
46
|
-
}, children: "Negative button" })) }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Button, { color: "positive", onClick: () => { }, disabled: true, children: "Disabled button" }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "positive", onClick: () => { }, children: "Bare positive button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "primary", onClick: () => { }, children: "Bare secondary button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "negative", onClick: () => { }, children: "Bare negative button" }) }), _jsx(Row, { gap: "medium", children: _jsx(Button, { bare: true, color: "positive", onClick: () => { }, disabled: true, children: "Bare disabled button" }) })] }), _jsxs(Sublist, { label: "Link", initialState: { collapsed: false }, children: [_jsx(Row, { gap: "medium", children: _jsx(Link, { color: "positive", href: "/", children: "Positive link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { color: "primary", href: "/", children: "Secondary link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Tooltip, { content: "Tooltip here", children: _jsx(Link, { color: "positive", href: "/", disabled: true, children: "Disabled link" }) }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "positive", href: "/", children: "Bare positive link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "primary", href: "/", children: "Bare secondary link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "negative", href: "/", children: "Bare negative link" }) }), _jsx(Row, { gap: "medium", children: _jsx(Link, { bare: true, color: "positive", href: "/", disabled: true, children: "Bare disabled Link" }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Icon button", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-remove", color: "negative", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { size: "large", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "primary", onClick: () => { } }), _jsx(IconButton, { size: "large", icon: "fa-info", color: "primary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "medium", icon: "fa-info", color: "primary", onClick: () => { }, bare: true }), _jsx(IconButton, { size: "small", icon: "fa-info", color: "primary", onClick: () => { }, bare: true })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { } }), _jsx(IconButton, { disabled: true, size: "large", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "medium", icon: "fa-check", color: "positive", onClick: () => { }, bare: true }), _jsx(IconButton, { disabled: true, size: "small", icon: "fa-check", color: "positive", onClick: () => { }, bare: true })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { label: "Pressable list row", initialState: {
|
|
47
|
-
collapsed: false,
|
|
48
|
-
}, children: [_jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", color: "positive" }), _jsx(ListButtonItem, { selected: true, onClick: () => { }, headline: "Selected", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Headline", body: "Body", color: "positive" }), _jsx(ListButtonItem, { onClick: () => { }, headline: "Disabled", body: "Body", disabled: true, color: "positive" }), _jsx(ListButtonItem, { gap: "medium", addOn: _jsx(Box, { padding: "medium", children: _jsx(Icon, { size: "medium", color: "primary", icon: "fa-address-book" }) }), headline: "Really long body", body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", onClick: () => { }, color: "positive" })] }), _jsxs(Sublist, { label: "Text", initialState: { collapsed: false }, children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "primary", children: "Primary large" }), _jsx(Text, { size: "medium", color: "primary", children: "Primary medium" }), _jsx(Text, { size: "small", color: "primary", children: "Primary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "secondary", children: "Secondary large" }), _jsx(Text, { size: "medium", color: "secondary", children: "Secondary medium" }), _jsx(Text, { size: "small", color: "secondary", children: "Secondary small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "subtle", children: "Subtle large" }), _jsx(Text, { size: "medium", color: "subtle", children: "Subtle medium" }), _jsx(Text, { size: "small", color: "subtle", children: "Subtle small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "light", children: "Light large" }), _jsx(Text, { size: "medium", color: "light", children: "Light medium" }), _jsx(Text, { size: "small", color: "light", children: "Light small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "highlight", children: "Highlight large" }), _jsx(Text, { size: "medium", color: "highlight", children: "Highlight medium" }), _jsx(Text, { size: "small", color: "highlight", children: "Highlight small" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Text, { size: "large", color: "negative", children: "Negative large" }), _jsx(Text, { size: "medium", color: "negative", children: "Negative medium" }), _jsx(Text, { size: "small", color: "negative", children: "Negative small" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Icon", children: [_jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "primary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "primary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "secondary", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "secondary", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "subtle", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "subtle", icon: "fa-check" })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Icon, { size: "large", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "medium", color: "light", icon: "fa-check" }), _jsx(Icon, { size: "small", color: "light", icon: "fa-check" })] })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Text pairing", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body" }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextPairing, { headline: "Headline", body: "Body", addOn: _jsx(Icon, { size: "large", color: "primary", icon: "fa-user" }) }) })] }), _jsx(ListSpacer, {}), _jsxs(Sublist, { initialState: { collapsed: false }, label: "Input", children: [_jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "", placeholder: "Placeholder text input", onValueChange: () => { } }) }), _jsx(Row, { padding: "medium", gap: "medium", children: _jsx(TextInput, { value: "Text input", onValueChange: () => { } }) }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox1, onClick: () => setCheckbox1((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox2, onClick: () => setCheckbox2((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox3, onClick: () => setCheckbox3((x) => !x) })] }), _jsxs(Row, { padding: "medium", gap: "medium", children: [_jsx(Checkbox, { size: "small", checked: checkbox4, onClick: () => setCheckbox4((x) => !x) }), _jsx(Checkbox, { size: "medium", checked: checkbox5, onClick: () => setCheckbox5((x) => !x) }), _jsx(Checkbox, { size: "large", checked: checkbox6, onClick: () => setCheckbox6((x) => !x) })] })] }), _jsx(ListSpacer, {}), _jsx(ListSpacer, {}), _jsx(Sublist, { label: "Calendar", children: _jsx(Calendar, { date: new Date(), header: ({ weekday }) => (_jsx(Box, { children: _jsx(Text, { children: weekday }) })), cell: ({ today, date, outOfMonth }) => (_jsxs(Box, { relative: true, style: { opacity: outOfMonth ? 0.2 : 1 }, children: [today && (_jsx(Badge, { jss: {
|
|
49
|
-
position: "absolute",
|
|
50
|
-
top: "50%",
|
|
51
|
-
transform: "translateY(-50%) translateX(-75%)",
|
|
52
|
-
right: "50%",
|
|
53
|
-
} })), _jsx(Text, { children: date.getDate() })] })) }) })] }) }));
|
|
54
|
-
}
|
|
55
|
-
//# sourceMappingURL=DesignBook.js.map
|
package/dist/DesignBook.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DesignBook.js","sourceRoot":"","sources":["../src/DesignBook.tsx"],"names":[],"mappings":"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"}
|
package/dist/Dialog.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare const Dialog: ({ label, children, close, }: {
|
|
3
|
-
label: string;
|
|
4
|
-
children: React.JSX.Element;
|
|
5
|
-
close: () => void;
|
|
6
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export declare function DialogProvider({ children }: {
|
|
8
|
-
children: any;
|
|
9
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare function useDialog<Input>(DialogComponent: (props: {
|
|
11
|
-
close: () => void;
|
|
12
|
-
} & Input) => React.JSX.Element, options: {
|
|
13
|
-
closeOnOutsideClick: boolean;
|
|
14
|
-
}): {
|
|
15
|
-
open: (input: Input) => void;
|
|
16
|
-
close: () => any;
|
|
17
|
-
};
|
package/dist/Dialog.js
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useContext, useMemo, useRef, useState } from "react";
|
|
3
|
-
import { BaseView } from "./BaseView";
|
|
4
|
-
import { Text } from "./Text";
|
|
5
|
-
import { ListDivider } from "./ListDivider";
|
|
6
|
-
import { Column } from "./Column";
|
|
7
|
-
import { Row } from "./Row";
|
|
8
|
-
import { IconButton } from "./IconButton";
|
|
9
|
-
import { toClassnames } from "./jss";
|
|
10
|
-
const styles = {
|
|
11
|
-
dialog: {
|
|
12
|
-
border: "1px solid var(--divider)",
|
|
13
|
-
borderRadius: "var(--border-radius-l)",
|
|
14
|
-
padding: 0,
|
|
15
|
-
boxShadow: "var(--shadow-lg)",
|
|
16
|
-
animation: "dialogFadeIn 0.2s ease-out",
|
|
17
|
-
"::backdrop": {
|
|
18
|
-
backgroundColor: "rgba(0, 0, 0, 0.4)",
|
|
19
|
-
animation: "backdropFadeIn 0.2s ease-out",
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
root: {
|
|
23
|
-
display: "grid",
|
|
24
|
-
width: "calc(100vw - 48px)",
|
|
25
|
-
gridTemplateAreas: `
|
|
26
|
-
"header"
|
|
27
|
-
"content"
|
|
28
|
-
`,
|
|
29
|
-
"@media (min-width: 750px)": {
|
|
30
|
-
maxWidth: 750,
|
|
31
|
-
},
|
|
32
|
-
backgroundColor: "var(--secondary-background)",
|
|
33
|
-
},
|
|
34
|
-
header: {
|
|
35
|
-
gridArea: "header",
|
|
36
|
-
},
|
|
37
|
-
content: {
|
|
38
|
-
gridArea: "content",
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export const Dialog = ({ label, children, close, }) => {
|
|
42
|
-
return (_jsxs(BaseView, { jss: styles.root, children: [_jsxs(Column, { jss: styles.header, children: [_jsxs(Row, { padding: "medium", justify: "space-between", align: "center", children: [_jsx(Text, { size: "medium", color: "secondary", children: label }), _jsx(IconButton, { autoFocus: true, bare: true, icon: "fa-close", size: "medium", onClick: close, color: "primary" })] }), _jsx(ListDivider, {})] }), _jsx(BaseView, { jss: styles.content, children: children })] }));
|
|
43
|
-
};
|
|
44
|
-
const DialogContext = React.createContext({
|
|
45
|
-
setDialog: () => { },
|
|
46
|
-
});
|
|
47
|
-
export function DialogProvider({ children }) {
|
|
48
|
-
const [dialog, setDialog] = useState(null);
|
|
49
|
-
const value = useMemo(() => ({ setDialog }), []);
|
|
50
|
-
return (_jsxs(DialogContext.Provider, { value: value, children: [dialog, children] }));
|
|
51
|
-
}
|
|
52
|
-
export function useDialog(DialogComponent, options) {
|
|
53
|
-
const { setDialog } = useContext(DialogContext);
|
|
54
|
-
const dialogRef = useRef(null);
|
|
55
|
-
const activeElementRef = useRef(null);
|
|
56
|
-
const closeRef = useRef(null);
|
|
57
|
-
closeRef.current = () => {
|
|
58
|
-
dialogRef.current && dialogRef.current.close();
|
|
59
|
-
activeElementRef.current && activeElementRef.current.focus();
|
|
60
|
-
dialogRef.current = null;
|
|
61
|
-
activeElementRef.current = null;
|
|
62
|
-
setDialog(null);
|
|
63
|
-
};
|
|
64
|
-
const open = (input) => {
|
|
65
|
-
activeElementRef.current = document.activeElement;
|
|
66
|
-
setDialog(_jsx("dialog", { ref: (ref) => {
|
|
67
|
-
dialogRef.current = ref;
|
|
68
|
-
ref && ref.showModal();
|
|
69
|
-
}, className: toClassnames(styles.dialog), onClose: () => {
|
|
70
|
-
closeRef.current();
|
|
71
|
-
}, onClick: (e) => {
|
|
72
|
-
if (dialogRef.current == null) {
|
|
73
|
-
return;
|
|
74
|
-
}
|
|
75
|
-
const dialogDimensions = dialogRef.current.getBoundingClientRect();
|
|
76
|
-
if (options.closeOnOutsideClick === false) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
if (e.clientX < dialogDimensions.left ||
|
|
80
|
-
e.clientX > dialogDimensions.right ||
|
|
81
|
-
e.clientY > dialogDimensions.bottom ||
|
|
82
|
-
e.clientY < dialogDimensions.top) {
|
|
83
|
-
dialogRef.current.close();
|
|
84
|
-
}
|
|
85
|
-
}, children: _jsx(DialogComponent, { ...input, close: () => closeRef.current() }) }));
|
|
86
|
-
};
|
|
87
|
-
return {
|
|
88
|
-
open,
|
|
89
|
-
close: () => closeRef.current(),
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
//# sourceMappingURL=Dialog.js.map
|
package/dist/Dialog.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"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"}
|
package/dist/Dropdown.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Gap, JSS, Padding, Size } from "./jss";
|
|
2
|
-
export declare function Dropdown<T extends string | number>({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap, }: {
|
|
3
|
-
id?: string;
|
|
4
|
-
label: string;
|
|
5
|
-
options: Set<T>;
|
|
6
|
-
setSelection: (selection: T) => void;
|
|
7
|
-
selection: T;
|
|
8
|
-
jss?: JSS;
|
|
9
|
-
jssButton?: JSS;
|
|
10
|
-
optionLabel: (option: T) => string;
|
|
11
|
-
padding?: Padding;
|
|
12
|
-
gap?: Gap;
|
|
13
|
-
size?: Size;
|
|
14
|
-
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/Dropdown.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useId, useRef, useState } from "react";
|
|
3
|
-
import { BaseView } from "./BaseView";
|
|
4
|
-
import { Button } from "./Button";
|
|
5
|
-
import { Column } from "./Column";
|
|
6
|
-
import { useNavigation } from "./useNavigation";
|
|
7
|
-
import { useRefEffect } from "./useRefEffect";
|
|
8
|
-
import { getBackground } from "./jss";
|
|
9
|
-
const styles = {
|
|
10
|
-
root: {
|
|
11
|
-
position: "relative",
|
|
12
|
-
display: "flex",
|
|
13
|
-
justifyContent: "center",
|
|
14
|
-
alignItems: "stretch",
|
|
15
|
-
flexGrow: 1,
|
|
16
|
-
},
|
|
17
|
-
button: {
|
|
18
|
-
flexGrow: 1,
|
|
19
|
-
},
|
|
20
|
-
dropdown: {
|
|
21
|
-
position: "absolute",
|
|
22
|
-
top: "100%",
|
|
23
|
-
left: 0,
|
|
24
|
-
right: 0,
|
|
25
|
-
borderRadius: "var(--border-radius-m)",
|
|
26
|
-
boxShadow: "var(--shadow-sm)",
|
|
27
|
-
zIndex: 1,
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export function Dropdown({ id: propId, label, options, selection, setSelection, jss, jssButton, optionLabel, padding, size, gap = "medium", }) {
|
|
31
|
-
const hookId = useId();
|
|
32
|
-
const id = propId ?? hookId;
|
|
33
|
-
const triggerRef = useRef(null);
|
|
34
|
-
const [expanded, setExpanded] = useState(false);
|
|
35
|
-
const dropdownRef = useNavigation({ autofocus: true });
|
|
36
|
-
const rootRef = useRefEffect((root) => {
|
|
37
|
-
const onKeyDown = (e) => {
|
|
38
|
-
if (e.code === "Escape") {
|
|
39
|
-
setExpanded(false);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
root.addEventListener("keydown", onKeyDown);
|
|
43
|
-
return () => root.removeEventListener("keydown", onKeyDown);
|
|
44
|
-
});
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
if (!expanded) {
|
|
47
|
-
triggerRef.current && triggerRef.current.focus();
|
|
48
|
-
}
|
|
49
|
-
}, [expanded]);
|
|
50
|
-
return (_jsxs(BaseView, { ref: rootRef, jss: [styles.root, jss], children: [_jsx(Button, { size: size, padding: padding, "aria-expanded": expanded ? "true" : "false", "aria-controls": id, "aria-haspopup": "true", "aria-label": label, role: "combobox", justify: "space-between", tabIndex: 0, jss: [styles.button, jssButton], color: "positive", icon: "fa-chevron-down", iconPosition: "right", onClick: () => {
|
|
51
|
-
setExpanded((x) => !x);
|
|
52
|
-
}, ref: triggerRef, children: optionLabel(selection) }), expanded && (_jsx(Column, { gap: gap, jss: [styles.dropdown, getBackground("secondary-background")], id: id, role: "listbox", "aria-label": label, tabIndex: -1, ref: dropdownRef, onBlur: (e) => {
|
|
53
|
-
if (!e.currentTarget.contains(e.relatedTarget)) {
|
|
54
|
-
setExpanded(false);
|
|
55
|
-
}
|
|
56
|
-
}, children: Array.from(options).map((option, index) => {
|
|
57
|
-
const optionId = `${id}-${index}`;
|
|
58
|
-
const selected = option === selection;
|
|
59
|
-
return (_jsx(Button, { size: size, padding: padding, justify: selected ? "space-between" : "flex-start", align: "center", bare: true, iconPosition: "right", icon: selected ? "fa-check" : undefined, role: "option", id: optionId, "aria-selected": selected ? "true" : "false", color: "positive", onClick: () => {
|
|
60
|
-
setSelection(option);
|
|
61
|
-
setExpanded(false);
|
|
62
|
-
}, children: optionLabel(option) }, optionId));
|
|
63
|
-
}) }))] }));
|
|
64
|
-
}
|
|
65
|
-
//# sourceMappingURL=Dropdown.js.map
|
package/dist/Dropdown.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.tsx"],"names":[],"mappings":"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"}
|
package/dist/Emitter.d.ts
DELETED
package/dist/Emitter.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export function createEmitter() {
|
|
2
|
-
const subscriptions = new Set();
|
|
3
|
-
const subscribe = (callback) => {
|
|
4
|
-
subscriptions.add(callback);
|
|
5
|
-
return () => {
|
|
6
|
-
subscriptions.delete(callback);
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
const emit = (value) => {
|
|
10
|
-
subscriptions.forEach((subscription) => {
|
|
11
|
-
subscription(value);
|
|
12
|
-
});
|
|
13
|
-
};
|
|
14
|
-
return {
|
|
15
|
-
subscribe,
|
|
16
|
-
emit,
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=Emitter.js.map
|
package/dist/Emitter.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Emitter.js","sourceRoot":"","sources":["../src/Emitter.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,aAAa;IAC3B,MAAM,aAAa,GAAG,IAAI,GAAG,EAAmB,CAAC;IAEjD,MAAM,SAAS,GAAqB,CAAC,QAAyB,EAAE,EAAE;QAChE,aAAa,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE5B,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;QAC5B,aAAa,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YACrC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,IAAI;KACL,CAAC;AACJ,CAAC"}
|
package/dist/FlexLayout.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { BaseViewProps } from "./BaseView";
|
|
3
|
-
import { Justify, Gap, Align, Padding, FlexDirection } from "./jss";
|
|
4
|
-
export interface FlexLayoutProps extends BaseViewProps {
|
|
5
|
-
justify?: Justify;
|
|
6
|
-
gap?: Gap;
|
|
7
|
-
align?: Align;
|
|
8
|
-
padding?: Padding;
|
|
9
|
-
direction?: FlexDirection;
|
|
10
|
-
}
|
|
11
|
-
export declare const FlexLayout: React.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
package/dist/FlexLayout.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseView } from "./BaseView";
|
|
4
|
-
import { getPadding, getSpacing, } from "./jss";
|
|
5
|
-
export const FlexLayout = React.forwardRef(({ jss, gap = "none", justify = "none", align = "none", padding = "none", direction = "column", ...otherProps }, ref) => {
|
|
6
|
-
return (_jsx(BaseView, { ref: ref, jss: [
|
|
7
|
-
{
|
|
8
|
-
display: "flex",
|
|
9
|
-
flexDirection: direction,
|
|
10
|
-
gap: getSpacing(gap),
|
|
11
|
-
justifyContent: justify,
|
|
12
|
-
alignItems: align,
|
|
13
|
-
},
|
|
14
|
-
getPadding(padding),
|
|
15
|
-
jss,
|
|
16
|
-
], ...otherProps }));
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=FlexLayout.js.map
|