aidos-ui 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/Badge.d.ts +1 -2
- package/dist/BaseLink.d.ts +1 -1
- package/dist/BaseList.d.ts +1 -1
- package/dist/BaseListAddOn.d.ts +1 -1
- package/dist/BaseListItem.d.ts +1 -1
- package/dist/BaseView.d.ts +1 -1
- package/dist/Box.d.ts +1 -2
- package/dist/Card.d.ts +1 -1
- package/dist/Checkbox.d.ts +1 -2
- package/dist/Circle.d.ts +1 -2
- package/dist/Column.d.ts +1 -1
- package/dist/DarkMode.d.ts +2 -2
- package/dist/DatePicker.d.ts +1 -2
- package/dist/DesignBook.d.ts +1 -2
- package/dist/Dialog.d.ts +2 -2
- package/dist/Dropdown.d.ts +1 -2
- package/dist/FlexLayout.d.ts +1 -1
- package/dist/Icon.d.ts +1 -1
- package/dist/List.d.ts +2 -2
- package/dist/List.js +10 -2
- package/dist/List.js.map +1 -1
- package/dist/ListButtonItem.d.ts +1 -1
- package/dist/ListDivider.d.ts +1 -2
- package/dist/ListHeaderItem.d.ts +1 -1
- package/dist/ListItem.d.ts +1 -1
- package/dist/ListLinkItem.d.ts +1 -1
- package/dist/ListSpacer.d.ts +1 -2
- package/dist/Popover.d.ts +2 -2
- package/dist/ProgressBar.d.ts +1 -2
- package/dist/ProgressCircle.d.ts +1 -2
- package/dist/Providers.d.ts +1 -1
- package/dist/RootView.d.ts +1 -1
- package/dist/Router.d.ts +1 -2
- package/dist/RouterState.d.ts +1 -1
- package/dist/Row.d.ts +1 -1
- package/dist/StackContext.d.ts +1 -1
- package/dist/StaticCheckbox.d.ts +1 -2
- package/dist/Sublist.d.ts +3 -2
- package/dist/Sublist.js +2 -2
- package/dist/Sublist.js.map +1 -1
- package/dist/SubmitIconInput.d.ts +1 -2
- package/dist/Tabs.d.ts +1 -1
- package/dist/Text.d.ts +8 -8
- package/dist/TextInputWithState.d.ts +1 -1
- package/dist/TextPairing.d.ts +1 -1
- package/dist/Tooltip.d.ts +1 -1
- package/dist/jss.d.ts +2 -2
- package/dist/stateMachineContextFactory.d.ts +1 -1
- package/package.json +8 -3
- package/public/index.json +1 -0
- package/scripts/embeddings.js +93 -0
- package/scripts/publish.js +1 -0
- package/scripts/test_embeddings.js +47 -0
- package/src/List.tsx +12 -2
- package/src/Sublist.tsx +3 -0
- package/src/docs/mdx.tsx +99 -0
- package/src/docs/pages.ts +112 -0
- package/src/pages/Badge.mdx +1 -1
- package/src/pages/Button.mdx +4 -4
- package/src/pages/Link.mdx +3 -3
- package/src/pages/List.mdx +99 -1
- package/src/pages/_app.tsx +126 -241
- package/src/pages/index.mdx +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
This is a React design system library with many utilities and zero dependencies. It was built with the aim to be simple, lightweight and beautiful.
|
|
4
4
|
|
|
5
|
-
Documentation can be found [here](https://
|
|
5
|
+
Documentation can be found [here](https://aidos-ui.vercel.app);
|
|
6
6
|
|
|
7
7
|
## Why?
|
|
8
8
|
|
|
@@ -48,7 +48,7 @@ npm install --save aidos-ui
|
|
|
48
48
|
|
|
49
49
|
## How to use
|
|
50
50
|
|
|
51
|
-
- Import components from the `dist` folder (e.g. `import {Button} from '
|
|
51
|
+
- Import components from the `dist` folder (e.g. `import {Button} from 'aidos-ui/dist`)
|
|
52
52
|
- The `Providers` component somewhere in the application.
|
|
53
53
|
- If the application is running in nextjs, the `JSServerStyles` component has to be used in the \_document `<Head />`, this enables jss to work also server side.
|
|
54
54
|
|
package/dist/Badge.d.ts
CHANGED
package/dist/BaseLink.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ export interface BaseLinkProps extends React.LinkHTMLAttributes<HTMLAnchorElemen
|
|
|
13
13
|
animateInteraction?: boolean;
|
|
14
14
|
padding?: Padding;
|
|
15
15
|
}
|
|
16
|
-
export declare const BaseLinkComponentOverrideContext: React.Context<(props: any) => JSX.Element>;
|
|
16
|
+
export declare const BaseLinkComponentOverrideContext: React.Context<(props: any) => import("react/jsx-runtime").JSX.Element>;
|
|
17
17
|
export declare const BaseLink: React.ForwardRefExoticComponent<BaseLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/BaseList.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { ColumnProps } from "./Column";
|
|
|
3
3
|
export interface BaseListProps extends ColumnProps {
|
|
4
4
|
tag?: undefined;
|
|
5
5
|
}
|
|
6
|
-
export declare const BaseList: React.ForwardRefExoticComponent<
|
|
6
|
+
export declare const BaseList: React.ForwardRefExoticComponent<Omit<BaseListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/BaseListAddOn.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ import React from "react";
|
|
|
2
2
|
import { BaseViewProps } from "./BaseView";
|
|
3
3
|
export interface BaseListAddOnProps extends BaseViewProps {
|
|
4
4
|
}
|
|
5
|
-
export declare const BaseListAddOn: React.ForwardRefExoticComponent<
|
|
5
|
+
export declare const BaseListAddOn: React.ForwardRefExoticComponent<Omit<BaseListAddOnProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/BaseListItem.d.ts
CHANGED
|
@@ -24,4 +24,4 @@ export interface BaseListItemProps extends RowProps {
|
|
|
24
24
|
selected?: boolean;
|
|
25
25
|
bare?: boolean;
|
|
26
26
|
}
|
|
27
|
-
export declare const BaseListItem: React.ForwardRefExoticComponent<
|
|
27
|
+
export declare const BaseListItem: React.ForwardRefExoticComponent<Omit<BaseListItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
package/dist/BaseView.d.ts
CHANGED
|
@@ -9,4 +9,4 @@ export interface BaseViewProps extends React.HTMLAttributes<HTMLElement> {
|
|
|
9
9
|
relative?: boolean;
|
|
10
10
|
tag?: keyof HTMLElementTagNameMap;
|
|
11
11
|
}
|
|
12
|
-
export declare const BaseView: React.ForwardRefExoticComponent<
|
|
12
|
+
export declare const BaseView: React.ForwardRefExoticComponent<Omit<BaseViewProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
package/dist/Box.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { FlexLayoutProps } from "./FlexLayout";
|
|
3
2
|
export interface BoxProps extends FlexLayoutProps {
|
|
4
3
|
}
|
|
5
|
-
export declare function Box({ padding, align, justify, ...otherProps }: BoxProps): JSX.Element;
|
|
4
|
+
export declare function Box({ padding, align, justify, ...otherProps }: BoxProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/Card.d.ts
CHANGED
package/dist/Checkbox.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BaseInputProps } from "./BaseInput";
|
|
3
2
|
import { Size } from "./jss";
|
|
4
3
|
interface CheckboxProps extends BaseInputProps {
|
|
@@ -8,5 +7,5 @@ interface CheckboxProps extends BaseInputProps {
|
|
|
8
7
|
value?: undefined;
|
|
9
8
|
onChange?: undefined;
|
|
10
9
|
}
|
|
11
|
-
export declare function Checkbox({ checked, onClick, size, ...inputProps }: CheckboxProps): JSX.Element;
|
|
10
|
+
export declare function Checkbox({ checked, onClick, size, ...inputProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
package/dist/Circle.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BoxProps } from "./Box";
|
|
3
2
|
interface CircleProps extends BoxProps {
|
|
4
3
|
}
|
|
5
|
-
export declare function Circle({ jsStyle, padding, ...otherProps }: CircleProps): JSX.Element;
|
|
4
|
+
export declare function Circle({ jsStyle, padding, ...otherProps }: CircleProps): import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
export {};
|
package/dist/Column.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { FlexLayoutProps } from "./FlexLayout";
|
|
|
3
3
|
export interface ColumnProps extends FlexLayoutProps {
|
|
4
4
|
direction?: "column";
|
|
5
5
|
}
|
|
6
|
-
export declare const Column: React.ForwardRefExoticComponent<
|
|
6
|
+
export declare const Column: React.ForwardRefExoticComponent<Omit<ColumnProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/DarkMode.d.ts
CHANGED
|
@@ -8,6 +8,6 @@ export declare function DarkModeProvider({ children, enabled, toggle, }: {
|
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
enabled: boolean;
|
|
10
10
|
toggle: () => void;
|
|
11
|
-
}): JSX.Element;
|
|
12
|
-
export declare function DarkModeToggle(): JSX.Element;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function DarkModeToggle(): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export {};
|
package/dist/DatePicker.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TextColor } from "./jss";
|
|
3
2
|
export interface DatePickerProps {
|
|
4
3
|
id: string;
|
|
@@ -9,4 +8,4 @@ export interface DatePickerProps {
|
|
|
9
8
|
max?: string;
|
|
10
9
|
onDateChange: (date: Date) => void;
|
|
11
10
|
}
|
|
12
|
-
export declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): JSX.Element;
|
|
11
|
+
export declare function DatePicker({ id, label, color, date, onDateChange, }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/DesignBook.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function DesignBook(): JSX.Element;
|
|
1
|
+
export declare function DesignBook(): import("react/jsx-runtime").JSX.Element;
|
package/dist/Dialog.d.ts
CHANGED
|
@@ -3,10 +3,10 @@ export declare const Dialog: ({ label, children, close, }: {
|
|
|
3
3
|
label: string;
|
|
4
4
|
children: JSX.Element;
|
|
5
5
|
close: () => void;
|
|
6
|
-
}) => JSX.Element;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare function DialogProvider({ children }: {
|
|
8
8
|
children: any;
|
|
9
|
-
}): JSX.Element;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export declare function useDialog<Input>(DialogComponent: (props: {
|
|
11
11
|
close: () => void;
|
|
12
12
|
} & Input) => JSX.Element, options: {
|
package/dist/Dropdown.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { JSStyle } from "./jss";
|
|
3
2
|
export declare function Dropdown<T>({ id, label, options, selection, setSelection, jsStyle, }: {
|
|
4
3
|
id?: string;
|
|
@@ -7,4 +6,4 @@ export declare function Dropdown<T>({ id, label, options, selection, setSelectio
|
|
|
7
6
|
setSelection: (selection: T) => void;
|
|
8
7
|
selection: T;
|
|
9
8
|
jsStyle?: JSStyle;
|
|
10
|
-
}): JSX.Element;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/FlexLayout.d.ts
CHANGED
|
@@ -8,4 +8,4 @@ export interface FlexLayoutProps extends BaseViewProps {
|
|
|
8
8
|
padding?: Padding;
|
|
9
9
|
direction?: FlexDirection;
|
|
10
10
|
}
|
|
11
|
-
export declare const FlexLayout: React.ForwardRefExoticComponent<
|
|
11
|
+
export declare const FlexLayout: React.ForwardRefExoticComponent<Omit<FlexLayoutProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
package/dist/Icon.d.ts
CHANGED
package/dist/List.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BaseListProps } from "./BaseList";
|
|
3
2
|
interface ListProps extends BaseListProps {
|
|
4
3
|
ariaLabel: string;
|
|
@@ -6,6 +5,7 @@ interface ListProps extends BaseListProps {
|
|
|
6
5
|
autofocus?: boolean;
|
|
7
6
|
role?: undefined;
|
|
8
7
|
navigation?: boolean;
|
|
8
|
+
carded?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare function List({ ariaLabel, jsStyle, autofocus, navigation, bare, ...otherProps }: ListProps): JSX.Element;
|
|
10
|
+
export declare function List({ ariaLabel, jsStyle, autofocus, navigation, bare, carded, ...otherProps }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|
package/dist/List.js
CHANGED
|
@@ -2,14 +2,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { BaseList } from "./BaseList";
|
|
3
3
|
import { useNavigation } from "./useNavigation";
|
|
4
4
|
import { cssVar } from "./jss";
|
|
5
|
-
export function List({ ariaLabel, jsStyle, autofocus = false, navigation = true, bare, ...otherProps }) {
|
|
5
|
+
export function List({ ariaLabel, jsStyle, autofocus = false, navigation = true, bare, carded = true, ...otherProps }) {
|
|
6
6
|
const rootRef = useNavigation({ autofocus, enabled: navigation });
|
|
7
7
|
return (_jsx(BaseList, { role: "grid", "aria-label": ariaLabel, ref: rootRef, jsStyle: [
|
|
8
8
|
{ overflow: "hidden" },
|
|
9
9
|
!bare && {
|
|
10
|
+
backgroundColor: cssVar("--overlay-background"),
|
|
11
|
+
},
|
|
12
|
+
!bare &&
|
|
13
|
+
!carded && {
|
|
14
|
+
borderBottom: `1px solid ${cssVar("--divider")}`,
|
|
15
|
+
borderTop: `1px solid ${cssVar("--divider")}`,
|
|
16
|
+
},
|
|
17
|
+
!bare &&
|
|
18
|
+
carded && {
|
|
10
19
|
border: `1px solid ${cssVar("--divider")}`,
|
|
11
20
|
borderRadius: cssVar("--border-radius-l"),
|
|
12
|
-
backgroundColor: cssVar("--overlay-background"),
|
|
13
21
|
},
|
|
14
22
|
jsStyle,
|
|
15
23
|
], ...otherProps }));
|
package/dist/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAW/B,MAAM,UAAU,IAAI,CAAC,EACnB,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,GAAG,UAAU,EACH;IACV,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;IAElE,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE;YACP,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACtB,CAAC,IAAI,IAAI;gBACP,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;aAChD;YACD,CAAC,IAAI;gBACH,CAAC,MAAM,IAAI;gBACT,YAAY,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAChD,SAAS,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;aAC9C;YACH,CAAC,IAAI;gBACH,MAAM,IAAI;gBACR,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;gBAC1C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;aAC1C;YACH,OAAO;SACR,KACG,UAAU,GACd,CACH,CAAC;AACJ,CAAC"}
|
package/dist/ListButtonItem.d.ts
CHANGED
|
@@ -11,5 +11,5 @@ interface ListButtonItemProps extends BaseListItemProps {
|
|
|
11
11
|
bare?: boolean;
|
|
12
12
|
children?: void;
|
|
13
13
|
}
|
|
14
|
-
export declare const ListButtonItem: React.ForwardRefExoticComponent<
|
|
14
|
+
export declare const ListButtonItem: React.ForwardRefExoticComponent<Omit<ListButtonItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
15
15
|
export {};
|
package/dist/ListDivider.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function ListDivider(): JSX.Element;
|
|
1
|
+
export declare function ListDivider(): import("react/jsx-runtime").JSX.Element;
|
package/dist/ListHeaderItem.d.ts
CHANGED
package/dist/ListItem.d.ts
CHANGED
|
@@ -6,5 +6,5 @@ interface ListItemProps extends BaseListItemProps {
|
|
|
6
6
|
bare?: boolean;
|
|
7
7
|
children?: void;
|
|
8
8
|
}
|
|
9
|
-
export declare const ListItem: React.ForwardRefExoticComponent<
|
|
9
|
+
export declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
10
10
|
export {};
|
package/dist/ListLinkItem.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ interface ListLinkItemProps extends BaseListItemProps {
|
|
|
13
13
|
bare?: boolean;
|
|
14
14
|
target?: string;
|
|
15
15
|
}
|
|
16
|
-
export declare const ListLinkItem: React.ForwardRefExoticComponent<
|
|
16
|
+
export declare const ListLinkItem: React.ForwardRefExoticComponent<Omit<ListLinkItemProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
17
17
|
export {};
|
package/dist/ListSpacer.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function ListSpacer(): JSX.Element;
|
|
1
|
+
export declare function ListSpacer(): import("react/jsx-runtime").JSX.Element;
|
package/dist/Popover.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { JSStyle } from "./jss";
|
|
|
3
3
|
export declare function Popover({ children, close }: {
|
|
4
4
|
children: any;
|
|
5
5
|
close: any;
|
|
6
|
-
}): JSX.Element;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
interface PopoverTriggerProps<Input> {
|
|
8
8
|
PopoverComponent: (props: {
|
|
9
9
|
close: () => void;
|
|
@@ -17,5 +17,5 @@ interface PopoverTriggerProps<Input> {
|
|
|
17
17
|
toggle: (input: Input) => void;
|
|
18
18
|
}) => JSX.Element;
|
|
19
19
|
}
|
|
20
|
-
export declare function PopoverTrigger<Input>({ PopoverComponent, jsStyle, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): JSX.Element;
|
|
20
|
+
export declare function PopoverTrigger<Input>({ PopoverComponent, jsStyle, grow, shrink, tag, children, }: PopoverTriggerProps<Input>): import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
export {};
|
package/dist/ProgressBar.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Color, Size, JSStyle } from "./jss";
|
|
3
2
|
export declare function ProgressBar({ color, progress, size, jsStyle, }: {
|
|
4
3
|
progress: number;
|
|
5
4
|
color: Color;
|
|
6
5
|
size: Size;
|
|
7
6
|
jsStyle?: JSStyle;
|
|
8
|
-
}): JSX.Element;
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/ProgressCircle.d.ts
CHANGED
package/dist/Providers.d.ts
CHANGED
package/dist/RootView.d.ts
CHANGED
package/dist/Router.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function Router(): JSX.Element;
|
|
1
|
+
export declare function Router(): import("react/jsx-runtime").JSX.Element;
|
package/dist/RouterState.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ type Route<Props, State extends RouteState> = {
|
|
|
23
23
|
};
|
|
24
24
|
export declare const Provider: ({ children }: {
|
|
25
25
|
children: import("react").ReactNode;
|
|
26
|
-
}) => JSX.Element, useStateMachine: () => {
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element, useStateMachine: () => {
|
|
27
27
|
subscribe: import("./Emitter").Subscribe<{
|
|
28
28
|
state: RouteState;
|
|
29
29
|
context: Context;
|
package/dist/Row.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { FlexLayoutProps } from "./FlexLayout";
|
|
|
3
3
|
export interface RowProps extends FlexLayoutProps {
|
|
4
4
|
direction?: "row";
|
|
5
5
|
}
|
|
6
|
-
export declare const Row: React.ForwardRefExoticComponent<
|
|
6
|
+
export declare const Row: React.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
package/dist/StackContext.d.ts
CHANGED
|
@@ -3,6 +3,6 @@ type Props = {
|
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
isTopOfStack: boolean;
|
|
5
5
|
};
|
|
6
|
-
export declare function StackContextProvider({ children, isTopOfStack }: Props): JSX.Element;
|
|
6
|
+
export declare function StackContextProvider({ children, isTopOfStack }: Props): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export declare function useIsTopOfStack(): boolean;
|
|
8
8
|
export {};
|
package/dist/StaticCheckbox.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Size } from "./jss";
|
|
3
2
|
import { IconType } from "./IconType";
|
|
4
3
|
type StaticCheckboxProps = {
|
|
@@ -13,5 +12,5 @@ export declare const sizes: {
|
|
|
13
12
|
large: number;
|
|
14
13
|
xlarge: number;
|
|
15
14
|
};
|
|
16
|
-
export declare function StaticCheckbox({ checked, size, icon, }: StaticCheckboxProps): JSX.Element;
|
|
15
|
+
export declare function StaticCheckbox({ checked, size, icon, }: StaticCheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
17
16
|
export {};
|
package/dist/Sublist.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
2
|
import { JSStyle } from "./jss";
|
|
3
|
-
export declare function Sublist({ children, label, initialState, jsStyle, secondaryAddOn, bare, }: {
|
|
3
|
+
export declare function Sublist({ children, label, labelBold, initialState, jsStyle, secondaryAddOn, bare, }: {
|
|
4
4
|
bare?: boolean;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
label: string;
|
|
7
|
+
labelBold?: boolean;
|
|
7
8
|
initialState?: {
|
|
8
9
|
collapsed: boolean;
|
|
9
10
|
};
|
|
10
11
|
jsStyle?: JSStyle;
|
|
11
12
|
secondaryAddOn?: ReactNode;
|
|
12
|
-
}): JSX.Element;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/Sublist.js
CHANGED
|
@@ -4,9 +4,9 @@ import { ListButtonItem } from "./ListButtonItem";
|
|
|
4
4
|
import { Icon } from "./Icon";
|
|
5
5
|
import { Box } from "./Box";
|
|
6
6
|
import { Row } from "./Row";
|
|
7
|
-
export function Sublist({ children, label, initialState = { collapsed: false }, jsStyle, secondaryAddOn, bare, }) {
|
|
7
|
+
export function Sublist({ children, label, labelBold, initialState = { collapsed: false }, jsStyle, secondaryAddOn, bare, }) {
|
|
8
8
|
const [collapsed, setCollapsed] = React.useState(initialState.collapsed);
|
|
9
|
-
return (_jsxs(_Fragment, { children: [_jsx(ListButtonItem, { bare: bare, headline: label, onClick: () => setCollapsed((x) => !x), jsStyle: jsStyle, addOn: _jsxs(Row, { gap: "medium", align: "center", children: [secondaryAddOn, _jsx(Box, { padding: "medium", jsStyle: [
|
|
9
|
+
return (_jsxs(_Fragment, { children: [_jsx(ListButtonItem, { bare: bare, headline: label, headlineBold: labelBold, onClick: () => setCollapsed((x) => !x), jsStyle: jsStyle, addOn: _jsxs(Row, { gap: "medium", align: "center", children: [secondaryAddOn, _jsx(Box, { padding: "medium", jsStyle: [
|
|
10
10
|
{
|
|
11
11
|
transition: "transform 0.15s ease-in",
|
|
12
12
|
},
|
package/dist/Sublist.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sublist.js","sourceRoot":"","sources":["../src/Sublist.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,YAAY,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EACnC,OAAO,EACP,cAAc,EACd,IAAI,
|
|
1
|
+
{"version":3,"file":"Sublist.js","sourceRoot":"","sources":["../src/Sublist.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,YAAY,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EACnC,OAAO,EACP,cAAc,EACd,IAAI,GAWL;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,CACL,8BACE,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,SAAS,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACtC,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,MAAC,GAAG,IAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,aAC7B,cAAc,EACf,KAAC,GAAG,IACF,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE;gCACP;oCACE,UAAU,EAAE,yBAAyB;iCACtC;gCACD,CAAC,SAAS,IAAI;oCACZ,SAAS,EAAE,gBAAgB;iCAC5B;6BACF,YAED,KAAC,IAAI,IACH,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,GAC7B,GACE,IACF,EAER,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,WAAW,GACjB,EACD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,IAC3B,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BaseInputProps } from "./BaseInput";
|
|
3
2
|
import { IconType } from "./IconType";
|
|
4
3
|
interface SubmitIconInputProps extends BaseInputProps {
|
|
5
4
|
icon: IconType;
|
|
6
5
|
type?: "submit";
|
|
7
6
|
}
|
|
8
|
-
export declare function SubmitIconInput({ icon, ...otherProps }: SubmitIconInputProps): JSX.Element;
|
|
7
|
+
export declare function SubmitIconInput({ icon, ...otherProps }: SubmitIconInputProps): import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export {};
|
package/dist/Tabs.d.ts
CHANGED
|
@@ -17,4 +17,4 @@ export interface TabsProps extends RowProps {
|
|
|
17
17
|
tabPadding?: Padding;
|
|
18
18
|
tabJSStyle?: JSStyle;
|
|
19
19
|
}
|
|
20
|
-
export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jsStyle, tabJSStyle, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): JSX.Element;
|
|
20
|
+
export declare function Tabs({ tabs, gap, padding, tabPadding, labelSize, jsStyle, tabJSStyle, ["aria-controls"]: ariaControls, ...otherProps }: TabsProps): import("react/jsx-runtime").JSX.Element;
|