@uni-design-system/uni-core 0.0.1

package/dist/esm/core/backgrounds/index.d.ts

@@ -0,0 +1,2 @@
+export * from './background.model';
+export * from './background.types';

package/dist/esm/core/backgrounds/index.js

@@ -0,0 +1,3 @@
+export * from './background.model';
+export * from './background.types';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/backgrounds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/backgrounds/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1 @@
+export declare type BorderWidth = 'thick' | 'default' | 'thin' | 'none';

package/dist/esm/core/border/border.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=border.types.js.map

package/dist/esm/core/border/border.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.types.js","sourceRoot":"","sources":["../../../../src/core/border/border.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/color/color.helper.d.ts

@@ -0,0 +1,4 @@
+import { IColor } from './color.model';
+import { colorRoles } from './color.types';
+export declare function hslColor(c: IColor): string;
+export declare function roleColor(r: colorRoles): string;

package/dist/esm/core/color/color.helper.js

@@ -0,0 +1,12 @@
+import { roleHues } from './color.types';
+export function hslColor(c) {
+    return `hsl(${c.hue}, ${c.saturation}, ${c.lightness}, ${c.alpha})`;
+}
+export function roleColor(r) {
+    const hue = roleHues[r].default;
+    const role = r;
+    const alpha = 1;
+    const category = 'jewel';
+    return hslColor({ role, category, hue, alpha });
+}
+//# sourceMappingURL=color.helper.js.map

package/dist/esm/core/color/color.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,UAAU,QAAQ,CAAC,CAAS;IAChC,OAAO,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC;AACtE,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAa;IAErC,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChC,MAAM,IAAI,GAAe,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,QAAQ,GAAoB,OAAO,CAAC;IAE1C,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC"}

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

@@ -0,0 +1,22 @@
+import { colorCategories, colorRoles, colorSchemes, colorStyles } from './color.types';
+export interface IColor {
+    scheme?: colorSchemes;
+    style?: colorStyles;
+    role?: colorRoles;
+    category?: colorCategories;
+    GradientPosition?: IGradientPosition;
+    saturationRange?: IRange;
+    brightnessRangeMap?: IRange;
+    hue: number | undefined;
+    saturation?: number;
+    lightness?: number;
+    alpha: number;
+}
+export interface IGradientPosition {
+    value: string;
+}
+export interface IRange {
+    low: number;
+    high: number;
+    default?: number;
+}

package/dist/esm/core/color/color.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=color.model.js.map

package/dist/esm/core/color/color.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.model.js","sourceRoot":"","sources":["../../../../src/core/color/color.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { IRange } from './color.model';
+export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
+export declare type colorSchemes = 'monochromatic' | 'analogous' | 'complimentary' | 'splitComplimentary' | 'triadic';
+export declare type colorCategories = 'jewel' | 'pastel' | 'earth' | 'neutral' | 'florescent' | 'shades';
+export declare const saturationRanges: Record<colorCategories, IRange>;
+export declare const lightnessRanges: Record<colorCategories, IRange>;
+export declare type utilColorRoles = 'warn' | 'alert' | 'success' | 'info';
+export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
+export declare const roleHues: Record<colorRoles, IRange>;
+export declare const utilHues: Record<utilColorRoles, IRange>;
+export declare type ColorToken = 'primary';

package/dist/esm/core/color/color.types.js

@@ -0,0 +1,32 @@
+// https://designerup.co/blog/ui-design-choosing-color-palettes/
+// https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/
+export const saturationRanges = {
+    jewel: { low: 73, high: 83 },
+    pastel: { low: 14, high: 21 },
+    earth: { low: 36, high: 41 },
+    neutral: { low: 1, high: 10 },
+    florescent: { low: 63, high: 100 },
+    shades: { low: 0, high: 0 },
+};
+export const lightnessRanges = {
+    jewel: { low: 56, high: 76 },
+    pastel: { low: 89, high: 96 },
+    earth: { low: 36, high: 77 },
+    neutral: { low: 70, high: 99 },
+    florescent: { low: 82, high: 100 },
+    shades: { low: 0, high: 100 }
+};
+export const roleHues = {
+    primary: { low: 73, high: 83, default: 0 },
+    secondary: { low: 14, high: 21, default: 0 },
+    tertiary: { low: 36, high: 41, default: 0 },
+    inverse: { low: 63, high: 100, default: 0 },
+    ghost: { low: 0, high: 0, default: 0 },
+};
+export const utilHues = {
+    warn: { low: 320, high: 20, default: 0 },
+    alert: { low: 40, high: 70, default: 60 },
+    success: { low: 90, high: 150, default: 120 },
+    info: { low: 200, high: 260, default: 240 }, // blue
+};
+//# sourceMappingURL=color.types.js.map

