@commercetools-uikit/spacings-stack 19.11.0 → 19.12.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.
|
@@ -33,9 +33,9 @@ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
|
33
33
|
const getAlignItem = alignment => {
|
|
34
34
|
switch (alignment) {
|
|
35
35
|
case 'flexStart':
|
|
36
|
-
return
|
|
36
|
+
return `flex-start`;
|
|
37
37
|
case 'flexEnd':
|
|
38
|
-
return
|
|
38
|
+
return `flex-end`;
|
|
39
39
|
default:
|
|
40
40
|
return alignment;
|
|
41
41
|
}
|
|
@@ -32,9 +32,9 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
32
32
|
const getAlignItem = alignment => {
|
|
33
33
|
switch (alignment) {
|
|
34
34
|
case 'flexStart':
|
|
35
|
-
return
|
|
35
|
+
return `flex-start`;
|
|
36
36
|
case 'flexEnd':
|
|
37
|
-
return
|
|
37
|
+
return `flex-end`;
|
|
38
38
|
default:
|
|
39
39
|
return alignment;
|
|
40
40
|
}
|
|
@@ -17,9 +17,9 @@ import { jsx } from '@emotion/react/jsx-runtime';
|
|
|
17
17
|
const getAlignItem = alignment => {
|
|
18
18
|
switch (alignment) {
|
|
19
19
|
case 'flexStart':
|
|
20
|
-
return
|
|
20
|
+
return `flex-start`;
|
|
21
21
|
case 'flexEnd':
|
|
22
|
-
return
|
|
22
|
+
return `flex-end`;
|
|
23
23
|
default:
|
|
24
24
|
return alignment;
|
|
25
25
|
}
|
|
@@ -10,7 +10,11 @@ export type TAlignItem = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'bas
|
|
|
10
10
|
| 'flexEnd';
|
|
11
11
|
export type TScale = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
12
12
|
export type TStackProps = {
|
|
13
|
+
/** specifies the spacing between individual items */
|
|
13
14
|
scale: TScale;
|
|
15
|
+
/**
|
|
16
|
+
* sets the `align-self` value on all direct children.
|
|
17
|
+
* https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */
|
|
14
18
|
alignItems: TAlignItem;
|
|
15
19
|
children: ReactNode;
|
|
16
20
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/spacings-stack",
|
|
3
3
|
"description": "A stack spacing component renders its children vertically with a consistent spacing between them.",
|
|
4
|
-
"version": "19.
|
|
4
|
+
"version": "19.12.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "19.
|
|
25
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/design-system": "19.12.0",
|
|
25
|
+
"@commercetools-uikit/utils": "19.12.0",
|
|
26
26
|
"@emotion/react": "^11.10.5",
|
|
27
27
|
"prop-types": "15.8.1"
|
|
28
28
|
},
|