@uni-design-system/uni-core 0.0.11 → 0.0.14

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

@@ -0,0 +1,13 @@
+import { ColorToken } from '../color';
+export interface Border {
+    colorAll?: ColorToken;
+    colorTop?: ColorToken;
+    colorBottom?: ColorToken;
+    colorLeft?: ColorToken;
+    colorRight?: ColorToken;
+    widthAll?: number;
+    widthTop?: number;
+    widthBottom?: number;
+    widthLeft?: number;
+    widthRight?: number;
+}

package/dist/cjs/core/border/border.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=border.model.js.map

package/dist/cjs/core/border/border.model.js.map

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

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

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

package/dist/cjs/core/border/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}

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

@@ -0,0 +1,16 @@
+import { ShadowElevation } from '../shadow';
+import { ColorToken } from '../color';
+import { Size } from '../core.types';
+import { Border } from '../border';
+export interface Button {
+    color: ColorToken;
+    elevation?: ShadowElevation;
+    borderRadius?: number;
+    borderRadii?: Record<Size, number>;
+    horizontalPadding?: number;
+    horizontalPaddings?: Record<Size, number>;
+    verticalPadding?: number;
+    verticalPaddings?: Record<Size, number>;
+    border?: Border;
+    shadowElevation?: ShadowElevation;
+}

package/dist/cjs/core/button/button.model.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=button.model.js.map

package/dist/cjs/core/button/button.model.js.map

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

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

@@ -0,0 +1 @@
+export declare type ButtonType = 'elevated' | 'filled' | 'filled-secondary' | 'outlined' | 'text' | 'icon' | 'floating-action';

package/dist/cjs/core/button/button.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=button.types.js.map

package/dist/cjs/core/button/button.types.js.map

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

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

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

