@uni-design-system/uni-core 0.0.2 → 0.0.6

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

@@ -4,18 +4,18 @@ export interface Color {
     style?: colorStyles;
     role?: colorRoles;
     category?: colorCategories;
-    GradientPosition?: IGradientPosition;
-    saturationRange?: IRange;
-    brightnessRangeMap?: IRange;
+    GradientPosition?: GradientPosition;
+    saturationRange?: Range;
+    brightnessRangeMap?: Range;
     hue: number | undefined;
     saturation?: number;
     lightness?: number;
     alpha: number;
 }
-export interface IGradientPosition {
+export interface GradientPosition {
     value: string;
 }
-export interface IRange {
+export interface Range {
     low: number;
     high: number;
     default?: number;

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

@@ -1,11 +1,13 @@
-import { IRange } from './color.model';
+import { Range } from './color.model';
 export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
+export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
 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 const saturationRanges: Record<colorCategories, Range>;
+export declare const lightnessRanges: Record<colorCategories, Range>;
 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';
+export declare const roleHues: Record<colorRoles, Range>;
+export declare const utilHues: Record<utilColorRoles, Range>;
+export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
+export declare type ColorToken = 'background' | 'background-active' | 'background-brand' | 'background-hover' | 'background-inverse' | 'background-inverse-hover' | 'background-screen' | 'background-selected' | 'background-selected-hover' | 'border-disabled-01' | 'border-disabled-02' | 'border-disabled-03' | 'border-interactive' | 'border-inverse' | 'border-strong-01' | 'border-strong-02' | 'border-strong-03' | 'border-subtle-00' | 'border-subtle-01' | 'border-subtle-02' | 'border-subtle-03' | 'border-subtle-selected-01' | 'border-subtle-selected-02' | 'border-subtle-selected-03' | 'brand-primary' | 'button-primary' | 'button-primary-active' | 'button-primary-hover' | 'button-secondary' | 'button-secondary-active' | 'button-secondary-hover' | 'button-tertiary' | 'button-tertiary-active' | 'button-tertiary-hover' | 'button-danger-primary' | 'button-danger-secondary' | 'button-danger-active' | 'button-danger-hover' | 'button-disabled' | 'button-separator' | 'field-01' | 'field-02' | 'field-03' | 'field-disabled-01' | 'field-disabled-02' | 'field-disabled-03' | 'field-hover-01' | 'field-hover-02' | 'field-hover-03' | 'focus' | 'focus-inverse' | 'focus-inset' | 'highlight' | 'icon-primary' | 'icon-secondary' | 'icon-tertiary' | 'icon-inverse' | 'icon-on-color' | 'icon-on-color-disabled' | 'icon-disabled' | 'icon-subtle' | 'interactive' | 'layer-01' | 'layer-02' | 'layer-03' | 'layer-accent-01' | 'layer-accent-02' | 'layer-accent-03' | 'layer-accent-active-01' | 'layer-accent-active-02' | 'layer-accent-active-03' | 'layer-accent-hover-01' | 'layer-accent-hover-02' | 'layer-accent-hover-03' | 'layer-active-01' | 'layer-active-02' | 'layer-active-03' | 'layer-disabled-01' | 'layer-disabled-02' | 'layer-disabled-03' | 'layer-hover-01' | 'layer-hover-02' | 'layer-hover-03' | 'layer-selected-01' | 'layer-selected-02' | 'layer-selected-03' | 'layer-selected-hover-01' | 'layer-selected-hover-02' | 'layer-selected-hover-03' | 'layer-selected-disabled' | 'layer-selected-inverse' | 'link-primary' | 'link-primary-hover' | 'link-secondary' | 'link-inverse' | 'link-visited' | 'navigation-background' | 'navigation-badge' | 'navigation-border' | 'overlay' | 'screen-background' | 'skeleton-element' | 'skeleton-background' | 'status-online' | 'status-offline' | 'status-busy' | 'support-info' | 'support-warning' | 'support-success' | 'support-error' | 'support-info-inverse' | 'support-warning-inverse' | 'support-success-inverse' | 'support-error-inverse' | 'text-brand' | 'text-primary' | 'text-secondary' | 'text-disabled' | 'text-error' | 'text-ghost' | 'text-helper' | 'text-highlight' | 'text-link' | 'text-inverse' | 'text-on-color' | 'text-placeholder' | 'text-on-color-disabled' | 'text-warning' | 'toggle-off' | 'transparent' | 'shadowColor';

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

@@ -1 +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"}
+{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,2EAA2E;AA+B3E,MAAM,CAAC,MAAM,gBAAgB,GAAmC;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,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,GAAmC;IAC7D,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,GAA8B;IACjD,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,GAAkC;IACrD,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.model.d.ts

@@ -1,8 +1,8 @@
-import { BackgroundType } from '../backgrounds/background.types';
-import { BorderWidth } from '../border/border.types';
-import { ColorToken } from '../color/color.types';
+import { BackgroundType } from '../background';
+import { BorderWidth } from '../border';
+import { ColorToken } from '../color';
 import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
-import { ShadowStyle } from '../shadow/shadow.types';
+import { ShadowStyle } from '../shadow';
 export interface ContainerProps {
     maxWidth?: number;
     align?: HorizontalAlign;

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

@@ -0,0 +1 @@
+export declare type ContainerType = 'Card' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+export declare type Flex = number;
+export declare type FlexGrow = number;
+export declare type FlexShrink = number;
+export declare type FlexWrap = 'wrap' | 'nowrap';
+export declare type FlexDirection = 'row' | 'column' | 'column-reverse' | 'row-reverse';
+export declare type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+export declare type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'stretch';
+export declare type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.helper.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.helper.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,QAAQ,CAAC,MAAgB;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/{cjs/core/gradients → esm/core/gradient}/gradient.model.d.ts

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { Color } from '../color/color.model';
-import { Masking } from '../masking/masking.model';
+import { Color } from '../color';
+import { Masking } from '../masking';
 export interface Icon {
     background: Color;
     foreground: Color;

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

@@ -1,11 +1,13 @@
-export * from './backgrounds';
+export * from './core.types';
+export * from './background';
 export * from './theme';
 export * from './iconography';
 export * from './color';
 export * from './border';
 export * from './container';
-export * from './gradients';
+export * from './gradient';
 export * from './layout';
 export * from './masking';
 export * from './shadow';
 export * from './typography';
+export * from './flex';

package/dist/esm/core/index.js

@@ -1,12 +1,14 @@
-export * from './backgrounds';
+export * from './core.types';
+export * from './background';
 export * from './theme';
 export * from './iconography';
 export * from './color';
 export * from './border';
 export * from './container';
-export * from './gradients';
+export * from './gradient';
 export * from './layout';
 export * from './masking';
 export * from './shadow';
 export * from './typography';
+export * from './flex';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

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

@@ -1,3 +1,6 @@
 export * from './theme.model';
 export * from './theme.records';
 export * from './theme.types';
+export * from './themes/base.theme';
+export * from './themes/dark.theme';
+export * from './themes/light.theme';

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

@@ -1,4 +1,7 @@
 export * from './theme.model';
 export * from './theme.records';
 export * from './theme.types';
+export * from './themes/base.theme';
+export * from './themes/dark.theme';
+export * from './themes/light.theme';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

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

@@ -1,3 +1,4 @@
+import { TextRole, TextStyle } from '../typography';
 export interface ThemeProps {
     themeId?: string;
     themes?: Record<string, Theme>;
@@ -7,4 +8,5 @@ export interface Theme {
     name: string;
     id: string;
     colors: Record<string, string>;
+    typography: Record<TextRole, TextStyle>;
 }

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

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

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

@@ -0,0 +1,94 @@
+export const BaseTheme = {
+    id: 'BaseTheme',
+    name: 'Base Theme',
+    colors: {
+        primary: '#35A7FF',
+        secondary: '#38618C',
+        error: '#FFE74C',
+        warn: '#FF5964',
+        background: '#FFFFFF'
+    },
+    typography: {
+        'headline-1': {
+            fontSize: 96,
+            fontWeight: 'light',
+            letterSpacing: -1.5
+        },
+        'headline-2': {
+            fontSize: 60,
+            fontWeight: 'light',
+            letterSpacing: -0.1
+        },
+        'headline-3': {
+            fontSize: 48,
+        },
+        'headline-4': {
+            fontSize: 34,
+            letterSpacing: 0.25
+        },
+        'headline-5': {
+            fontSize: 24
+        },
+        'headline-6': {
+            fontSize: 20,
+            fontWeight: 'medium',
+            letterSpacing: 0.15
+        },
+        'body-1-long': {
+            fontSize: 16,
+            lineHeight: 22
+        },
+        'body-1-short': {
+            fontSize: 16,
+            lineHeight: 24
+        },
+        'body-2-long': {
+            fontSize: 14,
+            lineHeight: 18
+        },
+        'body-2-short': {
+            fontSize: 14,
+            lineHeight: 20
+        },
+        title: {
+            fontSize: 48
+        },
+        'subtitle-1': {
+            fontSize: 16,
+            letterSpacing: 0.15
+        },
+        'subtitle-2': {
+            fontSize: 14,
+            fontWeight: 'medium',
+            letterSpacing: 0.1
+        },
+        label: {
+            fontSize: 14
+        },
+        button: {
+            fontSize: 14,
+            fontWeight: 'medium',
+            textTransform: 'uppercase'
+        },
+        caption: {
+            fontSize: 12,
+            letterSpacing: 0.4
+        },
+        overline: {
+            fontSize: 10,
+            letterSpacing: 1.5,
+            textTransform: 'uppercase'
+        },
+        paragraph: {
+            fontSize: 16
+        },
+        quote: {
+            fontSize: 16
+        },
+        note: {
+            fontSize: 14,
+            fontStyle: 'italic'
+        }
+    }
+};
+//# sourceMappingURL=base.theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,IAAI;SACpB;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,GAAG;SACnB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,WAAW;SAC3B;QACD,OAAO,EAAE;YACP,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;SACnB;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;YAClB,aAAa,EAAE,WAAW;SAC3B;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAA"}

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

@@ -1,6 +1,3 @@
-export const DarkTheme = {
-    id: 'DarkTheme',
-    name: 'Dark Theme',
-    colors: {}
-};
+import { BaseTheme } from './base.theme';
+export const DarkTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: Object.assign(Object.assign({}, BaseTheme.colors), { background: '#000000' }) });
 //# sourceMappingURL=dark.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,EAAE,EAAE,WAAW;IACf,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,EAEP;CACF,CAAA"}
+{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,mCACjB,SAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,kCACD,SAAS,CAAC,MAAM,KACnB,UAAU,EAAE,SAAS,MAExB,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"light.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/light.theme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,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"}
+{"version":3,"file":"light.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/light.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,CAAC,MAAM,UAAU,mCAClB,SAAS,KACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,aAAa,GACpB,CAAA"}

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

@@ -1 +1,3 @@
 export * from './typography.types';
+export * from './text.model';
+export * from './typography.records';

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

@@ -1,2 +1,4 @@
 export * from './typography.types';
+export * from './text.model';
+export * from './typography.records';
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/core/typography/text.model.d.ts

@@ -0,0 +1,14 @@
+import { FontWeight, TextDecoration, TextTransform } from './typography.types';
+export interface TextStyle {
+    fontFamily?: string;
+    fontSize: number;
+    fontWeight?: FontWeight;
+    fontStyle?: 'italic';
+    textTransform?: TextTransform;
+    textDecoration?: TextDecoration;
+    letterSpacing?: number;
+    textIndent?: number;
+    lineHeight?: number;
+    wordSpacing?: number;
+    whiteSpace?: 'nowrap';
+}

package/dist/esm/core/typography/text.model.js

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

package/dist/esm/core/typography/text.model.js.map

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

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

@@ -0,0 +1,2 @@
+import { FontWeight } from './typography.types';
+export declare const FontWeightMap: Record<FontWeight, number>;

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

@@ -0,0 +1,13 @@
+export const FontWeightMap = {
+    thin: 100,
+    'extra-light': 200,
+    light: 200,
+    normal: 400,
+    medium: 500,
+    'semi-bold': 600,
+    bold: 700,
+    'extra-bold': 800,
+    black: 900,
+    'extra-black': 950
+};
+//# sourceMappingURL=typography.records.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.records.js","sourceRoot":"","sources":["../../../../src/core/typography/typography.records.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAA+B;IACvD,IAAI,EAAE,GAAG;IACT,aAAa,EAAE,GAAG;IAClB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,GAAG;IAChB,IAAI,EAAE,GAAG;IACT,YAAY,EAAE,GAAG;IACjB,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,GAAG;CACnB,CAAA"}

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

@@ -1,5 +1,7 @@
 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 FontWeight = 'thin' | 'extra-light' | 'light' | 'normal' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black' | 'extra-black' | number;
 export declare type placement = 'overline' | 'title' | 'underline' | 'body' | 'label' | 'note' | 'footer';
-export declare type alignment = 'left' | 'right' | 'center';
+export declare type TextRole = 'headline-1' | 'headline-2' | 'headline-3' | 'headline-4' | 'headline-5' | 'headline-6' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | 'title' | 'subtitle-1' | 'subtitle-2' | 'label' | 'button' | 'caption' | 'overline' | 'paragraph' | 'quote' | 'note';
+export declare type TextDecoration = 'overline' | 'line-through' | 'underline' | 'overline-underline';
+export declare type TextTransform = 'uppercase' | 'lowercase' | 'capitalize';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@uni-design-system/uni-core",
   "description": "UNI Design System core dependencies.",
-  "version": "0.0.2",
+  "version": "0.0.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/uni-design-system/uni-core.git"
@@ -14,13 +14,9 @@
   "scripts": {
     "build": "rm -rf dist/ && yarn build:esm && yarn build:cjs",
     "build:esm": "tsc",
-    "build:cjs": "tsc --module CommonJS --outDir dist/cjs",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
   },
   "keywords": [
-    "react",
-    "components",
     "ui",
     "ux",
     "design system"
@@ -31,26 +27,9 @@
     "url": "https://github.com/uni-design-system/uni-core.git"
   },
   "homepage": "https://github.com/uni-design-system/uni-core#readme",
-  "packageManager": "yarn@3.0.2",
   "devDependencies": {
-    "@babel/core": "^7.17.5",
-    "@react-theming/storybook-addon": "^1.1.5",
-    "@storybook/addon-actions": "^6.4.19",
-    "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-interactions": "^6.4.19",
-    "@storybook/addon-links": "^6.4.19",
-    "@storybook/react": "^6.4.19",
-    "@storybook/testing-library": "^0.0.9",
     "@types/node": "^17.0.21",
-    "@types/react": "^17.0.39",
-    "@types/react-dom": "^17.0.13",
-    "babel-loader": "^8.2.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
     "typescript": "^4.6.2"
   },
-  "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
-  }
+  "peerDependencies": {}
 }

package/dist/cjs/components/button/button.component.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export interface ButtonProps {
-    children: ReactNode;
-    disabled?: boolean;
-}
-export declare function Button({ children, disabled }: ButtonProps): JSX.Element;

package/dist/cjs/components/button/button.component.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const react_1 = __importDefault(require("react"));
-const theme_hook_1 = __importDefault(require("../../core/theme/theme.hook"));
-function Button({ children, disabled = false }) {
-    const theme = (0, theme_hook_1.default)();
-    return (react_1.default.createElement("button", { disabled: disabled },
-        children,
-        " ",
-        theme.name));
-}
-exports.Button = Button;
-//# sourceMappingURL=button.component.js.map

package/dist/cjs/components/button/button.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyC;AACzC,6EAAmD;AAOnD,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAe;IAEhE,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,0CAAQ,QAAQ,EAAE,QAAQ;QACvB,QAAQ;;QAAG,KAAK,CAAC,IAAI,CACf,CACV,CAAA;AACH,CAAC;AATD,wBASC"}

package/dist/cjs/components/card/card.component.d.ts

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

package/dist/cjs/components/card/card.component.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-function Card({ children }) {
-    return (react_1.default.createElement("div", null, children));
-}
-exports.default = Card;
-//# sourceMappingURL=card.component.js.map

package/dist/cjs/components/card/card.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../src/components/card/card.component.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyC;AAMzC,SAAwB,IAAI,CAAC,EAAE,QAAQ,EAAa;IAElD,OAAO,CACL,2CACG,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAPD,uBAOC"}

package/dist/cjs/core/backgrounds/background.model.js.map

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

package/dist/cjs/core/backgrounds/background.types.js.map

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-function Container({ children }) {
-    return (react_1.default.createElement("div", null, children));
-}
-exports.default = Container;
-//# sourceMappingURL=container.component.js.map