@pareto-engineering/design-system 4.0.0-alpha.44 → 4.0.0-alpha.46
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/b/Page/common/PageHelmet/PageHelmet.js +8 -0
- package/dist/es/b/Page/common/PageHelmet/PageHelmet.js +8 -0
- package/package.json +5 -5
- package/src/stories/colors.js +19 -39
- package/src/ui/b/Page/common/PageHelmet/PageHelmet.jsx +12 -0
- package/tests/__snapshots__/Storyshots.test.js.snap +1101 -1962
|
@@ -46,6 +46,14 @@ const helmetMap = [{
|
|
|
46
46
|
href: v,
|
|
47
47
|
key: "canonical"
|
|
48
48
|
})
|
|
49
|
+
}, {
|
|
50
|
+
test: true,
|
|
51
|
+
variables: ['og_image', 'main_image'],
|
|
52
|
+
render: () => /*#__PURE__*/React.createElement("meta", {
|
|
53
|
+
name: "twitter:card",
|
|
54
|
+
content: "summary_large_image",
|
|
55
|
+
key: "twitter_card"
|
|
56
|
+
})
|
|
49
57
|
}, {
|
|
50
58
|
variables: ['twitter_title', 'title', 'title_tag'],
|
|
51
59
|
render: v => /*#__PURE__*/React.createElement("meta", {
|
|
@@ -37,6 +37,14 @@ const helmetMap = [{
|
|
|
37
37
|
href: v,
|
|
38
38
|
key: "canonical"
|
|
39
39
|
})
|
|
40
|
+
}, {
|
|
41
|
+
test: true,
|
|
42
|
+
variables: ['og_image', 'main_image'],
|
|
43
|
+
render: () => /*#__PURE__*/React.createElement("meta", {
|
|
44
|
+
name: "twitter:card",
|
|
45
|
+
content: "summary_large_image",
|
|
46
|
+
key: "twitter_card"
|
|
47
|
+
})
|
|
40
48
|
}, {
|
|
41
49
|
variables: ['twitter_title', 'title', 'title_tag'],
|
|
42
50
|
render: v => /*#__PURE__*/React.createElement("meta", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pareto-engineering/design-system",
|
|
3
|
-
"version": "4.0.0-alpha.
|
|
3
|
+
"version": "4.0.0-alpha.46",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/es/index.js",
|
|
@@ -51,10 +51,10 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@lexical/react": "^0.11.3",
|
|
54
|
-
"@pareto-engineering/assets": "^4.0.0-alpha.
|
|
54
|
+
"@pareto-engineering/assets": "^4.0.0-alpha.45",
|
|
55
55
|
"@pareto-engineering/bem": "^4.0.0-alpha.20",
|
|
56
|
-
"@pareto-engineering/styles": "^4.0.0-alpha.
|
|
57
|
-
"@pareto-engineering/utils": "^4.0.0-alpha.
|
|
56
|
+
"@pareto-engineering/styles": "^4.0.0-alpha.46",
|
|
57
|
+
"@pareto-engineering/utils": "^4.0.0-alpha.46",
|
|
58
58
|
"date-fns": "^2.29.3",
|
|
59
59
|
"downshift": "^6.1.12",
|
|
60
60
|
"formik": "^2.2.9",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"relay-test-utils": "^15.0.0"
|
|
71
71
|
},
|
|
72
72
|
"browserslist": "> 2%",
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "b2719ca8ef140bea2c08806f532564610b4008e6"
|
|
74
74
|
}
|
package/src/stories/colors.js
CHANGED
|
@@ -1,58 +1,40 @@
|
|
|
1
1
|
const THEME = [
|
|
2
2
|
'main',
|
|
3
|
-
'main-80',
|
|
4
|
-
'main-50',
|
|
5
3
|
'main2',
|
|
6
|
-
'interactive',
|
|
7
|
-
'interactive-icons',
|
|
8
|
-
'shadow',
|
|
9
4
|
]
|
|
10
5
|
|
|
11
|
-
|
|
12
|
-
const WHEEL = [
|
|
6
|
+
const MODALS = [
|
|
13
7
|
'red',
|
|
14
|
-
'orange',
|
|
15
|
-
'yellow',
|
|
16
|
-
'olive',
|
|
17
8
|
'green',
|
|
18
|
-
'
|
|
19
|
-
'
|
|
9
|
+
'orange',
|
|
10
|
+
'gray',
|
|
20
11
|
'blue',
|
|
21
|
-
'
|
|
22
|
-
'
|
|
23
|
-
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
const MODALS = [
|
|
27
|
-
'success',
|
|
28
|
-
'warning',
|
|
29
|
-
'error',
|
|
30
|
-
'blocked',
|
|
31
|
-
'backlog',
|
|
32
|
-
'in-progress',
|
|
33
|
-
'in-review',
|
|
34
|
-
'requested',
|
|
35
|
-
'completed',
|
|
12
|
+
'purple',
|
|
13
|
+
'yellow',
|
|
14
|
+
'seagreen',
|
|
36
15
|
]
|
|
37
16
|
|
|
38
17
|
const UI = [
|
|
39
|
-
'
|
|
40
|
-
'
|
|
41
|
-
'
|
|
42
|
-
'
|
|
43
|
-
'background-cards-50',
|
|
44
|
-
'background-inputs',
|
|
45
|
-
'background-mesh',
|
|
18
|
+
'ui-main',
|
|
19
|
+
'ui-main-2',
|
|
20
|
+
'ui-lines',
|
|
21
|
+
'ui-icons',
|
|
46
22
|
'heading',
|
|
47
23
|
'paragraph',
|
|
48
24
|
'subtitle',
|
|
49
25
|
'metadata',
|
|
50
26
|
'link',
|
|
27
|
+
'disabled',
|
|
28
|
+
'shadow',
|
|
51
29
|
'transparent',
|
|
52
30
|
'highlighted',
|
|
53
|
-
'
|
|
54
|
-
'
|
|
55
|
-
'
|
|
31
|
+
'interactive',
|
|
32
|
+
'background-far',
|
|
33
|
+
'background-near',
|
|
34
|
+
'background-inputs',
|
|
35
|
+
'background-cards',
|
|
36
|
+
'background-mesh',
|
|
37
|
+
'outline-inputs',
|
|
56
38
|
]
|
|
57
39
|
|
|
58
40
|
const SM = [
|
|
@@ -73,7 +55,6 @@ const MONOCHROME = [
|
|
|
73
55
|
const ALL_COLORS = [
|
|
74
56
|
...THEME,
|
|
75
57
|
...MODALS,
|
|
76
|
-
// ...WHEEL,
|
|
77
58
|
...UI,
|
|
78
59
|
...SM,
|
|
79
60
|
...MONOCHROME,
|
|
@@ -82,7 +63,6 @@ const ALL_COLORS = [
|
|
|
82
63
|
export {
|
|
83
64
|
THEME,
|
|
84
65
|
MODALS,
|
|
85
|
-
// WHEEL,
|
|
86
66
|
UI,
|
|
87
67
|
SM,
|
|
88
68
|
MONOCHROME,
|
|
@@ -59,6 +59,18 @@ const helmetMap = [
|
|
|
59
59
|
)),
|
|
60
60
|
},
|
|
61
61
|
|
|
62
|
+
{
|
|
63
|
+
test :true,
|
|
64
|
+
variables:['og_image', 'main_image'],
|
|
65
|
+
render :() => (
|
|
66
|
+
<meta
|
|
67
|
+
name="twitter:card"
|
|
68
|
+
content="summary_large_image"
|
|
69
|
+
key="twitter_card"
|
|
70
|
+
/>
|
|
71
|
+
),
|
|
72
|
+
},
|
|
73
|
+
|
|
62
74
|
{
|
|
63
75
|
variables:['twitter_title', 'title', 'title_tag'],
|
|
64
76
|
render :(v) => (
|