package/dist/esm/core/color/color.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,2EAA2E;AAsB3E,MAAM,CAAC,MAAM,gBAAgB,GAAoC;IAC/D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAqBF,MAAM,CAAC,MAAM,QAAQ,GAA+B;IAClD,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;CACvC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAmC;IACtD,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAA"}

package/dist/esm/core/container/container.component.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface ContainerProps {
+    children: ReactNode;
+}
+export default function Container({ children }: ContainerProps): JSX.Element;

package/dist/esm/core/container/container.component.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export default function Container({ children }) {
+    return (React.createElement("div", null, children));
+}
+//# sourceMappingURL=container.component.js.map

package/dist/esm/core/container/container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.component.js","sourceRoot":"","sources":["../../../../src/core/container/container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAkB;IAE5D,OAAO,CACL,iCACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,40 @@
+import { BackgroundType } from '../backgrounds/background.types';
+import { BorderWidth } from '../border/border.types';
+import { ColorToken } from '../color/color.types';
+import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
+import { ShadowStyle } from '../shadow/shadow.types';
+export interface ContainerProps {
+    maxWidth?: number;
+    align?: HorizontalAlign;
+    backgroundType?: BackgroundType;
+    shadowStyle?: ShadowStyle;
+    backgroundColor?: ColorToken;
+    textColor?: ColorToken;
+    blur?: {
+        amount?: number;
+    };
+    border?: {
+        apply?: Apply;
+        applyAsSeparator?: boolean;
+        color?: ColorToken;
+        thickness?: BorderWidth;
+    };
+    radius?: {
+        size?: Size;
+        apply?: RadiusApply;
+    };
+    gradient?: {
+        degree?: number;
+        colors?: string[];
+    };
+    imageConfig?: {
+        src?: string;
+    };
+    margin?: {
+        horizontal?: Record<Size, number>;
+        bottom?: Record<Size, number>;
+        top?: Record<Size, number>;
+    };
+    Spacings?: Record<Size, number>;
+    TopSpacings?: Record<Size, number>;
+}

package/dist/esm/core/container/container.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=container.model.js.map

package/dist/esm/core/container/container.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.model.js","sourceRoot":"","sources":["../../../../src/core/container/container.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+export declare type Role = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'warn' | 'link';
+export declare type SupportRole = 'info' | 'warn' | 'success' | 'error';
+export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare type HorizontalBinary = 'left' | 'right';
+export declare type HorizontalAlign = HorizontalBinary | 'center';
+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';

package/dist/esm/core/core.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=core.types.js.map

package/dist/esm/core/core.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.types.js","sourceRoot":"","sources":["../../../src/core/core.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/gradients/gradiennt.helper.d.ts

@@ -0,0 +1,2 @@
+import { IGradient } from './gradient.model';
+export declare function gradient(config: IGradient): string;

package/dist/esm/core/gradients/gradiennt.helper.js

@@ -0,0 +1,4 @@
+export function gradient(config) {
+    return ``;
+}
+//# sourceMappingURL=gradiennt.helper.js.map

package/dist/esm/core/gradients/gradiennt.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradiennt.helper.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradiennt.helper.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,QAAQ,CAAC,MAAiB;IACxC,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/esm/core/gradients/gradient.model.d.ts

@@ -0,0 +1,6 @@
+import { IColor } from '../color/color.model';
+export interface IGradient {
+    defaultColor: IColor;
+    degee: number;
+    colors: Record<string, IColor>;
+}

package/dist/esm/core/gradients/gradient.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=gradient.model.js.map

package/dist/esm/core/gradients/gradient.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.model.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.model.ts"],"names":[],"mappings":""}

package/dist/esm/core/gradients/gradient.types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=gradient.types.js.map

package/dist/esm/core/gradients/gradient.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.types.js","sourceRoot":"","sources":["../../../../src/core/gradients/gradient.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/iconography/icon.model.d.ts

@@ -0,0 +1,7 @@
+import { IColor } from '../color/color.model';
+import { IMasking } from '../masking/masking.model';
+export interface Icon {
+    background: IColor;
+    foreground: IColor;
+    mask: IMasking;
+}

package/dist/esm/core/iconography/icon.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon.model.js.map

