@uni-design-system/uni-core 0.0.22 → 0.0.25

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

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseTheme = void 0;
+const BaseButton = {
+    borderRadius: 100,
+    color: 'primary-container',
+    contentColor: 'on-primary-container',
+    verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
+    horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
+};
+const BaseContainer = {
+    color: 'primary-container',
+    contentColor: 'on-primary-container',
+    borderRadii: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
+    horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
+    contentSpacing: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
+};
+exports.BaseTheme = {
+    id: 'BaseTheme',
+    name: 'Base Theme',
+    colors: {
+        '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-on-surface-primary': '#D0BCFF',
+        'transparent': 'rgba(0,0,0,0)'
+    },
+    typography: {
+        'display-large': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 57,
+            lineHeight: 64,
+            fontWeight: 'normal',
+            letterSpacing: -0.25
+        },
+        'display-medium': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 45,
+            lineHeight: 52,
+            fontWeight: 'normal'
+        },
+        'display-small': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 36,
+            lineHeight: 44,
+            fontWeight: 'normal'
+        },
+        'headline-large': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 32,
+            lineHeight: 40,
+            fontWeight: 'normal'
+        },
+        'headline-medium': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 28,
+            lineHeight: 36,
+            fontWeight: 'normal'
+        },
+        'headline-small': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 24,
+            lineHeight: 32,
+            fontWeight: 'normal'
+        },
+        'title-large': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 22,
+            lineHeight: 28,
+            fontWeight: 'normal'
+        },
+        'title-medium': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 16,
+            lineHeight: 24,
+            fontWeight: 'medium',
+            letterSpacing: 0.15
+        },
+        'title-small': {
+            fontFamily: 'Red Hat Display',
+            fontWeight: 'medium',
+            fontSize: 14,
+            lineHeight: 20,
+            letterSpacing: 0.1
+        },
+        'body-1-long': {
+            fontFamily: 'Roboto',
+            fontSize: 16,
+            lineHeight: 22
+        },
+        'body-1-short': {
+            fontFamily: 'Roboto',
+            fontSize: 16,
+            lineHeight: 24
+        },
+        'body-2-long': {
+            fontFamily: 'Roboto',
+            fontSize: 14,
+            lineHeight: 18
+        },
+        'body-2-short': {
+            fontFamily: 'Roboto',
+            fontSize: 14,
+            lineHeight: 20
+        },
+        'subtitle-1': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 16,
+            lineHeight: 24,
+            letterSpacing: 0.15
+        },
+        'subtitle-2': {
+            fontFamily: 'Red Hat Display',
+            fontSize: 14,
+            lineHeight: 20,
+            fontWeight: 'medium',
+            letterSpacing: 0.1
+        },
+        label: {
+            fontFamily: 'Roboto',
+            fontSize: 14,
+            lineHeight: 20
+        },
+        button: {
+            fontFamily: 'Red Hat Display',
+            fontSize: 14,
+            lineHeight: 20,
+            fontWeight: 'medium',
+            textTransform: 'capitalize'
+        },
+        caption: {
+            fontFamily: 'Roboto',
+            fontSize: 12,
+            lineHeight: 18,
+            letterSpacing: 0.4
+        },
+        overline: {
+            fontFamily: 'Red Hat Display',
+            fontSize: 10,
+            lineHeight: 18,
+            letterSpacing: 1.5,
+            textTransform: 'uppercase'
+        },
+        paragraph: {
+            fontFamily: 'Roboto',
+            fontSize: 16,
+            lineHeight: 24
+        },
+        quote: {
+            fontFamily: 'Roboto',
+            fontSize: 16,
+            lineHeight: 24
+        },
+        note: {
+            fontFamily: 'Roboto',
+            fontSize: 14,
+            lineHeight: 22,
+            fontStyle: 'italic'
+        }
+    },
+    buttons: {
+        elevated: Object.assign(Object.assign({}, BaseButton), { color: 'surface', contentColor: 'on-surface', shadowElevation: 'raised' }),
+        filled: Object.assign(Object.assign({}, BaseButton), { color: 'primary' }),
+        'filled-secondary': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', contentColor: 'on-secondary' }),
+        outlined: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', borderColor: 'primary', contentColor: 'on-primary', borderWidth: 1 }),
+        text: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', contentColor: 'on-surface' }),
+        icon: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', contentColor: 'on-surface' }),
+        'floating-action': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', contentColor: 'on-secondary', borderRadii: { xs: 5, sm: 8, md: 12, lg: 16, xl: 12 }, shadowElevation: 'navigation', verticalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 }, horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 } })
+    },
+    containers: {
+        card: Object.assign(Object.assign({}, BaseContainer), { color: 'surface', contentColor: 'on-surface', shadowMode: 'interactive' }),
+        screen: Object.assign(Object.assign({}, BaseContainer), { color: 'background', contentColor: 'on-background' }),
+        modal: Object.assign(Object.assign({}, BaseContainer), { borderRadii: { xs: 16, sm: 22, md: 28, lg: 32, xl: 38 }, color: 'surface', contentColor: 'on-surface', shadowMode: 'static', shadowElevation: 'modal', maxWidth: 560 })
+    }
+};
+//# sourceMappingURL=base.theme.js.map

