@uni-design-system/uni-core 0.0.31 → 0.0.33

package/README.md

@@ -1,4 +1,21 @@
-# UNI Design System
+<p align="center">
+  <a href="https://github.com/uni-design-system" target="_blank">
+    <img src="./.github/uni-logo.png" alt="UNI Design System">
+  </a>
+</p>
 
-Uni's Core package is a library of types and models for building components in various frameworks.
+<p align="center">
+  UNI Design System
+<p>
 
+<p align="center">
+  <a href="https://uni-design-system.github.io/uni-react/"><strong>Browse the React component library &rarr;</strong></a>
+</p>
+
+# UNI Core
+
+UNI's Core package is a library of types, models, and functions for building UI components for various platforms. 
+The core system is focussed on establishing patterns that are most common in modern user interfaces while remaining framework-agnostic.
+UNI Core can be used with React, Angular, Vue, and any TypeScript based system.
+
+> **_NOTE:_**  UNI Core is currently in its development phase and should be considered experimental.

package/dist/cjs/core/background/background.model.d.ts

@@ -3,7 +3,7 @@ import { Color } from '../color';
 import { BackgroundType } from './background.types';
 export interface Background {
     type: BackgroundType;
-    color: Color;
-    gradient: Gradient;
-    image: string;
+    color?: Color;
+    gradient?: Gradient;
+    image?: string;
 }

package/dist/cjs/core/border/border.model.d.ts

@@ -1,11 +1,14 @@
 import { ColorToken } from '../color';
+import { StrokeWidth } from '../core.types';
 export interface Border {
-    colorTop: ColorToken;
-    colorBottom: ColorToken;
-    colorLeft: ColorToken;
-    colorRight: ColorToken;
-    widthTop: number;
-    widthBottom: number;
-    widthLeft: number;
-    widthRight: number;
+    color?: ColorToken;
+    colorTop?: ColorToken;
+    colorBottom?: ColorToken;
+    colorLeft?: ColorToken;
+    colorRight?: ColorToken;
+    width?: StrokeWidth;
+    widthTop?: StrokeWidth;
+    widthBottom?: StrokeWidth;
+    widthLeft?: StrokeWidth;
+    widthRight?: StrokeWidth;
 }

package/dist/cjs/core/button/button.model.d.ts

@@ -1,12 +1,12 @@
 import { ShadowElevation } from '../shadow';
 import { ColorToken } from '../color';
-import { SizeMap } from '../core.types';
+import { SizeMap, StrokeWidth } from '../core.types';
 import { Border } from '../border';
 export interface Button {
     color: ColorToken;
     contentColor: ColorToken;
     elevation?: ShadowElevation;
-    borderWidth?: number;
+    borderWidth?: StrokeWidth;
     borderColor?: ColorToken;
     borderRadius?: number;
     borderRadii?: SizeMap;

package/dist/cjs/core/core.types.d.ts

@@ -8,3 +8,4 @@ export declare type VerticalBinary = 'top' | 'bottom';
 export declare type VerticalAlign = VerticalBinary | 'middle';
 export declare type Apply = HorizontalBinary | VerticalBinary | 'vertical' | 'horizontal' | 'all';
 export declare type RadiusApply = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'all' | 'none';
+export declare type StrokeWidth = string | number;

package/dist/cjs/core/masking/masking.model.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../color/color.model';
+import { Color } from '../color';
 import { MaskingShape } from './masking.types';
 export interface Masking {
     background: Color;

package/dist/cjs/core/shadow/shadow.records.d.ts

@@ -1,4 +1,4 @@
 import { ShadowDefinition } from './shadow.model';
 import { ShadowElevation } from './shadow.types';
-export declare const ShadowCssMap: Record<ShadowElevation, string>;
 export declare const ShadowMap: Record<ShadowElevation, ShadowDefinition>;
+export declare const ShadowCssMap: Record<ShadowElevation, string>;

package/dist/cjs/core/shadow/shadow.records.js

@@ -1,54 +1,74 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShadowMap = exports.ShadowCssMap = void 0;
-// box-shadow: none|h-offset v-offset blur spread color
-exports.ShadowCssMap = {
-    pressed: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
-    raised: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
-    focussed: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)',
-    navigation: '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)',
-    modal: '0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)'
-};
+exports.ShadowCssMap = exports.ShadowMap = void 0;
+const shadow_utils_1 = require("./shadow.utils");
 exports.ShadowMap = {
     pressed: {
         umbra: {
-            offset: 1, blur: 2, opacity: 24
+            offset: 1,
+            blur: 2,
+            opacity: 24,
         },
         penumbra: {
-            offset: 1, blur: 3, opacity: 12
-        }
+            offset: 1,
+            blur: 3,
+            opacity: 12,
+        },
     },
     raised: {
         umbra: {
-            offset: 3, blur: 6, opacity: 23
+            offset: 3,
+            blur: 6,
+            opacity: 23,
         },
         penumbra: {
-            offset: 3, blur: 6, opacity: 16
-        }
+            offset: 3,
+            blur: 6,
+            opacity: 16,
+        },
     },
     focussed: {
         umbra: {
-            offset: 6, blur: 6, opacity: 23
+            offset: 6,
+            blur: 6,
+            opacity: 23,
         },
         penumbra: {
-            offset: 10, blur: 20, opacity: 19
-        }
+            offset: 10,
+            blur: 20,
+            opacity: 19,
+        },
     },
     navigation: {
         umbra: {
-            offset: 10, blur: 10, opacity: 22
+            offset: 10,
+            blur: 10,
+            opacity: 22,
         },
         penumbra: {
-            offset: 14, blur: 28, opacity: 25
-        }
+            offset: 14,
+            blur: 28,
+            opacity: 25,
+        },
     },
     modal: {
         umbra: {
-            offset: 15, blur: 12, opacity: 22
+            offset: 15,
+            blur: 12,
+            opacity: 22,
         },
         penumbra: {
-            offset: 19, blur: 38, opacity: 30
-        }
+            offset: 19,
+            blur: 38,
+            opacity: 30,
+        },
     },
 };