package/dist/cjs/core/button/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./button.model"), exports);
+__exportStar(require("./button.types"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -10,4 +10,4 @@ export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse
 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';
+export declare type ColorToken = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'error-container' | 'on-error-container' | 'background' | 'on-background' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant' | 'outline' | 'shadow' | 'surface-tint' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'transparent';

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

@@ -2,12 +2,12 @@ import { BackgroundType } from '../background';
 import { BorderWidth } from '../border';
 import { ColorToken } from '../color';
 import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
-import { ShadowStyle } from '../shadow';
+import { ShadowDefinition } from '../shadow';
 export interface ContainerProps {
     maxWidth?: number;
     align?: HorizontalAlign;
     backgroundType?: BackgroundType;
-    shadowStyle?: ShadowStyle;
+    shadow?: ShadowDefinition;
     backgroundColor?: ColorToken;
     textColor?: ColorToken;
     blur?: {

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B;AAC/B,mDAAgC"}

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

@@ -0,0 +1,11 @@
+export interface Shadow {
+    opacity: number;
+    offset: number;
+    blur: number;
+    spread: number;
+}
+export interface ShadowDefinition {
+    umbra: Shadow;
+    penumbra: Shadow;
+    ambient: Shadow;
+}

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=shadow.model.js.map

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

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

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

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

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

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShadowMap = void 0;
+// https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
+exports.ShadowMap = {
+    flat: {
+        umbra: {
+            opacity: 14,
+            offset: 0,
+            blur: 2,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 2,
+            blur: 2,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 3,
+            spread: 0
+        }
+    },
+    pressed: {
+        umbra: {
+            opacity: 14,
+            offset: 0,
+            blur: 4,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 4,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 5,
+            spread: 0
+        }
+    },
+    raised: {
+        umbra: {
+            opacity: 14,
+            offset: 3,
+            blur: 3,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 4,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 8,
+            spread: 0
+        }
+    },
+    focussed: {
+        umbra: {
+            opacity: 14,
+            offset: 2,
+            blur: 4,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 4,
+            blur: 5,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 10,
+            spread: 0
+        }
+    },
+    navigation: {
+        umbra: {
+            opacity: 14,
+            offset: 6,
+            blur: 10,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 1,
+            blur: 18,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 3,
+            blur: 5,
+            spread: 0
+        }
+    },
+    drawer: {
+        umbra: {
+            opacity: 14,
+            offset: 9,
+            blur: 12,
+            spread: 1
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 16,
+            spread: 2
+        },
+        ambient: {
+            opacity: 20,
+            offset: 5,
+            blur: 6,
+            spread: 0
+        }
+    },
+    modal: {
+        umbra: {
+            opacity: 14,
+            offset: 16,
+            blur: 24,
+            spread: 2
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 6,
+            blur: 30,
+            spread: 5
+        },
+        ambient: {
+            opacity: 20,
+            offset: 8,
+            blur: 10,
+            spread: 0
+        }
+    },
+};
+//# sourceMappingURL=shadow.records.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-export declare type ShadowStyle = 'Flat' | 'Raised' | 'Focussed' | 'Pressed' | 'Modal' | 'Navigation' | 'Drawer';
+export declare type ShadowElevation = 'flat' | 'pressed' | 'raised' | 'focussed' | 'navigation' | 'drawer' | 'modal';

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

@@ -1,4 +1,6 @@
 import { TextRole, TextStyle } from '../typography';
+import { ColorToken } from '../color';
+import { Button, ButtonType } from '../button';
 export interface ThemeProps {
     themeId?: string;
     themes?: Record<string, Theme>;
@@ -7,6 +9,7 @@ export interface ThemeProps {
 export interface Theme {
     name: string;
     id: string;
-    colors: Record<string, string>;
+    colors: Record<ColorToken, string>;
     typography: Record<TextRole, TextStyle>;
+    buttons: Record<ButtonType, Button>;
 }

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

@@ -5,11 +5,35 @@ exports.BaseTheme = {
     id: 'BaseTheme',
     name: 'Base Theme',
     colors: {
-        primary: '#35A7FF',
-        secondary: '#38618C',
-        error: '#FFE74C',
-        warn: '#FF5964',
-        background: '#FFFFFF'
+        'primary': '#6750A4',
+        'on-primary': '#FFFFFF',
+        'primary-container': '#EADDFF',
+        'on-primary-container': '#21005E',
+        'secondary': '#625B71',
+        'on-secondary': '#FFFFFF',
+        'secondary-container': '#E8DEF8',
+        'on-secondary-container': '#1E192B',
+        'tertiary': '#7D5260',
+        'on-tertiary': '#FFFFFF',
+        'tertiary-container': '#FFD8E4',
+        'on-tertiary-container': '#370B1E',
+        'error': '#B3261E',
+        'on-error': '#FFFFFF',
+        'error-container': '#F9DEDC',
+        'on-error-container': '#370B1E',
+        'background': '#FFFBFE',
+        'on-background': '#1C1B1F',
+        'surface': '#FFFBFE',
+        'on-surface': '#1C1B1F',
+        'surface-variant': '#E7E0EC',
+        'on-surface-variant': '#49454E',
+        'outline': '#79747E',
+        'shadow': '#000000',
+        'surface-tint': '#6750A4',
+        'inverse-surface': '#313033',
+        'inverse-on-surface': '#F4EFF4',
+        'inverse-primary': '#D0BCFF',
+        'transparent': 'rgba(0,0,0,0)'
     },
     typography: {
         'headline-1': {
@@ -44,22 +68,22 @@ exports.BaseTheme = {
             letterSpacing: 0.15
         },
         'body-1-long': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16,
             lineHeight: 22
         },
         'body-1-short': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16,
             lineHeight: 24
         },
         'body-2-long': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             lineHeight: 18
         },
         'body-2-short': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             lineHeight: 20
         },
@@ -79,7 +103,7 @@ exports.BaseTheme = {
             letterSpacing: 0.1
         },
         label: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14
         },
         button: {
@@ -89,7 +113,7 @@ exports.BaseTheme = {
             textTransform: 'uppercase'
         },
         caption: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 12,
             letterSpacing: 0.4
         },
@@ -100,18 +124,47 @@ exports.BaseTheme = {
             textTransform: 'uppercase'
         },
         paragraph: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16
         },
         quote: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16
         },
         note: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             fontStyle: 'italic'
         }
+    },
+    buttons: {
+        elevated: {
+            color: 'surface',
+            shadowElevation: 'raised'
+        },
+        filled: {
+            color: 'primary'
+        },
+        'filled-secondary': {
+            color: 'secondary'
+        },
+        outlined: {
+            color: 'transparent',
+            border: {
+                colorAll: 'primary',
+                widthAll: 1
+            }
+        },
+        text: {
+            color: 'transparent',
+        },
+        icon: {
+            color: 'transparent',
+        },
+        'floating-action': {
+            color: 'secondary',
+            shadowElevation: 'raised'
+        }
     }
 };
 //# sourceMappingURL=base.theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":";;;AAEa,QAAA,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,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,IAAI;SACpB;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACL,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,GAAG;SACnB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,WAAW;SAC3B;QACD,OAAO,EAAE;YACP,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;SACnB;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;YAClB,aAAa,EAAE,WAAW;SAC3B;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAA"}
