@commercetools-frontend/ui-kit 19.25.1 → 19.26.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.
- package/dist/commercetools-frontend-ui-kit.cjs.dev.js +1 -1
- package/dist/commercetools-frontend-ui-kit.cjs.prod.js +1 -1
- package/dist/commercetools-frontend-ui-kit.esm.js +1 -1
- package/materials/custom-properties.css +3 -3
- package/materials/custom-properties.json +3 -3
- package/materials/custom-properties_default.css +3 -3
- package/materials/internals/definition.yaml +3 -3
- package/materials/resets.css +36 -34
- package/package.json +40 -40
|
@@ -97,7 +97,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
|
|
|
97
97
|
var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
|
|
98
98
|
|
|
99
99
|
// NOTE: This string will be replaced on build time with the package version.
|
|
100
|
-
var version = "19.
|
|
100
|
+
var version = "19.26.0";
|
|
101
101
|
|
|
102
102
|
exports.i18n = i18n__namespace;
|
|
103
103
|
exports.utils = utils__namespace;
|
|
@@ -97,7 +97,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
|
|
|
97
97
|
var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
|
|
98
98
|
|
|
99
99
|
// NOTE: This string will be replaced on build time with the package version.
|
|
100
|
-
var version = "19.
|
|
100
|
+
var version = "19.26.0";
|
|
101
101
|
|
|
102
102
|
exports.i18n = i18n__namespace;
|
|
103
103
|
exports.utils = utils__namespace;
|
|
@@ -44,6 +44,6 @@ export { useDataTableSortingState, usePaginationState, useRowSelection, useSorti
|
|
|
44
44
|
export { customProperties, designTokens } from '@commercetools-uikit/design-system';
|
|
45
45
|
|
|
46
46
|
// NOTE: This string will be replaced on build time with the package version.
|
|
47
|
-
var version = "19.
|
|
47
|
+
var version = "19.26.0";
|
|
48
48
|
|
|
49
49
|
export { version };
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
--color-accent-98: hsl(195, 100%, 98%);
|
|
30
30
|
--color-brown-10: hsl(41, 100%, 10%);
|
|
31
31
|
--color-brown-20: hsl(41, 100%, 20%);
|
|
32
|
-
--color-brown-35: hsl(41, 96%,
|
|
32
|
+
--color-brown-35: hsl(41, 96%, 30%);
|
|
33
33
|
--color-brown-50: hsl(41, 95%, 44%);
|
|
34
34
|
--color-brown-70: hsl(47, 95%, 70%);
|
|
35
35
|
--color-brown-85: hsl(47, 100%, 85%);
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
--color-purple-98: hsl(246, 100%, 98%);
|
|
48
48
|
--color-turquoise-10: hsl(180, 88%, 10%);
|
|
49
49
|
--color-turquoise-20: hsl(180, 90%, 20%);
|
|
50
|
-
--color-turquoise-35: hsl(178, 88%,
|
|
50
|
+
--color-turquoise-35: hsl(178, 88%, 25%);
|
|
51
51
|
--color-turquoise-50: hsl(178, 67%, 50%);
|
|
52
52
|
--color-turquoise-70: hsl(180, 75%, 70%);
|
|
53
53
|
--color-turquoise-85: hsl(180, 90%, 85%);
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
--color-neutral-95: hsl(232, 18%, 95%);
|
|
66
66
|
--color-neutral-98: hsl(232, 18%, 98%);
|
|
67
67
|
--color-info: #078cdf;
|
|
68
|
-
--color-info-40: hsl(203
|
|
68
|
+
--color-info-40: hsl(203, 94%, 35%);
|
|
69
69
|
--color-info-50: hsl(203.05555555555554, 93.9130434783%, 50%);
|
|
70
70
|
--color-info-60: hsl(203.05555555555554, 93.9130434783%, 60%);
|
|
71
71
|
--color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"--color-accent-98": "hsl(195, 100%, 98%)",
|
|
23
23
|
"--color-brown-10": "hsl(41, 100%, 10%)",
|
|
24
24
|
"--color-brown-20": "hsl(41, 100%, 20%)",
|
|
25
|
-
"--color-brown-35": "hsl(41, 96%,
|
|
25
|
+
"--color-brown-35": "hsl(41, 96%, 30%)",
|
|
26
26
|
"--color-brown-50": "hsl(41, 95%, 44%)",
|
|
27
27
|
"--color-brown-70": "hsl(47, 95%, 70%)",
|
|
28
28
|
"--color-brown-85": "hsl(47, 100%, 85%)",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"--color-purple-98": "hsl(246, 100%, 98%)",
|
|
41
41
|
"--color-turquoise-10": "hsl(180, 88%, 10%)",
|
|
42
42
|
"--color-turquoise-20": "hsl(180, 90%, 20%)",
|
|
43
|
-
"--color-turquoise-35": "hsl(178, 88%,
|
|
43
|
+
"--color-turquoise-35": "hsl(178, 88%, 25%)",
|
|
44
44
|
"--color-turquoise-50": "hsl(178, 67%, 50%)",
|
|
45
45
|
"--color-turquoise-70": "hsl(180, 75%, 70%)",
|
|
46
46
|
"--color-turquoise-85": "hsl(180, 90%, 85%)",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"--color-neutral-95": "hsl(232, 18%, 95%)",
|
|
59
59
|
"--color-neutral-98": "hsl(232, 18%, 98%)",
|
|
60
60
|
"--color-info": "#078cdf",
|
|
61
|
-
"--color-info-40": "hsl(203
|
|
61
|
+
"--color-info-40": "hsl(203, 94%, 35%)",
|
|
62
62
|
"--color-info-50": "hsl(203.05555555555554, 93.9130434783%, 50%)",
|
|
63
63
|
"--color-info-60": "hsl(203.05555555555554, 93.9130434783%, 60%)",
|
|
64
64
|
"--color-info-85": "hsl(203.05555555555554, 93.9130434783%, 85%)",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
--color-accent-98: hsl(195, 100%, 98%);
|
|
30
30
|
--color-brown-10: hsl(41, 100%, 10%);
|
|
31
31
|
--color-brown-20: hsl(41, 100%, 20%);
|
|
32
|
-
--color-brown-35: hsl(41, 96%,
|
|
32
|
+
--color-brown-35: hsl(41, 96%, 30%);
|
|
33
33
|
--color-brown-50: hsl(41, 95%, 44%);
|
|
34
34
|
--color-brown-70: hsl(47, 95%, 70%);
|
|
35
35
|
--color-brown-85: hsl(47, 100%, 85%);
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
--color-purple-98: hsl(246, 100%, 98%);
|
|
48
48
|
--color-turquoise-10: hsl(180, 88%, 10%);
|
|
49
49
|
--color-turquoise-20: hsl(180, 90%, 20%);
|
|
50
|
-
--color-turquoise-35: hsl(178, 88%,
|
|
50
|
+
--color-turquoise-35: hsl(178, 88%, 25%);
|
|
51
51
|
--color-turquoise-50: hsl(178, 67%, 50%);
|
|
52
52
|
--color-turquoise-70: hsl(180, 75%, 70%);
|
|
53
53
|
--color-turquoise-85: hsl(180, 90%, 85%);
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
--color-neutral-95: hsl(232, 18%, 95%);
|
|
66
66
|
--color-neutral-98: hsl(232, 18%, 98%);
|
|
67
67
|
--color-info: #078cdf;
|
|
68
|
-
--color-info-40: hsl(203
|
|
68
|
+
--color-info-40: hsl(203, 94%, 35%);
|
|
69
69
|
--color-info-50: hsl(203.05555555555554, 93.9130434783%, 50%);
|
|
70
70
|
--color-info-60: hsl(203.05555555555554, 93.9130434783%, 60%);
|
|
71
71
|
--color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
|
|
@@ -59,7 +59,7 @@ choiceGroupsByTheme:
|
|
|
59
59
|
color-accent-98: 'hsl(195, 100%, 98%)'
|
|
60
60
|
color-brown-10: 'hsl(41, 100%, 10%)'
|
|
61
61
|
color-brown-20: 'hsl(41, 100%, 20%)'
|
|
62
|
-
color-brown-35: 'hsl(41, 96%,
|
|
62
|
+
color-brown-35: 'hsl(41, 96%, 30%)'
|
|
63
63
|
color-brown-50: 'hsl(41, 95%, 44%)'
|
|
64
64
|
color-brown-70: 'hsl(47, 95%, 70%)'
|
|
65
65
|
color-brown-85: 'hsl(47, 100%, 85%)'
|
|
@@ -77,7 +77,7 @@ choiceGroupsByTheme:
|
|
|
77
77
|
color-purple-98: 'hsl(246, 100%, 98%)'
|
|
78
78
|
color-turquoise-10: 'hsl(180, 88%, 10%)'
|
|
79
79
|
color-turquoise-20: 'hsl(180, 90%, 20%)'
|
|
80
|
-
color-turquoise-35: 'hsl(178, 88%,
|
|
80
|
+
color-turquoise-35: 'hsl(178, 88%, 25%)'
|
|
81
81
|
color-turquoise-50: 'hsl(178, 67%, 50%)'
|
|
82
82
|
color-turquoise-70: 'hsl(180, 75%, 70%)'
|
|
83
83
|
color-turquoise-85: 'hsl(180, 90%, 85%)'
|
|
@@ -95,7 +95,7 @@ choiceGroupsByTheme:
|
|
|
95
95
|
color-neutral-95: 'hsl(232, 18%, 95%)'
|
|
96
96
|
color-neutral-98: 'hsl(232, 18%, 98%)'
|
|
97
97
|
color-info: '#078cdf'
|
|
98
|
-
color-info-40: 'hsl(203
|
|
98
|
+
color-info-40: 'hsl(203, 94%, 35%)'
|
|
99
99
|
color-info-50: 'hsl(203.05555555555554, 93.9130434783%, 50%)'
|
|
100
100
|
color-info-60: 'hsl(203.05555555555554, 93.9130434783%, 60%)'
|
|
101
101
|
color-info-85: 'hsl(203.05555555555554, 93.9130434783%, 85%)'
|
package/materials/resets.css
CHANGED
|
@@ -1,41 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
*::
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
@layer reset {
|
|
2
|
+
*,
|
|
3
|
+
*::before,
|
|
4
|
+
*::after {
|
|
5
|
+
box-sizing: inherit;
|
|
6
|
+
}
|
|
6
7
|
|
|
7
|
-
html,
|
|
8
|
-
body {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
8
|
+
html,
|
|
9
|
+
body {
|
|
10
|
+
color: var(--color-solid);
|
|
11
|
+
font-family: var(--font-family);
|
|
12
|
+
margin: 0;
|
|
13
|
+
padding: 0;
|
|
14
|
+
}
|
|
14
15
|
|
|
15
|
-
html {
|
|
16
|
-
|
|
17
|
-
}
|
|
16
|
+
html {
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
}
|
|
18
19
|
|
|
19
|
-
h1,
|
|
20
|
-
h2,
|
|
21
|
-
h3,
|
|
22
|
-
h4,
|
|
23
|
-
h5,
|
|
24
|
-
h6 {
|
|
25
|
-
|
|
26
|
-
}
|
|
20
|
+
h1,
|
|
21
|
+
h2,
|
|
22
|
+
h3,
|
|
23
|
+
h4,
|
|
24
|
+
h5,
|
|
25
|
+
h6 {
|
|
26
|
+
margin: 0;
|
|
27
|
+
}
|
|
27
28
|
|
|
28
|
-
button {
|
|
29
|
-
|
|
30
|
-
}
|
|
29
|
+
button {
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
}
|
|
31
32
|
|
|
32
|
-
a {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
33
|
+
a {
|
|
34
|
+
color: var(--color-primary);
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
text-decoration: none;
|
|
37
|
+
transition: color 0.2s ease-in;
|
|
38
|
+
}
|
|
38
39
|
|
|
39
|
-
p {
|
|
40
|
-
|
|
40
|
+
p {
|
|
41
|
+
margin: 0;
|
|
42
|
+
}
|
|
41
43
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/ui-kit",
|
|
3
3
|
"description": "A preset of all the UI-Kit components.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.26.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -24,45 +24,45 @@
|
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@babel/runtime": "^7.20.13",
|
|
26
26
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
27
|
-
"@commercetools-uikit/accessible-hidden": "19.
|
|
28
|
-
"@commercetools-uikit/avatar": "19.
|
|
29
|
-
"@commercetools-uikit/buttons": "19.
|
|
30
|
-
"@commercetools-uikit/card": "19.
|
|
31
|
-
"@commercetools-uikit/collapsible": "19.
|
|
32
|
-
"@commercetools-uikit/collapsible-motion": "19.
|
|
33
|
-
"@commercetools-uikit/collapsible-panel": "19.
|
|
34
|
-
"@commercetools-uikit/constraints": "19.
|
|
35
|
-
"@commercetools-uikit/data-table": "19.
|
|
36
|
-
"@commercetools-uikit/data-table-manager": "19.
|
|
37
|
-
"@commercetools-uikit/design-system": "19.
|
|
38
|
-
"@commercetools-uikit/dropdown-menu": "19.
|
|
39
|
-
"@commercetools-uikit/field-errors": "19.
|
|
40
|
-
"@commercetools-uikit/field-label": "19.
|
|
41
|
-
"@commercetools-uikit/fields": "19.
|
|
42
|
-
"@commercetools-uikit/filters": "19.
|
|
43
|
-
"@commercetools-uikit/grid": "19.
|
|
44
|
-
"@commercetools-uikit/hooks": "19.
|
|
45
|
-
"@commercetools-uikit/i18n": "19.
|
|
46
|
-
"@commercetools-uikit/icons": "19.
|
|
47
|
-
"@commercetools-uikit/inputs": "19.
|
|
48
|
-
"@commercetools-uikit/label": "19.
|
|
49
|
-
"@commercetools-uikit/link": "19.
|
|
50
|
-
"@commercetools-uikit/loading-spinner": "19.
|
|
51
|
-
"@commercetools-uikit/messages": "19.
|
|
52
|
-
"@commercetools-uikit/notifications": "19.
|
|
53
|
-
"@commercetools-uikit/pagination": "19.
|
|
54
|
-
"@commercetools-uikit/primary-action-dropdown": "19.
|
|
55
|
-
"@commercetools-uikit/progress-bar": "19.
|
|
56
|
-
"@commercetools-uikit/quick-filters": "19.
|
|
57
|
-
"@commercetools-uikit/select-utils": "19.
|
|
58
|
-
"@commercetools-uikit/selectable-search-input": "19.
|
|
59
|
-
"@commercetools-uikit/spacings": "19.
|
|
60
|
-
"@commercetools-uikit/stamp": "19.
|
|
61
|
-
"@commercetools-uikit/tag": "19.
|
|
62
|
-
"@commercetools-uikit/text": "19.
|
|
63
|
-
"@commercetools-uikit/tooltip": "19.
|
|
64
|
-
"@commercetools-uikit/utils": "19.
|
|
65
|
-
"@commercetools-uikit/view-switcher": "19.
|
|
27
|
+
"@commercetools-uikit/accessible-hidden": "19.26.0",
|
|
28
|
+
"@commercetools-uikit/avatar": "19.26.0",
|
|
29
|
+
"@commercetools-uikit/buttons": "19.26.0",
|
|
30
|
+
"@commercetools-uikit/card": "19.26.0",
|
|
31
|
+
"@commercetools-uikit/collapsible": "19.26.0",
|
|
32
|
+
"@commercetools-uikit/collapsible-motion": "19.26.0",
|
|
33
|
+
"@commercetools-uikit/collapsible-panel": "19.26.0",
|
|
34
|
+
"@commercetools-uikit/constraints": "19.26.0",
|
|
35
|
+
"@commercetools-uikit/data-table": "19.26.0",
|
|
36
|
+
"@commercetools-uikit/data-table-manager": "19.26.0",
|
|
37
|
+
"@commercetools-uikit/design-system": "19.26.0",
|
|
38
|
+
"@commercetools-uikit/dropdown-menu": "19.26.0",
|
|
39
|
+
"@commercetools-uikit/field-errors": "19.26.0",
|
|
40
|
+
"@commercetools-uikit/field-label": "19.26.0",
|
|
41
|
+
"@commercetools-uikit/fields": "19.26.0",
|
|
42
|
+
"@commercetools-uikit/filters": "19.26.0",
|
|
43
|
+
"@commercetools-uikit/grid": "19.26.0",
|
|
44
|
+
"@commercetools-uikit/hooks": "19.26.0",
|
|
45
|
+
"@commercetools-uikit/i18n": "19.26.0",
|
|
46
|
+
"@commercetools-uikit/icons": "19.26.0",
|
|
47
|
+
"@commercetools-uikit/inputs": "19.26.0",
|
|
48
|
+
"@commercetools-uikit/label": "19.26.0",
|
|
49
|
+
"@commercetools-uikit/link": "19.26.0",
|
|
50
|
+
"@commercetools-uikit/loading-spinner": "19.26.0",
|
|
51
|
+
"@commercetools-uikit/messages": "19.26.0",
|
|
52
|
+
"@commercetools-uikit/notifications": "19.26.0",
|
|
53
|
+
"@commercetools-uikit/pagination": "19.26.0",
|
|
54
|
+
"@commercetools-uikit/primary-action-dropdown": "19.26.0",
|
|
55
|
+
"@commercetools-uikit/progress-bar": "19.26.0",
|
|
56
|
+
"@commercetools-uikit/quick-filters": "19.26.0",
|
|
57
|
+
"@commercetools-uikit/select-utils": "19.26.0",
|
|
58
|
+
"@commercetools-uikit/selectable-search-input": "19.26.0",
|
|
59
|
+
"@commercetools-uikit/spacings": "19.26.0",
|
|
60
|
+
"@commercetools-uikit/stamp": "19.26.0",
|
|
61
|
+
"@commercetools-uikit/tag": "19.26.0",
|
|
62
|
+
"@commercetools-uikit/text": "19.26.0",
|
|
63
|
+
"@commercetools-uikit/tooltip": "19.26.0",
|
|
64
|
+
"@commercetools-uikit/utils": "19.26.0",
|
|
65
|
+
"@commercetools-uikit/view-switcher": "19.26.0"
|
|
66
66
|
},
|
|
67
67
|
"devDependencies": {
|
|
68
68
|
"moment": "2.30.1",
|