ingred-ui 33.18.0 → 33.18.2-canary.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/Slider/index.d.ts +1 -1
- package/dist/components/Slider/styled.d.ts +5 -2
- package/dist/components/Slider/utils.d.ts +12 -0
- package/dist/components/Switch/types.d.ts +1 -0
- package/dist/components/Tag/types.d.ts +2 -2
- package/dist/index.es.js +962 -954
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +284 -276
- package/dist/index.js.map +1 -1
- package/package.json +42 -21
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as Slider } from "./Slider";
|
|
2
2
|
export { default as SliderField } from "./SliderField";
|
|
3
3
|
export type { SliderProps, SliderTrackProps, SliderFillProps, SliderThumbProps, SliderScaleProps, UseSliderProps, UseSliderReturn, UseSliderScaleProps, UseSliderScaleReturn, } from "./types";
|
|
4
|
-
export { clamp, getClampedValue, getPercentage, getValueFromPosition, getNearestThumbIndex, getKeyboardValue, preventTextSelection, restoreTextSelection, preventScroll, } from "./utils";
|
|
4
|
+
export { clamp, getClampedValue, getPercentage, getValueFromPosition, getNearestThumbIndex, getKeyboardValue, preventTextSelection, restoreTextSelection, applyDraggingCursor, restoreDraggingCursor, preventScroll, } from "./utils";
|
|
5
5
|
export { useSlider, useSliderScale } from "./hooks";
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SliderFillProps, SliderThumbProps } from "./types";
|
|
3
|
-
export declare const SliderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled"> & {
|
|
3
|
+
export declare const SliderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "$isDragging"> & {
|
|
4
4
|
disabled?: boolean | undefined;
|
|
5
|
-
|
|
5
|
+
$isDragging?: boolean | undefined;
|
|
6
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "$isDragging"> & {
|
|
6
7
|
disabled?: boolean | undefined;
|
|
8
|
+
$isDragging?: boolean | undefined;
|
|
7
9
|
}, never>>> & string;
|
|
10
|
+
export declare const SliderDraggingGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
|
|
8
11
|
export declare const SliderTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
9
12
|
export declare const SliderFill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | keyof SliderFillProps> & SliderFillProps & {
|
|
10
13
|
disabled?: boolean | undefined;
|
|
@@ -39,3 +39,15 @@ export declare const restoreTextSelection: () => void;
|
|
|
39
39
|
* スクロールを防止する
|
|
40
40
|
*/
|
|
41
41
|
export declare const preventScroll: (event: Event) => void;
|
|
42
|
+
export declare const SLIDER_DRAGGING_CLASS = "ingred-ui-slider-dragging";
|
|
43
|
+
/**
|
|
44
|
+
* ドラッグ中の document 副作用(カーソル上書き・選択禁止・スクロール防止)を開始する。
|
|
45
|
+
* 呼び出し元は返したセッションを restore に渡し、所有権を明示する。
|
|
46
|
+
*/
|
|
47
|
+
export declare const applyDraggingCursor: () => object;
|
|
48
|
+
/**
|
|
49
|
+
* このセッションが最後の所有者なら document 副作用を元に戻す
|
|
50
|
+
*/
|
|
51
|
+
export declare const restoreDraggingCursor: (session?: object | null) => void;
|
|
52
|
+
export declare const resetDraggingCursorSessions: () => void;
|
|
53
|
+
export declare const isSliderDragging: () => boolean;
|
|
@@ -60,13 +60,13 @@ export declare const TAG_SIZES: {
|
|
|
60
60
|
export declare const TAG_VARIANTS: {
|
|
61
61
|
readonly light: {
|
|
62
62
|
readonly background: "#FFFFFF";
|
|
63
|
-
readonly border: "#
|
|
63
|
+
readonly border: "#D1D5DA";
|
|
64
64
|
readonly text: "#041C33";
|
|
65
65
|
readonly hoverIcon: "#1F3449";
|
|
66
66
|
};
|
|
67
67
|
readonly dark: {
|
|
68
68
|
readonly background: "#F2F4F5";
|
|
69
|
-
readonly border: "#
|
|
69
|
+
readonly border: "#D1D5DA";
|
|
70
70
|
readonly text: "#041C33";
|
|
71
71
|
readonly hoverIcon: "#1F3449";
|
|
72
72
|
};
|