@yahoo/uds 3.176.0 → 3.177.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/client/BottomSheet/useBottomSheetStore.cjs +1 -2
- package/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +3 -3
- package/dist/components/client/BottomSheet/useBottomSheetStore.d.ts +3 -3
- package/dist/components/client/BottomSheet/useBottomSheetStore.js +1 -2
- package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.cjs +1 -2
- package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.d.cts +2 -2
- package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.d.ts +2 -2
- package/dist/components/client/BottomSheet/useBottomSheetStoreInternal.js +1 -2
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
- package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
- package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
- package/dist/uds/generated/componentData.cjs +359 -359
- package/dist/uds/generated/componentData.js +359 -359
- package/dist/uds/package.cjs +1 -1
- package/dist/uds/package.js +1 -1
- package/generated/componentData.json +540 -540
- package/package.json +2 -2
|
@@ -12,9 +12,8 @@ function getBottomSheetInternal(controller) {
|
|
|
12
12
|
if (!internal) throw new Error("Invalid BottomSheet controller. Use `useBottomSheetStore()` to create one.");
|
|
13
13
|
return internal;
|
|
14
14
|
}
|
|
15
|
-
const useBottomSheetStore = ({
|
|
15
|
+
const useBottomSheetStore = ({ defaultOpen = false, open: openProp } = {}) => {
|
|
16
16
|
const bottomSheetInternal = require_components_client_BottomSheet_useBottomSheetStoreInternal.useBottomSheetStoreInternal({
|
|
17
|
-
animated,
|
|
18
17
|
open: openProp,
|
|
19
18
|
defaultOpen
|
|
20
19
|
});
|
|
@@ -12,8 +12,8 @@ interface UseBottomSheetStoreProps {
|
|
|
12
12
|
*/
|
|
13
13
|
open?: boolean;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
16
|
-
*
|
|
15
|
+
* @deprecated This option is ignored. Ariakit automatically detects animations
|
|
16
|
+
* from the sheet and backdrop CSS, including reduced-motion preferences.
|
|
17
17
|
*/
|
|
18
18
|
animated?: boolean;
|
|
19
19
|
}
|
|
@@ -27,6 +27,6 @@ interface BottomSheetController {
|
|
|
27
27
|
}
|
|
28
28
|
/** @internal */
|
|
29
29
|
declare function getBottomSheetInternal(controller: BottomSheetController): import("@ariakit/react").DialogStore;
|
|
30
|
-
declare const useBottomSheetStore: ({
|
|
30
|
+
declare const useBottomSheetStore: ({ defaultOpen, open: openProp }?: UseBottomSheetStoreProps) => BottomSheetController;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { type BottomSheetController, type UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetStore };
|
|
@@ -13,8 +13,8 @@ interface UseBottomSheetStoreProps {
|
|
|
13
13
|
*/
|
|
14
14
|
open?: boolean;
|
|
15
15
|
/**
|
|
16
|
-
*
|
|
17
|
-
*
|
|
16
|
+
* @deprecated This option is ignored. Ariakit automatically detects animations
|
|
17
|
+
* from the sheet and backdrop CSS, including reduced-motion preferences.
|
|
18
18
|
*/
|
|
19
19
|
animated?: boolean;
|
|
20
20
|
}
|
|
@@ -28,6 +28,6 @@ interface BottomSheetController {
|
|
|
28
28
|
}
|
|
29
29
|
/** @internal */
|
|
30
30
|
declare function getBottomSheetInternal(controller: BottomSheetController): import("@ariakit/react").DialogStore;
|
|
31
|
-
declare const useBottomSheetStore: ({
|
|
31
|
+
declare const useBottomSheetStore: ({ defaultOpen, open: openProp }?: UseBottomSheetStoreProps) => BottomSheetController;
|
|
32
32
|
//#endregion
|
|
33
33
|
export { type BottomSheetController, type UseBottomSheetStoreProps, getBottomSheetInternal, useBottomSheetStore };
|
|
@@ -11,9 +11,8 @@ function getBottomSheetInternal(controller) {
|
|
|
11
11
|
if (!internal) throw new Error("Invalid BottomSheet controller. Use `useBottomSheetStore()` to create one.");
|
|
12
12
|
return internal;
|
|
13
13
|
}
|
|
14
|
-
const useBottomSheetStore = ({
|
|
14
|
+
const useBottomSheetStore = ({ defaultOpen = false, open: openProp } = {}) => {
|
|
15
15
|
const bottomSheetInternal = useBottomSheetStoreInternal({
|
|
16
|
-
animated,
|
|
17
16
|
open: openProp,
|
|
18
17
|
defaultOpen
|
|
19
18
|
});
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
4
|
let _ariakit_react = require("@ariakit/react");
|
|
5
5
|
//#region src/components/client/BottomSheet/useBottomSheetStoreInternal.ts
|
|
6
|
-
const useBottomSheetStoreInternal = ({
|
|
6
|
+
const useBottomSheetStoreInternal = ({ defaultOpen = false, open } = {}) => {
|
|
7
7
|
return (0, _ariakit_react.useDialogStore)({
|
|
8
|
-
animated,
|
|
9
8
|
open,
|
|
10
9
|
defaultOpen
|
|
11
10
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
import { DialogStoreProps } from "@ariakit/react";
|
|
3
3
|
//#region src/components/client/BottomSheet/useBottomSheetStoreInternal.d.ts
|
|
4
|
-
type UseBottomSheetStoreInternalProps = Pick<DialogStoreProps, '
|
|
5
|
-
declare const useBottomSheetStoreInternal: ({
|
|
4
|
+
type UseBottomSheetStoreInternalProps = Pick<DialogStoreProps, 'open' | 'defaultOpen'>;
|
|
5
|
+
declare const useBottomSheetStoreInternal: ({ defaultOpen, open }?: UseBottomSheetStoreInternalProps) => import("@ariakit/react").DialogStore;
|
|
6
6
|
//#endregion
|
|
7
7
|
export { useBottomSheetStoreInternal };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
import { DialogStoreProps } from "@ariakit/react";
|
|
4
4
|
//#region src/components/client/BottomSheet/useBottomSheetStoreInternal.d.ts
|
|
5
|
-
type UseBottomSheetStoreInternalProps = Pick<DialogStoreProps, '
|
|
6
|
-
declare const useBottomSheetStoreInternal: ({
|
|
5
|
+
type UseBottomSheetStoreInternalProps = Pick<DialogStoreProps, 'open' | 'defaultOpen'>;
|
|
6
|
+
declare const useBottomSheetStoreInternal: ({ defaultOpen, open }?: UseBottomSheetStoreInternalProps) => import("@ariakit/react").DialogStore;
|
|
7
7
|
//#endregion
|
|
8
8
|
export { useBottomSheetStoreInternal };
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
"use client";
|
|
3
3
|
import { useDialogStore } from "@ariakit/react";
|
|
4
4
|
//#region src/components/client/BottomSheet/useBottomSheetStoreInternal.ts
|
|
5
|
-
const useBottomSheetStoreInternal = ({
|
|
5
|
+
const useBottomSheetStoreInternal = ({ defaultOpen = false, open } = {}) => {
|
|
6
6
|
return useDialogStore({
|
|
7
|
-
animated,
|
|
8
7
|
open,
|
|
9
8
|
defaultOpen
|
|
10
9
|
});
|
|
@@ -24,7 +24,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
|
|
|
24
24
|
gap: SpacingAlias;
|
|
25
25
|
dismissButtonSpacing: SpacingAlias;
|
|
26
26
|
dismissIconSize: number;
|
|
27
|
-
ariaKitPlacement: ("
|
|
27
|
+
ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
28
28
|
animationDuration: number;
|
|
29
29
|
};
|
|
30
30
|
//#endregion
|
|
@@ -25,7 +25,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
|
|
|
25
25
|
gap: SpacingAlias;
|
|
26
26
|
dismissButtonSpacing: SpacingAlias;
|
|
27
27
|
dismissIconSize: number;
|
|
28
|
-
ariaKitPlacement: ("
|
|
28
|
+
ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
|
|
29
29
|
animationDuration: number;
|
|
30
30
|
};
|
|
31
31
|
//#endregion
|
|
@@ -6,8 +6,8 @@ import { UniversalTokensConfig } from "../packages/config/dist/index.cjs";
|
|
|
6
6
|
declare function getShadowStyles({ config, shadowType }: {
|
|
7
7
|
config: UniversalTokensConfig;
|
|
8
8
|
shadowType: ShadowType;
|
|
9
|
-
}): Record<".uds-
|
|
10
|
-
readonly [x: string]: "var(--uds-
|
|
9
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
10
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
11
11
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
12
12
|
}>;
|
|
13
13
|
//#endregion
|
|
@@ -6,8 +6,8 @@ import { UniversalTokensConfig } from "../packages/config/dist/index.js";
|
|
|
6
6
|
declare function getShadowStyles({ config, shadowType }: {
|
|
7
7
|
config: UniversalTokensConfig;
|
|
8
8
|
shadowType: ShadowType;
|
|
9
|
-
}): Record<".uds-
|
|
10
|
-
readonly [x: string]: "var(--uds-
|
|
9
|
+
}): Record<".uds-inset-shadow-sm" | ".uds-inset-shadow-md" | ".uds-inset-shadow-lg" | ".uds-inset-shadow-xl" | ".uds-inset-shadow-2xl" | ".uds-inset-shadow-none" | ".uds-inset-shadow-xs" | ".uds-inset-shadow-elevation-0" | ".uds-inset-shadow-elevation-1" | ".uds-inset-shadow-elevation-2" | ".uds-inset-shadow-elevation-3" | ".uds-inset-shadow-elevation-4" | ".uds-inset-shadow-elevation-5" | ".uds-drop-shadow-sm" | ".uds-drop-shadow-md" | ".uds-drop-shadow-lg" | ".uds-drop-shadow-xl" | ".uds-drop-shadow-2xl" | ".uds-drop-shadow-none" | ".uds-drop-shadow-xs" | ".uds-drop-shadow-elevation-0" | ".uds-drop-shadow-elevation-1" | ".uds-drop-shadow-elevation-2" | ".uds-drop-shadow-elevation-3" | ".uds-drop-shadow-elevation-4" | ".uds-drop-shadow-elevation-5", {
|
|
10
|
+
readonly [x: string]: "var(--uds-inset-shadow-sm)" | "var(--uds-inset-shadow-md)" | "var(--uds-inset-shadow-lg)" | "var(--uds-inset-shadow-xl)" | "var(--uds-inset-shadow-2xl)" | "var(--uds-inset-shadow-none)" | "var(--uds-inset-shadow-xs)" | "var(--uds-inset-shadow-elevation-0)" | "var(--uds-inset-shadow-elevation-1)" | "var(--uds-inset-shadow-elevation-2)" | "var(--uds-inset-shadow-elevation-3)" | "var(--uds-inset-shadow-elevation-4)" | "var(--uds-inset-shadow-elevation-5)" | "var(--uds-drop-shadow-sm)" | "var(--uds-drop-shadow-md)" | "var(--uds-drop-shadow-lg)" | "var(--uds-drop-shadow-xl)" | "var(--uds-drop-shadow-2xl)" | "var(--uds-drop-shadow-none)" | "var(--uds-drop-shadow-xs)" | "var(--uds-drop-shadow-elevation-0)" | "var(--uds-drop-shadow-elevation-1)" | "var(--uds-drop-shadow-elevation-2)" | "var(--uds-drop-shadow-elevation-3)" | "var(--uds-drop-shadow-elevation-4)" | "var(--uds-drop-shadow-elevation-5)" | "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
11
11
|
readonly boxShadow: "var(--uds-drop-shadow, 0 0 transparent), var(--uds-inset-shadow, 0 0 transparent), var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow, 0 0 transparent)";
|
|
12
12
|
}>;
|
|
13
13
|
//#endregion
|