@uni-design-system/uni-core 0.0.22 → 0.0.23
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/background/background.model.d.ts +9 -0
- package/dist/cjs/core/background/background.model.js +3 -0
- package/dist/cjs/core/background/background.model.js.map +1 -0
- package/dist/cjs/core/background/background.types.d.ts +1 -0
- package/dist/cjs/core/background/background.types.js +3 -0
- package/dist/cjs/core/background/background.types.js.map +1 -0
- package/dist/cjs/core/background/index.d.ts +2 -0
- package/dist/cjs/core/background/index.js +19 -0
- package/dist/cjs/core/background/index.js.map +1 -0
- package/dist/cjs/core/border/border.model.d.ts +11 -0
- package/dist/cjs/core/border/border.model.js +3 -0
- package/dist/cjs/core/border/border.model.js.map +1 -0
- package/dist/cjs/core/border/border.types.d.ts +1 -0
- package/dist/cjs/core/border/border.types.js +3 -0
- package/dist/cjs/core/border/border.types.js.map +1 -0
- package/dist/cjs/core/border/index.d.ts +2 -0
- package/dist/cjs/core/border/index.js +19 -0
- package/dist/cjs/core/border/index.js.map +1 -0
- package/dist/cjs/core/button/button.model.d.ts +16 -0
- package/dist/cjs/core/button/button.model.js +3 -0
- package/dist/cjs/core/button/button.model.js.map +1 -0
- package/dist/cjs/core/button/button.types.d.ts +1 -0
- package/dist/cjs/core/button/button.types.js +3 -0
- package/dist/cjs/core/button/button.types.js.map +1 -0
- package/dist/cjs/core/button/index.d.ts +2 -0
- package/dist/cjs/core/button/index.js +19 -0
- package/dist/cjs/core/button/index.js.map +1 -0
- package/dist/cjs/core/color/color.helper.d.ts +4 -0
- package/dist/cjs/core/color/color.helper.js +17 -0
- package/dist/cjs/core/color/color.helper.js.map +1 -0
- package/dist/cjs/core/color/color.model.d.ts +22 -0
- package/dist/cjs/core/color/color.model.js +3 -0
- package/dist/cjs/core/color/color.model.js.map +1 -0
- package/dist/cjs/core/color/color.types.d.ts +17 -0
- package/dist/cjs/core/color/color.types.js +35 -0
- package/dist/cjs/core/color/color.types.js.map +1 -0
- package/dist/cjs/core/color/index.d.ts +3 -0
- package/dist/cjs/core/color/index.js +20 -0
- package/dist/cjs/core/color/index.js.map +1 -0
- package/dist/cjs/core/container/container.model.d.ts +44 -0
- package/dist/cjs/core/container/container.model.js +3 -0
- package/dist/cjs/core/container/container.model.js.map +1 -0
- package/dist/cjs/core/container/container.types.d.ts +1 -0
- package/dist/cjs/core/container/container.types.js +3 -0
- package/dist/cjs/core/container/container.types.js.map +1 -0
- package/dist/cjs/core/container/index.d.ts +2 -0
- package/dist/cjs/core/container/index.js +19 -0
- package/dist/cjs/core/container/index.js.map +1 -0
- package/dist/cjs/core/core.types.d.ts +10 -0
- package/dist/cjs/core/core.types.js +3 -0
- package/dist/cjs/core/core.types.js.map +1 -0
- package/dist/cjs/core/flex/flex.types.d.ts +8 -0
- package/dist/cjs/core/flex/flex.types.js +3 -0
- package/dist/cjs/core/flex/flex.types.js.map +1 -0
- package/dist/cjs/core/flex/index.d.ts +1 -0
- package/dist/cjs/core/flex/index.js +18 -0
- package/dist/cjs/core/flex/index.js.map +1 -0
- package/dist/cjs/core/gradient/gradient.helper.d.ts +2 -0
- package/dist/cjs/core/gradient/gradient.helper.js +8 -0
- package/dist/cjs/core/gradient/gradient.helper.js.map +1 -0
- package/dist/cjs/core/gradient/gradient.model.d.ts +6 -0
- package/dist/cjs/core/gradient/gradient.model.js +3 -0
- package/dist/cjs/core/gradient/gradient.model.js.map +1 -0
- package/dist/cjs/core/gradient/gradient.types.d.ts +1 -0
- package/dist/cjs/core/gradient/gradient.types.js +3 -0
- package/dist/cjs/core/gradient/gradient.types.js.map +1 -0
- package/dist/cjs/core/gradient/index.d.ts +3 -0
- package/dist/cjs/core/gradient/index.js +20 -0
- package/dist/cjs/core/gradient/index.js.map +1 -0
- package/dist/cjs/core/iconography/icon.model.d.ts +7 -0
- package/dist/cjs/core/iconography/icon.model.js +3 -0
- package/dist/cjs/core/iconography/icon.model.js.map +1 -0
- package/dist/cjs/core/iconography/icon.types.d.ts +3 -0
- package/dist/cjs/core/iconography/icon.types.js +3 -0
- package/dist/cjs/core/iconography/icon.types.js.map +1 -0
- package/dist/cjs/core/iconography/index.d.ts +2 -0
- package/dist/cjs/core/iconography/index.js +19 -0
- package/dist/cjs/core/iconography/index.js.map +1 -0
- package/dist/cjs/core/index.d.ts +14 -0
- package/dist/cjs/core/index.js +31 -0
- package/dist/cjs/core/index.js.map +1 -0
- package/dist/cjs/core/layout/breakpoint.helper.d.ts +2 -0
- package/dist/cjs/core/layout/breakpoint.helper.js +19 -0
- package/dist/cjs/core/layout/breakpoint.helper.js.map +1 -0
- package/dist/cjs/core/layout/breakpoint.model.d.ts +4 -0
- package/dist/cjs/core/layout/breakpoint.model.js +3 -0
- package/dist/cjs/core/layout/breakpoint.model.js.map +1 -0
- package/dist/cjs/core/layout/index.d.ts +5 -0
- package/dist/cjs/core/layout/index.js +22 -0
- package/dist/cjs/core/layout/index.js.map +1 -0
- package/dist/cjs/core/layout/layout.model.d.ts +5 -0
- package/dist/cjs/core/layout/layout.model.js +3 -0
- package/dist/cjs/core/layout/layout.model.js.map +1 -0
- package/dist/cjs/core/layout/layout.records.d.ts +2 -0
- package/dist/cjs/core/layout/layout.records.js +11 -0
- package/dist/cjs/core/layout/layout.records.js.map +1 -0
- package/dist/cjs/core/layout/layout.types.d.ts +3 -0
- package/dist/cjs/core/layout/layout.types.js +5 -0
- package/dist/cjs/core/layout/layout.types.js.map +1 -0
- package/dist/cjs/core/masking/index.d.ts +2 -0
- package/dist/cjs/core/masking/index.js +19 -0
- package/dist/cjs/core/masking/index.js.map +1 -0
- package/dist/cjs/core/masking/masking.model.d.ts +6 -0
- package/dist/cjs/core/masking/masking.model.js +3 -0
- package/dist/cjs/core/masking/masking.model.js.map +1 -0
- package/dist/cjs/core/masking/masking.types.d.ts +1 -0
- package/dist/cjs/core/masking/masking.types.js +3 -0
- package/dist/cjs/core/masking/masking.types.js.map +1 -0
- package/dist/cjs/core/shadow/index.d.ts +3 -0
- package/dist/cjs/core/shadow/index.js +20 -0
- package/dist/cjs/core/shadow/index.js.map +1 -0
- package/dist/cjs/core/shadow/shadow.model.d.ts +9 -0
- package/dist/cjs/core/shadow/shadow.model.js +3 -0
- package/dist/cjs/core/shadow/shadow.model.js.map +1 -0
- package/dist/cjs/core/shadow/shadow.records.d.ts +4 -0
- package/dist/cjs/core/shadow/shadow.records.js +54 -0
- package/dist/cjs/core/shadow/shadow.records.js.map +1 -0
- package/dist/cjs/core/shadow/shadow.types.d.ts +2 -0
- package/dist/cjs/core/shadow/shadow.types.js +4 -0
- package/dist/cjs/core/shadow/shadow.types.js.map +1 -0
- package/dist/cjs/core/theme/index.d.ts +6 -0
- package/dist/cjs/core/theme/index.js +23 -0
- package/dist/cjs/core/theme/index.js.map +1 -0
- package/dist/cjs/core/theme/theme.model.d.ts +17 -0
- package/dist/cjs/core/theme/theme.model.js +3 -0
- package/dist/cjs/core/theme/theme.model.js.map +1 -0
- package/dist/cjs/core/theme/theme.records.d.ts +3 -0
- package/dist/cjs/core/theme/theme.records.js +12 -0
- package/dist/cjs/core/theme/theme.records.js.map +1 -0
- package/dist/cjs/core/theme/theme.types.d.ts +1 -0
- package/dist/cjs/core/theme/theme.types.js +3 -0
- package/dist/cjs/core/theme/theme.types.js.map +1 -0
- package/dist/cjs/core/theme/themes/base.theme.d.ts +2 -0
- package/dist/cjs/core/theme/themes/base.theme.js +199 -0
- package/dist/cjs/core/theme/themes/base.theme.js.map +1 -0
- package/dist/cjs/core/theme/themes/dark.theme.d.ts +2 -0
- package/dist/cjs/core/theme/themes/dark.theme.js +36 -0
- package/dist/cjs/core/theme/themes/dark.theme.js.map +1 -0
- package/dist/cjs/core/theme/themes/light.theme.d.ts +2 -0
- package/dist/cjs/core/theme/themes/light.theme.js +6 -0
- package/dist/cjs/core/theme/themes/light.theme.js.map +1 -0
- package/dist/cjs/core/typography/index.d.ts +3 -0
- package/dist/cjs/core/typography/index.js +20 -0
- package/dist/cjs/core/typography/index.js.map +1 -0
- package/dist/cjs/core/typography/text.model.d.ts +16 -0
- package/dist/cjs/core/typography/text.model.js +3 -0
- package/dist/cjs/core/typography/text.model.js.map +1 -0
- package/dist/cjs/core/typography/typography.records.d.ts +2 -0
- package/dist/cjs/core/typography/typography.records.js +16 -0
- package/dist/cjs/core/typography/typography.records.js.map +1 -0
- package/dist/cjs/core/typography/typography.types.d.ts +7 -0
- package/dist/cjs/core/typography/typography.types.js +3 -0
- package/dist/cjs/core/typography/typography.types.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +19 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/utils/getValue.d.ts +2 -0
- package/dist/cjs/utils/getValue.js +12 -0
- package/dist/cjs/utils/getValue.js.map +1 -0
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +18 -0
- package/dist/cjs/utils/index.js.map +1 -0
- package/dist/cjs/utils/types.d.ts +4 -0
- package/dist/cjs/utils/types.js +3 -0
- package/dist/cjs/utils/types.js.map +1 -0
- package/dist/esm/core/theme/themes/base.theme.js +3 -0
- package/dist/esm/core/theme/themes/base.theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/background/background.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type BackgroundType = 'Solid' | 'Gradient' | 'Blur' | 'Image' | 'Transparent' | 'Layer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/background/background.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./background.model"), exports);
|
|
18
|
+
__exportStar(require("./background.types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/background/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ColorToken } from '../color';
|
|
2
|
+
export interface Border {
|
|
3
|
+
colorTop: ColorToken;
|
|
4
|
+
colorBottom: ColorToken;
|
|
5
|
+
colorLeft: ColorToken;
|
|
6
|
+
colorRight: ColorToken;
|
|
7
|
+
widthTop: number;
|
|
8
|
+
widthBottom: number;
|
|
9
|
+
widthLeft: number;
|
|
10
|
+
widthRight: number;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.model.js","sourceRoot":"","sources":["../../../../src/core/border/border.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type BorderWidth = 'thick' | 'default' | 'thin' | 'none';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.types.js","sourceRoot":"","sources":["../../../../src/core/border/border.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./border.types"), exports);
|
|
18
|
+
__exportStar(require("./border.model"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ShadowElevation } from '../shadow';
|
|
2
|
+
import { ColorToken } from '../color';
|
|
3
|
+
import { SizeMap } from '../core.types';
|
|
4
|
+
import { Border } from '../border';
|
|
5
|
+
export interface Button {
|
|
6
|
+
color: ColorToken;
|
|
7
|
+
elevation?: ShadowElevation;
|
|
8
|
+
borderWidth?: number;
|
|
9
|
+
borderColor?: ColorToken;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
borderRadii?: SizeMap;
|
|
12
|
+
horizontalPadding: SizeMap;
|
|
13
|
+
verticalPadding: SizeMap;
|
|
14
|
+
border?: Border;
|
|
15
|
+
shadowElevation?: ShadowElevation;
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.model.js","sourceRoot":"","sources":["../../../../src/core/button/button.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type ButtonType = 'elevated' | 'filled' | 'filled-secondary' | 'outlined' | 'text' | 'icon' | 'floating-action';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.types.js","sourceRoot":"","sources":["../../../../src/core/button/button.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./button.model"), exports);
|
|
18
|
+
__exportStar(require("./button.types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,iDAA+B"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.roleColor = exports.hslColor = void 0;
|
|
4
|
+
const color_types_1 = require("./color.types");
|
|
5
|
+
function hslColor(c) {
|
|
6
|
+
return `hsl(${c.hue}, ${c.saturation}, ${c.lightness}, ${c.alpha})`;
|
|
7
|
+
}
|
|
8
|
+
exports.hslColor = hslColor;
|
|
9
|
+
function roleColor(r) {
|
|
10
|
+
const hue = color_types_1.roleHues[r].default;
|
|
11
|
+
const role = r;
|
|
12
|
+
const alpha = 1;
|
|
13
|
+
const category = 'jewel';
|
|
14
|
+
return hslColor({ role, category, hue, alpha });
|
|
15
|
+
}
|
|
16
|
+
exports.roleColor = roleColor;
|
|
17
|
+
//# sourceMappingURL=color.helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.helper.js","sourceRoot":"","sources":["../../../../src/core/color/color.helper.ts"],"names":[],"mappings":";;;AACA,+CAAsE;AAEtE,SAAgB,QAAQ,CAAC,CAAQ;IAC/B,OAAO,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC;AACtE,CAAC;AAFD,4BAEC;AAED,SAAgB,SAAS,CAAC,CAAa;IAErC,MAAM,GAAG,GAAG,sBAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChC,MAAM,IAAI,GAAe,CAAC,CAAC;IAC3B,MAAM,KAAK,GAAG,CAAC,CAAC;IAChB,MAAM,QAAQ,GAAoB,OAAO,CAAC;IAE1C,OAAO,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC;AARD,8BAQC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { colorCategories, colorRoles, colorSchemes, colorStyles } from './color.types';
|
|
2
|
+
export interface Color {
|
|
3
|
+
scheme?: colorSchemes;
|
|
4
|
+
style?: colorStyles;
|
|
5
|
+
role?: colorRoles;
|
|
6
|
+
category?: colorCategories;
|
|
7
|
+
GradientPosition?: GradientPosition;
|
|
8
|
+
saturationRange?: Range;
|
|
9
|
+
brightnessRangeMap?: Range;
|
|
10
|
+
hue: number | undefined;
|
|
11
|
+
saturation?: number;
|
|
12
|
+
lightness?: number;
|
|
13
|
+
alpha: number;
|
|
14
|
+
}
|
|
15
|
+
export interface GradientPosition {
|
|
16
|
+
value: string;
|
|
17
|
+
}
|
|
18
|
+
export interface Range {
|
|
19
|
+
low: number;
|
|
20
|
+
high: number;
|
|
21
|
+
default?: number;
|
|
22
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.model.js","sourceRoot":"","sources":["../../../../src/core/color/color.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Range } from './color.model';
|
|
2
|
+
export declare type colorStyles = 'solid' | 'transparent' | 'gradient';
|
|
3
|
+
export declare type ColorOutput = 'HEX' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA';
|
|
4
|
+
export declare type colorSchemes = 'monochromatic' | 'analogous' | 'complimentary' | 'splitComplimentary' | 'triadic';
|
|
5
|
+
export declare type colorCategories = 'jewel' | 'pastel' | 'earth' | 'neutral' | 'florescent' | 'shades';
|
|
6
|
+
export declare const saturationRanges: Record<colorCategories, Range>;
|
|
7
|
+
export declare const lightnessRanges: Record<colorCategories, Range>;
|
|
8
|
+
export declare type utilColorRoles = 'warn' | 'alert' | 'success' | 'info';
|
|
9
|
+
export declare type colorRoles = 'primary' | 'secondary' | 'tertiary' | 'inverse' | 'ghost';
|
|
10
|
+
export declare const roleHues: Record<colorRoles, Range>;
|
|
11
|
+
export declare const utilHues: Record<utilColorRoles, Range>;
|
|
12
|
+
export declare type ColorModes = 'base' | 'hover' | 'active' | 'disabled';
|
|
13
|
+
export declare type ColorToken = ElementColorToken | ContainerColorToken | ContentColorToken | UtilityColorToken;
|
|
14
|
+
export declare type ElementColorToken = 'primary' | 'secondary' | 'tertiary' | 'error';
|
|
15
|
+
export declare type ContainerColorToken = 'primary-container' | 'secondary-container' | 'tertiary-container' | 'error-container' | 'background' | 'surface' | 'surface-variant' | 'inverse-surface' | 'transparent';
|
|
16
|
+
export declare type ContentColorToken = 'on-primary' | 'on-primary-container' | 'on-secondary' | 'on-secondary-container' | 'on-tertiary' | 'on-tertiary-container' | 'on-error' | 'on-error-container' | 'on-background' | 'on-surface' | 'on-surface-variant' | 'inverse-on-surface' | 'inverse-on-surface-primary';
|
|
17
|
+
export declare type UtilityColorToken = 'outline' | 'shadow' | 'surface-tint' | 'transparent';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
// https://designerup.co/blog/ui-design-choosing-color-palettes/
|
|
3
|
+
// https://designerup.co/blog/practical-guide-to-perfect-ui-color-palettes/
|
|
4
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
5
|
+
exports.utilHues = exports.roleHues = exports.lightnessRanges = exports.saturationRanges = void 0;
|
|
6
|
+
exports.saturationRanges = {
|
|
7
|
+
jewel: { low: 73, high: 83 },
|
|
8
|
+
pastel: { low: 14, high: 21 },
|
|
9
|
+
earth: { low: 36, high: 41 },
|
|
10
|
+
neutral: { low: 1, high: 10 },
|
|
11
|
+
florescent: { low: 63, high: 100 },
|
|
12
|
+
shades: { low: 0, high: 0 },
|
|
13
|
+
};
|
|
14
|
+
exports.lightnessRanges = {
|
|
15
|
+
jewel: { low: 56, high: 76 },
|
|
16
|
+
pastel: { low: 89, high: 96 },
|
|
17
|
+
earth: { low: 36, high: 77 },
|
|
18
|
+
neutral: { low: 70, high: 99 },
|
|
19
|
+
florescent: { low: 82, high: 100 },
|
|
20
|
+
shades: { low: 0, high: 100 }
|
|
21
|
+
};
|
|
22
|
+
exports.roleHues = {
|
|
23
|
+
primary: { low: 73, high: 83, default: 0 },
|
|
24
|
+
secondary: { low: 14, high: 21, default: 0 },
|
|
25
|
+
tertiary: { low: 36, high: 41, default: 0 },
|
|
26
|
+
inverse: { low: 63, high: 100, default: 0 },
|
|
27
|
+
ghost: { low: 0, high: 0, default: 0 },
|
|
28
|
+
};
|
|
29
|
+
exports.utilHues = {
|
|
30
|
+
warn: { low: 320, high: 20, default: 0 },
|
|
31
|
+
alert: { low: 40, high: 70, default: 60 },
|
|
32
|
+
success: { low: 90, high: 150, default: 120 },
|
|
33
|
+
info: { low: 200, high: 260, default: 240 }, // blue
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=color.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.types.js","sourceRoot":"","sources":["../../../../src/core/color/color.types.ts"],"names":[],"mappings":";AAAA,gEAAgE;AAChE,2EAA2E;;;AA+B9D,QAAA,gBAAgB,GAAmC;IAC9D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;CAC5B,CAAC;AAEW,QAAA,eAAe,GAAmC;IAC7D,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7B,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9B,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE;CAC9B,CAAC;AAqBW,QAAA,QAAQ,GAA8B;IACjD,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC1C,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC5C,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;IAC3C,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;CACvC,CAAA;AAEY,QAAA,QAAQ,GAAkC;IACrD,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;IACxC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACzC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;IAC7C,IAAI,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,OAAO;CACrD,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./color.helper"), exports);
|
|
18
|
+
__exportStar(require("./color.model"), exports);
|
|
19
|
+
__exportStar(require("./color.types"), exports);
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { BackgroundType } from '../background';
|
|
2
|
+
import { BorderWidth } from '../border';
|
|
3
|
+
import { ColorToken, ContainerColorToken, ContentColorToken } from '../color';
|
|
4
|
+
import { Apply, HorizontalAlign, RadiusApply, Size, SizeMap } from '../core.types';
|
|
5
|
+
import { ShadowElevation, ShadowMode } from '../shadow';
|
|
6
|
+
export interface Container {
|
|
7
|
+
maxWidth?: number;
|
|
8
|
+
align?: HorizontalAlign;
|
|
9
|
+
contentSpacing?: SizeMap;
|
|
10
|
+
topPadding?: SizeMap;
|
|
11
|
+
padding?: SizeMap;
|
|
12
|
+
spacing?: SizeMap;
|
|
13
|
+
backgroundType?: BackgroundType;
|
|
14
|
+
borderRadii?: SizeMap;
|
|
15
|
+
shadowMode?: ShadowMode;
|
|
16
|
+
shadowElevation?: ShadowElevation;
|
|
17
|
+
color: ContainerColorToken;
|
|
18
|
+
contentColor: ContentColorToken;
|
|
19
|
+
blur?: {
|
|
20
|
+
amount?: number;
|
|
21
|
+
};
|
|
22
|
+
border?: {
|
|
23
|
+
apply?: Apply;
|
|
24
|
+
applyAsSeparator?: boolean;
|
|
25
|
+
color?: ColorToken;
|
|
26
|
+
thickness?: BorderWidth;
|
|
27
|
+
};
|
|
28
|
+
radius?: {
|
|
29
|
+
size?: Size;
|
|
30
|
+
apply?: RadiusApply;
|
|
31
|
+
};
|
|
32
|
+
gradient?: {
|
|
33
|
+
degree?: number;
|
|
34
|
+
colors?: string[];
|
|
35
|
+
};
|
|
36
|
+
imageConfig?: {
|
|
37
|
+
src?: string;
|
|
38
|
+
};
|
|
39
|
+
margin?: {
|
|
40
|
+
horizontal?: SizeMap;
|
|
41
|
+
bottom?: SizeMap;
|
|
42
|
+
top?: SizeMap;
|
|
43
|
+
};
|
|
44
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.model.js","sourceRoot":"","sources":["../../../../src/core/container/container.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type ContainerType = 'card' | 'screen' | 'modal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.types.js","sourceRoot":"","sources":["../../../../src/core/container/container.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./container.model"), exports);
|
|
18
|
+
__exportStar(require("./container.types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/container/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare type Role = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'warn' | 'link';
|
|
2
|
+
export declare type SupportRole = 'info' | 'warn' | 'success' | 'error';
|
|
3
|
+
export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export declare type SizeMap = Record<Size, number>;
|
|
5
|
+
export declare type HorizontalBinary = 'left' | 'right';
|
|
6
|
+
export declare type HorizontalAlign = HorizontalBinary | 'center';
|
|
7
|
+
export declare type VerticalBinary = 'top' | 'bottom';
|
|
8
|
+
export declare type VerticalAlign = VerticalBinary | 'middle';
|
|
9
|
+
export declare type Apply = HorizontalBinary | VerticalBinary | 'vertical' | 'horizontal' | 'all';
|
|
10
|
+
export declare type RadiusApply = 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'all' | 'none';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core.types.js","sourceRoot":"","sources":["../../../src/core/core.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare type Flex = number;
|
|
2
|
+
export declare type FlexGrow = number;
|
|
3
|
+
export declare type FlexShrink = number;
|
|
4
|
+
export declare type FlexWrap = 'wrap' | 'nowrap';
|
|
5
|
+
export declare type FlexDirection = 'row' | 'column' | 'column-reverse' | 'row-reverse';
|
|
6
|
+
export declare type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
|
|
7
|
+
export declare type AlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between' | 'stretch';
|
|
8
|
+
export declare type AlignItems = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flex.types.js","sourceRoot":"","sources":["../../../../src/core/flex/flex.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './flex.types';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./flex.types"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/flex/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.helper.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.helper.ts"],"names":[],"mappings":";;;AAEA,SAAgB,QAAQ,CAAC,MAAgB;IACvC,OAAO,EAAE,CAAC;AACZ,CAAC;AAFD,4BAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.model.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type GradientType = 'linear' | 'radial' | 'conic';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gradient.types.js","sourceRoot":"","sources":["../../../../src/core/gradient/gradient.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./gradient.model"), exports);
|
|
18
|
+
__exportStar(require("./gradient.helper"), exports);
|
|
19
|
+
__exportStar(require("./gradient.types"), exports);
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/gradient/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,oDAAkC;AAClC,mDAAiC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.model.js","sourceRoot":"","sources":["../../../../src/core/iconography/icon.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare type IconStyle = 'solid' | 'outline';
|
|
2
|
+
export declare type ToggleableIcon = 'radio' | 'check' | 'like' | 'favorite' | 'lock' | 'view';
|
|
3
|
+
export declare type IconToken = 'alert' | 'warn' | 'disabled' | 'trash' | 'user' | 'back' | 'next' | 'add' | 'create' | 'copy' | 'edit' | 'disable' | 'save' | 'pin' | 'tag' | 'update' | 'archive' | 'delete' | 'lock' | 'unlock' | 'view' | 'hide' | 'open' | 'expand' | 'collapse' | 'info' | 'success' | 'warning' | 'logo' | 'chat' | 'down' | 'favorite' | 'location' | 'message' | 'profile' | 'question' | 'remove' | 'schedule' | 'search' | 'send' | 'settings' | 'share' | 'up' | 'play' | 'stop' | 'forward' | 'beginning' | 'plus' | 'minus' | 'more' | 'details' | 'call' | 'video' | 'inbox' | 'mail' | 'comment' | 'home';
|