@fluentui-react-native/stack 0.10.21 → 0.11.0

package/lib/Stack.types.d.ts

@@ -3,14 +3,14 @@ import type { Spacing } from '@fluentui-react-native/framework';
 import type { IBackgroundColorTokens, IBorderTokens, FontTokens } from '@fluentui-react-native/tokens';
 import type { IRenderData } from '@uifabricshared/foundation-composable';
 import type { IStackItemProps } from './StackItem/StackItem.types';
-export declare const stackName = "RNFStack";
+export declare const stackName = 'RNFStack';
 /**
  * Defines a type made by the union of the different values that the align-items and justify-content flexbox
  * properties can take.
  */
 export type Alignment = ViewStyle['justifyContent'] | 'start' | 'end';
 export interface IStackStatics {
-    Item: React.FunctionComponent<IStackItemProps>;
+  Item: React.FunctionComponent<IStackItemProps>;
 }
 type SpacingGapValue = `${number}px` | `${number}` | keyof Spacing;
 /**
@@ -18,91 +18,90 @@ type SpacingGapValue = `${number}px` | `${number}` | keyof Spacing;
  * the right approach
  */
 export interface IStackTokens extends FontTokens, IBackgroundColorTokens, IBorderTokens {
-    /**
-     * Defines the spacing between Stack children.
-     * The property is specified as a value for 'row gap', followed optionally by a value for 'column gap'.
-     * If 'column gap' is omitted, it's set to the same value as 'row gap'.
-     */
-    childrenGap?: number | SpacingGapValue | `${SpacingGapValue} ${SpacingGapValue}`;
-    /**
-     * Defines a maximum height for the Stack.
-     */
-    maxHeight?: DimensionValue;
-    /**
-     * Defines a maximum width for the Stack.
-     */
-    maxWidth?: DimensionValue;
-    /**
-     * Defines the padding to be applied to the Stack contents relative to its border.
-     */
-    padding?: number | `${number}px` | keyof Spacing;
-    /**
-     * Defines whether to render Stack children horizontally.
-     * @defaultvalue false
-     */
-    horizontal?: boolean;
-    /**
-     * Defines whether to render Stack children in the opposite direction (bottom-to-top if it's a vertical Stack and
-     * right-to-left if it's a horizontal Stack).
-     * @defaultvalue false
-     */
-    reversed?: boolean;
-    /**
-     * Defines how to align Stack children horizontally (along the x-axis).
-     */
-    horizontalAlign?: Alignment;
-    /**
-     * Defines how to align Stack children vertically (along the y-axis).
-     */
-    verticalAlign?: Alignment;
-    /**
-     * Defines whether the Stack should take up 100% of the height of its parent.
-     * This property is required to be set to true when using the `grow` flag on children in vertical oriented Stacks.
-     * Stacks are rendered as block elements and grow horizontally to the container already.
-     * @defaultvalue false
-     */
-    verticalFill?: boolean;
-    /**
-     * Defines whether Stack children should not shrink to fit the available space.
-     * @defaultvalue false
-     */
-    disableShrink?: boolean;
-    /**
-     * Defines how much to grow the Stack in proportion to its siblings.
-     */
-    grow?: boolean | number;
-    /**
-     * Defines whether Stack children should wrap onto multiple rows or columns when they are about to overflow
-     * the size of the Stack.
-     * @defaultvalue false
-     */
-    wrap?: boolean;
-    /**
-     * Gap between items, multiplied by theme gap spacing
-     * Does not work while running Chakra for reasons specific to that engine (refer to https://github.com/microsoft/fluentui-react-native/issues/767)
-     */
-    gap?: number;
+  /**
+   * Defines the spacing between Stack children.
+   * The property is specified as a value for 'row gap', followed optionally by a value for 'column gap'.
+   * If 'column gap' is omitted, it's set to the same value as 'row gap'.
+   */
+  childrenGap?: number | SpacingGapValue | `${SpacingGapValue} ${SpacingGapValue}`;
+  /**
+   * Defines a maximum height for the Stack.
+   */
+  maxHeight?: DimensionValue;
+  /**
+   * Defines a maximum width for the Stack.
+   */
+  maxWidth?: DimensionValue;
+  /**
+   * Defines the padding to be applied to the Stack contents relative to its border.
+   */
+  padding?: number | `${number}px` | keyof Spacing;
+  /**
+   * Defines whether to render Stack children horizontally.
+   * @defaultvalue false
+   */
+  horizontal?: boolean;
+  /**
+   * Defines whether to render Stack children in the opposite direction (bottom-to-top if it's a vertical Stack and
+   * right-to-left if it's a horizontal Stack).
+   * @defaultvalue false
+   */
+  reversed?: boolean;
+  /**
+   * Defines how to align Stack children horizontally (along the x-axis).
+   */
+  horizontalAlign?: Alignment;
+  /**
+   * Defines how to align Stack children vertically (along the y-axis).
+   */
+  verticalAlign?: Alignment;
+  /**
+   * Defines whether the Stack should take up 100% of the height of its parent.
+   * This property is required to be set to true when using the `grow` flag on children in vertical oriented Stacks.
+   * Stacks are rendered as block elements and grow horizontally to the container already.
+   * @defaultvalue false
+   */
+  verticalFill?: boolean;
+  /**
+   * Defines whether Stack children should not shrink to fit the available space.
+   * @defaultvalue false
+   */
+  disableShrink?: boolean;
+  /**
+   * Defines how much to grow the Stack in proportion to its siblings.
+   */
+  grow?: boolean | number;
+  /**
+   * Defines whether Stack children should wrap onto multiple rows or columns when they are about to overflow
+   * the size of the Stack.
+   * @defaultvalue false
+   */
+  wrap?: boolean;
+  /**
+   * Gap between items, multiplied by theme gap spacing
+   * Does not work while running Chakra for reasons specific to that engine (refer to https://github.com/microsoft/fluentui-react-native/issues/767)
+   */
+  gap?: number;
 }
 /**
  * Base property definitions, these generally match fabric
  */
