@fluentui/react-migration-v8-v9 9.2.0 → 9.2.2

package/lib-commonjs/components/Stack/stackUtils.js

@@ -1,165 +1,159 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    parseGap: ()=>parseGap,
+    parsePadding: ()=>parsePadding,
+    getChildrenGapStyles: ()=>getChildrenGapStyles
 });
-exports.getChildrenGapStyles = exports.parsePadding = exports.parseGap = void 0;
-const react_1 = /*#__PURE__*/require("@fluentui/react");
+const _react = require("@fluentui/react");
 // Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.
-const getThemedSpacing = (space, theme) => {
-  if (theme.spacing.hasOwnProperty(space)) {
-    return theme.spacing[space];
-  }
-  return space;
+const getThemedSpacing = (space, theme)=>{
+    if (theme.spacing.hasOwnProperty(space)) {
+        return theme.spacing[space];
+    }
+    return space;
 };
 // Helper function that takes a gap as a string and converts it into a { value, unit } representation.
-const getValueUnitGap = gap => {
-  const numericalPart = parseFloat(gap);
-  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;
-  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();
-  const unitPart = gap.substring(numericalString.toString().length);
-  return {
-    value: numericalValue,
-    unit: unitPart || 'px'
-  };
-};
-/**
- * Takes in a gap size in either a CSS-style format (e.g. 10 or "10px")
- *  or a key of a themed spacing value (e.g. "s1").
- * Returns the separate numerical value of the padding (e.g. 10)
- *  and the CSS unit (e.g. "px").
- */
-const parseGap = (gap, theme) => {
-  if (gap === undefined || gap === '') {
+const getValueUnitGap = (gap)=>{
+    const numericalPart = parseFloat(gap);
+    const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;
+    const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();
+    const unitPart = gap.substring(numericalString.toString().length);
     return {
-      rowGap: {
-        value: 0,
-        unit: 'px'
-      },
-      columnGap: {
-        value: 0,
-        unit: 'px'
-      }
+        value: numericalValue,
+        unit: unitPart || 'px'
     };
-  }
-  if (typeof gap === 'number') {
+};
+const parseGap = (gap, theme)=>{
+    if (gap === undefined || gap === '') {
+        return {
+            rowGap: {
+                value: 0,
+                unit: 'px'
+            },
+            columnGap: {
+                value: 0,
+                unit: 'px'
+            }
+        };
+    }
+    if (typeof gap === 'number') {
+        return {
+            rowGap: {
+                value: gap,
+                unit: 'px'
+            },
+            columnGap: {
+                value: gap,
+                unit: 'px'
+            }
+        };
+    }
+    const splitGap = gap.split(' ');
+    // If the array has more than two values, then return 0px.
+    if (splitGap.length > 2) {
+        return {
+            rowGap: {
+                value: 0,
+                unit: 'px'
+            },
+            columnGap: {
+                value: 0,
+                unit: 'px'
+            }
+        };
+    }
+    // If the array has two values, then parse each one.
+    if (splitGap.length === 2) {
+        return {
+            rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),
+            columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme))
+        };
+    }
+    // Else, parse the numerical value and pass it as both the vertical and horizontal gap.
+    const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));
     return {
-      rowGap: {
-        value: gap,
-        unit: 'px'
-      },
-      columnGap: {
-        value: gap,
-        unit: 'px'
-      }
+        rowGap: calculatedGap,
+        columnGap: calculatedGap
     };
