@ambita/design-system 3.0.27-41.0 → 3.0.27-61.0
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.
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/* Do not use if you need IE11 support */
|
|
2
|
+
:root {
|
|
3
|
+
/* Purple */
|
|
4
|
+
--aux-purple: #8237DC;
|
|
5
|
+
--aux-purple-1: #E6D7F8;
|
|
6
|
+
--aux-purple-2: #CDAFF1;
|
|
7
|
+
--aux-purple-3: #B487EA;
|
|
8
|
+
--aux-purple-4: #9B5FE3;
|
|
9
|
+
--aux-purple-5: #682CB0;
|
|
10
|
+
--aux-purple-6: #4E2184;
|
|
11
|
+
--aux-purple-7: #341658;
|
|
12
|
+
--aux-purple-8: #1A0B2C;
|
|
13
|
+
/* Dark Purple */
|
|
14
|
+
--aux-dark-purple: #360076;
|
|
15
|
+
--aux-dark-purple-1: #D8CDE6;
|
|
16
|
+
--aux-dark-purple-2: #B098C6;
|
|
17
|
+
--aux-dark-purple-3: #8666AC;
|
|
18
|
+
--aux-dark-purple-4: #5F3591;
|
|
19
|
+
--aux-dark-purple-5: #2D1C5B;
|
|
20
|
+
--aux-dark-purple-6: #200E47;
|
|
21
|
+
--aux-dark-purple-7: #1A0F2E;
|
|
22
|
+
--aux-dark-purple-8: #110B18;
|
|
23
|
+
/* Mint green */
|
|
24
|
+
--aux-mint: #34D9C3;
|
|
25
|
+
--aux-mint-1: #D8EFEE;
|
|
26
|
+
--aux-mint-2: #B5E1DD;
|
|
27
|
+
--aux-mint-3: #93D4D0;
|
|
28
|
+
--aux-mint-4: #72CAC3;
|
|
29
|
+
--aux-mint-5: #26AE9B;
|
|
30
|
+
--aux-mint-6: #218376;
|
|
31
|
+
--aux-mint-7: #14584E;
|
|
32
|
+
--aux-mint-8: #0A2B26;
|
|
33
|
+
/* Grey */
|
|
34
|
+
--aux-grey-1: #E1E1E1;
|
|
35
|
+
--aux-grey-2: #D2D2D2;
|
|
36
|
+
--aux-grey-3: #BEBEBE;
|
|
37
|
+
--aux-grey-4: #AFAFAF;
|
|
38
|
+
--aux-grey-5: #555555;
|
|
39
|
+
--aux-grey-6: #333333;
|
|
40
|
+
/* Supports */
|
|
41
|
+
--aux-red: #C10000;
|
|
42
|
+
--aux-blue: #0067A3;
|
|
43
|
+
--aux-yellow: #ECD025;
|
|
44
|
+
--aux-green: #5CB85C;
|
|
45
|
+
--aux-white: #FFF;
|
|
46
|
+
--aux-black: #000;
|
|
47
|
+
--aux-focus: #003eff;
|
|
48
|
+
/* Borders */
|
|
49
|
+
--aux-border-1-grey-1: 1px solid #E1E1E1;
|
|
50
|
+
--aux-border-2-grey-1: 2px solid #E1E1E1;
|
|
51
|
+
}
|
|
@@ -1,54 +1,59 @@
|
|
|
1
1
|
@import './colors-scss-variables';
|
|
2
|
-
// Do not use if you need IE11 support
|
|
3
|
-
::root{
|
|
4
|
-
// Purple
|
|
5
|
-
--aux-purple: $aux-purple;
|
|
6
|
-
--aux-purple-1: $aux-purple-1;
|
|
7
|
-
--aux-purple-2: $aux-purple-2;
|
|
8
|
-
--aux-purple-3: $aux-purple-3;
|
|
9
|
-
--aux-purple-4: $aux-purple-4;
|
|
10
|
-
--aux-purple-5: $aux-purple-5;
|
|
11
|
-
--aux-purple-6: $aux-purple-6;
|
|
12
|
-
--aux-purple-7: $aux-purple-7;
|
|
13
|
-
--aux-purple-8: $aux-purple-8;
|
|
14
|
-
|
|
15
|
-
// Dark Purple
|
|
16
|
-
--aux-dark-purple: $aux-dark-purple;
|
|
17
|
-
--aux-dark-purple-1: $aux-dark-purple-1;
|
|
18
|
-
--aux-dark-purple-2: $aux-dark-purple-2;
|
|
19
|
-
--aux-dark-purple-3: $aux-dark-purple-3;
|
|
20
|
-
--aux-dark-purple-4: $aux-dark-purple-4;
|
|
21
|
-
--aux-dark-purple-5: $aux-dark-purple-5;
|
|
22
|
-
--aux-dark-purple-6: $aux-dark-purple-6;
|
|
23
|
-
--aux-dark-purple-7: $aux-dark-purple-7;
|
|
24
|
-
--aux-dark-purple-8: $aux-dark-purple-8;
|
|
25
|
-
|
|
26
|
-
// Mint green
|
|
27
|
-
--aux-mint: $aux-mint;
|
|
28
|
-
--aux-mint-1: $aux-mint-1;
|
|
29
|
-
--aux-mint-2: $aux-mint-2;
|
|
30
|
-
--aux-mint-3: $aux-mint-3;
|
|
31
|
-
--aux-mint-4: $aux-mint-4;
|
|
32
|
-
--aux-mint-5: $aux-mint-5;
|
|
33
|
-
--aux-mint-6: $aux-mint-6;
|
|
34
|
-
--aux-mint-7: $aux-mint-7;
|
|
35
|
-
--aux-mint-8: $aux-mint-8;
|
|
36
|
-
|
|
37
|
-
// Grey
|
|
38
|
-
--aux-grey-1: $aux-grey-1;
|
|
39
|
-
--aux-grey-2: $aux-grey-2;
|
|
40
|
-
--aux-grey-3: $aux-grey-3;
|
|
41
|
-
--aux-grey-4: $aux-grey-4;
|
|
42
|
-
--aux-grey-5: $aux-grey-5;
|
|
43
|
-
--aux-grey-6: $aux-grey-6;
|
|
44
|
-
|
|
45
|
-
// Supports
|
|
46
|
-
--aux-red: $aux-red;
|
|
47
|
-
--aux-blue: $aux-blue;
|
|
48
|
-
--aux-yellow: $aux-yellow;
|
|
49
|
-
--aux-green: $aux-green;
|
|
50
2
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
3
|
+
/* Do not use if you need IE11 support */
|
|
4
|
+
:root {
|
|
5
|
+
/* Purple */
|
|
6
|
+
--aux-purple: #{$aux-purple};
|
|
7
|
+
--aux-purple-1: #{$aux-purple-1};
|
|
8
|
+
--aux-purple-2: #{$aux-purple-2};
|
|
9
|
+
--aux-purple-3: #{$aux-purple-3};
|
|
10
|
+
--aux-purple-4: #{$aux-purple-4};
|
|
11
|
+
--aux-purple-5: #{$aux-purple-5};
|
|
12
|
+
--aux-purple-6: #{$aux-purple-6};
|
|
13
|
+
--aux-purple-7: #{$aux-purple-7};
|
|
14
|
+
--aux-purple-8: #{$aux-purple-8};
|
|
15
|
+
|
|
16
|
+
/* Dark Purple */
|
|
17
|
+
--aux-dark-purple: #{$aux-dark-purple};
|
|
18
|
+
--aux-dark-purple-1: #{$aux-dark-purple-1};
|
|
19
|
+
--aux-dark-purple-2: #{$aux-dark-purple-2};
|
|
20
|
+
--aux-dark-purple-3: #{$aux-dark-purple-3};
|
|
21
|
+
--aux-dark-purple-4: #{$aux-dark-purple-4};
|
|
22
|
+
--aux-dark-purple-5: #{$aux-dark-purple-5};
|
|
23
|
+
--aux-dark-purple-6: #{$aux-dark-purple-6};
|
|
24
|
+
--aux-dark-purple-7: #{$aux-dark-purple-7};
|
|
25
|
+
--aux-dark-purple-8: #{$aux-dark-purple-8};
|
|
26
|
+
|
|
27
|
+
/* Mint green */
|
|
28
|
+
--aux-mint: #{$aux-mint};
|
|
29
|
+
--aux-mint-1: #{$aux-mint-1};
|
|
30
|
+
--aux-mint-2: #{$aux-mint-2};
|
|
31
|
+
--aux-mint-3: #{$aux-mint-3};
|
|
32
|
+
--aux-mint-4: #{$aux-mint-4};
|
|
33
|
+
--aux-mint-5: #{$aux-mint-5};
|
|
34
|
+
--aux-mint-6: #{$aux-mint-6};
|
|
35
|
+
--aux-mint-7: #{$aux-mint-7};
|
|
36
|
+
--aux-mint-8: #{$aux-mint-8};
|
|
37
|
+
|
|
38
|
+
/* Grey */
|
|
39
|
+
--aux-grey-1: #{$aux-grey-1};
|
|
40
|
+
--aux-grey-2: #{$aux-grey-2};
|
|
41
|
+
--aux-grey-3: #{$aux-grey-3};
|
|
42
|
+
--aux-grey-4: #{$aux-grey-4};
|
|
43
|
+
--aux-grey-5: #{$aux-grey-5};
|
|
44
|
+
--aux-grey-6: #{$aux-grey-6};
|
|
45
|
+
|
|
46
|
+
/* Supports */
|
|
47
|
+
--aux-red: #{$aux-red};
|
|
48
|
+
--aux-blue: #{$aux-blue};
|
|
49
|
+
--aux-yellow: #{$aux-yellow};
|
|
50
|
+
--aux-green: #{$aux-green};
|
|
51
|
+
|
|
52
|
+
--aux-white: #{$aux-white};
|
|
53
|
+
--aux-black: #{$aux-black};
|
|
54
|
+
--aux-focus: #{$aux-focus};
|
|
55
|
+
|
|
56
|
+
/* Borders */
|
|
57
|
+
--aux-border-1-grey-1: 1px solid #{$aux-grey-1};
|
|
58
|
+
--aux-border-2-grey-1: 2px solid #{$aux-grey-1};
|
|
54
59
|
}
|
|
@@ -36,15 +36,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
36
36
|
} & {
|
|
37
37
|
size: string;
|
|
38
38
|
label: string;
|
|
39
|
-
vertical: boolean;
|
|
40
39
|
suffix: string;
|
|
40
|
+
vertical: boolean;
|
|
41
41
|
} & {
|
|
42
42
|
dataTestid?: string | undefined;
|
|
43
43
|
}> & {
|
|
44
44
|
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
|
|
45
45
|
}, {
|
|
46
46
|
size: string;
|
|
47
|
-
vertical: boolean;
|
|
48
47
|
suffix: string;
|
|
48
|
+
vertical: boolean;
|
|
49
49
|
}>;
|
|
50
50
|
export default _default;
|
|
@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
26
26
|
type: StringConstructor;
|
|
27
27
|
};
|
|
28
28
|
resize: {
|
|
29
|
-
type: PropType<"none" | "
|
|
29
|
+
type: PropType<"none" | "vertical" | "horizontal" | "auto" | "both">;
|
|
30
30
|
default: string;
|
|
31
31
|
};
|
|
32
32
|
height: {
|
|
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
47
47
|
};
|
|
48
48
|
}, {
|
|
49
49
|
styles: import("vue").ComputedRef<{
|
|
50
|
-
resize: "none" | "
|
|
50
|
+
resize: "none" | "vertical" | "horizontal" | "auto" | "both";
|
|
51
51
|
'max-width': string;
|
|
52
52
|
}>;
|
|
53
53
|
handleInput(event: {
|
|
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
72
72
|
required: boolean;
|
|
73
73
|
value: string | number;
|
|
74
74
|
label: string;
|
|
75
|
-
resize: "none" | "
|
|
75
|
+
resize: "none" | "vertical" | "horizontal" | "auto" | "both";
|
|
76
76
|
hideLabel: boolean;
|
|
77
77
|
id: string;
|
|
78
78
|
height: number;
|
|
@@ -89,7 +89,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
89
89
|
}, {
|
|
90
90
|
required: boolean;
|
|
91
91
|
value: string | number;
|
|
92
|
-
resize: "none" | "
|
|
92
|
+
resize: "none" | "vertical" | "horizontal" | "auto" | "both";
|
|
93
93
|
hideLabel: boolean;
|
|
94
94
|
id: string;
|
|
95
95
|
height: number;
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ambita/design-system",
|
|
3
|
-
"version": "3.0.27-
|
|
3
|
+
"version": "3.0.27-61.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "npm run storybook",
|
|
6
6
|
"serve": "vue-cli-service serve",
|
|
7
7
|
"build:storybook": "npm run storybook:build",
|
|
8
8
|
"build:package": "vue-cli-service build --target lib --name aux ./src/index.ts",
|
|
9
9
|
"deploy-package": "npm run build-package && npm publish --tag beta",
|
|
10
|
+
"sass-compile": "sass ./src/css/colors-css-variables.scss ./dist/css/colors-css-variables.css --no-source-map",
|
|
10
11
|
"test:unit": "vue-cli-service test:unit",
|
|
11
12
|
"test-watch:unit": "vue-cli-service test:unit --watch",
|
|
12
13
|
"lint": "vue-cli-service lint",
|