-export interface IStackProps extends IStackTokens, ViewProps {
-}
+export interface IStackProps extends IStackTokens, ViewProps {}
 export type IStackSlotProps = {
-    root: ViewProps;
-    inner: ViewProps;
+  root: ViewProps;
+  inner: ViewProps;
 };
 export interface IStackType {
-    props: IStackProps;
-    tokens: IStackTokens;
-    slotProps: IStackSlotProps;
-    statics: IStackStatics;
-    state: {
-        gap: IStackProps['gap'];
-        horizontal: IStackProps['horizontal'];
-        wrap: IStackProps['wrap'];
-    };
+  props: IStackProps;
+  tokens: IStackTokens;
+  slotProps: IStackSlotProps;
+  statics: IStackStatics;
+  state: {
+    gap: IStackProps['gap'];
+    horizontal: IStackProps['horizontal'];
+    wrap: IStackProps['wrap'];
+  };
 }
 export type IStackRenderData = IRenderData<IStackSlotProps, IStackType['state']>;
 export {};
-//# sourceMappingURL=Stack.types.d.ts.map
+//# sourceMappingURL=Stack.types.d.ts.map

package/lib/Stack.types.js

@@ -1,2 +1,2 @@
 export const stackName = 'RNFStack';
-//# sourceMappingURL=Stack.types.js.map
+//# sourceMappingURL=Stack.types.js.map

package/lib/StackItem/StackItem.d.ts

@@ -2,4 +2,4 @@ import type * as React from 'react';
 import type { IStackItemProps } from './StackItem.types';
 export declare const StackItem: React.FunctionComponent<IStackItemProps>;
 export default StackItem;
-//# sourceMappingURL=StackItem.d.ts.map
+//# sourceMappingURL=StackItem.d.ts.map

package/lib/StackItem/StackItem.js

@@ -5,10 +5,10 @@ import { settings } from './StackItem.settings';
 import { stackItemTokenProcessor } from './StackItem.tokens';
 import { stackItemName } from './StackItem.types';
 export const StackItem = compose({
-    displayName: stackItemName,
-    settings: settings,
-    slots: { root: { slotType: View, filter: filterViewProps } },
-    styles: { root: [stackItemTokenProcessor] },
+  displayName: stackItemName,
+  settings: settings,
+  slots: { root: { slotType: View, filter: filterViewProps } },
+  styles: { root: [stackItemTokenProcessor] },
 });
 export default StackItem;