-  }
-  const splitGap = gap.split(' ');
-  // If the array has more than two values, then return 0px.
-  if (splitGap.length > 2) {
-    return {
-      rowGap: {
-        value: 0,
-        unit: 'px'
-      },
-      columnGap: {
-        value: 0,
-        unit: 'px'
-      }
+};
+const parsePadding = (padding, theme)=>{
+    if (padding === undefined || typeof padding === 'number' || padding === '') {
+        return padding;
+    }
+    const paddingValues = padding.split(' ');
+    if (paddingValues.length < 2) {
+        return getThemedSpacing(padding, theme);
+    }
+    return paddingValues.reduce((padding1, padding2)=>{
+        return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);
+    });
+};
+const getChildrenGapStyles = (props)=>{
+    const theme = (0, _react.getTheme)();
+    const { horizontal , reversed  } = props;
+    const tokens = {
+        ...props.tokens
     };
-  }
-  // If the array has two values, then parse each one.
-  if (splitGap.length === 2) {
+    const { rowGap , columnGap  } = parseGap(tokens.childrenGap, theme);
+    const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;
+    const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;
     return {
-      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),
-      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme))
+        root: [
+            reversed && horizontal && {
+                '> *:not(:last-child)': {
+                    marginLeft: `${columnGap.value}${columnGap.unit}`
+                }
+            },
+            reversed && !horizontal && {
+                '> *:not(:last-child)': {
+                    marginTop: `${rowGap.value}${rowGap.unit}`
+                }
+            },
+            !reversed && horizontal && {
+                '> *:not(:first-child)': {
+                    marginLeft: `${columnGap.value}${columnGap.unit}`
+                }
+            },
+            !reversed && !horizontal && {
+                '> *:not(:first-child)': {
+                    marginTop: `${rowGap.value}${rowGap.unit}`
+                }
+            }
+        ],
+        inner: [
+            {
+                marginLeft: horizontalMargin,
+                marginRight: horizontalMargin,
+                marginTop: verticalMargin,
+                marginBottom: verticalMargin,
+                width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,
+                '> *': {
+                    margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`
+                }
+            },
+            horizontal && {
+                height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,
+                '> *': {
+                    maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`
+                }
+            },
+            !horizontal && {
+                height: `calc(100% + ${rowGap.value}${rowGap.unit})`,
+                '> *': {
+                    maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`
+                }
+            }
+        ]
     };
-  }
-  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.
-  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));
-  return {
-    rowGap: calculatedGap,
-    columnGap: calculatedGap
-  };
-};
-exports.parseGap = parseGap;
-/**
- * Takes in a padding in a CSS-style format (e.g. 10, "10px", "10px 10px", etc.)
- *  where the separate padding values can also be the key of a themed spacing value
- *  (e.g. "s1 m", "10px l1 20px l2", etc.).
- * Returns a CSS-style padding.
- */
-const parsePadding = (padding, theme) => {
-  if (padding === undefined || typeof padding === 'number' || padding === '') {
-    return padding;
-  }
-  const paddingValues = padding.split(' ');
-  if (paddingValues.length < 2) {
-    return getThemedSpacing(padding, theme);
-  }
-  return paddingValues.reduce((padding1, padding2) => {
-    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);
-  });
-};
-exports.parsePadding = parsePadding;
-/**
- *
- * getStyles function for Stack.tokens.childrenGap prop styling
- */
-const getChildrenGapStyles = props => {
-  const theme = react_1.getTheme();
-  const {
-    horizontal,
-    reversed
-  } = props;
-  const tokens = {
-    ...props.tokens
-  };
-  const {
-    rowGap,
-    columnGap
-  } = exports.parseGap(tokens.childrenGap, theme);
-  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;
-  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;
-  return {
-    root: [reversed && horizontal && {
-      '> *:not(:last-child)': {
-        marginLeft: `${columnGap.value}${columnGap.unit}`
-      }
-    }, reversed && !horizontal && {
-      '> *:not(:last-child)': {
-        marginTop: `${rowGap.value}${rowGap.unit}`
-      }
-    }, !reversed && horizontal && {
-      '> *:not(:first-child)': {
-        marginLeft: `${columnGap.value}${columnGap.unit}`
-      }
-    }, !reversed && !horizontal && {
-      '> *:not(:first-child)': {
-        marginTop: `${rowGap.value}${rowGap.unit}`
-      }
-    }],
-    inner: [{
-      marginLeft: horizontalMargin,
-      marginRight: horizontalMargin,
-      marginTop: verticalMargin,
-      marginBottom: verticalMargin,
-      width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,
-      '> *': {
-        margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`
-      }
-    }, horizontal && {
-      height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,
-      '> *': {
-        maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`
-      }
-    }, !horizontal && {
-      height: `calc(100% + ${rowGap.value}${rowGap.unit})`,
-      '> *': {
-        maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`
-      }
-    }]
-  };
-};
-exports.getChildrenGapStyles = getChildrenGapStyles;
+}; //# sourceMappingURL=stackUtils.js.map
+
 //# sourceMappingURL=stackUtils.js.map

