@uni-design-system/uni-core 0.0.32 → 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/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/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.32",
+  "version": "0.0.33",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/uni-design-system/uni-core.git"