@korsolutions/ui 0.0.95 → 0.0.97
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/dist/module/components/description-list/context.js +12 -0
- package/dist/module/components/description-list/context.js.map +1 -0
- package/dist/module/components/description-list/description-list-actions.js +17 -0
- package/dist/module/components/description-list/description-list-actions.js.map +1 -0
- package/dist/module/components/description-list/description-list-details.js +17 -0
- package/dist/module/components/description-list/description-list-details.js.map +1 -0
- package/dist/module/components/description-list/description-list-item.js +17 -0
- package/dist/module/components/description-list/description-list-item.js.map +1 -0
- package/dist/module/components/description-list/description-list-root.js +27 -0
- package/dist/module/components/description-list/description-list-root.js.map +1 -0
- package/dist/module/components/description-list/description-list-term.js +17 -0
- package/dist/module/components/description-list/description-list-term.js.map +1 -0
- package/dist/module/components/description-list/index.js +15 -0
- package/dist/module/components/description-list/index.js.map +1 -0
- package/dist/module/components/description-list/types.js +4 -0
- package/dist/module/components/description-list/types.js.map +1 -0
- package/dist/module/components/description-list/variants/default.js +53 -0
- package/dist/module/components/description-list/variants/default.js.map +1 -0
- package/dist/module/components/description-list/variants/index.js +7 -0
- package/dist/module/components/description-list/variants/index.js.map +1 -0
- package/dist/module/components/full-screen-spinner/index.js +6 -0
- package/dist/module/components/full-screen-spinner/index.js.map +1 -0
- package/dist/module/components/full-screen-spinner/manager.js +91 -0
- package/dist/module/components/full-screen-spinner/manager.js.map +1 -0
- package/dist/module/components/index.js +3 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/item/context.js +12 -0
- package/dist/module/components/item/context.js.map +1 -0
- package/dist/module/components/item/index.js +17 -0
- package/dist/module/components/item/index.js.map +1 -0
- package/dist/module/components/item/item-actions.js +17 -0
- package/dist/module/components/item/item-actions.js.map +1 -0
- package/dist/module/components/item/item-content.js +17 -0
- package/dist/module/components/item/item-content.js.map +1 -0
- package/dist/module/components/item/item-description.js +17 -0
- package/dist/module/components/item/item-description.js.map +1 -0
- package/dist/module/components/item/item-media.js +18 -0
- package/dist/module/components/item/item-media.js.map +1 -0
- package/dist/module/components/item/item-root.js +29 -0
- package/dist/module/components/item/item-root.js.map +1 -0
- package/dist/module/components/item/item-title.js +17 -0
- package/dist/module/components/item/item-title.js.map +1 -0
- package/dist/module/components/item/types.js +4 -0
- package/dist/module/components/item/types.js.map +1 -0
- package/dist/module/components/item/variants/default.js +91 -0
- package/dist/module/components/item/variants/default.js.map +1 -0
- package/dist/module/components/item/variants/index.js +11 -0
- package/dist/module/components/item/variants/index.js.map +1 -0
- package/dist/module/components/item/variants/muted.js +93 -0
- package/dist/module/components/item/variants/muted.js.map +1 -0
- package/dist/module/components/item/variants/outline.js +94 -0
- package/dist/module/components/item/variants/outline.js.map +1 -0
- package/dist/module/index.js +2 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/utils/hsla-utils.js +10 -0
- package/dist/module/utils/hsla-utils.js.map +1 -1
- package/dist/typescript/src/components/description-list/context.d.ts +8 -0
- package/dist/typescript/src/components/description-list/context.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-actions.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-actions.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-details.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-details.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-item.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-item.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-root.d.ts +11 -0
- package/dist/typescript/src/components/description-list/description-list-root.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-term.d.ts +10 -0
- package/dist/typescript/src/components/description-list/description-list-term.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/index.d.ts +19 -0
- package/dist/typescript/src/components/description-list/index.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/types.d.ts +14 -0
- package/dist/typescript/src/components/description-list/types.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/description-list/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/description-list/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/full-screen-spinner/index.d.ts +7 -0
- package/dist/typescript/src/components/full-screen-spinner/index.d.ts.map +1 -0
- package/dist/typescript/src/components/full-screen-spinner/manager.d.ts +14 -0
- package/dist/typescript/src/components/full-screen-spinner/manager.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +3 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/item/context.d.ts +9 -0
- package/dist/typescript/src/components/item/context.d.ts.map +1 -0
- package/dist/typescript/src/components/item/index.d.ts +22 -0
- package/dist/typescript/src/components/item/index.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-actions.d.ts +9 -0
- package/dist/typescript/src/components/item/item-actions.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-content.d.ts +9 -0
- package/dist/typescript/src/components/item/item-content.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-description.d.ts +11 -0
- package/dist/typescript/src/components/item/item-description.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-media.d.ts +10 -0
- package/dist/typescript/src/components/item/item-media.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-root.d.ts +12 -0
- package/dist/typescript/src/components/item/item-root.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-title.d.ts +11 -0
- package/dist/typescript/src/components/item/item-title.d.ts.map +1 -0
- package/dist/typescript/src/components/item/types.d.ts +17 -0
- package/dist/typescript/src/components/item/types.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/index.d.ts +9 -0
- package/dist/typescript/src/components/item/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/muted.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/muted.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/outline.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/outline.d.ts.map +1 -0
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +8 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/utils/hsla-utils.d.ts +1 -0
- package/dist/typescript/src/utils/hsla-utils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/description-list/context.ts +17 -0
- package/src/components/description-list/description-list-actions.tsx +20 -0
- package/src/components/description-list/description-list-details.tsx +20 -0
- package/src/components/description-list/description-list-item.tsx +20 -0
- package/src/components/description-list/description-list-root.tsx +35 -0
- package/src/components/description-list/description-list-term.tsx +21 -0
- package/src/components/description-list/index.ts +20 -0
- package/src/components/description-list/types.ts +15 -0
- package/src/components/description-list/variants/default.tsx +50 -0
- package/src/components/description-list/variants/index.ts +5 -0
- package/src/components/full-screen-spinner/index.ts +5 -0
- package/src/components/full-screen-spinner/manager.tsx +98 -0
- package/src/components/index.ts +3 -0
- package/src/components/item/context.ts +18 -0
- package/src/components/item/index.ts +23 -0
- package/src/components/item/item-actions.tsx +20 -0
- package/src/components/item/item-content.tsx +20 -0
- package/src/components/item/item-description.tsx +27 -0
- package/src/components/item/item-media.tsx +22 -0
- package/src/components/item/item-root.tsx +38 -0
- package/src/components/item/item-title.tsx +22 -0
- package/src/components/item/types.ts +18 -0
- package/src/components/item/variants/default.tsx +71 -0
- package/src/components/item/variants/index.ts +9 -0
- package/src/components/item/variants/muted.tsx +73 -0
- package/src/components/item/variants/outline.tsx +74 -0
- package/src/index.tsx +2 -0
- package/src/themes/types.ts +8 -0
- package/src/utils/hsla-utils.ts +11 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
export interface ItemActionsProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
}
|
|
8
|
+
export declare function ItemActions(props: PropsWithRender<ItemActionsProps>): React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=item-actions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,gBAAgB,CAAC,qBAOnE"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
export interface ItemContentProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
style?: StyleProp<ViewStyle>;
|
|
7
|
+
}
|
|
8
|
+
export declare function ItemContent(props: PropsWithRender<ItemContentProps>): React.JSX.Element;
|
|
9
|
+
//# sourceMappingURL=item-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,gBAAgB,CAAC,qBAOnE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type TextStyle } from "react-native";
|
|
3
|
+
import type { TextChildren } from "../../types/element.types";
|
|
4
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
5
|
+
export interface ItemDescriptionProps {
|
|
6
|
+
children?: TextChildren;
|
|
7
|
+
numberOfLines?: number;
|
|
8
|
+
style?: StyleProp<TextStyle>;
|
|
9
|
+
}
|
|
10
|
+
export declare function ItemDescription(props: PropsWithRender<ItemDescriptionProps>): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=item-description.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-description.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-description.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,oBAAoB,CAAC,qBAY3E"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
export interface ItemMediaProps {
|
|
5
|
+
variant?: "default" | "icon";
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
}
|
|
9
|
+
export declare function ItemMedia(props: PropsWithRender<ItemMediaProps>): React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=item-media.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-media.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-media.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,qBAQ/D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
import { ItemVariants } from "./variants";
|
|
5
|
+
export interface ItemRootProps {
|
|
6
|
+
variant?: keyof typeof ItemVariants;
|
|
7
|
+
size?: "default" | "sm" | "xs";
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
export declare function ItemRoot(props: PropsWithRender<ItemRootProps>): React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=item-root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-root.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC,qBAqB7D"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type TextStyle } from "react-native";
|
|
3
|
+
import type { TextChildren } from "../../types/element.types";
|
|
4
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
5
|
+
export interface ItemTitleProps {
|
|
6
|
+
children?: TextChildren;
|
|
7
|
+
numberOfLines?: number;
|
|
8
|
+
style?: StyleProp<TextStyle>;
|
|
9
|
+
}
|
|
10
|
+
export declare function ItemTitle(props: PropsWithRender<ItemTitleProps>): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=item-title.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item-title.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/item-title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI/D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,qBAO/D"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ItemRootProps } from "./item-root";
|
|
2
|
+
import type { ItemMediaProps } from "./item-media";
|
|
3
|
+
import type { ItemContentProps } from "./item-content";
|
|
4
|
+
import type { ItemTitleProps } from "./item-title";
|
|
5
|
+
import type { ItemDescriptionProps } from "./item-description";
|
|
6
|
+
import type { ItemActionsProps } from "./item-actions";
|
|
7
|
+
export type ItemState = "default";
|
|
8
|
+
export interface ItemStyles {
|
|
9
|
+
root?: Partial<Record<ItemState, ItemRootProps["style"]>>;
|
|
10
|
+
media?: Partial<Record<ItemState, ItemMediaProps["style"]>>;
|
|
11
|
+
mediaIcon?: Partial<Record<ItemState, ItemMediaProps["style"]>>;
|
|
12
|
+
content?: Partial<Record<ItemState, ItemContentProps["style"]>>;
|
|
13
|
+
title?: Partial<Record<ItemState, ItemTitleProps["style"]>>;
|
|
14
|
+
description?: Partial<Record<ItemState, ItemDescriptionProps["style"]>>;
|
|
15
|
+
actions?: Partial<Record<ItemState, ItemActionsProps["style"]>>;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAElC,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAChE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CACjE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/item/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,wBAAgB,qBAAqB,CAAC,IAAI,GAAE,SAAS,GAAG,IAAI,GAAG,IAAgB,GAAG,UAAU,CA6D3F"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useItemVariantDefault } from "./default";
|
|
2
|
+
import { useItemVariantMuted } from "./muted";
|
|
3
|
+
import { useItemVariantOutline } from "./outline";
|
|
4
|
+
export declare const ItemVariants: {
|
|
5
|
+
default: typeof useItemVariantDefault;
|
|
6
|
+
outline: typeof useItemVariantOutline;
|
|
7
|
+
muted: typeof useItemVariantMuted;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/item/variants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,eAAO,MAAM,YAAY;;;;CAIxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"muted.d.ts","sourceRoot":"","sources":["../../../../../../src/components/item/variants/muted.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,wBAAgB,mBAAmB,CAAC,IAAI,GAAE,SAAS,GAAG,IAAI,GAAG,IAAgB,GAAG,UAAU,CA+DzF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/item/variants/outline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C,wBAAgB,qBAAqB,CAAC,IAAI,GAAE,SAAS,GAAG,IAAI,GAAG,IAAgB,GAAG,UAAU,CAgE3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAI5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAgBf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -43,10 +43,12 @@ import type { WeekCalendarStyles } from "../components/calendar/week-calendar/ty
|
|
|
43
43
|
import type { CardStyles } from "../components/card/types";
|
|
44
44
|
import type { CheckboxStyles } from "../components/checkbox/types";
|
|
45
45
|
import type { ComboboxStyles } from "../components/combobox/types";
|
|
46
|
+
import type { DescriptionListStyles } from "../components/description-list/types";
|
|
46
47
|
import type { EmptyStyles } from "../components/empty/types";
|
|
47
48
|
import type { FieldStyles } from "../components/field/types";
|
|
48
49
|
import type { IconButtonStyles } from "../components/icon-button/types";
|
|
49
50
|
import type { InputStyles } from "../components/input/types";
|
|
51
|
+
import type { ItemStyles } from "../components/item/types";
|
|
50
52
|
import type { LinkStyles } from "../components/link";
|
|
51
53
|
import type { MenuStyles } from "../components/menu/types";
|
|
52
54
|
import type { PhoneInputStyles } from "../components/phone-input/types";
|
|
@@ -97,6 +99,9 @@ export interface ComponentsConfig {
|
|
|
97
99
|
combobox?: {
|
|
98
100
|
styles?: ComboboxStyles;
|
|
99
101
|
};
|
|
102
|
+
descriptionList?: {
|
|
103
|
+
styles?: DescriptionListStyles;
|
|
104
|
+
};
|
|
100
105
|
empty?: {
|
|
101
106
|
styles?: EmptyStyles;
|
|
102
107
|
};
|
|
@@ -109,6 +114,9 @@ export interface ComponentsConfig {
|
|
|
109
114
|
input?: {
|
|
110
115
|
styles?: InputStyles;
|
|
111
116
|
};
|
|
117
|
+
item?: {
|
|
118
|
+
styles?: ItemStyles;
|
|
119
|
+
};
|
|
112
120
|
link?: {
|
|
113
121
|
styles?: LinkStyles;
|
|
114
122
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,KAAK,KAAK,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAC;AAEtD,MAAM,WAAW,MAAM;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,UAAU,EAAE,KAAK,CAAC;IAClB,OAAO,EAAE,KAAK,CAAC;IACf,iBAAiB,EAAE,KAAK,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC;IACjB,mBAAmB,EAAE,KAAK,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,EAAE,KAAK,CAAC;IACvB,MAAM,EAAE,KAAK,CAAC;IACd,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,EAAE,KAAK,CAAC;IACf,MAAM,EAAE,KAAK,CAAC;IACd,IAAI,EAAE,KAAK,CAAC;CACb;AAED,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAC5B,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AACrF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,iBAAiB,CAAC;KAC5B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,MAAM,CAAC,EAAE,qBAAqB,CAAC;KAChC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9C,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,aAAa,CAAC;KACxB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnF,MAAM,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B,CAAC;IACF,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACH"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const hslaSetLightness: (hsla: string, lightness: number) => string;
|
|
2
2
|
export declare const hslaGetLightness: (hsla: string) => number;
|
|
3
3
|
export declare const hslaSetRelativeLightness: (hsla: string, delta: number) => string;
|
|
4
|
+
export declare const setHSLAOpacity: (hsla: string, opacity: number) => string;
|
|
4
5
|
//# sourceMappingURL=hsla-utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC"}
|
|
1
|
+
{"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,SAAS,MAAM,KAAG,MAS9D,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
|
+
import type { DescriptionListState, DescriptionListStyles } from "./types";
|
|
3
|
+
|
|
4
|
+
export interface DescriptionListContext {
|
|
5
|
+
state: DescriptionListState;
|
|
6
|
+
styles?: DescriptionListStyles;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const DescriptionListContext = createContext<DescriptionListContext | undefined>(undefined);
|
|
10
|
+
|
|
11
|
+
export const useDescriptionList = () => {
|
|
12
|
+
const context = useContext(DescriptionListContext);
|
|
13
|
+
if (!context) {
|
|
14
|
+
throw new Error("useDescriptionList must be used within a DescriptionList.Root");
|
|
15
|
+
}
|
|
16
|
+
return context;
|
|
17
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, View, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles";
|
|
5
|
+
import { useDescriptionList } from "./context";
|
|
6
|
+
|
|
7
|
+
export interface DescriptionListActionsProps {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
|
|
10
|
+
style?: StyleProp<ViewStyle>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export function DescriptionListActions(props: PropsWithRender<DescriptionListActionsProps>) {
|
|
14
|
+
const dl = useDescriptionList();
|
|
15
|
+
|
|
16
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "actions", props.style);
|
|
17
|
+
|
|
18
|
+
const Component = props.render ?? View;
|
|
19
|
+
return <Component {...props} style={composedStyle} />;
|
|
20
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, Text, type TextStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles";
|
|
5
|
+
import { useDescriptionList } from "./context";
|
|
6
|
+
|
|
7
|
+
export interface DescriptionListDetailsProps {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
|
|
10
|
+
style?: StyleProp<TextStyle>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export function DescriptionListDetails(props: PropsWithRender<DescriptionListDetailsProps>) {
|
|
14
|
+
const dl = useDescriptionList();
|
|
15
|
+
|
|
16
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "details", props.style);
|
|
17
|
+
|
|
18
|
+
const Component = props.render ?? Text;
|
|
19
|
+
return <Component {...props} style={composedStyle} />;
|
|
20
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, View, type ViewStyle } from "react-native";
|
|
3
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
4
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles";
|
|
5
|
+
import { useDescriptionList } from "./context";
|
|
6
|
+
|
|
7
|
+
export interface DescriptionListItemProps {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
|
|
10
|
+
style?: StyleProp<ViewStyle>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export function DescriptionListItem(props: PropsWithRender<DescriptionListItemProps>) {
|
|
14
|
+
const dl = useDescriptionList();
|
|
15
|
+
|
|
16
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "item", props.style);
|
|
17
|
+
|
|
18
|
+
const Component = props.render ?? View;
|
|
19
|
+
return <Component {...props} style={composedStyle} />;
|
|
20
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, View, type ViewStyle } from "react-native";
|
|
3
|
+
import { useComponentConfig } from "../../themes/provider";
|
|
4
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
5
|
+
import { calculateComposedStyles, mergeStyles } from "../../utils/calculate-styles";
|
|
6
|
+
import { DescriptionListContext } from "./context";
|
|
7
|
+
import { DescriptionListVariants } from "./variants";
|
|
8
|
+
|
|
9
|
+
export interface DescriptionListRootProps {
|
|
10
|
+
variant?: keyof typeof DescriptionListVariants;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export function DescriptionListRoot(props: PropsWithRender<DescriptionListRootProps>) {
|
|
17
|
+
const variantStyles = DescriptionListVariants[props.variant || "default"]();
|
|
18
|
+
const componentConfig = useComponentConfig("descriptionList");
|
|
19
|
+
|
|
20
|
+
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
21
|
+
|
|
22
|
+
const composedStyle = calculateComposedStyles(mergedStyles, "default", "root", props.style);
|
|
23
|
+
|
|
24
|
+
const Component = props.render ?? View;
|
|
25
|
+
return (
|
|
26
|
+
<DescriptionListContext.Provider
|
|
27
|
+
value={{
|
|
28
|
+
state: "default",
|
|
29
|
+
styles: mergedStyles,
|
|
30
|
+
}}
|
|
31
|
+
>
|
|
32
|
+
<Component {...props} style={composedStyle} />
|
|
33
|
+
</DescriptionListContext.Provider>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, Text, type TextStyle } from "react-native";
|
|
3
|
+
import type { TextChildren } from "../../types/element.types";
|
|
4
|
+
import type { PropsWithRender } from "../../types/props.types";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles";
|
|
6
|
+
import { useDescriptionList } from "./context";
|
|
7
|
+
|
|
8
|
+
export interface DescriptionListTermProps {
|
|
9
|
+
children?: TextChildren;
|
|
10
|
+
|
|
11
|
+
style?: StyleProp<TextStyle>;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export function DescriptionListTerm(props: PropsWithRender<DescriptionListTermProps>) {
|
|
15
|
+
const dl = useDescriptionList();
|
|
16
|
+
|
|
17
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "term", props.style);
|
|
18
|
+
|
|
19
|
+
const Component = props.render ?? Text;
|
|
20
|
+
return <Component {...props} style={composedStyle} />;
|
|
21
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { DescriptionListActions } from "./description-list-actions";
|
|
2
|
+
import { DescriptionListDetails } from "./description-list-details";
|
|
3
|
+
import { DescriptionListItem } from "./description-list-item";
|
|
4
|
+
import { DescriptionListRoot } from "./description-list-root";
|
|
5
|
+
import { DescriptionListTerm } from "./description-list-term";
|
|
6
|
+
|
|
7
|
+
export const DescriptionList = {
|
|
8
|
+
Root: DescriptionListRoot,
|
|
9
|
+
Item: DescriptionListItem,
|
|
10
|
+
Term: DescriptionListTerm,
|
|
11
|
+
Details: DescriptionListDetails,
|
|
12
|
+
Actions: DescriptionListActions,
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export type { DescriptionListRootProps } from "./description-list-root";
|
|
16
|
+
export type { DescriptionListItemProps } from "./description-list-item";
|
|
17
|
+
export type { DescriptionListTermProps } from "./description-list-term";
|
|
18
|
+
export type { DescriptionListDetailsProps } from "./description-list-details";
|
|
19
|
+
export type { DescriptionListActionsProps } from "./description-list-actions";
|
|
20
|
+
export type { DescriptionListStyles } from "./types";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DescriptionListRootProps } from "./description-list-root";
|
|
2
|
+
import type { DescriptionListItemProps } from "./description-list-item";
|
|
3
|
+
import type { DescriptionListTermProps } from "./description-list-term";
|
|
4
|
+
import type { DescriptionListDetailsProps } from "./description-list-details";
|
|
5
|
+
import type { DescriptionListActionsProps } from "./description-list-actions";
|
|
6
|
+
|
|
7
|
+
export type DescriptionListState = "default";
|
|
8
|
+
|
|
9
|
+
export interface DescriptionListStyles {
|
|
10
|
+
root?: Partial<Record<DescriptionListState, DescriptionListRootProps["style"]>>;
|
|
11
|
+
item?: Partial<Record<DescriptionListState, DescriptionListItemProps["style"]>>;
|
|
12
|
+
term?: Partial<Record<DescriptionListState, DescriptionListTermProps["style"]>>;
|
|
13
|
+
details?: Partial<Record<DescriptionListState, DescriptionListDetailsProps["style"]>>;
|
|
14
|
+
actions?: Partial<Record<DescriptionListState, DescriptionListActionsProps["style"]>>;
|
|
15
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
2
|
+
import type { DescriptionListStyles } from "../types";
|
|
3
|
+
|
|
4
|
+
export function useDescriptionListVariantDefault(): DescriptionListStyles {
|
|
5
|
+
return useThemedStyles(
|
|
6
|
+
({ colors, fontFamily, fontSize }): DescriptionListStyles => ({
|
|
7
|
+
root: {
|
|
8
|
+
default: {
|
|
9
|
+
gap: 0,
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
item: {
|
|
13
|
+
default: {
|
|
14
|
+
flexDirection: "row",
|
|
15
|
+
alignItems: "center",
|
|
16
|
+
paddingVertical: 12,
|
|
17
|
+
borderTopWidth: 1,
|
|
18
|
+
borderTopColor: colors.border,
|
|
19
|
+
gap: 16,
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
term: {
|
|
23
|
+
default: {
|
|
24
|
+
fontFamily,
|
|
25
|
+
fontSize: fontSize * 0.875,
|
|
26
|
+
lineHeight: Math.round(fontSize * 0.875 * 1.5),
|
|
27
|
+
fontWeight: "500",
|
|
28
|
+
color: colors.mutedForeground,
|
|
29
|
+
width: "40%",
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
details: {
|
|
33
|
+
default: {
|
|
34
|
+
fontFamily,
|
|
35
|
+
fontSize: fontSize * 0.875,
|
|
36
|
+
lineHeight: Math.round(fontSize * 0.875 * 1.5),
|
|
37
|
+
color: colors.foreground,
|
|
38
|
+
flex: 1,
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
actions: {
|
|
42
|
+
default: {
|
|
43
|
+
flexDirection: "row",
|
|
44
|
+
alignItems: "center",
|
|
45
|
+
gap: 8,
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
}),
|
|
49
|
+
);
|
|
50
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import React, { useSyncExternalStore } from "react";
|
|
2
|
+
import { StyleSheet, Text, View } from "react-native";
|
|
3
|
+
import { setHSLAOpacity } from "../../utils/hsla-utils";
|
|
4
|
+
import { useThemedStyles } from "../../utils/use-themed-styles";
|
|
5
|
+
import { Portal } from "../portal";
|
|
6
|
+
import { Spinner } from "../spinner";
|
|
7
|
+
|
|
8
|
+
export interface FullScreenSpinnerConfig {
|
|
9
|
+
description?: string;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
type FullScreenSpinnerStore = {
|
|
13
|
+
state: FullScreenSpinnerConfig | null;
|
|
14
|
+
listeners: Set<() => void>;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
const store: FullScreenSpinnerStore = {
|
|
18
|
+
state: null,
|
|
19
|
+
listeners: new Set(),
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
function emit() {
|
|
23
|
+
for (const cb of store.listeners) cb();
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function getSnapshot() {
|
|
27
|
+
return store.state;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
function subscribe(cb: () => void) {
|
|
31
|
+
store.listeners.add(cb);
|
|
32
|
+
return () => {
|
|
33
|
+
store.listeners.delete(cb);
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
function show(config: FullScreenSpinnerConfig = {}): void {
|
|
38
|
+
store.state = config;
|
|
39
|
+
emit();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
function hide(): void {
|
|
43
|
+
store.state = null;
|
|
44
|
+
emit();
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export const FullScreenSpinnerAPI = {
|
|
48
|
+
show,
|
|
49
|
+
hide,
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
export const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
|
|
53
|
+
|
|
54
|
+
export function FullScreenSpinnerContainer() {
|
|
55
|
+
const state = useSyncExternalStore(subscribe, getSnapshot);
|
|
56
|
+
const styles = useFullScreenSpinnerStyles();
|
|
57
|
+
|
|
58
|
+
if (!state) return null;
|
|
59
|
+
|
|
60
|
+
return (
|
|
61
|
+
<Portal name={FULL_SCREEN_SPINNER_PORTAL_NAME}>
|
|
62
|
+
<View style={styles.overlay}>
|
|
63
|
+
<View style={styles.content}>
|
|
64
|
+
<Spinner />
|
|
65
|
+
{!!state.description && <Text style={styles.description}>{state.description}</Text>}
|
|
66
|
+
</View>
|
|
67
|
+
</View>
|
|
68
|
+
</Portal>
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
const useFullScreenSpinnerStyles = () => {
|
|
73
|
+
return useThemedStyles(({ colors, fontSize, fontFamily, spacing, letterSpacing, radius }) => ({
|
|
74
|
+
overlay: {
|
|
75
|
+
...StyleSheet.absoluteFillObject,
|
|
76
|
+
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
77
|
+
justifyContent: "center" as const,
|
|
78
|
+
alignItems: "center" as const,
|
|
79
|
+
zIndex: 9999,
|
|
80
|
+
},
|
|
81
|
+
content: {
|
|
82
|
+
alignItems: "center" as const,
|
|
83
|
+
gap: spacing * 2,
|
|
84
|
+
padding: spacing * 4,
|
|
85
|
+
backgroundColor: setHSLAOpacity(colors.surface, 0.75),
|
|
86
|
+
borderRadius: radius,
|
|
87
|
+
},
|
|
88
|
+
spinner: {
|
|
89
|
+
color: colors.primary,
|
|
90
|
+
},
|
|
91
|
+
description: {
|
|
92
|
+
color: colors.primary,
|
|
93
|
+
fontSize: fontSize,
|
|
94
|
+
fontFamily: fontFamily,
|
|
95
|
+
letterSpacing: letterSpacing,
|
|
96
|
+
},
|
|
97
|
+
}));
|
|
98
|
+
};
|
package/src/components/index.ts
CHANGED
|
@@ -7,11 +7,14 @@ export * from "./calendar";
|
|
|
7
7
|
export * from "./card";
|
|
8
8
|
export * from "./checkbox";
|
|
9
9
|
export * from "./combobox";
|
|
10
|
+
export * from "./description-list";
|
|
10
11
|
export * from "./empty";
|
|
11
12
|
export * from "./field";
|
|
13
|
+
export * from "./full-screen-spinner";
|
|
12
14
|
export * from "./icon";
|
|
13
15
|
export * from "./icon-button";
|
|
14
16
|
export * from "./input";
|
|
17
|
+
export * from "./item";
|
|
15
18
|
export * from "./link";
|
|
16
19
|
export * from "./list";
|
|
17
20
|
export * from "./menu";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createContext, useContext } from "react";
|
|
2
|
+
import type { ItemState, ItemStyles } from "./types";
|
|
3
|
+
|
|
4
|
+
export interface ItemContext {
|
|
5
|
+
state: ItemState;
|
|
6
|
+
styles?: ItemStyles;
|
|
7
|
+
size: "default" | "sm" | "xs";
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export const ItemContext = createContext<ItemContext | undefined>(undefined);
|
|
11
|
+
|
|
12
|
+
export const useItem = () => {
|
|
13
|
+
const context = useContext(ItemContext);
|
|
14
|
+
if (!context) {
|
|
15
|
+
throw new Error("useItem must be used within an Item.Root");
|
|
16
|
+
}
|
|
17
|
+
return context;
|
|
18
|
+
};
|