package/dist/esm/core/iconography/icon.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.model.js","sourceRoot":"","sources":["../../../../src/core/iconography/icon.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+export declare type color = 'white' | 'black' | 'red' | 'blue' | 'green';
+export declare type style = 'solid' | 'outline' | 'gradient';
+export declare type display = 'logo' | 'alert' | 'warn' | 'disabled' | 'trash' | 'user' | 'back' | 'next' | 'unlock' | 'view' | 'hide';
+export declare type actionable = 'add' | 'create' | 'copy' | 'edit' | 'disable' | 'save' | 'pin' | 'fav' | 'tag' | 'update' | 'archive' | 'delete' | 'lock' | 'unlock' | 'view' | 'hide';
+export declare type behavior = 'open' | 'expand' | 'collapse';
+export declare type messaging = 'alert' | 'info' | 'success' | 'warn' | 'warning';
+export declare type usage = 'logo' | 'alert' | 'chat' | 'down' | 'favorite' | 'info' | 'location' | 'lock' | 'message' | 'profile' | 'question' | 'remove' | 'schedule' | 'search' | 'send' | 'settings' | 'share' | 'unlock' | 'up';

package/dist/esm/core/iconography/icon.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon.types.js.map

package/dist/esm/core/iconography/icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.js","sourceRoot":"","sources":["../../../../src/core/iconography/icon.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export * from './backgrounds';

package/dist/esm/core/index.js

@@ -0,0 +1,2 @@
+export * from './backgrounds';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,3 @@
+import { Size } from '../core.types';
+export declare type elements = 'margin' | 'border' | 'padding';
+export declare const spacings: Record<Size, number>;

package/dist/esm/core/layout/layout.types.js

@@ -0,0 +1,2 @@
+export const spacings = { xs: 5, sm: 8, md: 13, lg: 21, xl: 34 };
+//# sourceMappingURL=layout.types.js.map

package/dist/esm/core/layout/layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,QAAQ,GAAyB,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { IColor } from '../color/color.model';
+import { MaskingShape } from './masking.types';
+export interface IMasking {
+    background: IColor;
+    shape: MaskingShape;
+}

package/dist/esm/core/masking/masking.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=masking.model.js.map

package/dist/esm/core/masking/masking.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masking.model.js","sourceRoot":"","sources":["../../../../src/core/masking/masking.model.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export declare type MaskingShape = 'square' | 'circle' | 'squircle' | 'rounded';

package/dist/esm/core/masking/masking.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=masking.types.js.map

package/dist/esm/core/masking/masking.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"masking.types.js","sourceRoot":"","sources":["../../../../src/core/masking/masking.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export declare type ShadowStyle = 'Flat' | 'Raised' | 'Focussed' | 'Pressed' | 'Modal' | 'Navigation' | 'Drawer';

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=shadow.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.types.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/theme/theme.context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ThemeProps } from './theme.model';
+declare const ThemeContext: React.Context<ThemeProps>;
+export default ThemeContext;

package/dist/esm/core/theme/theme.context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const ThemeContext = React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+    ThemeContext.displayName = 'ThemeContext';
+}
+export default ThemeContext;
+//# sourceMappingURL=theme.context.js.map

package/dist/esm/core/theme/theme.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.context.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAa,EAAE,CAAC,CAAC;AAEzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;CAC3C;AAED,eAAe,YAAY,CAAC"}

package/dist/esm/core/theme/theme.hook.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from './theme.model';
+export default function useTheme(): ThemeModel;

package/dist/esm/core/theme/theme.hook.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import ThemeContext from './theme.context';
+import { LightTheme } from './themes/light.theme';
+export default function useTheme() {
+    const themeProps = React.useContext(ThemeContext);
+    const theme = themeProps && themeProps.themes && themeProps.themeId && themeProps.themes[themeProps.themeId];
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        React.useDebugValue(theme);
+    }
+    return theme || LightTheme;
+}
+//# sourceMappingURL=theme.hook.js.map

package/dist/esm/core/theme/theme.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.hook.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.hook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,QAAQ;IAE9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,sDAAsD;QACtD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,OAAO,KAAK,IAAI,UAAU,CAAC;AAC7B,CAAC"}

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

@@ -0,0 +1,10 @@
+export interface ThemeProps {
+    themeId?: string;
+    themes?: Record<string, ThemeModel>;
+    setTheme?: any;
+}
+export interface ThemeModel {
+    name: string;
+    id: string;
+    colors: Record<string, string>;
+}

package/dist/esm/core/theme/theme.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.model.js.map

package/dist/esm/core/theme/theme.model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.model.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.model.ts"],"names":[],"mappings":""}

package/dist/esm/core/theme/theme.provider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThemeModel } from './theme.model';
+interface ThemeProviderProps {
+    themeId: string;
+    themes: Record<string, ThemeModel>;
+    children?: React.ReactChild;
+}
+export declare const ThemeProvider: ({ children, themeId, themes }: ThemeProviderProps) => JSX.Element;
+export {};