package/dist/cjs/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":"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"}

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+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: {
+        '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-on-surface-primary': '#6750A4',
+        'transparent': 'rgba(0,0,0,0)'
+    } });
+//# sourceMappingURL=dark.theme.js.map

package/dist/cjs/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":";;;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,4BAA4B,EAAE,SAAS;QACvC,aAAa,EAAE,eAAe;KAC/B,IACF"}

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LightTheme = void 0;
+const base_theme_1 = require("./base.theme");
+exports.LightTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'LightTheme', name: 'Light Theme' });
+//# sourceMappingURL=light.theme.js.map

package/dist/cjs/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":";;;AACA,6CAAyC;AAE5B,QAAA,UAAU,mCAClB,sBAAS,KACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,aAAa,IACpB"}

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

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

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

@@ -0,0 +1,20 @@
+"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("./typography.types"), exports);
+__exportStar(require("./text.model"), exports);
+__exportStar(require("./typography.records"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

package/dist/cjs/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/cjs/core/typography/typography.records.d.ts

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

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontWeightMap = void 0;
+exports.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/cjs/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,QAAA,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/cjs/core/typography/typography.types.d.ts

@@ -0,0 +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 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 TextRole = 'display-large' | 'display-medium' | 'display-small' | 'headline-large' | 'headline-medium' | 'headline-small' | 'title-large' | 'title-medium' | 'title-small' | 'body-1-long' | 'body-1-short' | 'body-2-long' | 'body-2-short' | '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/dist/cjs/core/typography/typography.types.js

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

package/dist/cjs/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/cjs/index.d.ts

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

package/dist/cjs/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("./core"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB"}

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

@@ -0,0 +1,2 @@
+import { GetFieldType } from "./types";
+export declare function getValue<TData, TPath extends string, TDefault = GetFieldType<TData, TPath>>(data: TData, path: TPath, defaultValue?: TDefault): GetFieldType<TData, TPath> | TDefault;

package/dist/cjs/utils/getValue.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getValue = void 0;
+function getValue(data, path, defaultValue) {
+    const value = path
+        .split(/[.[\]]/)
+        .filter(Boolean)
+        .reduce((value, key) => value === null || value === void 0 ? void 0 : value[key], data);
+    return value !== undefined ? value : defaultValue;
+}
+exports.getValue = getValue;
+//# sourceMappingURL=getValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getValue.js","sourceRoot":"","sources":["../../../src/utils/getValue.ts"],"names":[],"mappings":";;;AAEA,SAAgB,QAAQ,CAKtB,IAAW,EACX,IAAW,EACX,YAAuB;IAEvB,MAAM,KAAK,GAAG,IAAI;SACf,KAAK,CAAC,QAAQ,CAAC;SACf,MAAM,CAAC,OAAO,CAAC;SACf,MAAM,CACL,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAE,KAAa,aAAb,KAAK,uBAAL,KAAK,CAAW,GAAG,CAAC,EACrC,IAAW,CACZ,CAAC;IAEJ,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,YAAyB,CAAC;AAClE,CAAC;AAlBD,4BAkBC"}

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

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

package/dist/cjs/utils/index.js

@@ -0,0 +1,18 @@
+"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("./getValue"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,4 @@
+declare type FieldWithPossiblyUndefined<T, Key> = GetFieldType<Exclude<T, undefined>, Key> | Extract<T, undefined>;
+declare type GetIndexedField<T, K> = K extends keyof T ? T[K] : K extends `${number}` ? '0' extends keyof T ? undefined : number extends keyof T ? T[number] : undefined : undefined;
+export declare type GetFieldType<T, P> = P extends `${infer Left}.${infer Right}` ? Left extends keyof T ? FieldWithPossiblyUndefined<T[Left], Right> : Left extends `${infer FieldKey}[${infer IndexKey}]` ? FieldKey extends keyof T ? FieldWithPossiblyUndefined<GetIndexedField<Exclude<T[FieldKey], undefined>, IndexKey> | Extract<T[FieldKey], undefined>, Right> : undefined : undefined : P extends keyof T ? T[P] : P extends `${infer FieldKey}[${infer IndexKey}]` ? FieldKey extends keyof T ? GetIndexedField<Exclude<T[FieldKey], undefined>, IndexKey> | Extract<T[FieldKey], undefined> : undefined : undefined;
+export {};

package/dist/cjs/utils/types.js

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

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

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

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

@@ -4,6 +4,7 @@ import { SizeMap } from '../core.types';
 import { Border } from '../border';
 export interface Button {
     color: ColorToken;
+    contentColor: ColorToken;
     elevation?: ShadowElevation;
     borderWidth?: number;
     borderColor?: ColorToken;

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

@@ -6,10 +6,11 @@ import { ShadowElevation, ShadowMode } from '../shadow';
 export interface Container {
     maxWidth?: number;
     align?: HorizontalAlign;
-    contentSpacing?: SizeMap;
     topPadding?: SizeMap;
-    padding?: SizeMap;
+    bottomPadding?: SizeMap;
+    horizontalPadding?: SizeMap;
     spacing?: SizeMap;
+    contentSpacing?: SizeMap;
     backgroundType?: BackgroundType;
     borderRadii?: SizeMap;
     shadowMode?: ShadowMode;

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

@@ -1,5 +1,3 @@
 export * from './layout.types';
-export * from './breakpoint.helper';
-export * from './breakpoint.model';
-export * from './layout.records';
+export * from './layout.helper';
 export * from './layout.model';

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

@@ -1,6 +1,4 @@
 export * from './layout.types';
-export * from './breakpoint.helper';
-export * from './breakpoint.model';
-export * from './layout.records';
+export * from './layout.helper';
 export * from './layout.model';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { Size } from '../core.types';
+import { DeviceOrientation } from './layout.types';
+export declare function getDeviceSize(height: number, width: number): Size;
+export declare function getDeviceOrientation(height: number, width: number): DeviceOrientation;

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

@@ -0,0 +1,20 @@
+export function getDeviceSize(height, width) {
+    if (!height || !width)
+        return 'md';
+    const max = Math.max(height, width);
+    if (max <= 600) // Small Mobile
+        return 'xs';
+    if (max <= 960) // Large Mobile
+        return 'sm';
+    if (max <= 1264) // Tablets
+        return 'md';
+    if (max <= 1904) // Laptops & Monitors
+        return 'lg';
+    return 'xl'; // Large Monitors
+}
+export function getDeviceOrientation(height, width) {
+    if (!height || !width)
+        return 'landscape';
+    return height > width ? 'portrait' : 'landscape';
+}
+//# sourceMappingURL=layout.helper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.helper.js","sourceRoot":"","sources":["../../../../src/core/layout/layout.helper.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa,CAAC,MAAc,EAAE,KAAa;IAEzD,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEnC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEpC,IAAI,GAAG,IAAI,GAAG,EAAE,eAAe;QAC7B,OAAO,IAAI,CAAC;IAEd,IAAI,GAAG,IAAI,GAAG,EAAE,eAAe;QAC7B,OAAO,IAAI,CAAC;IAEd,IAAI,GAAG,IAAI,IAAI,EAAE,UAAU;QACzB,OAAO,IAAI,CAAC;IAEd,IAAI,GAAG,IAAI,IAAI,EAAE,qBAAqB;QACpC,OAAO,IAAI,CAAC;IAEd,OAAO,IAAI,CAAA,CAAC,iBAAiB;AAC/B,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAc,EAAE,KAAa;IAEhE,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;QAAE,OAAO,WAAW,CAAC;IAE1C,OAAO,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAA;AAElD,CAAC"}

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

@@ -1,5 +1,5 @@
 import { Size } from '../core.types';
 export interface Layout {
-    deviseSize: Size;
+    deviceSize: Size;
     orientation: 'portrait' | 'landscape';
 }

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

@@ -1,3 +1 @@
-import { SizeMap } from '../core.types';
-export declare type elements = 'margin' | 'border' | 'padding';
-export declare const spacings: SizeMap;
+export declare type DeviceOrientation = 'portrait' | 'landscape';

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

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

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

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

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

@@ -1,11 +1,15 @@
 const BaseButton = {
-    verticalPadding: { xs: 4, sm: 8, md: 12, lg: 16, xl: 20 },
-    horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
     borderRadius: 100,
+    color: 'primary-container',
+    contentColor: 'on-primary-container',
+    verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
+    horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
 };
 const BaseContainer = {
+    color: 'primary-container',
+    contentColor: 'on-primary-container',
     borderRadii: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
-    padding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
+    horizontalPadding: { xs: 12, sm: 18, md: 24, lg: 30, xl: 36 },
     contentSpacing: { xs: 8, sm: 12, md: 16, lg: 20, xl: 24 },
 };
 export const BaseTheme = {
@@ -176,13 +180,13 @@ export const BaseTheme = {
         }
     },
     buttons: {
-        elevated: Object.assign(Object.assign({}, BaseButton), { color: 'surface', shadowElevation: 'raised' }),
+        elevated: Object.assign(Object.assign({}, BaseButton), { color: 'surface', contentColor: 'on-surface', shadowElevation: 'raised' }),
         filled: Object.assign(Object.assign({}, BaseButton), { color: 'primary' }),
-        'filled-secondary': Object.assign(Object.assign({}, BaseButton), { color: 'secondary' }),
-        outlined: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', borderColor: 'primary', borderWidth: 1 }),
-        text: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
-        icon: Object.assign(Object.assign({}, BaseButton), { color: 'transparent' }),
-        'floating-action': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', borderRadius: 100, shadowElevation: 'navigation' })
+        'filled-secondary': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', contentColor: 'on-secondary' }),
+        outlined: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', borderColor: 'primary', contentColor: 'on-primary', borderWidth: 1 }),
+        text: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', contentColor: 'on-surface' }),
+        icon: Object.assign(Object.assign({}, BaseButton), { color: 'transparent', contentColor: 'on-surface' }),
+        'floating-action': Object.assign(Object.assign({}, BaseButton), { color: 'secondary', contentColor: 'on-secondary', borderRadii: { xs: 5, sm: 8, md: 12, lg: 16, xl: 12 }, shadowElevation: 'navigation', verticalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 }, horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 } })
     },
     containers: {
         card: Object.assign(Object.assign({}, BaseContainer), { color: 'surface', contentColor: 'on-surface', shadowMode: 'interactive' }),