+exports.ShadowCssMap = {
+    pressed: (0, shadow_utils_1.GetBoxShadows)(exports.ShadowMap['pressed']),
+    raised: (0, shadow_utils_1.GetBoxShadows)(exports.ShadowMap['raised']),
+    focussed: (0, shadow_utils_1.GetBoxShadows)(exports.ShadowMap['focussed']),
+    navigation: (0, shadow_utils_1.GetBoxShadows)(exports.ShadowMap['navigation']),
+    modal: (0, shadow_utils_1.GetBoxShadows)(exports.ShadowMap['modal']),
+};
 //# sourceMappingURL=shadow.records.js.map

package/dist/cjs/core/shadow/shadow.records.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":";;;AAGA,uDAAuD;AAE1C,QAAA,YAAY,GAAoC;IAC3D,OAAO,EAAE,wDAAwD;IACjE,MAAM,EAAE,wDAAwD;IAChE,QAAQ,EAAE,0DAA0D;IACpE,UAAU,EAAE,4DAA4D;IACxE,KAAK,EAAE,4DAA4D;CACpE,CAAA;AAEY,QAAA,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;CACF,CAAA"}
+{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":";;;AAEA,iDAA+C;AAElC,QAAA,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AAEW,QAAA,YAAY,GAAoC;IAC3D,OAAO,EAAE,IAAA,4BAAa,EAAC,iBAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,EAAE,IAAA,4BAAa,EAAC,iBAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,IAAA,4BAAa,EAAC,iBAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,UAAU,EAAE,IAAA,4BAAa,EAAC,iBAAS,CAAC,YAAY,CAAC,CAAC;IAClD,KAAK,EAAE,IAAA,4BAAa,EAAC,iBAAS,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC"}

package/dist/cjs/core/shadow/shadow.utils.d.ts

@@ -0,0 +1,3 @@
+import { Shadow, ShadowDefinition } from './shadow.model';
+export declare const GetBoxShadow: ({ offset, blur, opacity }: Shadow) => string;
+export declare const GetBoxShadows: ({ umbra, penumbra }: ShadowDefinition) => string;

package/dist/cjs/core/shadow/shadow.utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetBoxShadows = exports.GetBoxShadow = void 0;
+// box-shadow: none|h-offset v-offset blur spread color
+const GetBoxShadow = ({ offset, blur, opacity }) => {
+    return `0 ${offset}px ${blur}px rgba(0,0,0,0.${opacity})`;
+};
+exports.GetBoxShadow = GetBoxShadow;
+const GetBoxShadows = ({ umbra, penumbra }) => {
+    return (0, exports.GetBoxShadow)(umbra) + ', ' + (0, exports.GetBoxShadow)(penumbra);
+};
+exports.GetBoxShadows = GetBoxShadows;
+//# sourceMappingURL=shadow.utils.js.map

package/dist/cjs/core/shadow/shadow.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.utils.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.utils.ts"],"names":[],"mappings":";;;AAEA,uDAAuD;AAChD,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAU,EAAE;IACxE,OAAO,KAAK,MAAM,MAAM,IAAI,mBAAmB,OAAO,GAAG,CAAC;AAC5D,CAAC,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEK,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAoB,EAAU,EAAE;IAC7E,OAAO,IAAA,oBAAY,EAAC,KAAK,CAAC,GAAG,IAAI,GAAG,IAAA,oBAAY,EAAC,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/cjs/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <T extends (...args: any[]) => ReturnType<T>>(callback: T, timeout: number) => (...args: Parameters<T>) => void;

package/dist/cjs/utils/debounce.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = void 0;
+const debounce = (callback, timeout) => {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            callback(...args);
+        }, timeout);
+    };
+};
+exports.debounce = debounce;
+//# sourceMappingURL=debounce.js.map