+{"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}

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

@@ -2,5 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DarkTheme = void 0;
 const base_theme_1 = require("./base.theme");
-exports.DarkTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: Object.assign(Object.assign({}, base_theme_1.BaseTheme.colors), { background: '#000000' }) });
+exports.DarkTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: {
+        'primary': '#D0BCFF',
+        'on-primary': '#371E73',
+        'primary-container': '#4F378B',
+        'on-primary-container': '#EADDFF',
+        'secondary': '#CCC2DC',
+        'on-secondary': '#332D41',
+        'secondary-container': '#4A4458',
+        'on-secondary-container': '#E8DEF8',
+        'tertiary': '#EFB8C8',
+        'on-tertiary': '#492532',
+        'tertiary-container': '#633B48',
+        'on-tertiary-container': '#FFD8E4',
+        'error': '#F2B8B5',
+        'on-error': '#601410',
+        'error-container': '#8C1D18',
+        'on-error-container': '#F9DEDC',
+        'background': '#1C1B1F',
+        'on-background': '#E6E1E5',
+        'surface': '#1C1B1F',
+        'on-surface': '#E6E1E5',
+        'surface-variant': '#49454F',
+        'on-surface-variant': '#CAC4D0',
+        'outline': '#938F99',
+        'shadow': '#000000',
+        'surface-tint': '#D0BCFF',
+        'inverse-surface': '#E6E1E5',
+        'inverse-on-surface': '#313033',
+        'inverse-primary': '#6750A4',
+        'transparent': 'rgba(0,0,0,0)'
+    } });
 //# sourceMappingURL=dark.theme.js.map

package/dist/cjs/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":";;;AACA,6CAAyC;AAE5B,QAAA,SAAS,mCACjB,sBAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,kCACD,sBAAS,CAAC,MAAM,KACnB,UAAU,EAAE,SAAS,OAExB"}
+{"version":3,"file":"dark.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/dark.theme.ts"],"names":[],"mappings":";;;AACA,6CAAyC;AAE5B,QAAA,SAAS,mCACjB,sBAAS,KACZ,EAAE,EAAE,WAAW,EACf,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,aAAa,EAAE,eAAe;KAC/B,IACF"}

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

@@ -1,7 +1,9 @@
 import { FontWeight, TextDecoration, TextTransform } from './typography.types';