package/dist/esm/core/theme/theme.provider.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useState, useEffect } from 'react';
+import { DefaultThemeId } from './theme.records';
+import ThemeContext from './theme.context';
+const STORAGE_KEY = 'THEME_ID';
+export const ThemeProvider = ({ children, themeId, themes }) => {
+    const [_themeId, setThemeId] = useState(themeId);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const id = localStorage.getItem(STORAGE_KEY);
+            if (id) {
+                setThemeId(id);
+            }
+            else {
+                setThemeId(DefaultThemeId);
+            }
+        }))();
+    }, []);
+    return (React.createElement(ThemeContext.Provider, { value: { themeId, themes } }, _themeId ? children : null));
+};
+/*export function withTheme(Component: ({children, theme, themes }: (any & ThemeProps)) => JSX.Element) {
+
+  return (props: JSX.IntrinsicAttributes) => {
+    const { themeId, setThemeId } = useContext(ThemeContext);
+
+    const getTheme = (themeId: string) => themes[themeId];
+    const setTheme = (themeId: string) => {
+      localStorage.setItem(STORAGE_KEY, themeId);
+      setThemeId(themeId);
+    };
+
+    return (
+      <Component
+        {...props}
+        themes={Themes}
+        theme={getTheme(themeId)}
+        setTheme={setTheme}
+      />
+    );
+  };
+}*/
+//# sourceMappingURL=theme.provider.js.map

package/dist/esm/core/theme/theme.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.provider.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.provider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,WAAW,GAAG,UAAU,CAAC;AAQ/B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAsB,EAAE,EAAE;IAEjF,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,EAAE,EAAE;gBACN,UAAU,CAAC,EAAE,CAAC,CAAC;aAChB;iBAAM;gBACL,UAAU,CAAC,cAAc,CAAC,CAAC;aAC5B;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,IAC5C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACL,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG"}

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

@@ -0,0 +1,3 @@
+import { ThemeModel } from './theme.model';
+export declare const BuiltInThemes: Record<string, ThemeModel>;
+export declare const DefaultThemeId: string;

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

@@ -0,0 +1,9 @@
+import { DarkTheme } from './themes/dark.theme';
+import { LightTheme } from './themes/light.theme';
+export const BuiltInThemes = {
+    LightTheme,
+    DarkTheme
+};
+// First Theme is default.
+export const DefaultThemeId = Object.keys(BuiltInThemes)[0];
+//# sourceMappingURL=theme.records.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,aAAa,GAA+B;IACvD,UAAU;IACV,SAAS;CACV,CAAA;AAED,0BAA0B;AAC1B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+export declare type themes = 'uni' | 'carbon' | 'material' | 'bootstrap';

package/dist/esm/core/theme/theme.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=theme.types.js.map

package/dist/esm/core/theme/theme.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/theme/themes/dark.theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from '../theme.model';
+export declare const DarkTheme: ThemeModel;

package/dist/esm/core/theme/themes/dark.theme.js

@@ -0,0 +1,6 @@
+export const DarkTheme = {
+    id: 'DarkTheme',
+    name: 'Dark Theme',
+    colors: {}
+};
+//# sourceMappingURL=dark.theme.js.map

package/dist/esm/core/theme/themes/dark.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAe;IACnC,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,EAEP;CACF,CAAA"}

package/dist/esm/core/theme/themes/light.theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeModel } from '../theme.model';
+export declare const LightTheme: ThemeModel;

package/dist/esm/core/theme/themes/light.theme.js

@@ -0,0 +1,12 @@
+export const LightTheme = {
+    id: 'LightTheme',
+    name: 'Light Theme',
+    colors: {
+        primary: '#35A7FF',
+        secondary: '#38618C',
+        error: '#FFE74C',
+        warn: '#FF5964',
+        background: '#FFFFFF'
+    }
+};
+//# sourceMappingURL=light.theme.js.map

package/dist/esm/core/theme/themes/light.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/light.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;KACtB;CACF,CAAA"}

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

@@ -0,0 +1,5 @@
+export declare type classes = 'sanserif' | 'serif' | 'slab' | 'script' | 'display' | 'monospace';
+export declare type families = 'Open-Sans' | 'Times-New-Roman' | 'Noto-Serif-Display';
+export declare type styles = 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'semi-bold' | 'black';
+export declare type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
+export declare type alignment = 'left' | 'right' | 'center';

package/dist/esm/core/typography/typography.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=typography.types.js.map

package/dist/esm/core/typography/typography.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.js","sourceRoot":"","sources":["../../../../src/core/typography/typography.types.ts"],"names":[],"mappings":""}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './core';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './core';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/stories/Button.d.ts

@@ -0,0 +1,27 @@
+import './button.css';
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;