package/dist/cjs/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/utils/debounce.ts"],"names":[],"mappings":";;;AAAO,MAAM,QAAQ,GAAG,CACtB,QAAW,EACX,OAAe,EACqB,EAAE;IACtC,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}

package/dist/cjs/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './getValue';
+export * from './debounce';

package/dist/cjs/utils/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./getValue"), exports);
+__exportStar(require("./debounce"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,6CAA2B"}

package/dist/esm/core/background/background.model.d.ts

@@ -3,7 +3,7 @@ import { Color } from '../color';
 import { BackgroundType } from './background.types';
 export interface Background {
     type: BackgroundType;
-    color: Color;
-    gradient: Gradient;
-    image: string;
+    color?: Color;
+    gradient?: Gradient;
+    image?: string;
 }

package/dist/esm/core/border/border.model.d.ts

@@ -1,11 +1,14 @@
 import { ColorToken } from '../color';
+import { StrokeWidth } from '../core.types';
 export interface Border {
-    colorTop: ColorToken;
-    colorBottom: ColorToken;
-    colorLeft: ColorToken;
-    colorRight: ColorToken;
-    widthTop: number;
-    widthBottom: number;
-    widthLeft: number;
-    widthRight: number;
+    color?: ColorToken;
+    colorTop?: ColorToken;
+    colorBottom?: ColorToken;
+    colorLeft?: ColorToken;
+    colorRight?: ColorToken;
+    width?: StrokeWidth;
+    widthTop?: StrokeWidth;
+    widthBottom?: StrokeWidth;
+    widthLeft?: StrokeWidth;
+    widthRight?: StrokeWidth;
 }

package/dist/esm/core/button/button.model.d.ts

@@ -1,12 +1,12 @@
 import { ShadowElevation } from '../shadow';
 import { ColorToken } from '../color';
-import { SizeMap } from '../core.types';
+import { SizeMap, StrokeWidth } from '../core.types';
 import { Border } from '../border';
 export interface Button {
     color: ColorToken;
     contentColor: ColorToken;
     elevation?: ShadowElevation;
-    borderWidth?: number;
+    borderWidth?: StrokeWidth;
     borderColor?: ColorToken;
     borderRadius?: number;
     borderRadii?: SizeMap;

package/dist/esm/core/core.types.d.ts

@@ -8,3 +8,4 @@ export declare type VerticalBinary = 'top' | 'bottom';
 export declare type VerticalAlign = VerticalBinary | 'middle';
 export declare type Apply = HorizontalBinary | VerticalBinary | 'vertical' | 'horizontal' | 'all';
 export declare type RadiusApply = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'all' | 'none';
+export declare type StrokeWidth = string | number;

package/dist/esm/core/masking/masking.model.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../color/color.model';
+import { Color } from '../color';
 import { MaskingShape } from './masking.types';
 export interface Masking {
     background: Color;

package/dist/esm/core/shadow/shadow.records.d.ts

@@ -1,4 +1,4 @@
 import { ShadowDefinition } from './shadow.model';
 import { ShadowElevation } from './shadow.types';
-export declare const ShadowCssMap: Record<ShadowElevation, string>;
 export declare const ShadowMap: Record<ShadowElevation, ShadowDefinition>;
+export declare const ShadowCssMap: Record<ShadowElevation, string>;

package/dist/esm/core/shadow/shadow.records.js

@@ -1,51 +1,71 @@
-// box-shadow: none|h-offset v-offset blur spread color
-export const ShadowCssMap = {
-    pressed: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',
-    raised: '0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)',
-    focussed: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)',
-    navigation: '0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)',
-    modal: '0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)'
-};
+import { GetBoxShadows } from './shadow.utils';
 export const ShadowMap = {
     pressed: {
         umbra: {
-            offset: 1, blur: 2, opacity: 24
+            offset: 1,
+            blur: 2,
+            opacity: 24,
         },
         penumbra: {
-            offset: 1, blur: 3, opacity: 12
-        }
+            offset: 1,
+            blur: 3,
+            opacity: 12,
+        },
     },
     raised: {
         umbra: {
-            offset: 3, blur: 6, opacity: 23
+            offset: 3,
+            blur: 6,
+            opacity: 23,
         },
         penumbra: {
-            offset: 3, blur: 6, opacity: 16
-        }
+            offset: 3,
+            blur: 6,
+            opacity: 16,
+        },
     },
     focussed: {
         umbra: {
-            offset: 6, blur: 6, opacity: 23
+            offset: 6,
+            blur: 6,
+            opacity: 23,
         },
         penumbra: {
-            offset: 10, blur: 20, opacity: 19
-        }
+            offset: 10,
+            blur: 20,
+            opacity: 19,
+        },
     },
     navigation: {
         umbra: {
-            offset: 10, blur: 10, opacity: 22
+            offset: 10,
+            blur: 10,
+            opacity: 22,
         },
         penumbra: {
-            offset: 14, blur: 28, opacity: 25
-        }
+            offset: 14,
+            blur: 28,
+            opacity: 25,
+        },
     },
     modal: {
         umbra: {
-            offset: 15, blur: 12, opacity: 22
+            offset: 15,
+            blur: 12,
+            opacity: 22,
         },
         penumbra: {
-            offset: 19, blur: 38, opacity: 30
-        }
+            offset: 19,
+            blur: 38,
+            opacity: 30,
+        },
     },
 };