+import { Size } from '../core.types';
 export interface TextStyle {
     fontFamily: string;
     fontSize: number;
+    fontScale?: Record<Size, number>;
     fontWeight?: FontWeight;
     fontStyle?: 'italic';
     textTransform?: TextTransform;

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

@@ -0,0 +1,13 @@
+import { ColorToken } from '../color';
+export interface Border {
+    colorAll?: ColorToken;
+    colorTop?: ColorToken;
+    colorBottom?: ColorToken;
+    colorLeft?: ColorToken;
+    colorRight?: ColorToken;
+    widthAll?: number;
+    widthTop?: number;
+    widthBottom?: number;
+    widthLeft?: number;
+    widthRight?: number;
+}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { ShadowElevation } from '../shadow';
+import { ColorToken } from '../color';
+import { Size } from '../core.types';
+import { Border } from '../border';
+export interface Button {
+    color: ColorToken;
+    elevation?: ShadowElevation;
+    borderRadius?: number;
+    borderRadii?: Record<Size, number>;
+    horizontalPadding?: number;
+    horizontalPaddings?: Record<Size, number>;
+    verticalPadding?: number;
+    verticalPaddings?: Record<Size, number>;
+    border?: Border;
+    shadowElevation?: ShadowElevation;
+}

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

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

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

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

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

@@ -0,0 +1 @@
+export declare type ButtonType = 'elevated' | 'filled' | 'filled-secondary' | 'outlined' | 'text' | 'icon' | 'floating-action';

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

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

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

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

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

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

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

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

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

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

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

@@ -10,4 +10,4 @@ export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse
 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';
+export declare type ColorToken = 'primary' | 'on-primary' | 'primary-container' | 'on-primary-container' | 'secondary' | 'on-secondary' | 'secondary-container' | 'on-secondary-container' | 'tertiary' | 'on-tertiary' | 'tertiary-container' | 'on-tertiary-container' | 'error' | 'on-error' | 'error-container' | 'on-error-container' | 'background' | 'on-background' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant' | 'outline' | 'shadow' | 'surface-tint' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'transparent';

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

@@ -2,12 +2,12 @@ import { BackgroundType } from '../background';
 import { BorderWidth } from '../border';
 import { ColorToken } from '../color';
 import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
-import { ShadowStyle } from '../shadow';
+import { ShadowDefinition } from '../shadow';
 export interface ContainerProps {
     maxWidth?: number;
     align?: HorizontalAlign;
     backgroundType?: BackgroundType;
-    shadowStyle?: ShadowStyle;
+    shadow?: ShadowDefinition;
     backgroundColor?: ColorToken;
     textColor?: ColorToken;
     blur?: {

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAA"}

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

@@ -0,0 +1,11 @@
+export interface Shadow {
+    opacity: number;
+    offset: number;
+    blur: number;
+    spread: number;
+}
+export interface ShadowDefinition {
+    umbra: Shadow;
+    penumbra: Shadow;
+    ambient: Shadow;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,144 @@
+// https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
+export const ShadowMap = {
+    flat: {
+        umbra: {
+            opacity: 14,
+            offset: 0,
+            blur: 2,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 2,
+            blur: 2,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 3,
+            spread: 0
+        }
+    },
+    pressed: {
+        umbra: {
+            opacity: 14,
+            offset: 0,
+            blur: 4,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 4,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 5,
+            spread: 0
+        }
+    },
+    raised: {
+        umbra: {
+            opacity: 14,
+            offset: 3,
+            blur: 3,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 4,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 8,
+            spread: 0
+        }
+    },
+    focussed: {
+        umbra: {
+            opacity: 14,
+            offset: 2,
+            blur: 4,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 4,
+            blur: 5,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 1,
+            blur: 10,
+            spread: 0
+        }
+    },
+    navigation: {
+        umbra: {
+            opacity: 14,
+            offset: 6,
+            blur: 10,
+            spread: 0
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 1,
+            blur: 18,
+            spread: 0
+        },
+        ambient: {
+            opacity: 20,
+            offset: 3,
+            blur: 5,
+            spread: 0
+        }
+    },
+    drawer: {
+        umbra: {
+            opacity: 14,
+            offset: 9,
+            blur: 12,
+            spread: 1
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 3,
+            blur: 16,
+            spread: 2
+        },
+        ambient: {
+            opacity: 20,
+            offset: 5,
+            blur: 6,
+            spread: 0
+        }
+    },
+    modal: {
+        umbra: {
+            opacity: 14,
+            offset: 16,
+            blur: 24,
+            spread: 2
+        },
+        penumbra: {
+            opacity: 12,
+            offset: 6,
+            blur: 30,
+            spread: 5
+        },
+        ambient: {
+            opacity: 20,
+            offset: 8,
+            blur: 10,
+            spread: 0
+        }
+    },
+};
+//# sourceMappingURL=shadow.records.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"AAGA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,SAAS,GAA8C;IAClE,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,CAAC;SACV;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;SACV;KACF;CACF,CAAA"}

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

@@ -1 +1 @@
-export declare type ShadowStyle = 'Flat' | 'Raised' | 'Focussed' | 'Pressed' | 'Modal' | 'Navigation' | 'Drawer';
+export declare type ShadowElevation = 'flat' | 'pressed' | 'raised' | 'focussed' | 'navigation' | 'drawer' | 'modal';

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

@@ -1,4 +1,6 @@
 import { TextRole, TextStyle } from '../typography';
+import { ColorToken } from '../color';
+import { Button, ButtonType } from '../button';
 export interface ThemeProps {
     themeId?: string;
     themes?: Record<string, Theme>;
@@ -7,6 +9,7 @@ export interface ThemeProps {
 export interface Theme {
     name: string;
     id: string;
-    colors: Record<string, string>;
+    colors: Record<ColorToken, string>;
     typography: Record<TextRole, TextStyle>;
+    buttons: Record<ButtonType, Button>;
 }

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

@@ -2,11 +2,35 @@ export const BaseTheme = {
     id: 'BaseTheme',
     name: 'Base Theme',
     colors: {
-        primary: '#35A7FF',
-        secondary: '#38618C',
-        error: '#FFE74C',
-        warn: '#FF5964',
-        background: '#FFFFFF'
+        'primary': '#6750A4',
+        'on-primary': '#FFFFFF',
+        'primary-container': '#EADDFF',
+        'on-primary-container': '#21005E',
+        'secondary': '#625B71',
+        'on-secondary': '#FFFFFF',
+        'secondary-container': '#E8DEF8',
+        'on-secondary-container': '#1E192B',
+        'tertiary': '#7D5260',
+        'on-tertiary': '#FFFFFF',
+        'tertiary-container': '#FFD8E4',
+        'on-tertiary-container': '#370B1E',
+        'error': '#B3261E',
+        'on-error': '#FFFFFF',
+        'error-container': '#F9DEDC',
+        'on-error-container': '#370B1E',
+        'background': '#FFFBFE',
+        'on-background': '#1C1B1F',
+        'surface': '#FFFBFE',
+        'on-surface': '#1C1B1F',
+        'surface-variant': '#E7E0EC',
+        'on-surface-variant': '#49454E',
+        'outline': '#79747E',
+        'shadow': '#000000',
+        'surface-tint': '#6750A4',
+        'inverse-surface': '#313033',
+        'inverse-on-surface': '#F4EFF4',
+        'inverse-primary': '#D0BCFF',
+        'transparent': 'rgba(0,0,0,0)'
     },
     typography: {
         'headline-1': {
@@ -41,22 +65,22 @@ export const BaseTheme = {
             letterSpacing: 0.15
         },
         'body-1-long': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16,
             lineHeight: 22
         },
         'body-1-short': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16,
             lineHeight: 24
         },
         'body-2-long': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             lineHeight: 18
         },
         'body-2-short': {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             lineHeight: 20
         },
@@ -76,7 +100,7 @@ export const BaseTheme = {
             letterSpacing: 0.1
         },
         label: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14
         },
         button: {
@@ -86,7 +110,7 @@ export const BaseTheme = {
             textTransform: 'uppercase'
         },
         caption: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 12,
             letterSpacing: 0.4
         },
@@ -97,18 +121,47 @@ export const BaseTheme = {
             textTransform: 'uppercase'
         },
         paragraph: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16
         },
         quote: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 16
         },
         note: {
-            fontFamily: 'san-serif',
+            fontFamily: 'Roboto',
             fontSize: 14,
             fontStyle: 'italic'
         }
+    },
+    buttons: {
+        elevated: {
+            color: 'surface',
+            shadowElevation: 'raised'
+        },
+        filled: {
+            color: 'primary'
+        },
+        'filled-secondary': {
+            color: 'secondary'
+        },
+        outlined: {
+            color: 'transparent',
+            border: {
+                colorAll: 'primary',
+                widthAll: 1
+            }
+        },
+        text: {
+            color: 'transparent',
+        },
+        icon: {
+            color: 'transparent',
+        },
+        'floating-action': {
+            color: 'secondary',
+            shadowElevation: 'raised'
+        }
     }
 };
 //# sourceMappingURL=base.theme.js.map

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

@@ -1 +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,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,OAAO;YACnB,aAAa,EAAE,CAAC,GAAG;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,IAAI;SACpB;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,aAAa,EAAE;YACb,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,cAAc,EAAE;YACd,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;SACf;QACD,KAAK,EAAE;YACL,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,IAAI;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,GAAG;SACnB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,aAAa,EAAE,WAAW;SAC3B;QACD,OAAO,EAAE;YACP,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;SACnB;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,iBAAiB;YAC7B,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,GAAG;YAClB,aAAa,EAAE,WAAW;SAC3B;QACD,SAAS,EAAE;YACT,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,KAAK,EAAE;YACL,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAA"}
+{"version":3,"file":"base.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/base.theme.ts"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,33 @@
 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' }) });
+export const DarkTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'DarkTheme', name: 'Dark Theme', colors: {
+        'primary': '#D0BCFF',
+        'on-primary': '#371E73',
+        'primary-container': '#4F378B',
+        'on-primary-container': '#EADDFF',
+        'secondary': '#CCC2DC',
+        'on-secondary': '#332D41',
+        'secondary-container': '#4A4458',
+        'on-secondary-container': '#E8DEF8',
+        'tertiary': '#EFB8C8',
+        'on-tertiary': '#492532',
+        'tertiary-container': '#633B48',
+        'on-tertiary-container': '#FFD8E4',
+        'error': '#F2B8B5',
+        'on-error': '#601410',
+        'error-container': '#8C1D18',
+        'on-error-container': '#F9DEDC',
+        'background': '#1C1B1F',
+        'on-background': '#E6E1E5',
+        'surface': '#1C1B1F',
+        'on-surface': '#E6E1E5',
+        'surface-variant': '#49454F',
+        'on-surface-variant': '#CAC4D0',
+        'outline': '#938F99',
+        'shadow': '#000000',
+        'surface-tint': '#D0BCFF',
+        'inverse-surface': '#E6E1E5',
+        'inverse-on-surface': '#313033',
+        'inverse-primary': '#6750A4',
+        'transparent': 'rgba(0,0,0,0)'
+    } });
 //# 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":"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"}
+{"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,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,sBAAsB,EAAE,SAAS;QACjC,WAAW,EAAE,SAAS;QACtB,cAAc,EAAE,SAAS;QACzB,qBAAqB,EAAE,SAAS;QAChC,wBAAwB,EAAE,SAAS;QACnC,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,SAAS;QACxB,oBAAoB,EAAE,SAAS;QAC/B,uBAAuB,EAAE,SAAS;QAClC,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,SAAS;QACnB,cAAc,EAAE,SAAS;QACzB,iBAAiB,EAAE,SAAS;QAC5B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,aAAa,EAAE,eAAe;KAC/B,GACF,CAAA"}

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

@@ -1,7 +1,9 @@
 import { FontWeight, TextDecoration, TextTransform } from './typography.types';
+import { Size } from '../core.types';
 export interface TextStyle {
     fontFamily: string;
     fontSize: number;
+    fontScale?: Record<Size, number>;
     fontWeight?: FontWeight;
     fontStyle?: 'italic';
     textTransform?: TextTransform;

package/package.json

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