aidos-ui 4.0.4 → 4.0.6
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 +801 -68
- package/dist/index.js +3934 -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 +61 -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/FlexLayout.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FlexLayout.js","sourceRoot":"","sources":["../src/FlexLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAML,UAAU,EACV,UAAU,GACX,MAAM,OAAO,CAAC;AAUf,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,GAAG,EACH,GAAG,GAAG,MAAM,EACZ,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,EAChB,SAAS,GAAG,QAAQ,EACpB,GAAG,UAAU,EACG,EAClB,GAA4B,EAC5B,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,SAAS;gBACxB,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC;gBACpB,cAAc,EAAE,OAAO;gBACvB,UAAU,EAAE,KAAK;aAClB;YACD,UAAU,CAAC,OAAO,CAAC;YACnB,GAAG;SACJ,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/Icon.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconType } from "./IconType";
|
|
3
|
-
import { Size, TextColor } from "./jss";
|
|
4
|
-
export declare function IconProvider({ children }: {
|
|
5
|
-
children: React.JSX.Element;
|
|
6
|
-
}): React.JSX.Element;
|
|
7
|
-
export declare function Icon({ icon, size, color, ariaLabel, }: {
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
icon: IconType;
|
|
10
|
-
size: Size;
|
|
11
|
-
color: TextColor;
|
|
12
|
-
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/Icon.js
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Icon as IconifyIcon } from "@iconify/react";
|
|
3
|
-
import { BaseView } from "./BaseView";
|
|
4
|
-
import { getTextColor } from "./jss";
|
|
5
|
-
const styles = {
|
|
6
|
-
root: {
|
|
7
|
-
display: "flex",
|
|
8
|
-
justifyContent: "center",
|
|
9
|
-
alignItems: "center",
|
|
10
|
-
" svg": {
|
|
11
|
-
height: "inherit",
|
|
12
|
-
width: "inherit",
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
xsmall: {
|
|
16
|
-
height: 8,
|
|
17
|
-
width: 8,
|
|
18
|
-
},
|
|
19
|
-
small: {
|
|
20
|
-
height: 12,
|
|
21
|
-
width: 12,
|
|
22
|
-
},
|
|
23
|
-
medium: {
|
|
24
|
-
height: 18,
|
|
25
|
-
width: 18,
|
|
26
|
-
},
|
|
27
|
-
large: {
|
|
28
|
-
height: 24,
|
|
29
|
-
width: 24,
|
|
30
|
-
},
|
|
31
|
-
xlarge: {
|
|
32
|
-
height: 32,
|
|
33
|
-
width: 32,
|
|
34
|
-
},
|
|
35
|
-
xxlarge: {
|
|
36
|
-
height: 48,
|
|
37
|
-
width: 48,
|
|
38
|
-
},
|
|
39
|
-
xxxlarge: {
|
|
40
|
-
height: 64,
|
|
41
|
-
width: 64,
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
export function IconProvider({ children }) {
|
|
45
|
-
return children;
|
|
46
|
-
}
|
|
47
|
-
export function Icon({ icon, size, color, ariaLabel, }) {
|
|
48
|
-
return (_jsx(BaseView, { "aria-label": ariaLabel, jss: [
|
|
49
|
-
styles.root,
|
|
50
|
-
size === "xsmall" && styles.xsmall,
|
|
51
|
-
size === "small" && styles.small,
|
|
52
|
-
size === "medium" && styles.medium,
|
|
53
|
-
size === "large" && styles.large,
|
|
54
|
-
size === "xlarge" && styles.xlarge,
|
|
55
|
-
size === "xxlarge" && styles.xxlarge,
|
|
56
|
-
size === "xxxlarge" && styles.xxxlarge,
|
|
57
|
-
getTextColor(color),
|
|
58
|
-
], children: _jsx(IconifyIcon, { icon: icon, width: "100%", height: "100%" }) }));
|
|
59
|
-
}
|
|
60
|
-
//# sourceMappingURL=Icon.js.map
|
package/dist/Icon.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAmB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,MAAM,GAAG;IACb,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE;QACN,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAmC;IACxE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GAMV;IACC,OAAO,CACL,KAAC,QAAQ,kBACK,SAAS,EACrB,GAAG,EAAE;YACH,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK;YAChC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,MAAM;YAClC,IAAI,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO;YACpC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,QAAQ;YACtC,YAAY,CAAC,KAAK,CAAC;SACpB,YAED,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GAC7C,CACZ,CAAC;AACJ,CAAC"}
|
package/dist/IconButton.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { BaseButtonProps } from "./BaseButton";
|
|
3
|
-
import { IconType } from "./IconType";
|
|
4
|
-
import { Size } from "./jss";
|
|
5
|
-
export interface IconButtonProps extends BaseButtonProps {
|
|
6
|
-
icon: IconType;
|
|
7
|
-
size: Size;
|
|
8
|
-
label?: string;
|
|
9
|
-
labelSize?: Size;
|
|
10
|
-
}
|
|
11
|
-
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
package/dist/IconButton.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { BaseButton } from "./BaseButton";
|
|
4
|
-
import { Icon } from "./Icon";
|
|
5
|
-
import { getGlyphColor } from "./Interactable";
|
|
6
|
-
import { Span } from "./Text";
|
|
7
|
-
const sizes = {
|
|
8
|
-
xsmall: 20,
|
|
9
|
-
small: 24,
|
|
10
|
-
medium: 32,
|
|
11
|
-
large: 40,
|
|
12
|
-
xlarge: 48,
|
|
13
|
-
xxlarge: 56,
|
|
14
|
-
xxxlarge: 64,
|
|
15
|
-
};
|
|
16
|
-
export const IconButton = React.forwardRef(({ icon, size, color, bare, disabled, jss, label, labelSize = "medium", ...buttonProps }, ref) => {
|
|
17
|
-
return (_jsxs(BaseButton, { ...buttonProps, "aria-label": buttonProps["aria-label"] ?? label, bare: bare, jss: [
|
|
18
|
-
{
|
|
19
|
-
display: "flex",
|
|
20
|
-
justifyContent: "center",
|
|
21
|
-
alignItems: "center",
|
|
22
|
-
height: sizes[size],
|
|
23
|
-
width: sizes[size],
|
|
24
|
-
borderRadius: sizes[size] / 2,
|
|
25
|
-
},
|
|
26
|
-
!disabled && {
|
|
27
|
-
":active": {
|
|
28
|
-
transform: "scale(0.92)",
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
jss,
|
|
32
|
-
], color: color, ref: ref, disabled: disabled, children: [_jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }), label && (_jsx(Span, { size: labelSize, color: getGlyphColor(color, disabled, bare), children: label }))] }));
|
|
33
|
-
});
|
|
34
|
-
//# sourceMappingURL=IconButton.js.map
|
package/dist/IconButton.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,KAAK,GAEP;IACF,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,GAAG,EACH,KAAK,EACL,SAAS,GAAG,QAAQ,EACpB,GAAG,WAAW,EACE,EAClB,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,MAAC,UAAU,OACL,WAAW,gBACH,WAAW,CAAC,YAAY,CAAC,IAAI,KAAK,EAC9C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;aAC9B;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,aAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,EACD,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAC/D,KAAK,GACD,CACR,IACU,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/IconLink.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IconType } from "./IconType";
|
|
3
|
-
import { Size } from "./jss";
|
|
4
|
-
import { BaseLinkProps } from "./BaseLink";
|
|
5
|
-
export interface IconLinkProps extends BaseLinkProps {
|
|
6
|
-
icon: IconType;
|
|
7
|
-
size: Size;
|
|
8
|
-
}
|
|
9
|
-
export declare const IconLink: React.ForwardRefExoticComponent<IconLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/IconLink.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { Icon } from "./Icon";
|
|
4
|
-
import { getGlyphColor } from "./Interactable";
|
|
5
|
-
import { BaseLink } from "./BaseLink";
|
|
6
|
-
const sizes = {
|
|
7
|
-
xsmall: 20,
|
|
8
|
-
small: 24,
|
|
9
|
-
medium: 32,
|
|
10
|
-
large: 40,
|
|
11
|
-
xlarge: 48,
|
|
12
|
-
};
|
|
13
|
-
export const IconLink = React.forwardRef(({ icon, size, color, bare, disabled, jss, ...otherProps }, ref) => {
|
|
14
|
-
return (_jsx(BaseLink, { ...otherProps, bare: bare, jss: [
|
|
15
|
-
{
|
|
16
|
-
display: "flex",
|
|
17
|
-
justifyContent: "center",
|
|
18
|
-
alignItems: "center",
|
|
19
|
-
height: sizes[size],
|
|
20
|
-
width: sizes[size],
|
|
21
|
-
borderRadius: sizes[size] / 2,
|
|
22
|
-
textDecoration: "none",
|
|
23
|
-
},
|
|
24
|
-
!disabled && {
|
|
25
|
-
":active": {
|
|
26
|
-
transform: "scale(0.92)",
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
jss,
|
|
30
|
-
], color: color, ref: ref, disabled: disabled, children: _jsx(Icon, { size: size, icon: icon, color: getGlyphColor(color, disabled, bare) }) }));
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=IconLink.js.map
|
package/dist/IconLink.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconLink.js","sourceRoot":"","sources":["../src/IconLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAOF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,UAAU,EAAiB,EACxE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE;YACH;gBACE,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC7B,cAAc,EAAE,MAAM;aACvB;YACD,CAAC,QAAQ,IAAI;gBACX,SAAS,EAAE;oBACT,SAAS,EAAE,aAAa;iBACzB;aACF;YACD,GAAG;SACJ,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,GACO,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/IconType.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type IconType = "fa-address-book" | "fa-address-book-o" | "fa-address-card" | "fa-address-card-o" | "fa-adjust" | "fa-adn" | "fa-align-center" | "fa-align-justify" | "fa-align-left" | "fa-align-right" | "fa-amazon" | "fa-ambulance" | "fa-american-sign-language-interpreting" | "fa-anchor" | "fa-android" | "fa-angellist" | "fa-angle-double-down" | "fa-angle-double-left" | "fa-angle-double-right" | "fa-angle-double-up" | "fa-angle-down" | "fa-angle-left" | "fa-angle-right" | "fa-angle-up" | "fa-apple" | "fa-archive" | "fa-area-chart" | "fa-arrow-circle-down" | "fa-arrow-circle-left" | "fa-arrow-circle-o-down" | "fa-arrow-circle-o-left" | "fa-arrow-circle-o-right" | "fa-arrow-circle-o-up" | "fa-arrow-circle-right" | "fa-arrow-circle-up" | "fa-arrow-down" | "fa-arrow-left" | "fa-arrow-right" | "fa-arrow-up" | "fa-arrows" | "fa-arrows-alt" | "fa-arrows-h" | "fa-arrows-v" | "fa-asl-interpretin" | "fa-assistive-listening-systems" | "fa-asterisk" | "fa-at" | "fa-audio-description" | "fa-automobil" | "fa-backward" | "fa-balance-scale" | "fa-ban" | "fa-bandcamp" | "fa-ban" | "fa-bar-chart" | "fa-bar-chart-" | "fa-barcode" | "fa-bars" | "fa-bath" | "fa-bathtu" | "fa-batter" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-" | "fa-battery-empty" | "fa-battery-full" | "fa-battery-half" | "fa-battery-quarter" | "fa-battery-three-quarters" | "fa-bed" | "fa-beer" | "fa-behance" | "fa-behance-square" | "fa-bell" | "fa-bell-o" | "fa-bell-slash" | "fa-bell-slash-o" | "fa-bicycle" | "fa-binoculars" | "fa-birthday-cake" | "fa-bitbucket" | "fa-bitbucket-square" | "fa-bitcoi" | "fa-black-tie" | "fa-blind" | "fa-bluetooth" | "fa-bluetooth-b" | "fa-bold" | "fa-bolt" | "fa-bomb" | "fa-book" | "fa-bookmark" | "fa-bookmark-o" | "fa-braille" | "fa-briefcase" | "fa-btc" | "fa-bug" | "fa-building" | "fa-building-o" | "fa-bullhorn" | "fa-bullseye" | "fa-bus" | "fa-buysellads" | "fa-ca" | "fa-calculator" | "fa-calendar" | "fa-calendar-check-o" | "fa-calendar-minus-o" | "fa-calendar-o" | "fa-calendar-plus-o" | "fa-calendar-times-o" | "fa-camera" | "fa-camera-retro" | "fa-car" | "fa-caret-down" | "fa-caret-left" | "fa-caret-right" | "fa-caret-square-o-down" | "fa-caret-square-o-left" | "fa-caret-square-o-right" | "fa-caret-square-o-up" | "fa-caret-up" | "fa-cart-arrow-down" | "fa-cart-plus" | "fa-cc" | "fa-cc-amex" | "fa-cc-diners-club" | "fa-cc-discover" | "fa-cc-jcb" | "fa-cc-mastercard" | "fa-cc-paypal" | "fa-cc-stripe" | "fa-cc-visa" | "fa-certificate" | "fa-chai" | "fa-chain-broken" | "fa-check" | "fa-check-circle" | "fa-check-circle-o" | "fa-check-square" | "fa-check-square-o" | "fa-chevron-circle-down" | "fa-chevron-circle-left" | "fa-chevron-circle-right" | "fa-chevron-circle-up" | "fa-chevron-down" | "fa-chevron-left" | "fa-solid:chevron-right" | "fa-chevron-right" | "fa-chevron-up" | "fa-child" | "fa-chrome" | "fa-circle" | "fa-circle-o" | "fa-circle-o-notch" | "fa-circle-thin" | "fa-clipboard" | "fa-clock-o" | "fa-clone" | "fa-close" | "fa-cloud" | "fa-cloud-download" | "fa-cloud-upload" | "fa-cn" | "fa-code" | "fa-code-fork" | "fa-codepen" | "fa-codiepie" | "fa-coffee" | "fa-cog" | "fa-cogs" | "fa-columns" | "fa-comment" | "fa-comment-o" | "fa-commenting" | "fa-commenting-o" | "fa-comments" | "fa-comments-o" | "fa-compass" | "fa-compress" | "fa-connectdevelop" | "fa-contao" | "fa-cop" | "fa-copyright" | "fa-creative-commons" | "fa-credit-card" | "fa-credit-card-alt" | "fa-crop" | "fa-crosshairs" | "fa-css3" | "fa-cube" | "fa-cubes" | "fa-cu" | "fa-cutlery" | "fa-dashboar" | "fa-dashcube" | "fa-database" | "fa-deaf" | "fa-deafnes" | "fa-deden" | "fa-delicious" | "fa-desktop" | "fa-deviantart" | "fa-diamond" | "fa-digg" | "fa-dolla" | "fa-dot-circle-o" | "fa-download" | "fa-dribbble" | "fa-drivers-licens" | "fa-drivers-license-" | "fa-dropbox" | "fa-drupal" | "fa-edge" | "fa-edi" | "fa-eercast" | "fa-eject" | "fa-ellipsis-h" | "fa-ellipsis-v" | "fa-empire" | "fa-envelope" | "fa-envelope-o" | "fa-envelope-open" | "fa-envelope-open-o" | "fa-envelope-square" | "fa-envira" | "fa-eraser" | "fa-etsy" | "fa-eur" | "fa-eur" | "fa-exchange" | "fa-exclamation" | "fa-exclamation-circle" | "fa-exclamation-triangle" | "fa-expand" | "fa-expeditedssl" | "fa-external-link" | "fa-external-link-square" | "fa-eye" | "fa-eye-slash" | "fa-eyedropper" | "fa-f" | "fa-facebook" | "fa-facebook-" | "fa-facebook-official" | "fa-facebook-square" | "fa-fast-backward" | "fa-fast-forward" | "fa-fax" | "fa-fee" | "fa-female" | "fa-fighter-jet" | "fa-file" | "fa-file-archive-o" | "fa-file-audio-o" | "fa-file-code-o" | "fa-file-excel-o" | "fa-file-image-o" | "fa-file-movie-" | "fa-file-o" | "fa-file-pdf-o" | "fa-file-photo-" | "fa-file-picture-" | "fa-file-powerpoint-o" | "fa-file-sound-" | "fa-file-text" | "fa-file-text-o" | "fa-file-video-o" | "fa-file-word-o" | "fa-file-zip-" | "fa-files-o" | "fa-film" | "fa-filter" | "fa-fire" | "fa-fire-extinguisher" | "fa-firefox" | "fa-first-order" | "fa-flag" | "fa-flag-checkered" | "fa-flag-o" | "fa-flas" | "fa-flask" | "fa-flickr" | "fa-floppy-o" | "fa-folder" | "fa-folder-o" | "fa-folder-open" | "fa-folder-open-o" | "fa-font" | "fa-font-awesome" | "fa-fonticons" | "fa-fort-awesome" | "fa-forumbee" | "fa-forward" | "fa-foursquare" | "fa-free-code-camp" | "fa-frown-o" | "fa-futbol-o" | "fa-gamepad" | "fa-gavel" | "fa-gbp" | "fa-g" | "fa-gea" | "fa-gear" | "fa-genderless" | "fa-get-pocket" | "fa-gg" | "fa-gg-circle" | "fa-gift" | "fa-git" | "fa-git-square" | "fa-github" | "fa-github-alt" | "fa-github-square" | "fa-gitlab" | "fa-gitti" | "fa-glass" | "fa-glide" | "fa-glide-g" | "fa-globe" | "fa-google" | "fa-google-plus" | "fa-google-plus-circl" | "fa-google-plus-official" | "fa-google-plus-square" | "fa-google-wallet" | "fa-graduation-cap" | "fa-gratipay" | "fa-grav" | "fa-grou" | "fa-h-square" | "fa-hacker-news" | "fa-hand-grab-" | "fa-hand-lizard-o" | "fa-hand-o-down" | "fa-hand-o-left" | "fa-hand-o-right" | "fa-hand-o-up" | "fa-hand-paper-o" | "fa-hand-peace-o" | "fa-hand-pointer-o" | "fa-hand-rock-o" | "fa-hand-scissors-o" | "fa-hand-spock-o" | "fa-hand-stop-" | "fa-handshake-o" | "fa-hard-of-hearin" | "fa-hashtag" | "fa-hdd-o" | "fa-header" | "fa-headphones" | "fa-heart" | "fa-heart-o" | "fa-heartbeat" | "fa-history" | "fa-home" | "fa-hospital-o" | "fa-hote" | "fa-hourglass" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-" | "fa-hourglass-end" | "fa-hourglass-half" | "fa-hourglass-o" | "fa-hourglass-start" | "fa-houzz" | "fa-html5" | "fa-i-cursor" | "fa-id-badge" | "fa-id-card" | "fa-id-card-o" | "fa-ils" | "fa-imag" | "fa-imdb" | "fa-inbox" | "fa-indent" | "fa-industry" | "fa-info" | "fa-info-circle" | "fa-inr" | "fa-instagram" | "fa-institutio" | "fa-internet-explorer" | "fa-interse" | "fa-ioxhost" | "fa-italic" | "fa-joomla" | "fa-jpy" | "fa-jsfiddle" | "fa-key" | "fa-keyboard-o" | "fa-krw" | "fa-language" | "fa-laptop" | "fa-lastfm" | "fa-lastfm-square" | "fa-leaf" | "fa-leanpub" | "fa-lega" | "fa-lemon-o" | "fa-level-down" | "fa-level-up" | "fa-life-bou" | "fa-life-buo" | "fa-life-ring" | "fa-life-save" | "fa-lightbulb-o" | "fa-line-chart" | "fa-link" | "fa-linkedin" | "fa-linkedin-square" | "fa-linode" | "fa-linux" | "fa-list" | "fa-list-alt" | "fa-list-ol" | "fa-list-ul" | "fa-location-arrow" | "fa-lock" | "fa-long-arrow-down" | "fa-long-arrow-left" | "fa-long-arrow-right" | "fa-long-arrow-up" | "fa-low-vision" | "fa-magic" | "fa-magnet" | "fa-mail-forwar" | "fa-mail-repl" | "fa-mail-reply-al" | "fa-male" | "fa-map" | "fa-map-marker" | "fa-map-o" | "fa-map-pin" | "fa-map-signs" | "fa-mars" | "fa-mars-double" | "fa-mars-stroke" | "fa-mars-stroke-h" | "fa-mars-stroke-v" | "fa-maxcdn" | "fa-meanpath" | "fa-medium" | "fa-medkit" | "fa-meetup" | "fa-meh-o" | "fa-mercury" | "fa-microchip" | "fa-microphone" | "fa-microphone-slash" | "fa-minus" | "fa-minus-circle" | "fa-minus-square" | "fa-minus-square-o" | "fa-mixcloud" | "fa-mobile" | "fa-mobile-phon" | "fa-modx" | "fa-money" | "fa-moon-o" | "fa-mortar-boar" | "fa-motorcycle" | "fa-mouse-pointer" | "fa-music" | "fa-navico" | "fa-neuter" | "fa-newspaper-o" | "fa-object-group" | "fa-object-ungroup" | "fa-odnoklassniki" | "fa-odnoklassniki-square" | "fa-opencart" | "fa-openid" | "fa-opera" | "fa-optin-monster" | "fa-outdent" | "fa-pagelines" | "fa-paint-brush" | "fa-paper-plane" | "fa-paper-plane-o" | "fa-paperclip" | "fa-paragraph" | "fa-past" | "fa-pause" | "fa-pause-circle" | "fa-pause-circle-o" | "fa-paw" | "fa-paypal" | "fa-pencil" | "fa-pencil-square" | "fa-pencil-square-o" | "fa-percent" | "fa-phone" | "fa-phone-square" | "fa-phot" | "fa-picture-o" | "fa-pie-chart" | "fa-pied-piper" | "fa-pied-piper-alt" | "fa-pied-piper-pp" | "fa-pinterest" | "fa-pinterest-p" | "fa-pinterest-square" | "fa-plane" | "fa-play" | "fa-play-circle" | "fa-play-circle-o" | "fa-plug" | "fa-plus" | "fa-plus-circle" | "fa-plus-square" | "fa-plus-square-o" | "fa-podcast" | "fa-power-off" | "fa-print" | "fa-product-hunt" | "fa-puzzle-piece" | "fa-qq" | "fa-qrcode" | "fa-question" | "fa-question-circle" | "fa-question-circle-o" | "fa-quora" | "fa-quote-left" | "fa-quote-right" | "fa-r" | "fa-random" | "fa-ravelry" | "fa-rebel" | "fa-recycle" | "fa-reddit" | "fa-reddit-alien" | "fa-reddit-square" | "fa-refresh" | "fa-registered" | "fa-remove" | "fa-renren" | "fa-reorde" | "fa-repeat" | "fa-reply" | "fa-reply-all" | "fa-resistanc" | "fa-retweet" | "fa-rm" | "fa-road" | "fa-rocket" | "fa-rotate-lef" | "fa-rotate-right" | "fa-roubl" | "fa-rss" | "fa-rss-square" | "fa-rub" | "fa-rubl" | "fa-rupe" | "fa-s1" | "fa-safari" | "fa-sav" | "fa-scissors" | "fa-scribd" | "fa-search" | "fa-search-minus" | "fa-search-plus" | "fa-sellsy" | "fa-sen" | "fa-send-" | "fa-server" | "fa-share" | "fa-share-alt" | "fa-share-alt-square" | "fa-share-square" | "fa-share-square-o" | "fa-sheke" | "fa-sheqe" | "fa-shield" | "fa-ship" | "fa-shirtsinbulk" | "fa-shopping-bag" | "fa-shopping-basket" | "fa-shopping-cart" | "fa-shower" | "fa-sign-in" | "fa-sign-language" | "fa-sign-out" | "fa-signal" | "fa-signin" | "fa-simplybuilt" | "fa-sitemap" | "fa-skyatlas" | "fa-skype" | "fa-slack" | "fa-sliders" | "fa-slideshare" | "fa-smile-o" | "fa-snapchat" | "fa-snapchat-ghost" | "fa-snapchat-square" | "fa-snowflake-o" | "fa-soccer-ball-" | "fa-sort" | "fa-sort-alpha-asc" | "fa-sort-alpha-desc" | "fa-sort-amount-asc" | "fa-sort-amount-desc" | "fa-sort-asc" | "fa-sort-desc" | "fa-sort-dow" | "fa-sort-numeric-asc" | "fa-sort-numeric-desc" | "fa-sort-u" | "fa-soundcloud" | "fa-space-shuttle" | "fa-spinner" | "fa-spoon" | "fa-spotify" | "fa-square" | "fa-square-o" | "fa-stack-exchange" | "fa-stack-overflow" | "fa-star" | "fa-star-half" | "fa-star-half-empt" | "fa-star-half-ful" | "fa-star-half-o" | "fa-star-o" | "fa-steam" | "fa-steam-square" | "fa-step-backward" | "fa-step-forward" | "fa-stethoscope" | "fa-sticky-note" | "fa-sticky-note-o" | "fa-stop" | "fa-stop-circle" | "fa-stop-circle-o" | "fa-street-view" | "fa-strikethrough" | "fa-stumbleupon" | "fa-stumbleupon-circle" | "fa-subscript" | "fa-subway" | "fa-suitcase" | "fa-sun-o" | "fa-superpowers" | "fa-superscript" | "fa-suppor" | "fa-table" | "fa-tablet" | "fa-tachometer" | "fa-tag" | "fa-tags" | "fa-tasks" | "fa-taxi" | "fa-telegram" | "fa-television" | "fa-tencent-weibo" | "fa-terminal" | "fa-text-height" | "fa-text-width" | "fa-th" | "fa-th-large" | "fa-th-list" | "fa-themeisle" | "fa-thermomete" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-" | "fa-thermometer-empty" | "fa-thermometer-full" | "fa-thermometer-half" | "fa-thermometer-quarter" | "fa-thermometer-three-quarters" | "fa-thumb-tack" | "fa-thumbs-down" | "fa-thumbs-o-down" | "fa-thumbs-o-up" | "fa-thumbs-up" | "fa-ticket" | "fa-times" | "fa-times-circle" | "fa-times-circle-o" | "fa-times-rectangl" | "fa-times-rectangle-" | "fa-tint" | "fa-toggle-dow" | "fa-toggle-lef" | "fa-toggle-off" | "fa-toggle-on" | "fa-toggle-righ" | "fa-toggle-u" | "fa-trademark" | "fa-train" | "fa-transgender" | "fa-transgender-alt" | "fa-trash" | "fa-trash-o" | "fa-tree" | "fa-trello" | "fa-tripadvisor" | "fa-trophy" | "fa-truck" | "fa-try" | "fa-tty" | "fa-tumblr" | "fa-tumblr-square" | "fa-turkish-lir" | "fa-t" | "fa-twitch" | "fa-twitter" | "fa-twitter-square" | "fa-umbrella" | "fa-underline" | "fa-undo" | "fa-universal-access" | "fa-university" | "fa-unlin" | "fa-unlock" | "fa-unlock-alt" | "fa-unsorte" | "fa-upload" | "fa-usb" | "fa-usd" | "fa-user" | "fa-user-circle" | "fa-user-circle-o" | "fa-user-md" | "fa-user-o" | "fa-user-plus" | "fa-user-secret" | "fa-user-times" | "fa-users" | "fa-vcar" | "fa-vcard-" | "fa-venus" | "fa-venus-double" | "fa-venus-mars" | "fa-viacoin" | "fa-viadeo" | "fa-viadeo-square" | "fa-video-camera" | "fa-vimeo" | "fa-vimeo-square" | "fa-vine" | "fa-vk" | "fa-volume-control-phone" | "fa-volume-down" | "fa-volume-off" | "fa-volume-up" | "fa-warnin" | "fa-wecha" | "fa-weibo" | "fa-weixin" | "fa-whatsapp" | "fa-wheelchair" | "fa-wheelchair-alt" | "fa-wifi" | "fa-wikipedia-w" | "fa-window-close" | "fa-window-close-o" | "fa-window-maximize" | "fa-window-minimize" | "fa-window-restore" | "fa-windows" | "fa-wo" | "fa-wordpress" | "fa-wpbeginner" | "fa-wpexplorer" | "fa-wpforms" | "fa-wrench" | "fa-xing" | "fa-xing-square" | "fa-y-combinator" | "fa-y-combinator-squar" | "fa-yahoo" | "fa-y" | "fa-yc-squar" | "fa-yelp" | "fa-ye" | "fa-yoast" | "fa-youtube" | "fa-youtube-play" | "fa-youtube-squar";
|
package/dist/IconType.js
DELETED
package/dist/IconType.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconType.js","sourceRoot":"","sources":["../src/IconType.ts"],"names":[],"mappings":""}
|
package/dist/Interactable.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { JSS, Padding, TextColor } from "./jss";
|
|
2
|
-
export type InteractableColor = "positive" | "primary" | "negative" | "dark" | "light";
|
|
3
|
-
export declare function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }: {
|
|
4
|
-
color: InteractableColor;
|
|
5
|
-
bare: boolean;
|
|
6
|
-
disabled: boolean;
|
|
7
|
-
animateInteraction: boolean;
|
|
8
|
-
padding: Padding;
|
|
9
|
-
border: boolean;
|
|
10
|
-
}): Array<JSS>;
|
|
11
|
-
export declare const getGlyphColor: (color: InteractableColor, disabled: boolean | undefined, bare: boolean | undefined) => TextColor;
|
|
12
|
-
export declare const getCSSColor: (color: InteractableColor, disabled: boolean | undefined, bare: boolean | undefined) => string;
|
|
13
|
-
export declare const getInteractableListItemJSS: ({ bare, selected, }: {
|
|
14
|
-
bare: boolean;
|
|
15
|
-
selected: boolean;
|
|
16
|
-
}) => ({
|
|
17
|
-
overflow: string;
|
|
18
|
-
flexGrow: number;
|
|
19
|
-
borderRadius: string;
|
|
20
|
-
textDecoration: string;
|
|
21
|
-
":hover": {
|
|
22
|
-
backgroundColor: string;
|
|
23
|
-
};
|
|
24
|
-
":active:hover": {
|
|
25
|
-
backgroundColor: string;
|
|
26
|
-
};
|
|
27
|
-
"[aria-disabled=true]": {
|
|
28
|
-
backgroundColor: string;
|
|
29
|
-
};
|
|
30
|
-
"[aria-disabled=true]:active:hover": {
|
|
31
|
-
backgroundColor: string;
|
|
32
|
-
};
|
|
33
|
-
backgroundColor?: undefined;
|
|
34
|
-
boxShadow?: undefined;
|
|
35
|
-
} | {
|
|
36
|
-
backgroundColor: string;
|
|
37
|
-
boxShadow: string;
|
|
38
|
-
":hover": {
|
|
39
|
-
backgroundColor: string;
|
|
40
|
-
};
|
|
41
|
-
":active:hover": {
|
|
42
|
-
backgroundColor: string;
|
|
43
|
-
};
|
|
44
|
-
overflow?: undefined;
|
|
45
|
-
flexGrow?: undefined;
|
|
46
|
-
borderRadius?: undefined;
|
|
47
|
-
textDecoration?: undefined;
|
|
48
|
-
"[aria-disabled=true]"?: undefined;
|
|
49
|
-
"[aria-disabled=true]:active:hover"?: undefined;
|
|
50
|
-
})[];
|
package/dist/Interactable.js
DELETED
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { cssVar, getPadding } from "./jss";
|
|
2
|
-
const styles = {
|
|
3
|
-
root: {
|
|
4
|
-
cursor: "pointer",
|
|
5
|
-
display: "inline-flex",
|
|
6
|
-
alignItems: "center",
|
|
7
|
-
transition: "opacity 0.1s ease-in",
|
|
8
|
-
outlineColor: cssVar("--outline"),
|
|
9
|
-
"[aria-disabled=true]": {
|
|
10
|
-
color: cssVar("--secondary-text"),
|
|
11
|
-
backgroundColor: cssVar("--background-button-secondary"),
|
|
12
|
-
},
|
|
13
|
-
":focus-visible": {
|
|
14
|
-
outlineWidth: "2px",
|
|
15
|
-
outlineStyle: "solid",
|
|
16
|
-
outlineOffset: -2,
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
dark: {
|
|
20
|
-
backgroundColor: "black",
|
|
21
|
-
"[aria-disabled=true]": {
|
|
22
|
-
backgroundColor: cssVar("--background-button-disabled"),
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
light: {
|
|
26
|
-
backgroundColor: "white",
|
|
27
|
-
"[aria-disabled=true]": {
|
|
28
|
-
backgroundColor: cssVar("--background-button-disabled"),
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
positive: {
|
|
32
|
-
backgroundColor: cssVar("--background-button-positive"),
|
|
33
|
-
"[aria-disabled=true]": {
|
|
34
|
-
backgroundColor: cssVar("--background-button-disabled"),
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
primary: {
|
|
38
|
-
backgroundColor: cssVar("--background-button-secondary"),
|
|
39
|
-
"[aria-disabled=true]": {
|
|
40
|
-
backgroundColor: cssVar("--background-button-disabled"),
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
negative: {
|
|
44
|
-
backgroundColor: cssVar("--background-button-negative"),
|
|
45
|
-
"[aria-disabled=true]": {
|
|
46
|
-
backgroundColor: cssVar("--background-button-disabled"),
|
|
47
|
-
},
|
|
48
|
-
},
|
|
49
|
-
disabled: {
|
|
50
|
-
cursor: "default",
|
|
51
|
-
},
|
|
52
|
-
bare: {
|
|
53
|
-
backgroundColor: "inherit",
|
|
54
|
-
outlineColor: cssVar("--outline"),
|
|
55
|
-
"[aria-disabled=true]": {
|
|
56
|
-
backgroundColor: "inherit",
|
|
57
|
-
},
|
|
58
|
-
"[aria-disabled=true]:hover": {
|
|
59
|
-
backgroundColor: "inherit",
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
opacityHover: {
|
|
63
|
-
":hover": {
|
|
64
|
-
opacity: 0.8,
|
|
65
|
-
},
|
|
66
|
-
"[aria-disabled=true]:hover": {
|
|
67
|
-
opacity: 1,
|
|
68
|
-
},
|
|
69
|
-
},
|
|
70
|
-
colorHover: {},
|
|
71
|
-
};
|
|
72
|
-
export function getInteractableJSS({ color, bare, disabled, animateInteraction, padding, border, }) {
|
|
73
|
-
return [
|
|
74
|
-
styles.root,
|
|
75
|
-
color === "dark" && styles.dark,
|
|
76
|
-
color === "light" && styles.light,
|
|
77
|
-
color === "positive" && styles.positive,
|
|
78
|
-
color === "primary" && styles.primary,
|
|
79
|
-
color === "negative" && styles.negative,
|
|
80
|
-
border && {
|
|
81
|
-
border: `1px solid ${getCSSColor(color, disabled, bare)}`,
|
|
82
|
-
},
|
|
83
|
-
bare && styles.bare,
|
|
84
|
-
disabled && styles.disabled,
|
|
85
|
-
!bare && styles.opacityHover,
|
|
86
|
-
animateInteraction &&
|
|
87
|
-
!disabled && {
|
|
88
|
-
position: "relative",
|
|
89
|
-
":active": {
|
|
90
|
-
opacity: 0.95,
|
|
91
|
-
top: 1,
|
|
92
|
-
},
|
|
93
|
-
"[aria-disabled=true]:active": {
|
|
94
|
-
top: 0,
|
|
95
|
-
opacity: 1,
|
|
96
|
-
},
|
|
97
|
-
},
|
|
98
|
-
getPadding(padding),
|
|
99
|
-
];
|
|
100
|
-
}
|
|
101
|
-
export const getGlyphColor = (color, disabled, bare) => {
|
|
102
|
-
if (disabled) {
|
|
103
|
-
return "subtle";
|
|
104
|
-
}
|
|
105
|
-
switch (color) {
|
|
106
|
-
case "positive":
|
|
107
|
-
return bare ? "highlight" : "light";
|
|
108
|
-
case "negative":
|
|
109
|
-
return bare ? "negative" : "light";
|
|
110
|
-
case "primary":
|
|
111
|
-
return bare ? "primary" : "secondary";
|
|
112
|
-
case "dark":
|
|
113
|
-
return bare ? "primary" : "light";
|
|
114
|
-
case "light":
|
|
115
|
-
return bare ? "light" : "primary";
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
export const getCSSColor = (color, disabled, bare) => {
|
|
119
|
-
if (disabled) {
|
|
120
|
-
return cssVar("--subtle-text");
|
|
121
|
-
}
|
|
122
|
-
switch (color) {
|
|
123
|
-
case "positive":
|
|
124
|
-
return bare ? cssVar("--highlight") : cssVar("--light-text");
|
|
125
|
-
case "negative":
|
|
126
|
-
return bare ? cssVar("--negative-text") : cssVar("--light-text");
|
|
127
|
-
case "primary":
|
|
128
|
-
return bare ? cssVar("--primary-text") : cssVar("--secondary-text");
|
|
129
|
-
case "dark":
|
|
130
|
-
return bare ? cssVar("--primary-text") : cssVar("--light-text");
|
|
131
|
-
case "light":
|
|
132
|
-
return bare ? cssVar("--light-text") : cssVar("--primary-text");
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
export const getInteractableListItemJSS = ({ bare, selected, }) => {
|
|
136
|
-
return [
|
|
137
|
-
{
|
|
138
|
-
overflow: "hidden",
|
|
139
|
-
flexGrow: 1,
|
|
140
|
-
borderRadius: bare ? cssVar("--border-radius-m") : null,
|
|
141
|
-
textDecoration: "none",
|
|
142
|
-
":hover": {
|
|
143
|
-
backgroundColor: cssVar("--hovered-background"),
|
|
144
|
-
},
|
|
145
|
-
":active:hover": {
|
|
146
|
-
backgroundColor: cssVar("--pressed-background"),
|
|
147
|
-
},
|
|
148
|
-
"[aria-disabled=true]": {
|
|
149
|
-
backgroundColor: cssVar("--primary-background"),
|
|
150
|
-
},
|
|
151
|
-
"[aria-disabled=true]:active:hover": {
|
|
152
|
-
backgroundColor: cssVar("--primary-background"),
|
|
153
|
-
},
|
|
154
|
-
},
|
|
155
|
-
selected && {
|
|
156
|
-
backgroundColor: bare
|
|
157
|
-
? cssVar("--light-highlight")
|
|
158
|
-
: cssVar("--selected-background"),
|
|
159
|
-
boxShadow: bare ? "" : "inset 1px 1px 2px -1px #0000004a",
|
|
160
|
-
":hover": {
|
|
161
|
-
backgroundColor: cssVar("--hovered-background"),
|
|
162
|
-
},
|
|
163
|
-
":active:hover": {
|
|
164
|
-
backgroundColor: cssVar("--pressed-background"),
|
|
165
|
-
},
|
|
166
|
-
},
|
|
167
|
-
];
|
|
168
|
-
};
|
|
169
|
-
//# sourceMappingURL=Interactable.js.map
|
package/dist/Interactable.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Interactable.js","sourceRoot":"","sources":["../src/Interactable.tsx"],"names":[],"mappings":"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"}
|
package/dist/JSSComment.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
|
|
3
|
-
*
|
|
4
|
-
* Renders nothing (null). Uses the React fiber tree to locate the sibling
|
|
5
|
-
* component's first DOM node, then inserts a comment before it.
|
|
6
|
-
* Client-only — no SSR output, no hydration mismatch.
|
|
7
|
-
*/
|
|
8
|
-
export declare function JSSComment({ name }: {
|
|
9
|
-
name: string;
|
|
10
|
-
}): any;
|
package/dist/JSSComment.js
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Injects a real HTML comment node (<!-- ComponentName -->) into the DOM.
|
|
4
|
-
*
|
|
5
|
-
* Renders nothing (null). Uses the React fiber tree to locate the sibling
|
|
6
|
-
* component's first DOM node, then inserts a comment before it.
|
|
7
|
-
* Client-only — no SSR output, no hydration mismatch.
|
|
8
|
-
*/
|
|
9
|
-
export function JSSComment({ name }) {
|
|
10
|
-
const fiberRef = useRef(null);
|
|
11
|
-
// Capture our fiber during render
|
|
12
|
-
try {
|
|
13
|
-
const internals = React
|
|
14
|
-
.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
15
|
-
fiberRef.current = internals?.ReactCurrentOwner?.current;
|
|
16
|
-
}
|
|
17
|
-
catch { }
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
const fiber = fiberRef.current;
|
|
20
|
-
if (!fiber)
|
|
21
|
-
return;
|
|
22
|
-
// Our sibling in the Fragment is the actual component
|
|
23
|
-
const sibling = fiber.sibling;
|
|
24
|
-
if (!sibling)
|
|
25
|
-
return;
|
|
26
|
-
// Walk down the sibling's fiber tree to find its first DOM node
|
|
27
|
-
const hostNode = findFirstDOMNode(sibling);
|
|
28
|
-
if (!hostNode?.parentNode)
|
|
29
|
-
return;
|
|
30
|
-
const comment = document.createComment(` ${name} `);
|
|
31
|
-
hostNode.parentNode.insertBefore(comment, hostNode);
|
|
32
|
-
return () => {
|
|
33
|
-
comment.remove();
|
|
34
|
-
};
|
|
35
|
-
}, [name]);
|
|
36
|
-
return null;
|
|
37
|
-
}
|
|
38
|
-
function findFirstDOMNode(fiber) {
|
|
39
|
-
let current = fiber;
|
|
40
|
-
while (current) {
|
|
41
|
-
if (current.stateNode instanceof Node) {
|
|
42
|
-
return current.stateNode;
|
|
43
|
-
}
|
|
44
|
-
if (current.child) {
|
|
45
|
-
current = current.child;
|
|
46
|
-
continue;
|
|
47
|
-
}
|
|
48
|
-
break;
|
|
49
|
-
}
|
|
50
|
-
return null;
|
|
51
|
-
}
|
|
52
|
-
//# sourceMappingURL=JSSComment.js.map
|
package/dist/JSSComment.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JSSComment.js","sourceRoot":"","sources":["../src/JSSComment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAoB;IACnD,MAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEnC,kCAAkC;IAClC,IAAI,CAAC;QACH,MAAM,SAAS,GAAI,KAAa;aAC7B,kDAAkD,CAAC;QACtD,QAAQ,CAAC,OAAO,GAAG,SAAS,EAAE,iBAAiB,EAAE,OAAO,CAAC;IAC3D,CAAC;IAAC,MAAM,CAAC,CAAA,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,sDAAsD;QACtD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,gEAAgE;QAChE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC3C,IAAI,CAAC,QAAQ,EAAE,UAAU;YAAE,OAAO;QAElC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;QACpD,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAU;IAClC,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,OAAO,CAAC,SAAS,YAAY,IAAI,EAAE,CAAC;YACtC,OAAO,OAAO,CAAC,SAAS,CAAC;QAC3B,CAAC;QACD,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC;YACxB,SAAS;QACX,CAAC;QACD,MAAM;IACR,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
|
package/dist/Link.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
import { BaseLinkProps } from "./BaseLink";
|
|
3
|
-
import { IconType } from "./IconType";
|
|
4
|
-
import { FlexLayoutProps } from "./FlexLayout";
|
|
5
|
-
import { InteractableColor } from "./Interactable";
|
|
6
|
-
import { Size, Align, Gap, Justify } from "./jss";
|
|
7
|
-
export interface LinkProps extends BaseLinkProps {
|
|
8
|
-
children?: ReactNode;
|
|
9
|
-
color: InteractableColor;
|
|
10
|
-
size?: Size;
|
|
11
|
-
icon?: IconType;
|
|
12
|
-
underline?: boolean;
|
|
13
|
-
iconSize?: Size;
|
|
14
|
-
iconPosition?: "left" | "right";
|
|
15
|
-
rowProps?: FlexLayoutProps;
|
|
16
|
-
align?: Align;
|
|
17
|
-
gap?: Gap;
|
|
18
|
-
justify?: Justify;
|
|
19
|
-
bold?: boolean;
|
|
20
|
-
inline?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/Link.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 { BaseLink } from "./BaseLink";
|
|
4
|
-
import { Text } from "./Text";
|
|
5
|
-
import { Row } from "./Row";
|
|
6
|
-
import { Icon } from "./Icon";
|
|
7
|
-
import { getGlyphColor, getCSSColor } from "./Interactable";
|
|
8
|
-
import { cssVar } from "./jss";
|
|
9
|
-
export const Link = React.forwardRef(({ children, color, bare, disabled, icon, underline, iconSize = "medium", iconPosition = "left", align = "center", gap = "small", justify = "center", jss, size = "medium", padding = "medium", inline = true, bold, ...otherProps }, ref) => {
|
|
10
|
-
return (_jsx(BaseLink, { ...otherProps, bare: bare, ref: ref, color: color, disabled: disabled, padding: padding, jss: [
|
|
11
|
-
{
|
|
12
|
-
borderRadius: cssVar("--border-radius-m"),
|
|
13
|
-
justifyContent: "center",
|
|
14
|
-
userSelect: "none",
|
|
15
|
-
display: inline ? "inline-flex" : "flex",
|
|
16
|
-
textDecoration: "none",
|
|
17
|
-
},
|
|
18
|
-
underline && {
|
|
19
|
-
textDecorationLine: "underline",
|
|
20
|
-
textDecorationThickness: "2px",
|
|
21
|
-
textUnderlineOffset: "2px",
|
|
22
|
-
textDecorationColor: getCSSColor(color, disabled, bare),
|
|
23
|
-
},
|
|
24
|
-
jss,
|
|
25
|
-
], children: _jsxs(Row, { jss: {
|
|
26
|
-
display: inline ? "inline-flex" : "flex",
|
|
27
|
-
}, grow: true, align: align, gap: gap, justify: justify, children: [icon && iconPosition === "left" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) })), _jsx(Text, { bold: bold, size: size, color: getGlyphColor(color, disabled, bare), children: children }), icon && iconPosition === "right" && (_jsx(Icon, { icon: icon, size: iconSize, color: getGlyphColor(color, disabled, bare) }))] }) }));
|
|
28
|
-
});
|
|
29
|
-
//# sourceMappingURL=Link.js.map
|
package/dist/Link.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAqB,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAA6B,MAAM,EAAE,MAAM,OAAO,CAAC;AAkB1D,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,MAAM,EACrB,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,QAAQ,EAClB,GAAG,EACH,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,MAAM,GAAG,IAAI,EACb,IAAI,EACJ,GAAG,UAAU,EACH,EACZ,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,KAAC,QAAQ,OACH,UAAU,EACd,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;YACH;gBACE,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,MAAM;gBAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;gBACxC,cAAc,EAAE,MAAM;aACvB;YACD,SAAS,IAAI;gBACX,kBAAkB,EAAE,WAAW;gBAC/B,uBAAuB,EAAE,KAAK;gBAC9B,mBAAmB,EAAE,KAAK;gBAC1B,mBAAmB,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC;aACxD;YACD,GAAG;SACJ,YAED,MAAC,GAAG,IACF,GAAG,EAAE;gBACH,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;aACzC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,YAAY,KAAK,MAAM,IAAI,CAClC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,EACD,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,YAE1C,QAAQ,GACJ,EACN,IAAI,IAAI,YAAY,KAAK,OAAO,IAAI,CACnC,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,GAC3C,CACH,IACG,GACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/List.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { BaseListProps } from "./BaseList";
|
|
2
|
-
interface ListProps extends BaseListProps {
|
|
3
|
-
ariaLabel: string;
|
|
4
|
-
bare?: boolean;
|
|
5
|
-
autofocus?: boolean;
|
|
6
|
-
role?: undefined;
|
|
7
|
-
navigation?: boolean;
|
|
8
|
-
carded?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare function List({ ariaLabel, jss, autofocus, navigation, bare, carded, ...otherProps }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export declare const useListContext: () => {
|
|
12
|
-
bare: boolean;
|
|
13
|
-
carded: boolean;
|
|
14
|
-
};
|
|
15
|
-
export {};
|
package/dist/List.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { useContext, useMemo } from "react";
|
|
3
|
-
import { BaseList } from "./BaseList";
|
|
4
|
-
import { useNavigation } from "./useNavigation";
|
|
5
|
-
import { cssVar } from "./jss";
|
|
6
|
-
const ListContext = React.createContext({ bare: false, carded: true });
|
|
7
|
-
export function List({ ariaLabel, jss, autofocus = false, navigation = true, bare, carded = true, ...otherProps }) {
|
|
8
|
-
const rootRef = useNavigation({ autofocus, enabled: navigation });
|
|
9
|
-
const contextValue = useMemo(() => ({ bare, carded }), [bare, carded]);
|
|
10
|
-
return (_jsx(ListContext.Provider, { value: contextValue, children: _jsx(BaseList, { role: "grid", "aria-label": ariaLabel, ref: rootRef, jss: [
|
|
11
|
-
{ overflow: "hidden" },
|
|
12
|
-
!bare && {
|
|
13
|
-
backgroundColor: cssVar("--overlay-background"),
|
|
14
|
-
},
|
|
15
|
-
!bare &&
|
|
16
|
-
!carded && {
|
|
17
|
-
borderBottom: `1px solid ${cssVar("--divider")}`,
|
|
18
|
-
borderTop: `1px solid ${cssVar("--divider")}`,
|
|
19
|
-
},
|
|
20
|
-
!bare &&
|
|
21
|
-
carded && {
|
|
22
|
-
border: `1px solid ${cssVar("--divider")}`,
|
|
23
|
-
borderRadius: cssVar("--border-radius-l"),
|
|
24
|
-
},
|
|
25
|
-
jss,
|
|
26
|
-
], ...otherProps }) }));
|
|
27
|
-
}
|
|
28
|
-
export const useListContext = () => useContext(ListContext);
|
|
29
|
-
//# sourceMappingURL=List.js.map
|