+export const ShadowCssMap = {
+    pressed: GetBoxShadows(ShadowMap['pressed']),
+    raised: GetBoxShadows(ShadowMap['raised']),
+    focussed: GetBoxShadows(ShadowMap['focussed']),
+    navigation: GetBoxShadows(ShadowMap['navigation']),
+    modal: GetBoxShadows(ShadowMap['modal']),
+};
 //# sourceMappingURL=shadow.records.js.map

package/dist/esm/core/shadow/shadow.records.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"AAGA,uDAAuD;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE,wDAAwD;IACjE,MAAM,EAAE,wDAAwD;IAChE,QAAQ,EAAE,0DAA0D;IACpE,UAAU,EAAE,4DAA4D;IACxE,KAAK,EAAE,4DAA4D;CACpE,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;KACpC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;SAAE;QACnC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;QACrC,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE;SAAE;KACtC;CACF,CAAA"}
+{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAA8C;IAClE,OAAO,EAAE;QACP,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9C,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAClD,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CACzC,CAAC"}

package/dist/esm/core/shadow/shadow.utils.d.ts

@@ -0,0 +1,3 @@
+import { Shadow, ShadowDefinition } from './shadow.model';
+export declare const GetBoxShadow: ({ offset, blur, opacity }: Shadow) => string;
+export declare const GetBoxShadows: ({ umbra, penumbra }: ShadowDefinition) => string;

package/dist/esm/core/shadow/shadow.utils.js

@@ -0,0 +1,8 @@
+// box-shadow: none|h-offset v-offset blur spread color
+export const GetBoxShadow = ({ offset, blur, opacity }) => {
+    return `0 ${offset}px ${blur}px rgba(0,0,0,0.${opacity})`;
+};
+export const GetBoxShadows = ({ umbra, penumbra }) => {
+    return GetBoxShadow(umbra) + ', ' + GetBoxShadow(penumbra);
+};
+//# sourceMappingURL=shadow.utils.js.map

package/dist/esm/core/shadow/shadow.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.utils.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.utils.ts"],"names":[],"mappings":"AAEA,uDAAuD;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAU,EAAE;IACxE,OAAO,KAAK,MAAM,MAAM,IAAI,mBAAmB,OAAO,GAAG,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAoB,EAAU,EAAE;IAC7E,OAAO,YAAY,CAAC,KAAK,CAAC,GAAG,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AAC7D,CAAC,CAAC"}

package/dist/esm/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare const debounce: <T extends (...args: any[]) => ReturnType<T>>(callback: T, timeout: number) => (...args: Parameters<T>) => void;

package/dist/esm/utils/debounce.js

@@ -0,0 +1,10 @@
+export const debounce = (callback, timeout) => {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            callback(...args);
+        }, timeout);
+    };
+};
+//# sourceMappingURL=debounce.js.map

package/dist/esm/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../src/utils/debounce.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,QAAW,EACX,OAAe,EACqB,EAAE;IACtC,IAAI,KAAoC,CAAC;IAEzC,OAAO,CAAC,GAAG,IAAmB,EAAE,EAAE;QAChC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;QACpB,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './getValue';
+export * from './debounce';

package/dist/esm/utils/index.js

@@ -1,2 +1,3 @@
 export * from './getValue';
+export * from './debounce';
 //# sourceMappingURL=index.js.map

package/dist/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@uni-design-system/uni-core",
   "description": "UNI Design System core dependencies.",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/uni-design-system/uni-core.git"