package/lib-commonjs/components/Stack/stackUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","exports","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","getTheme","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Stack/stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n  if (theme.spacing.hasOwnProperty(space)) {\n    return theme.spacing[space as keyof typeof theme.spacing];\n  }\n  return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n  const numericalPart = parseFloat(gap);\n  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n  const unitPart = gap.substring(numericalString.toString().length);\n\n  return {\n    value: numericalValue,\n    unit: unitPart || 'px',\n  };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n  gap: IStackProps['gap'],\n  theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n  if (gap === undefined || gap === '') {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  if (typeof gap === 'number') {\n    return {\n      rowGap: {\n        value: gap,\n        unit: 'px',\n      },\n      columnGap: {\n        value: gap,\n        unit: 'px',\n      },\n    };\n  }\n\n  const splitGap = gap.split(' ');\n\n  // If the array has more than two values, then return 0px.\n  if (splitGap.length > 2) {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  // If the array has two values, then parse each one.\n  if (splitGap.length === 2) {\n    return {\n      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n    };\n  }\n\n  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n  return {\n    rowGap: calculatedGap,\n    columnGap: calculatedGap,\n  };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n  if (padding === undefined || typeof padding === 'number' || padding === '') {\n    return padding;\n  }\n\n  const paddingValues = padding.split(' ');\n  if (paddingValues.length < 2) {\n    return getThemedSpacing(padding, theme);\n  }\n\n  return paddingValues.reduce((padding1: string, padding2: string) => {\n    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n  });\n};\n\nexport interface StackShimStyles {\n  root?: IStyle;\n  inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n  const theme = getTheme();\n\n  const { horizontal, reversed } = props;\n  const tokens: IStackTokens = { ...props.tokens };\n\n  const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n  return {\n    root: [\n      reversed &&\n        horizontal && {\n          '> *:not(:last-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      reversed &&\n        !horizontal && {\n          '> *:not(:last-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n      !reversed &&\n        horizontal && {\n          '> *:not(:first-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      !reversed &&\n        !horizontal && {\n          '> *:not(:first-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n    ],\n    inner: [\n      {\n        marginLeft: horizontalMargin,\n        marginRight: horizontalMargin,\n        marginTop: verticalMargin,\n        marginBottom: verticalMargin,\n        width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n        '> *': {\n          margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n        },\n      },\n      horizontal && {\n        height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n        },\n      },\n      !horizontal && {\n        height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/Stack/stackUtils.js"],"sourcesContent":["import { getTheme } from '@fluentui/react';\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space, theme) => {\n  if (theme.spacing.hasOwnProperty(space)) {\n    return theme.spacing[space];\n  }\n  return space;\n};\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = gap => {\n  const numericalPart = parseFloat(gap);\n  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n  const unitPart = gap.substring(numericalString.toString().length);\n  return {\n    value: numericalValue,\n    unit: unitPart || 'px'\n  };\n};\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (gap, theme) => {\n  if (gap === undefined || gap === '') {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px'\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px'\n      }\n    };\n  }\n  if (typeof gap === 'number') {\n    return {\n      rowGap: {\n        value: gap,\n        unit: 'px'\n      },\n      columnGap: {\n        value: gap,\n        unit: 'px'\n      }\n    };\n  }\n  const splitGap = gap.split(' ');\n  // If the array has more than two values, then return 0px.\n  if (splitGap.length > 2) {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px'\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px'\n      }\n    };\n  }\n  // If the array has two values, then parse each one.\n  if (splitGap.length === 2) {\n    return {\n      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme))\n    };\n  }\n  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n  return {\n    rowGap: calculatedGap,\n    columnGap: calculatedGap\n  };\n};\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding, theme) => {\n  if (padding === undefined || typeof padding === 'number' || padding === '') {\n    return padding;\n  }\n  const paddingValues = padding.split(' ');\n  if (paddingValues.length < 2) {\n    return getThemedSpacing(padding, theme);\n  }\n  return paddingValues.reduce((padding1, padding2) => {\n    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n  });\n};\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = props => {\n  const theme = getTheme();\n  const {\n    horizontal,\n    reversed\n  } = props;\n  const tokens = {\n    ...props.tokens\n  };\n  const {\n    rowGap,\n    columnGap\n  } = parseGap(tokens.childrenGap, theme);\n  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n  return {\n    root: [reversed && horizontal && {\n      '> *:not(:last-child)': {\n        marginLeft: `${columnGap.value}${columnGap.unit}`\n      }\n    }, reversed && !horizontal && {\n      '> *:not(:last-child)': {\n        marginTop: `${rowGap.value}${rowGap.unit}`\n      }\n    }, !reversed && horizontal && {\n      '> *:not(:first-child)': {\n        marginLeft: `${columnGap.value}${columnGap.unit}`\n      }\n    }, !reversed && !horizontal && {\n      '> *:not(:first-child)': {\n        marginTop: `${rowGap.value}${rowGap.unit}`\n      }\n    }],\n    inner: [{\n      marginLeft: horizontalMargin,\n      marginRight: horizontalMargin,\n      marginTop: verticalMargin,\n      marginBottom: verticalMargin,\n      width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n      '> *': {\n        margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`\n      }\n    }, horizontal && {\n      height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n      '> *': {\n        maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`\n      }\n    }, !horizontal && {\n      height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n      '> *': {\n        maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`\n      }\n    }]\n  };\n};\n//# sourceMappingURL=stackUtils.js.map"],"names":["parseGap","parsePadding","getChildrenGapStyles","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","undefined","rowGap","columnGap","splitGap","split","calculatedGap","padding","paddingValues","reduce","padding1","padding2","props","getTheme","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"mappings":"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"}

package/lib-commonjs/components/Theme/index.js

@@ -1,11 +1,12 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./themeDuplicates"), exports);
-tslib_1.__exportStar(require("./v8ThemeShim"), exports);
-tslib_1.__exportStar(require("./v9BrandVariantsShim"), exports);
-tslib_1.__exportStar(require("./v9ThemeShim"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./themeDuplicates"), exports);
+_exportStar(require("./v8ThemeShim"), exports);
+_exportStar(require("./v9BrandVariantsShim"), exports);
+_exportStar(require("./v9ThemeShim"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Theme/index.ts"],"sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/Theme/index.js"],"sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;CACd,iCAAiC"}