@uni-design-system/uni-core 0.0.12 → 0.0.13
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/esm/core/border/border.model.d.ts +13 -0
- package/dist/esm/core/border/border.model.js +2 -0
- package/dist/esm/core/border/border.model.js.map +1 -0
- package/dist/esm/core/border/index.d.ts +1 -0
- package/dist/esm/core/border/index.js +1 -0
- package/dist/esm/core/border/index.js.map +1 -1
- package/dist/esm/core/button/button.model.d.ts +15 -0
- package/dist/esm/core/button/button.model.js +2 -0
- package/dist/esm/core/button/button.model.js.map +1 -0
- package/dist/esm/core/button/button.types.d.ts +1 -0
- package/dist/esm/core/button/button.types.js +2 -0
- package/dist/esm/core/button/button.types.js.map +1 -0
- package/dist/esm/core/button/index.d.ts +2 -0
- package/dist/esm/core/button/index.js +3 -0
- package/dist/esm/core/button/index.js.map +1 -0
- package/dist/esm/core/shadow/index.d.ts +2 -0
- package/dist/esm/core/shadow/index.js +2 -0
- package/dist/esm/core/shadow/index.js.map +1 -1
- package/dist/esm/core/shadow/shadow.model.d.ts +11 -0
- package/dist/esm/core/shadow/shadow.model.js +2 -0
- package/dist/esm/core/shadow/shadow.model.js.map +1 -0
- package/dist/esm/core/shadow/shadow.records.d.ts +3 -0
- package/dist/esm/core/shadow/shadow.records.js +144 -0
- package/dist/esm/core/shadow/shadow.records.js.map +1 -0
- package/dist/esm/core/shadow/shadow.types.d.ts +1 -1
- package/dist/esm/core/typography/text.model.d.ts +2 -0
- package/package.json +1 -1
- package/dist/cjs/core/background/background.model.d.ts +0 -9
- package/dist/cjs/core/background/background.model.js +0 -3
- package/dist/cjs/core/background/background.model.js.map +0 -1
- package/dist/cjs/core/background/background.types.d.ts +0 -1
- package/dist/cjs/core/background/background.types.js +0 -3
- package/dist/cjs/core/background/background.types.js.map +0 -1
- package/dist/cjs/core/background/index.d.ts +0 -2
- package/dist/cjs/core/background/index.js +0 -19
- package/dist/cjs/core/background/index.js.map +0 -1
- package/dist/cjs/core/border/border.types.d.ts +0 -1
- package/dist/cjs/core/border/border.types.js +0 -3
- package/dist/cjs/core/border/border.types.js.map +0 -1
- package/dist/cjs/core/border/index.d.ts +0 -1
- package/dist/cjs/core/border/index.js +0 -18
- package/dist/cjs/core/border/index.js.map +0 -1
- package/dist/cjs/core/color/color.helper.d.ts +0 -4
- package/dist/cjs/core/color/color.helper.js +0 -17
- package/dist/cjs/core/color/color.helper.js.map +0 -1
- package/dist/cjs/core/color/color.model.d.ts +0 -22
- package/dist/cjs/core/color/color.model.js +0 -3
- package/dist/cjs/core/color/color.model.js.map +0 -1
- package/dist/cjs/core/color/color.types.d.ts +0 -13
- package/dist/cjs/core/color/color.types.js +0 -35
- package/dist/cjs/core/color/color.types.js.map +0 -1
- package/dist/cjs/core/color/index.d.ts +0 -3
- package/dist/cjs/core/color/index.js +0 -20
- package/dist/cjs/core/color/index.js.map +0 -1
- package/dist/cjs/core/container/container.model.d.ts +0 -40
- package/dist/cjs/core/container/container.model.js +0 -3
- package/dist/cjs/core/container/container.model.js.map +0 -1
- package/dist/cjs/core/container/container.types.d.ts +0 -1
- package/dist/cjs/core/container/container.types.js +0 -3
- package/dist/cjs/core/container/container.types.js.map +0 -1
- package/dist/cjs/core/container/index.d.ts +0 -2
- package/dist/cjs/core/container/index.js +0 -19
- package/dist/cjs/core/container/index.js.map +0 -1
- package/dist/cjs/core/core.types.d.ts +0 -9
- package/dist/cjs/core/core.types.js +0 -3
- package/dist/cjs/core/core.types.js.map +0 -1
- package/dist/cjs/core/flex/flex.types.d.ts +0 -8
- package/dist/cjs/core/flex/flex.types.js +0 -3
- package/dist/cjs/core/flex/flex.types.js.map +0 -1
- package/dist/cjs/core/flex/index.d.ts +0 -1
- package/dist/cjs/core/flex/index.js +0 -18
- package/dist/cjs/core/flex/index.js.map +0 -1
- package/dist/cjs/core/gradient/gradient.helper.d.ts +0 -2
- package/dist/cjs/core/gradient/gradient.helper.js +0 -8
- package/dist/cjs/core/gradient/gradient.helper.js.map +0 -1
- package/dist/cjs/core/gradient/gradient.model.d.ts +0 -6
- package/dist/cjs/core/gradient/gradient.model.js +0 -3
- package/dist/cjs/core/gradient/gradient.model.js.map +0 -1
- package/dist/cjs/core/gradient/gradient.types.d.ts +0 -1
- package/dist/cjs/core/gradient/gradient.types.js +0 -3
- package/dist/cjs/core/gradient/gradient.types.js.map +0 -1
- package/dist/cjs/core/gradient/index.d.ts +0 -3
- package/dist/cjs/core/gradient/index.js +0 -20
- package/dist/cjs/core/gradient/index.js.map +0 -1
- package/dist/cjs/core/iconography/icon.model.d.ts +0 -7
- package/dist/cjs/core/iconography/icon.model.js +0 -3
- package/dist/cjs/core/iconography/icon.model.js.map +0 -1
- package/dist/cjs/core/iconography/icon.types.d.ts +0 -2
- package/dist/cjs/core/iconography/icon.types.js +0 -3
- package/dist/cjs/core/iconography/icon.types.js.map +0 -1
- package/dist/cjs/core/iconography/index.d.ts +0 -2
- package/dist/cjs/core/iconography/index.js +0 -19
- package/dist/cjs/core/iconography/index.js.map +0 -1
- package/dist/cjs/core/index.d.ts +0 -13
- package/dist/cjs/core/index.js +0 -30
- package/dist/cjs/core/index.js.map +0 -1
- package/dist/cjs/core/layout/index.d.ts +0 -1
- package/dist/cjs/core/layout/index.js +0 -18
- package/dist/cjs/core/layout/index.js.map +0 -1
- package/dist/cjs/core/layout/layout.types.d.ts +0 -3
- package/dist/cjs/core/layout/layout.types.js +0 -5
- package/dist/cjs/core/layout/layout.types.js.map +0 -1
- package/dist/cjs/core/masking/index.d.ts +0 -2
- package/dist/cjs/core/masking/index.js +0 -19
- package/dist/cjs/core/masking/index.js.map +0 -1
- package/dist/cjs/core/masking/masking.model.d.ts +0 -6
- package/dist/cjs/core/masking/masking.model.js +0 -3
- package/dist/cjs/core/masking/masking.model.js.map +0 -1
- package/dist/cjs/core/masking/masking.types.d.ts +0 -1
- package/dist/cjs/core/masking/masking.types.js +0 -3
- package/dist/cjs/core/masking/masking.types.js.map +0 -1
- package/dist/cjs/core/shadow/index.d.ts +0 -1
- package/dist/cjs/core/shadow/index.js +0 -18
- package/dist/cjs/core/shadow/index.js.map +0 -1
- package/dist/cjs/core/shadow/shadow.types.d.ts +0 -1
- package/dist/cjs/core/shadow/shadow.types.js +0 -3
- package/dist/cjs/core/shadow/shadow.types.js.map +0 -1
- package/dist/cjs/core/theme/index.d.ts +0 -6
- package/dist/cjs/core/theme/index.js +0 -23
- package/dist/cjs/core/theme/index.js.map +0 -1
- package/dist/cjs/core/theme/theme.model.d.ts +0 -13
- package/dist/cjs/core/theme/theme.model.js +0 -3
- package/dist/cjs/core/theme/theme.model.js.map +0 -1
- package/dist/cjs/core/theme/theme.records.d.ts +0 -3
- package/dist/cjs/core/theme/theme.records.js +0 -12
- package/dist/cjs/core/theme/theme.records.js.map +0 -1
- package/dist/cjs/core/theme/theme.types.d.ts +0 -1
- package/dist/cjs/core/theme/theme.types.js +0 -3
- package/dist/cjs/core/theme/theme.types.js.map +0 -1
- package/dist/cjs/core/theme/themes/base.theme.d.ts +0 -2
- package/dist/cjs/core/theme/themes/base.theme.js +0 -140
- package/dist/cjs/core/theme/themes/base.theme.js.map +0 -1
- package/dist/cjs/core/theme/themes/dark.theme.d.ts +0 -2
- package/dist/cjs/core/theme/themes/dark.theme.js +0 -35
- package/dist/cjs/core/theme/themes/dark.theme.js.map +0 -1
- package/dist/cjs/core/theme/themes/light.theme.d.ts +0 -2
- package/dist/cjs/core/theme/themes/light.theme.js +0 -6
- package/dist/cjs/core/theme/themes/light.theme.js.map +0 -1
- package/dist/cjs/core/typography/index.d.ts +0 -3
- package/dist/cjs/core/typography/index.js +0 -20
- package/dist/cjs/core/typography/index.js.map +0 -1
- package/dist/cjs/core/typography/text.model.d.ts +0 -14
- package/dist/cjs/core/typography/text.model.js +0 -3
- package/dist/cjs/core/typography/text.model.js.map +0 -1
- package/dist/cjs/core/typography/typography.records.d.ts +0 -2
- package/dist/cjs/core/typography/typography.records.js +0 -16
- package/dist/cjs/core/typography/typography.records.js.map +0 -1
- package/dist/cjs/core/typography/typography.types.d.ts +0 -7
- package/dist/cjs/core/typography/typography.types.js +0 -3
- package/dist/cjs/core/typography/typography.types.js.map +0 -1
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/index.js +0 -18
- package/dist/cjs/index.js.map +0 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ColorToken } from '../color';
|
|
2
|
+
export interface Border {
|
|
3
|
+
colorAll: ColorToken;
|
|
4
|
+
colorTop: ColorToken;
|
|
5
|
+
colorBottom: ColorToken;
|
|
6
|
+
colorLeft: ColorToken;
|
|
7
|
+
colorRight: ColorToken;
|
|
8
|
+
widthAll: number;
|
|
9
|
+
widthTop: number;
|
|
10
|
+
widthBottom: number;
|
|
11
|
+
widthLeft: number;
|
|
12
|
+
widthRight: number;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"border.model.js","sourceRoot":"","sources":["../../../../src/core/border/border.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ShadowElevation } from '../shadow';
|
|
2
|
+
import { ColorToken } from '../color';
|
|
3
|
+
import { Size } from '../core.types';
|
|
4
|
+
import { Border } from '../border';
|
|
5
|
+
export interface Button {
|
|
6
|
+
color: ColorToken;
|
|
7
|
+
elevation?: ShadowElevation;
|
|
8
|
+
borderRadius?: number;
|
|
9
|
+
borderRadii?: Record<Size, number>;
|
|
10
|
+
horizontalPadding?: number;
|
|
11
|
+
horizontalPaddings?: Record<Size, number>;
|
|
12
|
+
verticalPadding?: number;
|
|
13
|
+
verticalPaddings?: Record<Size, number>;
|
|
14
|
+
border: Border;
|
|
15
|
+
}
|
|
@@ -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 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow.model.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.model.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
// https://material.io/archive/guidelines/resources/shadows.html#shadows-sketch
|
|
2
|
+
export const ShadowMap = {
|
|
3
|
+
flat: {
|
|
4
|
+
umbra: {
|
|
5
|
+
opacity: 14,
|
|
6
|
+
offset: 0,
|
|
7
|
+
blur: 2,
|
|
8
|
+
spread: 0
|
|
9
|
+
},
|
|
10
|
+
penumbra: {
|
|
11
|
+
opacity: 12,
|
|
12
|
+
offset: 2,
|
|
13
|
+
blur: 2,
|
|
14
|
+
spread: 0
|
|
15
|
+
},
|
|
16
|
+
ambient: {
|
|
17
|
+
opacity: 20,
|
|
18
|
+
offset: 1,
|
|
19
|
+
blur: 3,
|
|
20
|
+
spread: 0
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
pressed: {
|
|
24
|
+
umbra: {
|
|
25
|
+
opacity: 14,
|
|
26
|
+
offset: 0,
|
|
27
|
+
blur: 4,
|
|
28
|
+
spread: 0
|
|
29
|
+
},
|
|
30
|
+
penumbra: {
|
|
31
|
+
opacity: 12,
|
|
32
|
+
offset: 3,
|
|
33
|
+
blur: 4,
|
|
34
|
+
spread: 0
|
|
35
|
+
},
|
|
36
|
+
ambient: {
|
|
37
|
+
opacity: 20,
|
|
38
|
+
offset: 1,
|
|
39
|
+
blur: 5,
|
|
40
|
+
spread: 0
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
raised: {
|
|
44
|
+
umbra: {
|
|
45
|
+
opacity: 14,
|
|
46
|
+
offset: 3,
|
|
47
|
+
blur: 3,
|
|
48
|
+
spread: 0
|
|
49
|
+
},
|
|
50
|
+
penumbra: {
|
|
51
|
+
opacity: 12,
|
|
52
|
+
offset: 3,
|
|
53
|
+
blur: 4,
|
|
54
|
+
spread: 0
|
|
55
|
+
},
|
|
56
|
+
ambient: {
|
|
57
|
+
opacity: 20,
|
|
58
|
+
offset: 1,
|
|
59
|
+
blur: 8,
|
|
60
|
+
spread: 0
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
focussed: {
|
|
64
|
+
umbra: {
|
|
65
|
+
opacity: 14,
|
|
66
|
+
offset: 2,
|
|
67
|
+
blur: 4,
|
|
68
|
+
spread: 0
|
|
69
|
+
},
|
|
70
|
+
penumbra: {
|
|
71
|
+
opacity: 12,
|
|
72
|
+
offset: 4,
|
|
73
|
+
blur: 5,
|
|
74
|
+
spread: 0
|
|
75
|
+
},
|
|
76
|
+
ambient: {
|
|
77
|
+
opacity: 20,
|
|
78
|
+
offset: 1,
|
|
79
|
+
blur: 10,
|
|
80
|
+
spread: 0
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
navigation: {
|
|
84
|
+
umbra: {
|
|
85
|
+
opacity: 14,
|
|
86
|
+
offset: 6,
|
|
87
|
+
blur: 10,
|
|
88
|
+
spread: 0
|
|
89
|
+
},
|
|
90
|
+
penumbra: {
|
|
91
|
+
opacity: 12,
|
|
92
|
+
offset: 1,
|
|
93
|
+
blur: 18,
|
|
94
|
+
spread: 0
|
|
95
|
+
},
|
|
96
|
+
ambient: {
|
|
97
|
+
opacity: 20,
|
|
98
|
+
offset: 3,
|
|
99
|
+
blur: 5,
|
|
100
|
+
spread: 0
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
drawer: {
|
|
104
|
+
umbra: {
|
|
105
|
+
opacity: 14,
|
|
106
|
+
offset: 9,
|
|
107
|
+
blur: 12,
|
|
108
|
+
spread: 1
|
|
109
|
+
},
|
|
110
|
+
penumbra: {
|
|
111
|
+
opacity: 12,
|
|
112
|
+
offset: 3,
|
|
113
|
+
blur: 16,
|
|
114
|
+
spread: 2
|
|
115
|
+
},
|
|
116
|
+
ambient: {
|
|
117
|
+
opacity: 20,
|
|
118
|
+
offset: 5,
|
|
119
|
+
blur: 6,
|
|
120
|
+
spread: 0
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
modal: {
|
|
124
|
+
umbra: {
|
|
125
|
+
opacity: 14,
|
|
126
|
+
offset: 16,
|
|
127
|
+
blur: 24,
|
|
128
|
+
spread: 2
|
|
129
|
+
},
|
|
130
|
+
penumbra: {
|
|
131
|
+
opacity: 12,
|
|
132
|
+
offset: 6,
|
|
133
|
+
blur: 30,
|
|
134
|
+
spread: 5
|
|
135
|
+
},
|
|
136
|
+
ambient: {
|
|
137
|
+
opacity: 20,
|
|
138
|
+
offset: 8,
|
|
139
|
+
blur: 10,
|
|
140
|
+
spread: 0
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=shadow.records.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shadow.records.js","sourceRoot":"","sources":["../../../../src/core/shadow/shadow.records.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type
|
|
1
|
+
export declare type ShadowElevation = 'flat' | 'pressed' | 'raised' | 'focussed' | 'navigation' | 'drawer' | 'modal';
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { FontWeight, TextDecoration, TextTransform } from './typography.types';
|
|
2
|
+
import { Size } from '../core.types';
|
|
2
3
|
export interface TextStyle {
|
|
3
4
|
fontFamily: string;
|
|
4
5
|
fontSize: number;
|
|
6
|
+
fontScale?: Record<Size, number>;
|
|
5
7
|
fontWeight?: FontWeight;
|
|
6
8
|
fontStyle?: 'italic';
|
|
7
9
|
textTransform?: TextTransform;
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.model.js","sourceRoot":"","sources":["../../../../src/core/background/background.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type BackgroundType = 'Solid' | 'Gradient' | 'Blur' | 'Image' | 'Transparent' | 'Layer';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"background.types.js","sourceRoot":"","sources":["../../../../src/core/background/background.types.ts"],"names":[],"mappings":""}
|
|
@@ -1,19 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/background/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,qDAAmC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type BorderWidth = 'thick' | 'default' | 'thin' | 'none';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"border.types.js","sourceRoot":"","sources":["../../../../src/core/border/border.types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './border.types';
|
|
@@ -1,18 +0,0 @@
|
|
|
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
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/border/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}
|
|
@@ -1,17 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color.model.js","sourceRoot":"","sources":["../../../../src/core/color/color.model.ts"],"names":[],"mappings":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
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 = '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';
|
|
@@ -1,35 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/color/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,gDAA8B;AAC9B,gDAA8B"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { BackgroundType } from '../background';
|
|
2
|
-
import { BorderWidth } from '../border';
|
|
3
|
-
import { ColorToken } from '../color';
|
|
4
|
-
import { Apply, HorizontalAlign, RadiusApply, Size } from '../core.types';
|
|
5
|
-
import { ShadowStyle } from '../shadow';
|
|
6
|
-
export interface ContainerProps {
|
|
7
|
-
maxWidth?: number;
|
|
8
|
-
align?: HorizontalAlign;
|
|
9
|
-
backgroundType?: BackgroundType;
|
|
10
|
-
shadowStyle?: ShadowStyle;
|
|
11
|
-
backgroundColor?: ColorToken;
|
|
12
|
-
textColor?: ColorToken;
|
|
13
|
-
blur?: {
|
|
14
|
-
amount?: number;
|
|
15
|
-
};
|
|
16
|
-
border?: {
|
|
17
|
-
apply?: Apply;
|
|
18
|
-
applyAsSeparator?: boolean;
|
|
19
|
-
color?: ColorToken;
|
|
20
|
-
thickness?: BorderWidth;
|
|
21
|
-
};
|
|
22
|
-
radius?: {
|
|
23
|
-
size?: Size;
|
|
24
|
-
apply?: RadiusApply;
|
|
25
|
-
};
|
|
26
|
-
gradient?: {
|
|
27
|
-
degree?: number;
|
|
28
|
-
colors?: string[];
|
|
29
|
-
};
|
|
30
|
-
imageConfig?: {
|
|
31
|
-
src?: string;
|
|
32
|
-
};
|
|
33
|
-
margin?: {
|
|
34
|
-
horizontal?: Record<Size, number>;
|
|
35
|
-
bottom?: Record<Size, number>;
|
|
36
|
-
top?: Record<Size, number>;
|
|
37
|
-
};
|
|
38
|
-
Spacings?: Record<Size, number>;
|
|
39
|
-
TopSpacings?: Record<Size, number>;
|
|
40
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.model.js","sourceRoot":"","sources":["../../../../src/core/container/container.model.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare type ContainerType = 'Card' | 'Form' | 'Screen' | 'Modal' | 'Paragraph' | 'Header' | 'Footer';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"container.types.js","sourceRoot":"","sources":["../../../../src/core/container/container.types.ts"],"names":[],"mappings":""}
|