@fluentui-react-native/stack 0.10.22 → 0.11.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/CHANGELOG.md +43 -1
- package/lib/Stack.d.ts +13 -7
- package/lib/Stack.d.ts.map +1 -1
- package/lib/Stack.js +45 -47
- package/lib/Stack.js.map +1 -1
- package/lib/Stack.settings.d.ts +1 -1
- package/lib/Stack.settings.js +51 -51
- package/lib/Stack.tokens.d.ts +3 -3
- package/lib/Stack.tokens.js +70 -71
- package/lib/Stack.tokens.js.map +1 -1
- package/lib/Stack.types.d.ts +79 -80
- package/lib/Stack.types.js +1 -1
- package/lib/StackItem/StackItem.d.ts +1 -1
- package/lib/StackItem/StackItem.js +5 -5
- package/lib/StackItem/StackItem.settings.d.ts +1 -1
- package/lib/StackItem/StackItem.settings.js +8 -8
- package/lib/StackItem/StackItem.tokens.d.ts +6 -2
- package/lib/StackItem/StackItem.tokens.js +13 -13
- package/lib/StackItem/StackItem.tokens.js.map +1 -1
- package/lib/StackItem/StackItem.types.d.ts +43 -43
- package/lib/StackItem/StackItem.types.js +1 -1
- package/lib/StackUtils.d.ts +7 -4
- package/lib/StackUtils.js +33 -35
- package/lib/StackUtils.js.map +1 -1
- package/lib/StackUtils.test.win32.d.ts +1 -1
- package/lib/StackUtils.test.win32.js +50 -50
- package/lib/StackUtils.test.win32.js.map +1 -1
- package/lib/__tests__/Stack.test.d.ts +1 -1
- package/lib/__tests__/Stack.test.js +15 -9
- package/lib/__tests__/Stack.test.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/Stack.d.ts +13 -7
- package/lib-commonjs/Stack.d.ts.map +1 -1
- package/lib-commonjs/Stack.js +112 -85
- package/lib-commonjs/Stack.js.map +1 -1
- package/lib-commonjs/Stack.settings.d.ts +1 -1
- package/lib-commonjs/Stack.settings.js +54 -54
- package/lib-commonjs/Stack.tokens.d.ts +3 -3
- package/lib-commonjs/Stack.tokens.js +74 -75
- package/lib-commonjs/Stack.tokens.js.map +1 -1
- package/lib-commonjs/Stack.types.d.ts +79 -80
- package/lib-commonjs/Stack.types.js +3 -3
- package/lib-commonjs/StackItem/StackItem.d.ts +1 -1
- package/lib-commonjs/StackItem/StackItem.js +13 -13
- package/lib-commonjs/StackItem/StackItem.js.map +1 -1
- package/lib-commonjs/StackItem/StackItem.settings.d.ts +1 -1
- package/lib-commonjs/StackItem/StackItem.settings.js +11 -11
- package/lib-commonjs/StackItem/StackItem.tokens.d.ts +6 -2
- package/lib-commonjs/StackItem/StackItem.tokens.js +18 -18
- package/lib-commonjs/StackItem/StackItem.tokens.js.map +1 -1
- package/lib-commonjs/StackItem/StackItem.types.d.ts +43 -43
- package/lib-commonjs/StackItem/StackItem.types.js +3 -3
- package/lib-commonjs/StackUtils.d.ts +7 -4
- package/lib-commonjs/StackUtils.js +37 -40
- package/lib-commonjs/StackUtils.js.map +1 -1
- package/lib-commonjs/StackUtils.test.win32.d.ts +1 -1
- package/lib-commonjs/StackUtils.test.win32.js +71 -53
- package/lib-commonjs/StackUtils.test.win32.js.map +1 -1
- package/lib-commonjs/__tests__/Stack.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Stack.test.js +74 -37
- package/lib-commonjs/__tests__/Stack.test.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +31 -11
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +65 -64
- package/src/Stack.tsx +2 -4
- package/src/__tests__/Stack.test.tsx +7 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,47 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/stack
|
|
2
2
|
|
|
3
|
+
## 0.11.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- d7adbdd: # Migration from Beachball to Changesets
|
|
8
|
+
|
|
9
|
+
This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
|
|
10
|
+
|
|
11
|
+
All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
|
|
12
|
+
|
|
13
|
+
## What Changed
|
|
14
|
+
|
|
15
|
+
Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
|
|
16
|
+
|
|
17
|
+
- ❌ 440+ beachball change files from `change/` directory
|
|
18
|
+
- ❌ `beachball` package dependency
|
|
19
|
+
- ❌ Beachball scripts from `package.json`
|
|
20
|
+
- ❌ `beachball.config.js` configuration file
|
|
21
|
+
- ❌ Beachball publish steps from Azure Pipelines
|
|
22
|
+
|
|
23
|
+
## New Workflow
|
|
24
|
+
|
|
25
|
+
✅ **Create changes**: Run `yarn changeset` to document changes
|
|
26
|
+
✅ **Version bump PRs**: Automatically created by GitHub Actions
|
|
27
|
+
✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
|
|
28
|
+
✅ **Validation**: CI validates changesets and blocks major version bumps
|
|
29
|
+
|
|
30
|
+
For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
|
|
35
|
+
- Updated dependencies [d7adbdd]
|
|
36
|
+
- Updated dependencies [d1d8c26]
|
|
37
|
+
- @fluentui-react-native/adapters@0.14.0
|
|
38
|
+
- @fluentui-react-native/framework@0.15.0
|
|
39
|
+
- @fluentui-react-native/tokens@0.24.0
|
|
40
|
+
- @uifabricshared/foundation-composable@0.14.0
|
|
41
|
+
- @uifabricshared/foundation-compose@1.16.0
|
|
42
|
+
- @uifabricshared/foundation-settings@0.16.0
|
|
43
|
+
- @uifabricshared/foundation-tokens@0.16.0
|
|
44
|
+
|
|
3
45
|
<!-- This log was last generated on Tue, 05 Aug 2025 18:50:41 GMT and should not be manually modified. -->
|
|
4
46
|
|
|
5
47
|
<!-- Start content -->
|
|
@@ -1403,7 +1445,7 @@ Thu, 16 Dec 2021 19:10:26 GMT
|
|
|
1403
1445
|
|
|
1404
1446
|
### Patches
|
|
1405
1447
|
|
|
1406
|
-
- Rename Jest snapshots to be platform agnostic
|
|
1448
|
+
- Rename Jest snapshots to be platform agnostic (sanajmi@microsoft.com)
|
|
1407
1449
|
- Bump @uifabricshared/foundation-compose to v1.11.1
|
|
1408
1450
|
- Bump @fluentui-react-native/adapters to v0.8.1
|
|
1409
1451
|
- Bump @fluentui-react-native/framework to v0.7.1
|
package/lib/Stack.d.ts
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import type { IStackProps, IStackSlotProps } from './Stack.types';
|
|
2
2
|
declare global {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
3
|
+
namespace NodeJS {
|
|
4
|
+
interface Global {
|
|
5
|
+
__jsiExecutorDescription: any;
|
|
7
6
|
}
|
|
7
|
+
}
|
|
8
8
|
}
|
|
9
|
-
export declare const Stack: import(
|
|
9
|
+
export declare const Stack: import('@uifabricshared/foundation-compose').IComposeReturnType<
|
|
10
|
+
IStackProps,
|
|
11
|
+
IStackSlotProps,
|
|
12
|
+
import('./Stack.types').IStackTokens,
|
|
13
|
+
{
|
|
10
14
|
gap: number;
|
|
11
15
|
horizontal: boolean;
|
|
12
16
|
wrap: boolean;
|
|
13
|
-
},
|
|
17
|
+
},
|
|
18
|
+
import('./Stack.types').IStackStatics
|
|
19
|
+
>;
|
|
14
20
|
export default Stack;
|
|
15
|
-
//# sourceMappingURL=Stack.d.ts.map
|
|
21
|
+
//# sourceMappingURL=Stack.d.ts.map
|
package/lib/Stack.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,WAAW,EAAE,eAAe,EAAc,MAAM,eAAe,CAAC;AAIhG,OAAO,CAAC,MAAM,CAAC,CAAC;IAEd,UAAU,MAAM,CAAC,CAAC;QAChB,UAAU,MAAM;YACd,wBAAwB,EAAE,GAAG,CAAC;SAC/B;KACF;CACF;AAyCD,eAAO,MAAM,KAAK;;;;yCAsBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
package/lib/Stack.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
/** @
|
|
1
|
+
import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
|
|
2
|
+
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { filterViewProps } from '@fluentui-react-native/adapters';
|
|
6
6
|
import { backgroundColorTokens, borderTokens } from '@fluentui-react-native/tokens';
|
|
7
|
-
import { withSlots } from '@uifabricshared/foundation-composable';
|
|
8
7
|
import { compose } from '@uifabricshared/foundation-compose';
|
|
9
8
|
import { mergeSettings } from '@uifabricshared/foundation-settings';
|
|
10
9
|
import { settings } from './Stack.settings';
|
|
@@ -12,55 +11,54 @@ import { buildStackRootStyles, buildStackInnerStyles } from './Stack.tokens';
|
|
|
12
11
|
import { stackName } from './Stack.types';
|
|
13
12
|
import StackItem from './StackItem/StackItem';
|
|
14
13
|
function _mixinStyle(style, mixin) {
|
|
15
|
-
|
|
14
|
+
return style ? [style, mixin] : mixin;
|
|
16
15
|
}
|
|
17
16
|
const _styleKey = 'style';
|
|
18
17
|
const render = (Slots, renderData, ...children) => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
return child;
|
|
18
|
+
const { gap, horizontal, wrap } = renderData.state;
|
|
19
|
+
if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {
|
|
20
|
+
const extraStyle = horizontal ? { marginLeft: gap } : { marginTop: gap };
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
22
|
+
// @ts-ignore - TODO, fix typing error
|
|
23
|
+
children = React.Children.map(children, (child, index) => {
|
|
24
|
+
if (React.isValidElement(child) && index > 0) {
|
|
25
|
+
const childProps = child.props;
|
|
26
|
+
const extraProps = { style: _mixinStyle(childProps[_styleKey], extraStyle) };
|
|
27
|
+
return React.cloneElement(child, {
|
|
28
|
+
...childProps,
|
|
29
|
+
...extraProps,
|
|
34
30
|
});
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return
|
|
31
|
+
}
|
|
32
|
+
return child;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
if (wrap) {
|
|
36
|
+
return _jsx(Slots.root, { children: _jsx(Slots.inner, { children: children }) });
|
|
37
|
+
}
|
|
38
|
+
return _jsx(Slots.root, { children: children });
|
|
41
39
|
};
|
|
42
40
|
export const Stack = compose({
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
41
|
+
displayName: stackName,
|
|
42
|
+
settings,
|
|
43
|
+
statics: {
|
|
44
|
+
Item: StackItem,
|
|
45
|
+
},
|
|
46
|
+
usePrepareProps: (props, useStyling) => {
|
|
47
|
+
const { gap, horizontal, wrap, ...rest } = props;
|
|
48
|
+
return {
|
|
49
|
+
slotProps: mergeSettings(useStyling(props), { root: rest }),
|
|
50
|
+
state: { gap, horizontal, wrap },
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
render: render,
|
|
54
|
+
slots: {
|
|
55
|
+
root: { slotType: View, filter: filterViewProps },
|
|
56
|
+
inner: { slotType: View, filter: filterViewProps },
|
|
57
|
+
},
|
|
58
|
+
styles: {
|
|
59
|
+
root: [buildStackRootStyles, backgroundColorTokens, borderTokens],
|
|
60
|
+
inner: [buildStackInnerStyles],
|
|
61
|
+
},
|
|
64
62
|
});
|
|
65
63
|
export default Stack;
|
|
66
|
-
//# sourceMappingURL=Stack.js.map
|
|
64
|
+
//# sourceMappingURL=Stack.js.map
|
package/lib/Stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"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"}
|
package/lib/Stack.settings.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { IComposeSettings } from '@uifabricshared/foundation-compose';
|
|
2
2
|
import type { IStackType } from './Stack.types';
|
|
3
3
|
export declare const settings: IComposeSettings<IStackType>;
|
|
4
|
-
//# sourceMappingURL=Stack.settings.d.ts.map
|
|
4
|
+
//# sourceMappingURL=Stack.settings.d.ts.map
|
package/lib/Stack.settings.js
CHANGED
|
@@ -1,60 +1,60 @@
|
|
|
1
1
|
import { stackName } from './Stack.types';
|
|
2
2
|
export const settings = [
|
|
3
|
-
|
|
3
|
+
{
|
|
4
|
+
root: {
|
|
5
|
+
style: {
|
|
6
|
+
display: 'flex',
|
|
7
|
+
},
|
|
8
|
+
},
|
|
9
|
+
inner: {
|
|
10
|
+
style: {
|
|
11
|
+
display: 'flex',
|
|
12
|
+
flexWrap: 'wrap',
|
|
13
|
+
overflow: 'visible',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
_overrides: {
|
|
17
|
+
horizontal: {
|
|
4
18
|
root: {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
},
|
|
9
|
-
inner: {
|
|
10
|
-
style: {
|
|
11
|
-
display: 'flex',
|
|
12
|
-
flexWrap: 'wrap',
|
|
13
|
-
overflow: 'visible',
|
|
14
|
-
},
|
|
19
|
+
style: {
|
|
20
|
+
flexDirection: 'row',
|
|
21
|
+
},
|
|
15
22
|
},
|
|
16
23
|
_overrides: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
},
|
|
23
|
-
_overrides: {
|
|
24
|
-
reversed: {
|
|
25
|
-
root: {
|
|
26
|
-
style: {
|
|
27
|
-
flexDirection: 'column-reverse',
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
reversed: {
|
|
34
|
-
root: {
|
|
35
|
-
style: {
|
|
36
|
-
flexDirection: 'row-reverse',
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
verticalFill: {
|
|
41
|
-
root: {
|
|
42
|
-
style: {
|
|
43
|
-
height: '100%',
|
|
44
|
-
},
|
|
45
|
-
},
|
|
46
|
-
},
|
|
47
|
-
wrap: {
|
|
48
|
-
root: {
|
|
49
|
-
style: {
|
|
50
|
-
flexWrap: 'wrap',
|
|
51
|
-
height: '100%',
|
|
52
|
-
overflow: 'visible',
|
|
53
|
-
},
|
|
54
|
-
},
|
|
24
|
+
reversed: {
|
|
25
|
+
root: {
|
|
26
|
+
style: {
|
|
27
|
+
flexDirection: 'column-reverse',
|
|
28
|
+
},
|
|
55
29
|
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
reversed: {
|
|
34
|
+
root: {
|
|
35
|
+
style: {
|
|
36
|
+
flexDirection: 'row-reverse',
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
verticalFill: {
|
|
41
|
+
root: {
|
|
42
|
+
style: {
|
|
43
|
+
height: '100%',
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
wrap: {
|
|
48
|
+
root: {
|
|
49
|
+
style: {
|
|
50
|
+
flexWrap: 'wrap',
|
|
51
|
+
height: '100%',
|
|
52
|
+
overflow: 'visible',
|
|
53
|
+
},
|
|
56
54
|
},
|
|
55
|
+
},
|
|
57
56
|
},
|
|
58
|
-
|
|
57
|
+
},
|
|
58
|
+
stackName,
|
|
59
59
|
];
|
|
60
|
-
//# sourceMappingURL=Stack.settings.js.map
|
|
60
|
+
//# sourceMappingURL=Stack.settings.js.map
|
package/lib/Stack.tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ViewProps } from 'react-native';
|
|
2
2
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
3
3
|
import type { IStackTokens } from './Stack.types';
|
|
4
|
-
export declare const buildStackInnerStyles: import(
|
|
5
|
-
export declare const buildStackRootStyles: import(
|
|
6
|
-
//# sourceMappingURL=Stack.tokens.d.ts.map
|
|
4
|
+
export declare const buildStackInnerStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
|
|
5
|
+
export declare const buildStackRootStyles: import('@fluentui-react-native/tokens').StyleFactoryFunction<ViewProps, IStackTokens, Theme>;
|
|
6
|
+
//# sourceMappingURL=Stack.tokens.d.ts.map
|
package/lib/Stack.tokens.js
CHANGED
|
@@ -1,88 +1,87 @@
|
|
|
1
1
|
import { styleFunction } from '@uifabricshared/foundation-tokens';
|
|
2
2
|
import { parseGap, parsePadding } from './StackUtils';
|
|
3
3
|
const nameMap = {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
start: 'flex-start',
|
|
5
|
+
end: 'flex-end',
|
|
6
6
|
};
|
|
7
7
|
function _mapAlignment(horizontal, horizontalAlign, verticalAlign, style) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
const alignValue = horizontal ? verticalAlign : horizontalAlign;
|
|
9
|
+
if (alignValue) {
|
|
10
|
+
style.alignItems = nameMap[alignValue] || alignValue;
|
|
11
|
+
}
|
|
12
|
+
const justifyValue = horizontal ? horizontalAlign : verticalAlign;
|
|
13
|
+
if (justifyValue) {
|
|
14
|
+
style.justifyContent = nameMap[justifyValue] || justifyValue;
|
|
15
|
+
}
|
|
16
16
|
}
|
|
17
17
|
const _innerKeyProps = [
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
'horizontal',
|
|
19
|
+
// 'reversed',
|
|
20
|
+
'gap',
|
|
21
|
+
'horizontalAlign',
|
|
22
|
+
'verticalAlign',
|
|
23
|
+
// 'disableShrink',
|
|
24
|
+
'childrenGap',
|
|
25
|
+
'padding',
|
|
26
26
|
];
|
|
27
27
|
function _buildInnerStyles(tokenProps, theme) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
innerStyle.height = '100%';
|
|
46
|
-
}
|
|
28
|
+
const { horizontal, wrap, horizontalAlign, verticalAlign, padding } = tokenProps;
|
|
29
|
+
let innerStyle = undefined;
|
|
30
|
+
const childrenGap = tokenProps.childrenGap || tokenProps.gap;
|
|
31
|
+
const { rowGap, columnGap } = parseGap(childrenGap, theme);
|
|
32
|
+
if (wrap) {
|
|
33
|
+
innerStyle = {
|
|
34
|
+
rowGap: rowGap,
|
|
35
|
+
columnGap: columnGap,
|
|
36
|
+
padding: parsePadding(padding, theme),
|
|
37
|
+
width: '100%',
|
|
38
|
+
};
|
|
39
|
+
_mapAlignment(!!horizontal, horizontalAlign, verticalAlign, innerStyle);
|
|
40
|
+
if (horizontal) {
|
|
41
|
+
innerStyle.height = '100%';
|
|
42
|
+
} else {
|
|
43
|
+
innerStyle.maxHeight = '100%';
|
|
44
|
+
innerStyle.height = '100%';
|
|
47
45
|
}
|
|
48
|
-
|
|
46
|
+
}
|
|
47
|
+
return { style: innerStyle };
|
|
49
48
|
}
|
|
50
49
|
export const buildStackInnerStyles = styleFunction(_buildInnerStyles, _innerKeyProps);
|
|
51
50
|
function _buildRootStyles(tokenProps, theme) {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
51
|
+
const { grow, horizontal, horizontalAlign, verticalAlign, maxHeight, maxWidth, padding, wrap } = tokenProps;
|
|
52
|
+
// const childrenGap = tokenProps.childrenGap || tokenProps.gap;
|
|
53
|
+
// const { rowGap, columnGap } = parseGap(childrenGap, theme);
|
|
54
|
+
const rootStyle = {
|
|
55
|
+
maxHeight,
|
|
56
|
+
maxWidth,
|
|
57
|
+
};
|
|
58
|
+
_mapAlignment(!!horizontal, horizontalAlign, verticalAlign, rootStyle);
|
|
59
|
+
if (grow && !wrap) {
|
|
60
|
+
rootStyle.flexGrow = typeof grow === 'boolean' ? (grow ? 1 : 0) : grow;
|
|
61
|
+
rootStyle.overflow = 'hidden';
|
|
62
|
+
}
|
|
63
|
+
if (!wrap) {
|
|
64
|
+
rootStyle.padding = parsePadding(padding, theme);
|
|
65
|
+
}
|
|
66
|
+
return { style: rootStyle };
|
|
67
|
+
// verticalFill,
|
|
68
|
+
// reversed,
|
|
69
|
+
// disableShrink,
|
|
71
70
|
}
|
|
72
71
|
const _keyProps = [
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
72
|
+
// 'verticalFill',
|
|
73
|
+
'horizontal',
|
|
74
|
+
// 'reversed',
|
|
75
|
+
// 'gap',
|
|
76
|
+
'grow',
|
|
77
|
+
'wrap',
|
|
78
|
+
'horizontalAlign',
|
|
79
|
+
'verticalAlign',
|
|
80
|
+
// 'disableShrink',
|
|
81
|
+
// 'childrenGap',
|
|
82
|
+
'maxHeight',
|
|
83
|
+
'maxWidth',
|
|
84
|
+
'padding',
|
|
86
85
|
];
|
|
87
86
|
export const buildStackRootStyles = styleFunction(_buildRootStyles, _keyProps);
|
|
88
|
-
//# sourceMappingURL=Stack.tokens.js.map
|
|
87
|
+
//# sourceMappingURL=Stack.tokens.js.map
|
package/lib/Stack.tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.tokens.js","sourceRoot":"","sources":["../src/Stack.tokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,OAAO,GAAiC;IAC5C,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,SAAS,aAAa,CAAC,UAAmB,EAAE,eAA0B,EAAE,aAAwB,EAAE,KAAgB;
|
|
1
|
+
{"version":3,"file":"Stack.tokens.js","sourceRoot":"","sources":["../src/Stack.tokens.ts"],"names":[],"mappings":"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"}
|