@yamada-ui/utils 0.1.4 → 0.1.5
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/{chunk-EUA3L3L6.mjs → chunk-XIDDMDVR.mjs} +2 -0
- package/dist/color.d.mts +2 -1
- package/dist/color.d.ts +2 -1
- package/dist/color.js +3 -0
- package/dist/color.mjs +3 -1
- package/dist/function.mjs +1 -1
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -0
- package/dist/index.mjs +3 -1
- package/dist/object.mjs +1 -1
- package/dist/react.mjs +1 -1
- package/package.json +1 -1
|
@@ -180,6 +180,7 @@ import {
|
|
|
180
180
|
darken,
|
|
181
181
|
lighten
|
|
182
182
|
} from "color2k";
|
|
183
|
+
var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
|
|
183
184
|
var getColor = (color, fallback) => (theme, colorMode) => {
|
|
184
185
|
const hex = getMemoizedObject(theme, `colors.${color}`, color);
|
|
185
186
|
try {
|
|
@@ -452,6 +453,7 @@ export {
|
|
|
452
453
|
useAsync,
|
|
453
454
|
useAsyncFunc,
|
|
454
455
|
useAsyncRetry,
|
|
456
|
+
isGray,
|
|
455
457
|
getColor,
|
|
456
458
|
lightenColor,
|
|
457
459
|
darkenColor,
|
package/dist/color.d.mts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Dict } from './index.types.mjs';
|
|
2
2
|
|
|
3
|
+
declare const isGray: (colorScheme: string) => boolean;
|
|
3
4
|
declare const getColor: (color: string, fallback?: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
4
5
|
declare const lightenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
5
6
|
declare const darkenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
@@ -15,4 +16,4 @@ declare const isTone: (color: string) => (theme: Dict, colorMode: 'light' | 'dar
|
|
|
15
16
|
declare const isLight: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
|
|
16
17
|
declare const isDark: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
|
|
17
18
|
|
|
18
|
-
export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
|
|
19
|
+
export { darkenColor, getColor, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
|
package/dist/color.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Dict } from './index.types.js';
|
|
2
2
|
|
|
3
|
+
declare const isGray: (colorScheme: string) => boolean;
|
|
3
4
|
declare const getColor: (color: string, fallback?: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
4
5
|
declare const lightenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
5
6
|
declare const darkenColor: (color: string, amount: number) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => string;
|
|
@@ -15,4 +16,4 @@ declare const isTone: (color: string) => (theme: Dict, colorMode: 'light' | 'dar
|
|
|
15
16
|
declare const isLight: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
|
|
16
17
|
declare const isDark: (color: string) => (theme: Dict, colorMode: 'light' | 'dark' | undefined) => boolean;
|
|
17
18
|
|
|
18
|
-
export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
|
|
19
|
+
export { darkenColor, getColor, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor };
|
package/dist/color.js
CHANGED
|
@@ -23,6 +23,7 @@ __export(color_exports, {
|
|
|
23
23
|
darkenColor: () => darkenColor,
|
|
24
24
|
getColor: () => getColor,
|
|
25
25
|
isDark: () => isDark,
|
|
26
|
+
isGray: () => isGray,
|
|
26
27
|
isLight: () => isLight,
|
|
27
28
|
isTone: () => isTone,
|
|
28
29
|
lightenColor: () => lightenColor,
|
|
@@ -68,6 +69,7 @@ var memoizeObject = (func) => {
|
|
|
68
69
|
var getMemoizedObject = memoizeObject(getObject);
|
|
69
70
|
|
|
70
71
|
// src/color.ts
|
|
72
|
+
var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
|
|
71
73
|
var getColor = (color, fallback) => (theme, colorMode) => {
|
|
72
74
|
const hex = getMemoizedObject(theme, `colors.${color}`, color);
|
|
73
75
|
try {
|
|
@@ -171,6 +173,7 @@ var isDark = (color) => (theme, colorMode) => isTone(color)(theme, colorMode) ==
|
|
|
171
173
|
darkenColor,
|
|
172
174
|
getColor,
|
|
173
175
|
isDark,
|
|
176
|
+
isGray,
|
|
174
177
|
isLight,
|
|
175
178
|
isTone,
|
|
176
179
|
lightenColor,
|
package/dist/color.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import {
|
|
|
2
2
|
darkenColor,
|
|
3
3
|
getColor,
|
|
4
4
|
isDark,
|
|
5
|
+
isGray,
|
|
5
6
|
isLight,
|
|
6
7
|
isTone,
|
|
7
8
|
lightenColor,
|
|
@@ -10,7 +11,7 @@ import {
|
|
|
10
11
|
tintColor,
|
|
11
12
|
toneColor,
|
|
12
13
|
transparentizeColor
|
|
13
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-XIDDMDVR.mjs";
|
|
14
15
|
import "./chunk-SLJ4M7XC.mjs";
|
|
15
16
|
import "./chunk-VYMGBE25.mjs";
|
|
16
17
|
import "./chunk-BZAW2D6U.mjs";
|
|
@@ -23,6 +24,7 @@ export {
|
|
|
23
24
|
darkenColor,
|
|
24
25
|
getColor,
|
|
25
26
|
isDark,
|
|
27
|
+
isGray,
|
|
26
28
|
isLight,
|
|
27
29
|
isTone,
|
|
28
30
|
lightenColor,
|
package/dist/function.mjs
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -6,7 +6,7 @@ export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionRetu
|
|
|
6
6
|
export { FocusableElement, ariaAttr, createdDom, dataAttr, getActiveElement, getAllFocusable, getEventRelatedTarget, getOwnerDocument, getOwnerWindow, getPlatform, hasNegativeTabIndex, hasTabIndex, isActiveElement, isApple, isContains, isContentEditable, isDisabled, isElement, isFocusable, isHTMLElement, isHidden, isMac, isSafari, isTabbable, platform, vendor } from './dom.mjs';
|
|
7
7
|
export { escape } from './string.mjs';
|
|
8
8
|
export { Operand, calc } from './calc.mjs';
|
|
9
|
-
export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.mjs';
|
|
9
|
+
export { darkenColor, getColor, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.mjs';
|
|
10
10
|
export { filterEmpty } from './array.mjs';
|
|
11
11
|
export { clampNumber, countDecimal, percentToValue, roundNumberToStep, toPrecision, valueToPercent } from './number.mjs';
|
|
12
12
|
export { AnyPointerEvent, MixedEventListener, Point, PointType, PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch } from './event.mjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export { AsyncFnReturn, AsyncState, AsyncStateRetry, DOMAttributes, FunctionRetu
|
|
|
6
6
|
export { FocusableElement, ariaAttr, createdDom, dataAttr, getActiveElement, getAllFocusable, getEventRelatedTarget, getOwnerDocument, getOwnerWindow, getPlatform, hasNegativeTabIndex, hasTabIndex, isActiveElement, isApple, isContains, isContentEditable, isDisabled, isElement, isFocusable, isHTMLElement, isHidden, isMac, isSafari, isTabbable, platform, vendor } from './dom.js';
|
|
7
7
|
export { escape } from './string.js';
|
|
8
8
|
export { Operand, calc } from './calc.js';
|
|
9
|
-
export { darkenColor, getColor, isDark, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.js';
|
|
9
|
+
export { darkenColor, getColor, isDark, isGray, isLight, isTone, lightenColor, randomColor, shadeColor, tintColor, toneColor, transparentizeColor } from './color.js';
|
|
10
10
|
export { filterEmpty } from './array.js';
|
|
11
11
|
export { clampNumber, countDecimal, percentToValue, roundNumberToStep, toPrecision, valueToPercent } from './number.js';
|
|
12
12
|
export { AnyPointerEvent, MixedEventListener, Point, PointType, PointerEventInfo, addDomEvent, addPointerEvent, getEventPoint, getEventWindow, isMouseEvent, isMultiTouchEvent, isTouchEvent, pointFromMouse, pointFromTouch } from './event.js';
|
package/dist/index.js
CHANGED
|
@@ -78,6 +78,7 @@ __export(src_exports, {
|
|
|
78
78
|
isEmpty: () => isEmpty,
|
|
79
79
|
isFocusable: () => isFocusable,
|
|
80
80
|
isFunction: () => isFunction,
|
|
81
|
+
isGray: () => isGray,
|
|
81
82
|
isHTMLElement: () => isHTMLElement,
|
|
82
83
|
isHidden: () => isHidden,
|
|
83
84
|
isLight: () => isLight,
|
|
@@ -578,6 +579,7 @@ var calc = Object.assign(
|
|
|
578
579
|
|
|
579
580
|
// src/color.ts
|
|
580
581
|
var import_color2k = require("color2k");
|
|
582
|
+
var isGray = (colorScheme) => colorScheme === "gray" || colorScheme === "zinc" || colorScheme === "neutral" || colorScheme === "stone";
|
|
581
583
|
var getColor = (color, fallback) => (theme, colorMode) => {
|
|
582
584
|
const hex = getMemoizedObject(theme, `colors.${color}`, color);
|
|
583
585
|
try {
|
|
@@ -800,6 +802,7 @@ var addPointerEvent = (target, type, cb, options) => addDomEvent(target, type, w
|
|
|
800
802
|
isEmpty,
|
|
801
803
|
isFocusable,
|
|
802
804
|
isFunction,
|
|
805
|
+
isGray,
|
|
803
806
|
isHTMLElement,
|
|
804
807
|
isHidden,
|
|
805
808
|
isLight,
|
package/dist/index.mjs
CHANGED
|
@@ -16,6 +16,7 @@ import {
|
|
|
16
16
|
handlerAll,
|
|
17
17
|
includesChildren,
|
|
18
18
|
isDark,
|
|
19
|
+
isGray,
|
|
19
20
|
isLight,
|
|
20
21
|
isRefObject,
|
|
21
22
|
isTone,
|
|
@@ -48,7 +49,7 @@ import {
|
|
|
48
49
|
useSafeLayoutEffect,
|
|
49
50
|
useUnmountEffect,
|
|
50
51
|
useUpdateEffect
|
|
51
|
-
} from "./chunk-
|
|
52
|
+
} from "./chunk-XIDDMDVR.mjs";
|
|
52
53
|
import "./chunk-SLJ4M7XC.mjs";
|
|
53
54
|
import {
|
|
54
55
|
clampNumber,
|
|
@@ -168,6 +169,7 @@ export {
|
|
|
168
169
|
isEmpty,
|
|
169
170
|
isFocusable,
|
|
170
171
|
isFunction,
|
|
172
|
+
isGray,
|
|
171
173
|
isHTMLElement,
|
|
172
174
|
isHidden,
|
|
173
175
|
isLight,
|
package/dist/object.mjs
CHANGED
package/dist/react.mjs
CHANGED