@uni-design-system/uni-core 0.0.29 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core/color/color.helper.d.ts +1 -0
- package/dist/cjs/core/color/color.helper.js +6 -1
- package/dist/cjs/core/color/color.helper.js.map +1 -1
- package/dist/cjs/core/theme/theme.records.js +3 -1
- package/dist/cjs/core/theme/theme.records.js.map +1 -1
- package/dist/cjs/core/theme/themes/square.theme.d.ts +2 -0
- package/dist/cjs/core/theme/themes/square.theme.js +21 -0
- package/dist/cjs/core/theme/themes/square.theme.js.map +1 -0
- package/dist/esm/core/color/color.helper.d.ts +1 -0
- package/dist/esm/core/color/color.helper.js +4 -0
- package/dist/esm/core/color/color.helper.js.map +1 -1
- package/dist/esm/core/theme/theme.records.js +3 -1
- package/dist/esm/core/theme/theme.records.js.map +1 -1
- package/dist/esm/core/theme/themes/square.theme.d.ts +2 -0
- package/dist/esm/core/theme/themes/square.theme.js +18 -0
- package/dist/esm/core/theme/themes/square.theme.js.map +1 -0
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HSL, HSLA, RGB, UniColor } from './color.model';
|
|
2
2
|
export declare function HSLAToString({ hue, saturation, lightness, alpha }: HSLA): string;
|
|
3
|
+
export declare function RGBToString({ red, green, blue }: RGB): string;
|
|
3
4
|
export declare function uniColor({ role, category, alpha }: UniColor): string;
|
|
4
5
|
export declare const RGBToHSL: ({ red, green, blue }: RGB) => HSL;
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.RGBToHSL = exports.uniColor = exports.HSLAToString = void 0;
|
|
3
|
+
exports.RGBToHSL = exports.uniColor = exports.RGBToString = exports.HSLAToString = void 0;
|
|
4
4
|
const color_records_1 = require("./color.records");
|
|
5
5
|
const color_utils_1 = require("./color.utils");
|
|
6
6
|
function HSLAToString({ hue, saturation, lightness, alpha = 1 }) {
|
|
7
7
|
return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
|
|
8
8
|
}
|
|
9
9
|
exports.HSLAToString = HSLAToString;
|
|
10
|
+
function RGBToString({ red, green, blue }) {
|
|
11
|
+
return `rgb(${red}, ${green}, ${blue})`;
|
|
12
|
+
}
|
|
13
|
+
exports.RGBToString = RGBToString;
|
|
10
14
|
function uniColor({ role, category, alpha = 1 }) {
|
|
11
15
|
const hue = (0, color_utils_1.randomRangeValue)(color_records_1.RoleHues[role]);
|
|
12
16
|
const saturation = (0, color_utils_1.randomRangeValue)(color_records_1.CategorySaturation[category]);
|
|
@@ -28,4 +32,5 @@ const RGBToHSL = ({ red, green, blue }) => {
|
|
|
28
32
|
};
|
|
29
33
|
};
|
|
30
34
|
exports.RGBToHSL = RGBToHSL;
|
|
35
|
+
// Future Methods - https://codepen.io/jkantner/pen/VVEMRK
|
|
31
36
|
//# sourceMappingURL=color.helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,mDAAkF;AAClF,+CAAiD;AAEjD,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAFD,oCAEC;AAED,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,IAAA,8BAAgB,EAAC,wBAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAA,8BAAgB,EAAC,kCAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,8BAAgB,EAAC,iCAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAND,4BAMC;AAEM,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
|
|
1
|
+
{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,mDAAkF;AAClF,+CAAiD;AAEjD,SAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAFD,oCAEC;AAED,SAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO;IACnD,OAAO,OAAO,GAAG,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC;AAC1C,CAAC;AAFD,kCAEC;AAED,SAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,IAAA,8BAAgB,EAAC,wBAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,IAAA,8BAAgB,EAAC,kCAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,IAAA,8BAAgB,EAAC,iCAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAND,4BAMC;AAEM,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB;AAEF,0DAA0D"}
|
|
@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DefaultThemeId = exports.BuiltInThemes = void 0;
|
|
4
4
|
const dark_theme_1 = require("./themes/dark.theme");
|
|
5
5
|
const light_theme_1 = require("./themes/light.theme");
|
|
6
|
+
const square_theme_1 = require("./themes/square.theme");
|
|
6
7
|
exports.BuiltInThemes = {
|
|
7
8
|
LightTheme: light_theme_1.LightTheme,
|
|
8
|
-
DarkTheme: dark_theme_1.DarkTheme
|
|
9
|
+
DarkTheme: dark_theme_1.DarkTheme,
|
|
10
|
+
SquareTheme: square_theme_1.SquareTheme,
|
|
9
11
|
};
|
|
10
12
|
// First Theme is default.
|
|
11
13
|
exports.DefaultThemeId = Object.keys(exports.BuiltInThemes)[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":";;;AACA,oDAAgD;AAChD,sDAAkD;
|
|
1
|
+
{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":";;;AACA,oDAAgD;AAChD,sDAAkD;AAClD,wDAAoD;AAEvC,QAAA,aAAa,GAA0B;IAClD,UAAU,EAAV,wBAAU;IACV,SAAS,EAAT,sBAAS;IACT,WAAW,EAAX,0BAAW;CACZ,CAAC;AAEF,0BAA0B;AACb,QAAA,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SquareTheme = void 0;
|
|
4
|
+
const base_theme_1 = require("./base.theme");
|
|
5
|
+
const SquareBaseButton = {
|
|
6
|
+
borderRadius: 3,
|
|
7
|
+
color: 'primary-container',
|
|
8
|
+
contentColor: 'on-primary-container',
|
|
9
|
+
verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
|
|
10
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
11
|
+
};
|
|
12
|
+
exports.SquareTheme = Object.assign(Object.assign({}, base_theme_1.BaseTheme), { id: 'SquareTheme', name: 'Square Theme', buttons: {
|
|
13
|
+
elevated: Object.assign(Object.assign({}, SquareBaseButton), { color: 'surface', contentColor: 'on-surface', shadowElevation: 'raised' }),
|
|
14
|
+
filled: Object.assign(Object.assign({}, SquareBaseButton), { color: 'primary' }),
|
|
15
|
+
'filled-secondary': Object.assign(Object.assign({}, SquareBaseButton), { color: 'secondary', contentColor: 'on-secondary' }),
|
|
16
|
+
outlined: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', borderColor: 'primary', contentColor: 'on-primary', borderWidth: 1 }),
|
|
17
|
+
text: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', contentColor: 'on-surface' }),
|
|
18
|
+
icon: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', contentColor: 'on-surface' }),
|
|
19
|
+
'floating-action': Object.assign(Object.assign({}, SquareBaseButton), { 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 } }),
|
|
20
|
+
} });
|
|
21
|
+
//# sourceMappingURL=square.theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"square.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/square.theme.ts"],"names":[],"mappings":";;;AACA,6CAAyC;AAGzC,MAAM,gBAAgB,GAAW;IAC/B,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,mBAAmB;IAC1B,YAAY,EAAE,sBAAsB;IACpC,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACzD,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CAC7D,CAAC;AAEW,QAAA,WAAW,mCACnB,sBAAS,KACZ,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE;QACP,QAAQ,kCACH,gBAAgB,KACnB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,QAAQ,GAC1B;QACD,MAAM,kCACD,gBAAgB,KACnB,KAAK,EAAE,SAAS,GACjB;QACD,kBAAkB,kCACb,gBAAgB,KACnB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,cAAc,GAC7B;QACD,QAAQ,kCACH,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,SAAS,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,GACf;QACD,IAAI,kCACC,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,YAAY,GAC3B;QACD,IAAI,kCACC,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,YAAY,GAC3B;QACD,iBAAiB,kCACZ,gBAAgB,KACnB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACrD,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAC1D,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAC7D;KACF,IACD"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { HSL, HSLA, RGB, UniColor } from './color.model';
|
|
2
2
|
export declare function HSLAToString({ hue, saturation, lightness, alpha }: HSLA): string;
|
|
3
|
+
export declare function RGBToString({ red, green, blue }: RGB): string;
|
|
3
4
|
export declare function uniColor({ role, category, alpha }: UniColor): string;
|
|
4
5
|
export declare const RGBToHSL: ({ red, green, blue }: RGB) => HSL;
|
|
@@ -3,6 +3,9 @@ import { randomRangeValue } from './color.utils';
|
|
|
3
3
|
export function HSLAToString({ hue, saturation, lightness, alpha = 1 }) {
|
|
4
4
|
return `hsla(${hue}, ${saturation}%, ${lightness}%, ${alpha})`;
|
|
5
5
|
}
|
|
6
|
+
export function RGBToString({ red, green, blue }) {
|
|
7
|
+
return `rgb(${red}, ${green}, ${blue})`;
|
|
8
|
+
}
|
|
6
9
|
export function uniColor({ role, category, alpha = 1 }) {
|
|
7
10
|
const hue = randomRangeValue(RoleHues[role]);
|
|
8
11
|
const saturation = randomRangeValue(CategorySaturation[category]);
|
|
@@ -22,4 +25,5 @@ export const RGBToHSL = ({ red, green, blue }) => {
|
|
|
22
25
|
lightness: (100 * (2 * l - s)) / 2,
|
|
23
26
|
};
|
|
24
27
|
};
|
|
28
|
+
// Future Methods - https://codepen.io/jkantner/pen/VVEMRK
|
|
25
29
|
//# sourceMappingURL=color.helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAQ;IAC1E,OAAO,QAAQ,GAAG,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,GAAG,CAAC;AACjE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO;IACnD,OAAO,OAAO,GAAG,KAAK,KAAK,KAAK,IAAI,GAAG,CAAC;AAC1C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAY;IAC9D,MAAM,GAAG,GAAG,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,OAAO,YAAY,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC7D,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAO,EAAO,EAAE;IACzD,GAAG,IAAI,GAAG,CAAC;IACX,KAAK,IAAI,GAAG,CAAC;IACb,IAAI,IAAI,GAAG,CAAC;IACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChH,OAAO;QACL,GAAG,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;QACvC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChF,SAAS,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAEF,0DAA0D"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { DarkTheme } from './themes/dark.theme';
|
|
2
2
|
import { LightTheme } from './themes/light.theme';
|
|
3
|
+
import { SquareTheme } from './themes/square.theme';
|
|
3
4
|
export const BuiltInThemes = {
|
|
4
5
|
LightTheme,
|
|
5
|
-
DarkTheme
|
|
6
|
+
DarkTheme,
|
|
7
|
+
SquareTheme,
|
|
6
8
|
};
|
|
7
9
|
// First Theme is default.
|
|
8
10
|
export const DefaultThemeId = Object.keys(BuiltInThemes)[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"theme.records.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.records.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAA0B;IAClD,UAAU;IACV,SAAS;IACT,WAAW;CACZ,CAAC;AAEF,0BAA0B;AAC1B,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BaseTheme } from './base.theme';
|
|
2
|
+
const SquareBaseButton = {
|
|
3
|
+
borderRadius: 3,
|
|
4
|
+
color: 'primary-container',
|
|
5
|
+
contentColor: 'on-primary-container',
|
|
6
|
+
verticalPadding: { xs: 5, sm: 8, md: 12, lg: 16, xl: 20 },
|
|
7
|
+
horizontalPadding: { xs: 8, sm: 12, md: 18, lg: 24, xl: 30 },
|
|
8
|
+
};
|
|
9
|
+
export const SquareTheme = Object.assign(Object.assign({}, BaseTheme), { id: 'SquareTheme', name: 'Square Theme', buttons: {
|
|
10
|
+
elevated: Object.assign(Object.assign({}, SquareBaseButton), { color: 'surface', contentColor: 'on-surface', shadowElevation: 'raised' }),
|
|
11
|
+
filled: Object.assign(Object.assign({}, SquareBaseButton), { color: 'primary' }),
|
|
12
|
+
'filled-secondary': Object.assign(Object.assign({}, SquareBaseButton), { color: 'secondary', contentColor: 'on-secondary' }),
|
|
13
|
+
outlined: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', borderColor: 'primary', contentColor: 'on-primary', borderWidth: 1 }),
|
|
14
|
+
text: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', contentColor: 'on-surface' }),
|
|
15
|
+
icon: Object.assign(Object.assign({}, SquareBaseButton), { color: 'transparent', contentColor: 'on-surface' }),
|
|
16
|
+
'floating-action': Object.assign(Object.assign({}, SquareBaseButton), { 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 } }),
|
|
17
|
+
} });
|
|
18
|
+
//# sourceMappingURL=square.theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"square.theme.js","sourceRoot":"","sources":["../../../../../src/core/theme/themes/square.theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,MAAM,gBAAgB,GAAW;IAC/B,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,mBAAmB;IAC1B,YAAY,EAAE,sBAAsB;IACpC,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;IACzD,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,mCACnB,SAAS,KACZ,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE;QACP,QAAQ,kCACH,gBAAgB,KACnB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,QAAQ,GAC1B;QACD,MAAM,kCACD,gBAAgB,KACnB,KAAK,EAAE,SAAS,GACjB;QACD,kBAAkB,kCACb,gBAAgB,KACnB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,cAAc,GAC7B;QACD,QAAQ,kCACH,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,SAAS,EACtB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,GACf;QACD,IAAI,kCACC,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,YAAY,GAC3B;QACD,IAAI,kCACC,gBAAgB,KACnB,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,YAAY,GAC3B;QACD,iBAAiB,kCACZ,gBAAgB,KACnB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,cAAc,EAC5B,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACrD,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAC1D,iBAAiB,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAC7D;KACF,GACF,CAAC"}
|
package/package.json
CHANGED