@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.
Files changed (68) hide show
  1. package/CHANGELOG.md +43 -1
  2. package/lib/Stack.d.ts +13 -7
  3. package/lib/Stack.d.ts.map +1 -1
  4. package/lib/Stack.js +45 -47
  5. package/lib/Stack.js.map +1 -1
  6. package/lib/Stack.settings.d.ts +1 -1
  7. package/lib/Stack.settings.js +51 -51
  8. package/lib/Stack.tokens.d.ts +3 -3
  9. package/lib/Stack.tokens.js +70 -71
  10. package/lib/Stack.tokens.js.map +1 -1
  11. package/lib/Stack.types.d.ts +79 -80
  12. package/lib/Stack.types.js +1 -1
  13. package/lib/StackItem/StackItem.d.ts +1 -1
  14. package/lib/StackItem/StackItem.js +5 -5
  15. package/lib/StackItem/StackItem.settings.d.ts +1 -1
  16. package/lib/StackItem/StackItem.settings.js +8 -8
  17. package/lib/StackItem/StackItem.tokens.d.ts +6 -2
  18. package/lib/StackItem/StackItem.tokens.js +13 -13
  19. package/lib/StackItem/StackItem.tokens.js.map +1 -1
  20. package/lib/StackItem/StackItem.types.d.ts +43 -43
  21. package/lib/StackItem/StackItem.types.js +1 -1
  22. package/lib/StackUtils.d.ts +7 -4
  23. package/lib/StackUtils.js +33 -35
  24. package/lib/StackUtils.js.map +1 -1
  25. package/lib/StackUtils.test.win32.d.ts +1 -1
  26. package/lib/StackUtils.test.win32.js +50 -50
  27. package/lib/StackUtils.test.win32.js.map +1 -1
  28. package/lib/__tests__/Stack.test.d.ts +1 -1
  29. package/lib/__tests__/Stack.test.js +15 -9
  30. package/lib/__tests__/Stack.test.js.map +1 -1
  31. package/lib/index.d.ts +1 -1
  32. package/lib/index.js +1 -1
  33. package/lib-commonjs/Stack.d.ts +13 -7
  34. package/lib-commonjs/Stack.d.ts.map +1 -1
  35. package/lib-commonjs/Stack.js +112 -85
  36. package/lib-commonjs/Stack.js.map +1 -1
  37. package/lib-commonjs/Stack.settings.d.ts +1 -1
  38. package/lib-commonjs/Stack.settings.js +54 -54
  39. package/lib-commonjs/Stack.tokens.d.ts +3 -3
  40. package/lib-commonjs/Stack.tokens.js +74 -75
  41. package/lib-commonjs/Stack.tokens.js.map +1 -1
  42. package/lib-commonjs/Stack.types.d.ts +79 -80
  43. package/lib-commonjs/Stack.types.js +3 -3
  44. package/lib-commonjs/StackItem/StackItem.d.ts +1 -1
  45. package/lib-commonjs/StackItem/StackItem.js +13 -13
  46. package/lib-commonjs/StackItem/StackItem.js.map +1 -1
  47. package/lib-commonjs/StackItem/StackItem.settings.d.ts +1 -1
  48. package/lib-commonjs/StackItem/StackItem.settings.js +11 -11
  49. package/lib-commonjs/StackItem/StackItem.tokens.d.ts +6 -2
  50. package/lib-commonjs/StackItem/StackItem.tokens.js +18 -18
  51. package/lib-commonjs/StackItem/StackItem.tokens.js.map +1 -1
  52. package/lib-commonjs/StackItem/StackItem.types.d.ts +43 -43
  53. package/lib-commonjs/StackItem/StackItem.types.js +3 -3
  54. package/lib-commonjs/StackUtils.d.ts +7 -4
  55. package/lib-commonjs/StackUtils.js +37 -40
  56. package/lib-commonjs/StackUtils.js.map +1 -1
  57. package/lib-commonjs/StackUtils.test.win32.d.ts +1 -1
  58. package/lib-commonjs/StackUtils.test.win32.js +71 -53
  59. package/lib-commonjs/StackUtils.test.win32.js.map +1 -1
  60. package/lib-commonjs/__tests__/Stack.test.d.ts +1 -1
  61. package/lib-commonjs/__tests__/Stack.test.js +74 -37
  62. package/lib-commonjs/__tests__/Stack.test.js.map +1 -1
  63. package/lib-commonjs/index.d.ts +1 -1
  64. package/lib-commonjs/index.js +31 -11
  65. package/lib-commonjs/index.js.map +1 -1
  66. package/package.json +65 -64
  67. package/src/Stack.tsx +2 -4
  68. 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 (sanajmi@microsoft.com)
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
- namespace NodeJS {
4
- interface Global {
5
- __jsiExecutorDescription: any;
6
- }
3
+ namespace NodeJS {
4
+ interface Global {
5
+ __jsiExecutorDescription: any;
7
6
  }
7
+ }
8
8
  }
9
- export declare const Stack: import("@uifabricshared/foundation-compose").IComposeReturnType<IStackProps, IStackSlotProps, import("./Stack.types").IStackTokens, {
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
- }, import("./Stack.types").IStackStatics>;
17
+ },
18
+ import('./Stack.types').IStackStatics
19
+ >;
14
20
  export default Stack;
