@guardian/stand 0.0.64 → 0.0.66
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/Badge.cjs +5 -0
- package/dist/Badge.d.cts +5 -0
- package/dist/Badge.d.ts +5 -0
- package/dist/Badge.js +3 -0
- package/dist/components/Badge/Badge.cjs +17 -0
- package/dist/components/Badge/Badge.d.cts +5 -0
- package/dist/components/Badge/Badge.d.ts +5 -0
- package/dist/components/Badge/Badge.js +17 -0
- package/dist/components/Badge/styles.cjs +26 -0
- package/dist/components/Badge/styles.d.cts +9 -0
- package/dist/components/Badge/styles.d.ts +9 -0
- package/dist/components/Badge/styles.js +25 -0
- package/dist/components/Badge/types.d.cts +23 -0
- package/dist/components/Badge/types.d.ts +23 -0
- package/dist/components/Select/Select.cjs +10 -5
- package/dist/components/Select/Select.d.cts +1 -1
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.js +11 -6
- package/dist/components/Select/styles.cjs +13 -5
- package/dist/components/Select/styles.d.cts +1 -0
- package/dist/components/Select/styles.d.ts +1 -0
- package/dist/components/Select/styles.js +13 -6
- package/dist/index.cjs +2 -0
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/styleD/build/css/component/badge.css +69 -0
- package/dist/styleD/build/css/component/select.css +9 -10
- package/dist/styleD/build/typescript/component/badge.cjs +137 -0
- package/dist/styleD/build/typescript/component/badge.d.cts +162 -0
- package/dist/styleD/build/typescript/component/badge.d.ts +162 -0
- package/dist/styleD/build/typescript/component/badge.js +137 -0
- package/dist/styleD/build/typescript/component/select.cjs +56 -49
- package/dist/styleD/build/typescript/component/select.d.cts +16 -11
- package/dist/styleD/build/typescript/component/select.d.ts +16 -11
- package/dist/styleD/build/typescript/component/select.js +56 -49
- package/package.json +15 -1
|
@@ -22,15 +22,9 @@ declare const componentSelect: {
|
|
|
22
22
|
backgroundColor: string;
|
|
23
23
|
border: string;
|
|
24
24
|
borderRadius: string;
|
|
25
|
-
height: string;
|
|
26
25
|
paddingLeft: string;
|
|
27
26
|
paddingRight: string;
|
|
28
27
|
color: string;
|
|
29
|
-
typography: {
|
|
30
|
-
font: string;
|
|
31
|
-
letterSpacing: string;
|
|
32
|
-
fontWidth: number;
|
|
33
|
-
};
|
|
34
28
|
focused: {
|
|
35
29
|
outline: string;
|
|
36
30
|
outlineOffset: string;
|
|
@@ -57,16 +51,27 @@ declare const componentSelect: {
|
|
|
57
51
|
};
|
|
58
52
|
};
|
|
59
53
|
listBox: {
|
|
60
|
-
typography: {
|
|
61
|
-
font: string;
|
|
62
|
-
letterSpacing: string;
|
|
63
|
-
fontWidth: number;
|
|
64
|
-
};
|
|
65
54
|
border: string;
|
|
66
55
|
backgroundColor: string;
|
|
67
56
|
shadow: string;
|
|
68
57
|
};
|
|
69
58
|
};
|
|
59
|
+
sm: {
|
|
60
|
+
height: string;
|
|
61
|
+
typography: {
|
|
62
|
+
font: string;
|
|
63
|
+
letterSpacing: string;
|
|
64
|
+
fontWidth: number;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
md: {
|
|
68
|
+
height: string;
|
|
69
|
+
typography: {
|
|
70
|
+
font: string;
|
|
71
|
+
letterSpacing: string;
|
|
72
|
+
fontWidth: number;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
70
75
|
};
|
|
71
76
|
type ComponentSelect = typeof componentSelect;
|
|
72
77
|
//#endregion
|
|
@@ -22,15 +22,9 @@ declare const componentSelect: {
|
|
|
22
22
|
backgroundColor: string;
|
|
23
23
|
border: string;
|
|
24
24
|
borderRadius: string;
|
|
25
|
-
height: string;
|
|
26
25
|
paddingLeft: string;
|
|
27
26
|
paddingRight: string;
|
|
28
27
|
color: string;
|
|
29
|
-
typography: {
|
|
30
|
-
font: string;
|
|
31
|
-
letterSpacing: string;
|
|
32
|
-
fontWidth: number;
|
|
33
|
-
};
|
|
34
28
|
focused: {
|
|
35
29
|
outline: string;
|
|
36
30
|
outlineOffset: string;
|
|
@@ -57,16 +51,27 @@ declare const componentSelect: {
|
|
|
57
51
|
};
|
|
58
52
|
};
|
|
59
53
|
listBox: {
|
|
60
|
-
typography: {
|
|
61
|
-
font: string;
|
|
62
|
-
letterSpacing: string;
|
|
63
|
-
fontWidth: number;
|
|
64
|
-
};
|
|
65
54
|
border: string;
|
|
66
55
|
backgroundColor: string;
|
|
67
56
|
shadow: string;
|
|
68
57
|
};
|
|
69
58
|
};
|
|
59
|
+
sm: {
|
|
60
|
+
height: string;
|
|
61
|
+
typography: {
|
|
62
|
+
font: string;
|
|
63
|
+
letterSpacing: string;
|
|
64
|
+
fontWidth: number;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
md: {
|
|
68
|
+
height: string;
|
|
69
|
+
typography: {
|
|
70
|
+
font: string;
|
|
71
|
+
letterSpacing: string;
|
|
72
|
+
fontWidth: number;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
70
75
|
};
|
|
71
76
|
type ComponentSelect = typeof componentSelect;
|
|
72
77
|
//#endregion
|
|
@@ -2,65 +2,72 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
4
|
*/
|
|
5
|
-
const componentSelect = {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
pressed: { backgroundColor: "#ededed" },
|
|
14
|
-
button: {
|
|
15
|
-
display: "flex",
|
|
16
|
-
justifyContent: "space-between",
|
|
17
|
-
alignItems: "center",
|
|
18
|
-
marginTop: "0.25rem",
|
|
19
|
-
backgroundColor: "#ffffff",
|
|
20
|
-
border: "0.0625rem solid #545454",
|
|
21
|
-
borderRadius: "0.25rem",
|
|
22
|
-
height: "2.5rem",
|
|
23
|
-
paddingLeft: "0.75rem",
|
|
24
|
-
paddingRight: "0.25rem",
|
|
25
|
-
color: "#545454",
|
|
26
|
-
typography: {
|
|
27
|
-
font: "normal 460 1rem/1.3 Open Sans",
|
|
28
|
-
letterSpacing: "0rem",
|
|
29
|
-
fontWidth: 95
|
|
5
|
+
const componentSelect = {
|
|
6
|
+
shared: {
|
|
7
|
+
width: "100%",
|
|
8
|
+
offset: 8,
|
|
9
|
+
containerPadding: 0,
|
|
10
|
+
hover: {
|
|
11
|
+
backgroundColor: "#f6f6f6",
|
|
12
|
+
outline: "none"
|
|
30
13
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
14
|
+
pressed: { backgroundColor: "#ededed" },
|
|
15
|
+
button: {
|
|
16
|
+
display: "flex",
|
|
17
|
+
justifyContent: "space-between",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
marginTop: "0.25rem",
|
|
36
20
|
backgroundColor: "#ffffff",
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
21
|
+
border: "0.0625rem solid #545454",
|
|
22
|
+
borderRadius: "0.25rem",
|
|
23
|
+
paddingLeft: "0.75rem",
|
|
24
|
+
paddingRight: "0.25rem",
|
|
25
|
+
color: "#000000",
|
|
26
|
+
focused: {
|
|
27
|
+
outline: "0.125rem solid #0072a9",
|
|
28
|
+
outlineOffset: "0.125rem"
|
|
29
|
+
},
|
|
30
|
+
disabled: {
|
|
31
|
+
backgroundColor: "#ffffff",
|
|
32
|
+
cursor: "not-allowed",
|
|
33
|
+
color: "#999999",
|
|
34
|
+
border: "0.0625rem solid #dcdcdc"
|
|
35
|
+
},
|
|
36
|
+
error: { border: "0.0625rem solid #b42a19" }
|
|
37
|
+
},
|
|
38
|
+
option: {
|
|
39
|
+
paddingLeft: "1rem",
|
|
40
|
+
paddingRight: "1rem",
|
|
41
|
+
paddingTop: "0.75rem",
|
|
42
|
+
paddingBottom: "0.75rem",
|
|
43
|
+
focused: {
|
|
44
|
+
outline: "0.125rem solid #0072a9",
|
|
45
|
+
outlineOffset: "0",
|
|
46
|
+
backgroundColor: "inherit"
|
|
47
|
+
}
|
|
40
48
|
},
|
|
41
|
-
|
|
49
|
+
listBox: {
|
|
50
|
+
border: "0.0625rem solid #cccccc",
|
|
51
|
+
backgroundColor: "#ffffff",
|
|
52
|
+
shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
|
|
53
|
+
}
|
|
42
54
|
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
outline: "0.125rem solid #0072a9",
|
|
50
|
-
outlineOffset: "0",
|
|
51
|
-
backgroundColor: "inherit"
|
|
55
|
+
sm: {
|
|
56
|
+
height: "2rem",
|
|
57
|
+
typography: {
|
|
58
|
+
font: "normal 460 0.875rem/1.3 Open Sans",
|
|
59
|
+
letterSpacing: "0rem",
|
|
60
|
+
fontWidth: 95
|
|
52
61
|
}
|
|
53
62
|
},
|
|
54
|
-
|
|
63
|
+
md: {
|
|
64
|
+
height: "2.5rem",
|
|
55
65
|
typography: {
|
|
56
66
|
font: "normal 460 1rem/1.3 Open Sans",
|
|
57
67
|
letterSpacing: "0rem",
|
|
58
68
|
fontWidth: 95
|
|
59
|
-
}
|
|
60
|
-
border: "0.0625rem solid #cccccc",
|
|
61
|
-
backgroundColor: "#ffffff",
|
|
62
|
-
shadow: "0 0.125rem 0.375rem 0 rgb(0% 0% 0% / 0.3)"
|
|
69
|
+
}
|
|
63
70
|
}
|
|
64
|
-
}
|
|
71
|
+
};
|
|
65
72
|
//#endregion
|
|
66
73
|
export { componentSelect };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@guardian/stand",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.66",
|
|
4
4
|
"repository": {
|
|
5
5
|
"url": "https://github.com/guardian/stand"
|
|
6
6
|
},
|
|
@@ -47,6 +47,16 @@
|
|
|
47
47
|
"default": "./dist/AvatarButton.cjs"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
+
"./Badge": {
|
|
51
|
+
"import": {
|
|
52
|
+
"types": "./dist/Badge.d.ts",
|
|
53
|
+
"default": "./dist/Badge.js"
|
|
54
|
+
},
|
|
55
|
+
"require": {
|
|
56
|
+
"types": "./dist/Badge.d.cts",
|
|
57
|
+
"default": "./dist/Badge.cjs"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
50
60
|
"./Button": {
|
|
51
61
|
"import": {
|
|
52
62
|
"types": "./dist/Button.d.ts",
|
|
@@ -390,6 +400,7 @@
|
|
|
390
400
|
"./component/tagTable.css": "./dist/styleD/build/css/component/tagTable.css",
|
|
391
401
|
"./component/userMenu.css": "./dist/styleD/build/css/component/userMenu.css",
|
|
392
402
|
"./component/avatar.css": "./dist/styleD/build/css/component/avatar.css",
|
|
403
|
+
"./component/badge.css": "./dist/styleD/build/css/component/badge.css",
|
|
393
404
|
"./component/button.css": "./dist/styleD/build/css/component/button.css",
|
|
394
405
|
"./component/buttonGroup.css": "./dist/styleD/build/css/component/buttonGroup.css",
|
|
395
406
|
"./component/typography.css": "./dist/styleD/build/css/component/typography.css",
|
|
@@ -429,6 +440,9 @@
|
|
|
429
440
|
"AvatarLink": [
|
|
430
441
|
"./dist/AvatarLink.d.ts"
|
|
431
442
|
],
|
|
443
|
+
"Badge": [
|
|
444
|
+
"./dist/Badge.d.ts"
|
|
445
|
+
],
|
|
432
446
|
"Button": [
|
|
433
447
|
"./dist/Button.d.ts"
|
|
434
448
|
],
|