-//# sourceMappingURL=StackItem.js.map
+//# sourceMappingURL=StackItem.js.map

package/lib/StackItem/StackItem.settings.d.ts

@@ -1,4 +1,4 @@
 import type { IComposeSettings } from '@uifabricshared/foundation-compose';
 import type { IStackItemType } from './StackItem.types';
 export declare const settings: IComposeSettings<IStackItemType>;
-//# sourceMappingURL=StackItem.settings.d.ts.map
+//# sourceMappingURL=StackItem.settings.d.ts.map

package/lib/StackItem/StackItem.settings.js

@@ -1,12 +1,12 @@
 import { stackItemName } from './StackItem.types';
 export const settings = [
-    {
-        root: {
-            style: {
-                width: 'auto',
-            },
-        },
+  {
+    root: {
+      style: {
+        width: 'auto',
+      },
     },
-    stackItemName,
+  },
+  stackItemName,
 ];
-//# sourceMappingURL=StackItem.settings.js.map
+//# sourceMappingURL=StackItem.settings.js.map

package/lib/StackItem/StackItem.tokens.d.ts

@@ -2,5 +2,9 @@ import type { ViewProps } from 'react-native';
 import type { Theme } from '@fluentui-react-native/framework';
 import type { IStackItemTokens } from './StackItem.types';
 export declare function _processor(tokenProps: IStackItemTokens): ViewProps;
-export declare const stackItemTokenProcessor: import("@fluentui-react-native/tokens").StyleFactoryFunction<ViewProps, IStackItemTokens, Theme>;
-//# sourceMappingURL=StackItem.tokens.d.ts.map
+export declare const stackItemTokenProcessor: import('@fluentui-react-native/tokens').StyleFactoryFunction<
+  ViewProps,
+  IStackItemTokens,
+  Theme
+>;
+//# sourceMappingURL=StackItem.tokens.d.ts.map

package/lib/StackItem/StackItem.tokens.js

@@ -1,20 +1,20 @@
 import { styleFunction } from '@uifabricshared/foundation-tokens';
 const alignMap = {
-    start: 'flex-start',
-    end: 'flex-end',
+  start: 'flex-start',
+  end: 'flex-end',
 };
 const _keyProps = ['align', 'disableShrink', 'grow', 'margin', 'shrink', 'verticalFill'];
 export function _processor(tokenProps) {
-    const { grow, shrink, disableShrink, align, verticalFill, margin } = tokenProps;
-    return {
-        style: {
-            margin,
-            height: verticalFill ? '100%' : 'auto',
-            flexShrink: disableShrink || (!grow && !shrink) ? 0 : 1,
-            flexGrow: typeof grow === 'number' ? grow : grow ? 1 : undefined,
-            alignSelf: (align && alignMap[align]) || undefined,
-        },
-    };
+  const { grow, shrink, disableShrink, align, verticalFill, margin } = tokenProps;
+  return {
+    style: {
+      margin,
+      height: verticalFill ? '100%' : 'auto',
+      flexShrink: disableShrink || (!grow && !shrink) ? 0 : 1,
+      flexGrow: typeof grow === 'number' ? grow : grow ? 1 : undefined,
+      alignSelf: (align && alignMap[align]) || undefined,
+    },
+  };
 }
 export const stackItemTokenProcessor = styleFunction(_processor, _keyProps);
-//# sourceMappingURL=StackItem.tokens.js.map
+//# sourceMappingURL=StackItem.tokens.js.map

package/lib/StackItem/StackItem.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackItem.tokens.js","sourceRoot":"","sources":["../../src/StackItem/StackItem.tokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIlE,MAAM,QAAQ,GAA8C;IAC1D,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,SAAS,GAA+B,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAErH,MAAM,UAAU,UAAU,CAAC,UAA4B;IACrD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAEhF,OAAO;QACL,KAAK,EAAE;YACL,MAAM;YACN,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACtC,UAAU,EAAE,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvD,QAAQ,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAChE,SAAS,EAAE,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS;SACnD;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAqC,UAAU,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"StackItem.tokens.js","sourceRoot":"","sources":["../../src/StackItem/StackItem.tokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAIlE,MAAM,QAAQ,GAA8C;IAC1D,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,SAAS,GAA+B,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAErH,MAAM,UAAU,UAAU,CAAC,UAA4B,EAAa;IAClE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAEhF,OAAO;QACL,KAAK,EAAE;YACL,MAAM;YACN,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACtC,UAAU,EAAE,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvD,QAAQ,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YAChE,SAAS,EAAE,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS;SACnD;KACF,CAAC;AAAA,CACH;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAqC,UAAU,EAAE,SAAS,CAAC,CAAC"}

package/lib/StackItem/StackItem.types.d.ts

@@ -1,52 +1,52 @@
 import type { DimensionValue, ViewProps } from 'react-native';
-export declare const stackItemName = "RNFStackItem";
+export declare const stackItemName = 'RNFStackItem';
 /**
  * Stack item props
  */
 export interface IStackItemTokens extends ViewProps {
-    /**
-     * Defines the margin to be applied to the StackItem relative to its container.
-     */
-    margin?: DimensionValue;
-    /**
-     * Defines the padding to be applied to the StackItem contents relative to its border.
-     */
-    padding?: DimensionValue;
-    /**
-     * Defines how much to grow the StackItem in proportion to its siblings.
-     */
-    grow?: boolean | number | 'inherit' | 'initial' | 'unset';
-    /**
-     * Defines at what ratio should the StackItem shrink to fit the available space.
-     */
-    shrink?: boolean | number | 'inherit' | 'initial' | 'unset';
-    /**
-     * Defines whether the StackItem should be prevented from shrinking.
-     * This can be used to prevent a StackItem from shrinking when it is inside of a Stack that has shrinking items.
-     * @defaultvalue false
-     */
-    disableShrink?: boolean;
-    /**
-     * Defines how to align the StackItem along the x-axis (for vertical Stacks) or the y-axis (for horizontal Stacks).
-     */
-    align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end';
-    /**
-     * Defines whether the StackItem should take up 100% of the height of its parent.
-     * @defaultvalue true
-     */
-    verticalFill?: boolean;
-    /**
-     * Defines order of the StackItem.
-     * @defaultvalue 0
-     */
-    order?: number | string;
+  /**
+   * Defines the margin to be applied to the StackItem relative to its container.
+   */
+  margin?: DimensionValue;
+  /**
+   * Defines the padding to be applied to the StackItem contents relative to its border.
+   */
+  padding?: DimensionValue;
+  /**
+   * Defines how much to grow the StackItem in proportion to its siblings.
+   */
+  grow?: boolean | number | 'inherit' | 'initial' | 'unset';
+  /**
+   * Defines at what ratio should the StackItem shrink to fit the available space.
+   */
+  shrink?: boolean | number | 'inherit' | 'initial' | 'unset';
+  /**
+   * Defines whether the StackItem should be prevented from shrinking.
+   * This can be used to prevent a StackItem from shrinking when it is inside of a Stack that has shrinking items.
+   * @defaultvalue false
+   */
+  disableShrink?: boolean;
+  /**
+   * Defines how to align the StackItem along the x-axis (for vertical Stacks) or the y-axis (for horizontal Stacks).
+   */
+  align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end';
+  /**
+   * Defines whether the StackItem should take up 100% of the height of its parent.
+   * @defaultvalue true
+   */
+  verticalFill?: boolean;
+  /**
+   * Defines order of the StackItem.
+   * @defaultvalue 0
+   */
+  order?: number | string;
 }
 export type IStackItemProps = IStackItemTokens & ViewProps;
 export interface IStackItemType {
-    props: IStackItemProps;
-    slotProps: {
-        root: ViewProps;
-    };
-    tokens: IStackItemTokens;
+  props: IStackItemProps;
+  slotProps: {
+    root: ViewProps;
+  };
+  tokens: IStackItemTokens;
 }
-//# sourceMappingURL=StackItem.types.d.ts.map
+//# sourceMappingURL=StackItem.types.d.ts.map

package/lib/StackItem/StackItem.types.js

@@ -1,2 +1,2 @@
 export const stackItemName = 'RNFStackItem';
-//# sourceMappingURL=StackItem.types.js.map
+//# sourceMappingURL=StackItem.types.js.map

package/lib/StackUtils.d.ts

@@ -1,7 +1,7 @@
 import type { Spacing, Theme } from '@fluentui-react-native/framework';
 export interface IParseGapResult {
-    rowGap: number;
-    columnGap: number;
+  rowGap: number;
+  columnGap: number;
 }
 type SpacingGapValue = `${number}px` | `${number}` | keyof Spacing;
 /**
@@ -10,11 +10,14 @@ type SpacingGapValue = `${number}px` | `${number}` | keyof Spacing;
  * Returns the separate numerical value of the padding (e.g. 10)
  *  and the CSS unit (e.g. "px").
  */
-export declare function parseGap(gap: number | SpacingGapValue | `${SpacingGapValue} ${SpacingGapValue}` | undefined, theme: Theme): IParseGapResult;
+export declare function parseGap(
+  gap: number | SpacingGapValue | `${SpacingGapValue} ${SpacingGapValue}` | undefined,
+  theme: Theme,
+): IParseGapResult;
 /**
  * Takes in a padding in a CSS-style format (e.g. 10, "10px"), or a key of a themed spacing value
  *  (e.g. "s1")
  */
 export declare function parsePadding(padding: keyof Spacing | number | `${number}px` | undefined, theme: Theme): number | undefined;
 export {};
-//# sourceMappingURL=StackUtils.d.ts.map
+//# sourceMappingURL=StackUtils.d.ts.map

package/lib/StackUtils.js

@@ -5,15 +5,15 @@
 const _spacingKey = 'spacing';
 // Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.
 const _getThemedSpacing = (space, theme) => {
-    const spacing = theme[_spacingKey];
-    if (spacing && typeof spacing === 'object' && typeof space === 'string') {
-        if (spacing.hasOwnProperty(space)) {
-            space = spacing[space];
-        }
+  const spacing = theme[_spacingKey];
+  if (spacing && typeof spacing === 'object' && typeof space === 'string') {
+    if (spacing.hasOwnProperty(space)) {
+      space = spacing[space];
     }
-    const numericalPart = parseFloat(space);
-    const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;
-    return numericalValue;
+  }
+  const numericalPart = parseFloat(space);
+  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;
+  return numericalValue;
 };
 /**
  * Takes in a gap size in either a CSS-style format (e.g. 10 or "10px")
@@ -22,38 +22,36 @@ const _getThemedSpacing = (space, theme) => {
  *  and the CSS unit (e.g. "px").
  */
 export function parseGap(gap, theme) {
-    const result = {
-        rowGap: 0,
-        columnGap: 0,
-    };
-    if (gap) {
-        if (typeof gap === 'number') {
-            result.rowGap = gap;
-            result.columnGap = gap;
-        }
-        else {
-            const splitGap = gap.split(' ');
-            if (splitGap.length === 2) {
-                result.rowGap = _getThemedSpacing(splitGap[0], theme);
-                result.columnGap = _getThemedSpacing(splitGap[1], theme);
-            }
-            else {
-                const calculatedGap = _getThemedSpacing(gap, theme);
-                result.rowGap = calculatedGap;
-                result.columnGap = calculatedGap;
-            }
-        }
+  const result = {
+    rowGap: 0,
+    columnGap: 0,
+  };
+  if (gap) {
+    if (typeof gap === 'number') {
+      result.rowGap = gap;
+      result.columnGap = gap;
+    } else {
+      const splitGap = gap.split(' ');
+      if (splitGap.length === 2) {
+        result.rowGap = _getThemedSpacing(splitGap[0], theme);
+        result.columnGap = _getThemedSpacing(splitGap[1], theme);
+      } else {
+        const calculatedGap = _getThemedSpacing(gap, theme);
+        result.rowGap = calculatedGap;
+        result.columnGap = calculatedGap;
+      }
     }
-    return result;
+  }
+  return result;
 }
 /**
  * Takes in a padding in a CSS-style format (e.g. 10, "10px"), or a key of a themed spacing value
  *  (e.g. "s1")
  */
 export function parsePadding(padding, theme) {
-    if (padding === undefined || typeof padding === 'number') {
-        return padding;
-    }
-    return _getThemedSpacing(padding, theme);
+  if (padding === undefined || typeof padding === 'number') {
+    return padding;
+  }
+  return _getThemedSpacing(padding, theme);
 }
-//# sourceMappingURL=StackUtils.js.map
+//# sourceMappingURL=StackUtils.js.map

package/lib/StackUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackUtils.js","sourceRoot":"","sources":["../src/StackUtils.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,gFAAgF;AAChF,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,2GAA2G;AAC3G,MAAM,iBAAiB,GAAG,CAAC,KAAkD,EAAE,KAAY,EAAU,EAAE;IACrG,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACvE,IAAI,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YACjC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;SACxB;KACF;IAED,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AASF;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CACtB,GAAmF,EACnF,KAAY;IAEZ,MAAM,MAAM,GAAoB;QAC9B,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,CAAC;KACb,CAAC;IACF,IAAI,GAAG,EAAE;QACP,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;YAC3B,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;YACpB,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC;SACxB;aAAM;YACL,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;gBACzB,MAAM,CAAC,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;gBACzE,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;aAC7E;iBAAM;gBACL,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAsB,EAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC;gBAC9B,MAAM,CAAC,SAAS,GAAG,aAAa,CAAC;aAClC;SACF;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA2D,EAAE,KAAY;IACpG,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;QACxD,OAAO,OAA6B,CAAC;KACtC;IAED,OAAO,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"StackUtils.js","sourceRoot":"","sources":["../src/StackUtils.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH,gFAAgF;AAChF,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,2GAA2G;AAC3G,MAAM,iBAAiB,GAAG,CAAC,KAAkD,EAAE,KAAY,EAAU,EAAE,CAAC;IACtG,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxE,IAAI,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,OAAO,cAAc,CAAC;AAAA,CACvB,CAAC;AASF;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CACtB,GAAmF,EACnF,KAAY,EACK;IACjB,MAAM,MAAM,GAAoB;QAC9B,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,CAAC;KACb,CAAC;IACF,IAAI,GAAG,EAAE,CAAC;QACR,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;YAC5B,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;YACpB,MAAM,CAAC,SAAS,GAAG,GAAG,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC1B,MAAM,CAAC,MAAM,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;gBACzE,MAAM,CAAC,SAAS,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAoB,EAAE,KAAK,CAAC,CAAC;YAC9E,CAAC;iBAAM,CAAC;gBACN,MAAM,aAAa,GAAG,iBAAiB,CAAC,GAAsB,EAAE,KAAK,CAAC,CAAC;gBACvE,MAAM,CAAC,MAAM,GAAG,aAAa,CAAC;gBAC9B,MAAM,CAAC,SAAS,GAAG,aAAa,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAAA,CACf;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAA2D,EAAE,KAAY,EAAsB;IAC1H,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzD,OAAO,OAA6B,CAAC;IACvC,CAAC;IAED,OAAO,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAAA,CAC1C"}

package/lib/StackUtils.test.win32.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=StackUtils.test.win32.d.ts.map
+//# sourceMappingURL=StackUtils.test.win32.d.ts.map

package/lib/StackUtils.test.win32.js

@@ -1,54 +1,54 @@
 import { parseGap, parsePadding } from './StackUtils';
 describe('StackUtils', () => {
-    describe('parseGap', () => {
-        const theme = {
-            spacing: { m: '16em' },
-        };
-        it('returns a default value when given undefined', () => {
-            expect(parseGap(undefined, theme)).toEqual({ rowGap: { value: 0, unit: 'px' }, columnGap: { value: 0, unit: 'px' } });
-        });
-        it('returns a value with px when given a number', () => {
-            expect(parseGap(10, theme)).toEqual({ rowGap: { value: 10, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
-        });
-        it('can parse a string with px', () => {
-            expect(parseGap('32px', theme)).toEqual({ rowGap: { value: 32, unit: 'px' }, columnGap: { value: 32, unit: 'px' } });
-        });
-        it('can parse a string with a float', () => {
-            expect(parseGap('20.5px', theme)).toEqual({ rowGap: { value: 20.5, unit: 'px' }, columnGap: { value: 20.5, unit: 'px' } });
-        });
-        it('parses the value from the theme when given a spacing key', () => {
-            expect(parseGap('m', theme)).toEqual({ rowGap: { value: 16, unit: 'em' }, columnGap: { value: 16, unit: 'em' } });
-        });
-        it('can parse a string with both horizontal and vertical gap', () => {
-            expect(parseGap('30px 10px', theme)).toEqual({ rowGap: { value: 30, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
-        });
-        it('defaults to px with a string with horizontal and vertical gap with no units', () => {
-            expect(parseGap('50 30', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 30, unit: 'px' } });
-        });
-        it('can parse a string with horizontal and vertical gap with one of them getting value from the theme when given a spacing key', () => {
-            expect(parseGap('50px m', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 16, unit: 'em' } });
-        });
-    });
-    describe('parsePadding', () => {
-        const theme = {
-            spacing: {
-                s2: '5px',
-                s1: '10px',
-                m: '15px',
-                l1: '20px',
-                l2: '25px',
-            },
-        };
-        it('returns its argument when given undefined, a number, or an empty string', () => {
-            expect(parsePadding(undefined, theme)).toEqual(undefined);
-            expect(parsePadding(0, theme)).toEqual(0);
-        });
-        it('returns its argument when given a CSS-style padding', () => {
-            expect(parsePadding('10px', theme)).toEqual('10px');
-        });
-        it('converts themed spacing keys to CSS-style paddings', () => {
-            expect(parsePadding('s2', theme)).toEqual('5px');
-        });
+  describe('parseGap', () => {
+    const theme = {
+      spacing: { m: '16em' },
+    };
+    it('returns a default value when given undefined', () => {
+      expect(parseGap(undefined, theme)).toEqual({ rowGap: { value: 0, unit: 'px' }, columnGap: { value: 0, unit: 'px' } });
     });
+    it('returns a value with px when given a number', () => {
+      expect(parseGap(10, theme)).toEqual({ rowGap: { value: 10, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
+    });
+    it('can parse a string with px', () => {
+      expect(parseGap('32px', theme)).toEqual({ rowGap: { value: 32, unit: 'px' }, columnGap: { value: 32, unit: 'px' } });
+    });
+    it('can parse a string with a float', () => {
+      expect(parseGap('20.5px', theme)).toEqual({ rowGap: { value: 20.5, unit: 'px' }, columnGap: { value: 20.5, unit: 'px' } });
+    });
+    it('parses the value from the theme when given a spacing key', () => {
+      expect(parseGap('m', theme)).toEqual({ rowGap: { value: 16, unit: 'em' }, columnGap: { value: 16, unit: 'em' } });
+    });
+    it('can parse a string with both horizontal and vertical gap', () => {
+      expect(parseGap('30px 10px', theme)).toEqual({ rowGap: { value: 30, unit: 'px' }, columnGap: { value: 10, unit: 'px' } });
+    });
+    it('defaults to px with a string with horizontal and vertical gap with no units', () => {
+      expect(parseGap('50 30', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 30, unit: 'px' } });
+    });
+    it('can parse a string with horizontal and vertical gap with one of them getting value from the theme when given a spacing key', () => {
+      expect(parseGap('50px m', theme)).toEqual({ rowGap: { value: 50, unit: 'px' }, columnGap: { value: 16, unit: 'em' } });
+    });
+  });
+  describe('parsePadding', () => {
+    const theme = {
+      spacing: {
+        s2: '5px',
+        s1: '10px',
+        m: '15px',
+        l1: '20px',
+        l2: '25px',
+      },
+    };
+    it('returns its argument when given undefined, a number, or an empty string', () => {
+      expect(parsePadding(undefined, theme)).toEqual(undefined);
+      expect(parsePadding(0, theme)).toEqual(0);
+    });
+    it('returns its argument when given a CSS-style padding', () => {
+      expect(parsePadding('10px', theme)).toEqual('10px');
+    });
+    it('converts themed spacing keys to CSS-style paddings', () => {
+      expect(parsePadding('s2', theme)).toEqual('5px');
+    });
+  });
 });
-//# sourceMappingURL=StackUtils.test.win32.js.map
+//# sourceMappingURL=StackUtils.test.win32.js.map