15
- //# sourceMappingURL=Stack.d.ts.map
21
+ //# sourceMappingURL=Stack.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAoB,WAAW,EAAE,eAAe,EAAc,MAAM,eAAe,CAAC;AAIhG,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM,CAAC;QACf,UAAU,MAAM;YACd,wBAAwB,EAAE,GAAG,CAAC;SAC/B;KACF;CACF;AAyCD,eAAO,MAAM,KAAK;;;;yCAsBhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
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
- /** @jsxRuntime classic */
2
- /** @jsx withSlots */
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
- return style ? [style, mixin] : mixin;
14
+ return style ? [style, mixin] : mixin;
16
15
  }
17
16
  const _styleKey = 'style';
18
17
  const render = (Slots, renderData, ...children) => {
19
- const { gap, horizontal, wrap } = renderData.state;
20
- if (gap && gap > 0 && children && globalThis.__jsiExecutorDescription !== 'ChakraRuntime') {
21
- const extraStyle = horizontal ? { marginLeft: gap } : { marginTop: gap };
22
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
23
- // @ts-ignore - TODO, fix typing error
24
- children = React.Children.map(children, (child, index) => {
25
- if (React.isValidElement(child) && index > 0) {
26
- const childProps = child.props;
27
- const extraProps = { style: _mixinStyle(childProps[_styleKey], extraStyle) };
28
- return React.cloneElement(child, {
29
- ...childProps,
30
- ...extraProps,
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
- if (wrap) {
37
- return (withSlots(Slots.root, null,
38
- withSlots(Slots.inner, null, children)));
39
- }
40
- return withSlots(Slots.root, null, children);
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
- displayName: stackName,
44
- settings,
45
- statics: {
46
- Item: StackItem,
47
- },
48
- usePrepareProps: (props, useStyling) => {
49
- const { gap, horizontal, wrap, ...rest } = props;
50
- return {
51
- slotProps: mergeSettings(useStyling(props), { root: rest }),
52
- state: { gap, horizontal, wrap },
53
- };
54
- },
55
- render: render,
56
- slots: {
57
- root: { slotType: View, filter: filterViewProps },
58
- inner: { slotType: View, filter: filterViewProps },
59
- },
60
- styles: {
61
- root: [buildStackRootStyles, backgroundColorTokens, borderTokens],
62
- inner: [buildStackInnerStyles],
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":"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"}
1
+ {"version":3,"file":"Stack.js","sourceRoot":"","sources":["../src/Stack.tsx"],"names":[],"mappings":"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"}
@@ -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
@@ -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
- style: {
6
- display: 'flex',
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
- horizontal: {
18
- root: {
19
- style: {
20
- flexDirection: 'row',
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
- stackName,
57
+ },
58
+ stackName,
59
59
  ];
60
- //# sourceMappingURL=Stack.settings.js.map
60
+ //# sourceMappingURL=Stack.settings.js.map
@@ -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("@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
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
@@ -1,88 +1,87 @@
1
1
  import { styleFunction } from '@uifabricshared/foundation-tokens';
2
2
  import { parseGap, parsePadding } from './StackUtils';
3
3
  const nameMap = {
4
- start: 'flex-start',
5
- end: 'flex-end',
4
+ start: 'flex-start',
5
+ end: 'flex-end',
6
6
  };
7
7
  function _mapAlignment(horizontal, horizontalAlign, verticalAlign, style) {
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
- }
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
- 'horizontal',
19
- // 'reversed',
20
- 'gap',
21
- 'horizontalAlign',
22
- 'verticalAlign',
23
- // 'disableShrink',
24
- 'childrenGap',
25
- 'padding',
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
- 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
- }
43
- else {
44
- innerStyle.maxHeight = '100%';
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
- return { style: innerStyle };
46
+ }
47
+ return { style: innerStyle };
49
48
  }
50
49
  export const buildStackInnerStyles = styleFunction(_buildInnerStyles, _innerKeyProps);
51
50
  function _buildRootStyles(tokenProps, theme) {
52
- const { grow, horizontal, horizontalAlign, verticalAlign, maxHeight, maxWidth, padding, wrap } = tokenProps;
53
- // const childrenGap = tokenProps.childrenGap || tokenProps.gap;
54
- // const { rowGap, columnGap } = parseGap(childrenGap, theme);
55
- const rootStyle = {
56
- maxHeight,
57
- maxWidth,
58
- };
59
- _mapAlignment(!!horizontal, horizontalAlign, verticalAlign, rootStyle);
60
- if (grow && !wrap) {
61
- rootStyle.flexGrow = typeof grow === 'boolean' ? (grow ? 1 : 0) : grow;
62
- rootStyle.overflow = 'hidden';
63
- }
64
- if (!wrap) {
65
- rootStyle.padding = parsePadding(padding, theme);
66
- }
67
- return { style: rootStyle };
68
- // verticalFill,
69
- // reversed,
70
- // disableShrink,
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
- // 'verticalFill',
74
- 'horizontal',
75
- // 'reversed',
76
- // 'gap',
77
- 'grow',
78
- 'wrap',
79
- 'horizontalAlign',
80
- 'verticalAlign',
81
- // 'disableShrink',
82
- // 'childrenGap',
83
- 'maxHeight',
84
- 'maxWidth',
85
- 'padding',
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
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.tokens.js","sourceRoot":"","sources":["../src/Stack.tokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Stack.tokens.js","sourceRoot":"","sources":["../src/Stack.tokens.ts"],"names":[],"mappings":"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"}