@itcase/ui-core 1.10.46 → 1.10.48

package/dist/types/types/withDeviceProps.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Device suffixes that `useStyles` / `useDevicePropsGenerator` resolve at runtime.
+ */
+export type DeviceBreakpoint = 'Desktop' | 'Mobile' | 'Tablet';
+/**
+ * Adds `Mobile` / `Tablet` / `Desktop` variants for keys of `T`, keeping the base keys.
+ * Pass responsive props into the wrapper; keep the rest outside.
+ *
+ * @example
+ * type Props = WithDeviceProps<{
+ *   flow?: string
+ *   fill?: FillProps
+ * }> & {
+ *   dataTestId?: string // no Mobile/Tablet/Desktop
+ * }
+ * // flow | flowMobile | flowTablet | flowDesktop | fill | ... | dataTestId
+ */
+export type WithDeviceProps<T> = T & WithDeviceVariants<T>;
+/**
+ * Only `Mobile` / `Tablet` / `Desktop` keys — without the base props.
+ * Use when the base type comes from elsewhere (e.g. `StyleAttributes`)
+ * and device variants use a different token type.
+ *
+ * @example
+ * type Props = StyleAttributes & WithDeviceVariants<{
+ *   alignSelf?: AlignProps
+ * }>
+ * // alignSelf from StyleAttributes (CSS)
+ * // alignSelfMobile | alignSelfTablet | alignSelfDesktop as AlignProps
+ */
+export type WithDeviceVariants<T> = {
+    [K in keyof T & string as `${K}${DeviceBreakpoint}`]?: T[K];
+};

package/dist/utils/index.js

@@ -1 +1,2 @@
-export{mergeAppearanceKeys}from"./mergeAppearanceKeys.js";export{setViewportProperty}from"./setViewportProperty.js";
+export { mergeAppearanceKeys } from './mergeAppearanceKeys.js';
+export { setViewportProperty } from './setViewportProperty.js';

package/dist/utils/mergeAppearanceKeys.js

@@ -1 +1,16 @@
-const r=(...r)=>{const t=r.map(r=>r?.trim()).filter(Boolean);if(t.length<2)return t[0]??"";return Array.from(new Set(t)).join(" ")};export{r as mergeAppearanceKeys};
+/**
+ * @example
+ * mergeAppearanceKeys(' ', '1', undefined, '2', '1') === '1 2'
+ */
+const mergeAppearanceKeys = (...appearances) => {
+    const trimmedAppearances = appearances
+        .map((appearance) => appearance?.trim())
+        .filter(Boolean);
+    if (trimmedAppearances.length < 2) {
+        return trimmedAppearances[0] ?? '';
+    }
+    const uniqueAppearances = Array.from(new Set(trimmedAppearances));
+    return uniqueAppearances.join(' ');
+};
+
+export { mergeAppearanceKeys };

package/dist/utils/setViewportProperty.js

@@ -1 +1,6 @@
-const e=()=>{const e=.01*window.innerHeight;document.documentElement.style.setProperty("--vh",`${e}px`)};export{e as setViewportProperty};
+const setViewportProperty = () => {
+    const vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
+};
+
+export { setViewportProperty };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-core",
-  "version": "1.10.46",
+  "version": "1.10.48",
   "description": "UI shared components",
   "keywords": [
     "Modal",
@@ -64,7 +64,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "^1.4.0",
     "@itcase/common": "^1.2.47",
-    "@itcase/storybook-config": "^1.2.78",
+    "@itcase/storybook-config": "^1.2.79",
     "clsx": "^2.1.1",
     "lodash": "^4.18.1",
     "react": "^18.3.1",
@@ -76,7 +76,7 @@
     "@babel/core": "^8.0.1",
     "@babel/preset-react": "^8.0.1",
     "@itcase/types-core": "^1.1.74",
-    "@itcase/types-ui": "^1.1.86",
+    "@itcase/types-ui": "^1.1.89",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
@@ -96,5 +96,5 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3"
   },
-  "gitHead": "3620ad1aa8accdc0bef3ad25448bfef4c0298443"
+  "gitHead": "1f665db854bceb66e6b86b17a4a6a82c79d4523b"
 }