@react-spectrum/layout 3.6.22 → 3.7.0

package/dist/import.mjs

@@ -1,5 +1,5 @@
-import {fitContent as $994c48bfb00b620b$export$2f0b47b0911ce698, Grid as $994c48bfb00b620b$export$ef2184bd89960b14, minmax as $994c48bfb00b620b$export$9c1b655deaca4988, repeat as $994c48bfb00b620b$export$76d90c956114f2c2} from "./Grid.mjs";
-import {Flex as $884c64d19340d345$export$f51f4c4ede09e011} from "./Flex.mjs";
+import {repeat as $ae8425e94ffaa32a$re_export$repeat, minmax as $ae8425e94ffaa32a$re_export$minmax, fitContent as $ae8425e94ffaa32a$re_export$fitContent, Grid as $ae8425e94ffaa32a$re_export$Grid} from "@adobe/react-spectrum/Grid";
+import {Flex as $ae8425e94ffaa32a$re_export$Flex} from "@adobe/react-spectrum/Flex";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +16,5 @@ import {Flex as $884c64d19340d345$export$f51f4c4ede09e011} from "./Flex.mjs";
 
 
 
-export {$994c48bfb00b620b$export$76d90c956114f2c2 as repeat, $994c48bfb00b620b$export$9c1b655deaca4988 as minmax, $994c48bfb00b620b$export$2f0b47b0911ce698 as fitContent, $994c48bfb00b620b$export$ef2184bd89960b14 as Grid, $884c64d19340d345$export$f51f4c4ede09e011 as Flex};
+export {$ae8425e94ffaa32a$re_export$repeat as repeat, $ae8425e94ffaa32a$re_export$minmax as minmax, $ae8425e94ffaa32a$re_export$fitContent as fitContent, $ae8425e94ffaa32a$re_export$Grid as Grid, $ae8425e94ffaa32a$re_export$Flex as Flex};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,16 +1,16 @@
-var $65aafe8662d00781$exports = require("./Grid.main.js");
-var $a2ef5497697e8437$exports = require("./Flex.main.js");
+var $47bRu$adobereactspectrumGrid = require("@adobe/react-spectrum/Grid");
+var $47bRu$adobereactspectrumFlex = require("@adobe/react-spectrum/Flex");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "repeat", () => $65aafe8662d00781$exports.repeat);
-$parcel$export(module.exports, "minmax", () => $65aafe8662d00781$exports.minmax);
-$parcel$export(module.exports, "fitContent", () => $65aafe8662d00781$exports.fitContent);
-$parcel$export(module.exports, "Grid", () => $65aafe8662d00781$exports.Grid);
-$parcel$export(module.exports, "Flex", () => $a2ef5497697e8437$exports.Flex);
+$parcel$export(module.exports, "repeat", function () { return $47bRu$adobereactspectrumGrid.repeat; });
+$parcel$export(module.exports, "minmax", function () { return $47bRu$adobereactspectrumGrid.minmax; });
+$parcel$export(module.exports, "fitContent", function () { return $47bRu$adobereactspectrumGrid.fitContent; });
+$parcel$export(module.exports, "Grid", function () { return $47bRu$adobereactspectrumGrid.Grid; });
+$parcel$export(module.exports, "Flex", function () { return $47bRu$adobereactspectrumFlex.Flex; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/layout/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {repeat, minmax, fitContent, Grid} from './Grid';\nexport {Flex} from './Flex';\nexport type {DimensionValue} from '@react-types/shared';\nexport type {FlexProps, GridProps} from '@react-types/layout';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/layout/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {repeat, minmax, fitContent, Grid} from '@adobe/react-spectrum/Grid';\n\nexport {Flex} from '@adobe/react-spectrum/Flex';\nexport type {FlexProps} from '@adobe/react-spectrum/Flex';\nexport type {GridProps} from '@adobe/react-spectrum/Grid';\nexport type {DimensionValue} from '@react-types/shared';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,5 @@
-import {fitContent as $994c48bfb00b620b$export$2f0b47b0911ce698, Grid as $994c48bfb00b620b$export$ef2184bd89960b14, minmax as $994c48bfb00b620b$export$9c1b655deaca4988, repeat as $994c48bfb00b620b$export$76d90c956114f2c2} from "./Grid.module.js";
-import {Flex as $884c64d19340d345$export$f51f4c4ede09e011} from "./Flex.module.js";
+import {repeat as $ae8425e94ffaa32a$re_export$repeat, minmax as $ae8425e94ffaa32a$re_export$minmax, fitContent as $ae8425e94ffaa32a$re_export$fitContent, Grid as $ae8425e94ffaa32a$re_export$Grid} from "@adobe/react-spectrum/Grid";
+import {Flex as $ae8425e94ffaa32a$re_export$Flex} from "@adobe/react-spectrum/Flex";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +16,5 @@ import {Flex as $884c64d19340d345$export$f51f4c4ede09e011} from "./Flex.module.j
 
 
 
-export {$994c48bfb00b620b$export$76d90c956114f2c2 as repeat, $994c48bfb00b620b$export$9c1b655deaca4988 as minmax, $994c48bfb00b620b$export$2f0b47b0911ce698 as fitContent, $994c48bfb00b620b$export$ef2184bd89960b14 as Grid, $884c64d19340d345$export$f51f4c4ede09e011 as Flex};
+export {$ae8425e94ffaa32a$re_export$repeat as repeat, $ae8425e94ffaa32a$re_export$minmax as minmax, $ae8425e94ffaa32a$re_export$fitContent as fitContent, $ae8425e94ffaa32a$re_export$Grid as Grid, $ae8425e94ffaa32a$re_export$Flex as Flex};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/layout/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {repeat, minmax, fitContent, Grid} from './Grid';\nexport {Flex} from './Flex';\nexport type {DimensionValue} from '@react-types/shared';\nexport type {FlexProps, GridProps} from '@react-types/layout';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/layout/src/index.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {repeat, minmax, fitContent, Grid} from '@adobe/react-spectrum/Grid';\n\nexport {Flex} from '@adobe/react-spectrum/Flex';\nexport type {FlexProps} from '@adobe/react-spectrum/Flex';\nexport type {GridProps} from '@adobe/react-spectrum/Grid';\nexport type {DimensionValue} from '@react-types/shared';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+export { repeat, minmax, fitContent, Grid } from '@adobe/react-spectrum/Grid';
+export { Flex } from '@adobe/react-spectrum/Flex';
+export type { FlexProps } from '@adobe/react-spectrum/Flex';
+export type { GridProps } from '@adobe/react-spectrum/Grid';
+export type { DimensionValue } from '@react-types/shared';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/layout",
-  "version": "3.6.22",
+  "version": "3.7.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,38 +24,23 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/utils": "^3.33.1",
-    "@react-spectrum/utils": "^3.12.12",
-    "@react-types/layout": "^3.3.29",
-    "@react-types/shared": "^3.33.1",
+    "@adobe/react-spectrum": "3.47.0",
+    "@react-types/shared": "^3.34.0",
     "@swc/helpers": "^0.5.0"
   },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
-  },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.0.0",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -12,7 +12,9 @@
 
 /// <reference types="css-module-types" />
 
-export {repeat, minmax, fitContent, Grid} from './Grid';
-export {Flex} from './Flex';
+export {repeat, minmax, fitContent, Grid} from '@adobe/react-spectrum/Grid';
+
+export {Flex} from '@adobe/react-spectrum/Flex';
+export type {FlexProps} from '@adobe/react-spectrum/Flex';
+export type {GridProps} from '@adobe/react-spectrum/Grid';
 export type {DimensionValue} from '@react-types/shared';
-export type {FlexProps, GridProps} from '@react-types/layout';

package/dist/Flex.main.js

@@ -1,92 +0,0 @@
-require("./layout.6b24b540.css");
-var $12be0ef8be5abc46$exports = require("./flex-gap_css.main.js");
-var $1yXrx$reactspectrumutils = require("@react-spectrum/utils");
-var $1yXrx$reactariautils = require("@react-aria/utils");
-var $1yXrx$react = require("react");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Flex", () => $a2ef5497697e8437$export$f51f4c4ede09e011);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-const $a2ef5497697e8437$var$flexStyleProps = {
-    direction: [
-        'flexDirection',
-        (0, $1yXrx$reactspectrumutils.passthroughStyle)
-    ],
-    wrap: [
-        'flexWrap',
-        $a2ef5497697e8437$var$flexWrapValue
-    ],
-    justifyContent: [
-        'justifyContent',
-        $a2ef5497697e8437$var$flexAlignValue
-    ],
-    alignItems: [
-        'alignItems',
-        $a2ef5497697e8437$var$flexAlignValue
-    ],
-    alignContent: [
-        'alignContent',
-        $a2ef5497697e8437$var$flexAlignValue
-    ]
-};
-const $a2ef5497697e8437$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $1yXrx$react.forwardRef)(function Flex(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let breakpointProvider = (0, $1yXrx$reactspectrumutils.useBreakpoint)();
-    let matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        'base'
-    ];
-    let { styleProps: styleProps } = (0, $1yXrx$reactspectrumutils.useStyleProps)(otherProps);
-    let { styleProps: flexStyle } = (0, $1yXrx$reactspectrumutils.useStyleProps)(otherProps, $a2ef5497697e8437$var$flexStyleProps);
-    let domRef = (0, $1yXrx$reactspectrumutils.useDOMRef)(ref);
-    let style = {
-        ...styleProps.style,
-        ...flexStyle.style
-    };
-    if (props.gap != null) style.gap = (0, $1yXrx$reactspectrumutils.responsiveDimensionValue)(props.gap, matchedBreakpoints);
-    if (props.columnGap != null) style.columnGap = (0, $1yXrx$reactspectrumutils.responsiveDimensionValue)(props.columnGap, matchedBreakpoints);
-    if (props.rowGap != null) style.rowGap = (0, $1yXrx$reactspectrumutils.responsiveDimensionValue)(props.rowGap, matchedBreakpoints);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($1yXrx$react))).createElement("div", {
-        ...(0, $1yXrx$reactariautils.filterDOMProps)(otherProps),
-        className: (0, $1yXrx$reactspectrumutils.classNames)((0, ($parcel$interopDefault($12be0ef8be5abc46$exports))), 'flex', styleProps.className),
-        style: style,
-        ref: domRef
-    }, children);
-});
-/**
- * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'
- * in flex containers for browser compatibility.
- */ function $a2ef5497697e8437$var$flexAlignValue(value) {
-    if (value === 'start') return 'flex-start';
-    if (value === 'end') return 'flex-end';
-    return value;
-}
-/**
- * Takes a boolean and translates it to flex wrap or nowrap.
- */ function $a2ef5497697e8437$var$flexWrapValue(value) {
-    if (typeof value === 'boolean') return value ? 'wrap' : 'nowrap';
-    return value;
-}
-
-
-//# sourceMappingURL=Flex.main.js.map

package/dist/Flex.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AASD,MAAM,uCAAgC;IACpC,WAAW;QAAC;QAAiB,CAAA,GAAA,0CAAe;KAAE;IAC9C,MAAM;QAAC;QAAY;KAAc;IACjC,gBAAgB;QAAC;QAAkB;KAAe;IAClD,YAAY;QAAC;QAAc;KAAe;IAC1C,cAAc;QAAC;QAAgB;KAAe;AAChD;AAMO,MAAM,0DAAO,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,qBAAqB,CAAA,GAAA,uCAAY;IACrC,IAAI,qBAAqB,CAAA,+BAAA,yCAAA,mBAAoB,kBAAkB,KAAI;QAAC;KAAO;IAC3E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,EAAC,YAAY,SAAS,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE,YAAY;IACxD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,GAAG,WAAW,KAAK;QACnB,GAAG,UAAU,KAAK;IACpB;IAEA,IAAI,MAAM,GAAG,IAAI,MACf,MAAM,GAAG,GAAG,CAAA,GAAA,kDAAuB,EAAE,MAAM,GAAG,EAAE;IAGlD,IAAI,MAAM,SAAS,IAAI,MACrB,MAAM,SAAS,GAAG,CAAA,GAAA,kDAAuB,EAAE,MAAM,SAAS,EAAE;IAG9D,IAAI,MAAM,MAAM,IAAI,MAClB,MAAM,MAAM,GAAG,CAAA,GAAA,kDAAuB,EAAE,MAAM,MAAM,EAAE;IAGxD,qBACE,0DAAC;QAAK,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;QAAE,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,QAAQ,WAAW,SAAS;QAAG,OAAO;QAAO,KAAK;OAClH;AAGP;AAEA;;;CAGC,GACD,SAAS,qCAAe,KAAK;IAC3B,IAAI,UAAU,SACZ,OAAO;IAGT,IAAI,UAAU,OACZ,OAAO;IAGT,OAAO;AACT;AAEA;;CAEC,GACD,SAAS,oCAAc,KAAK;IAC1B,IAAI,OAAO,UAAU,WACnB,OAAO,QAAQ,SAAS;IAG1B,OAAO;AACT","sources":["packages/@react-spectrum/layout/src/Flex.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, passthroughStyle, responsiveDimensionValue, StyleHandlers, useBreakpoint, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FlexProps} from '@react-types/layout';\nimport React, {forwardRef} from 'react';\nimport styles from './flex-gap.css';\n\nconst flexStyleProps: StyleHandlers = {\n  direction: ['flexDirection', passthroughStyle],\n  wrap: ['flexWrap', flexWrapValue],\n  justifyContent: ['justifyContent', flexAlignValue],\n  alignItems: ['alignItems', flexAlignValue],\n  alignContent: ['alignContent', flexAlignValue]\n};\n\n/**\n * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap\n * property to define consistent spacing between items.\n */\nexport const Flex = forwardRef(function Flex(props: FlexProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base'];\n  let {styleProps} = useStyleProps(otherProps);\n  let {styleProps: flexStyle} = useStyleProps(otherProps, flexStyleProps);\n  let domRef = useDOMRef(ref);\n\n  let style = {\n    ...styleProps.style,\n    ...flexStyle.style\n  };\n\n  if (props.gap != null) {\n    style.gap = responsiveDimensionValue(props.gap, matchedBreakpoints);\n  }\n\n  if (props.columnGap != null) {\n    style.columnGap = responsiveDimensionValue(props.columnGap, matchedBreakpoints);\n  }\n\n  if (props.rowGap != null) {\n    style.rowGap = responsiveDimensionValue(props.rowGap, matchedBreakpoints);\n  }\n\n  return (\n    <div {...filterDOMProps(otherProps)} className={classNames(styles, 'flex', styleProps.className)} style={style} ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'\n * in flex containers for browser compatibility.\n */\nfunction flexAlignValue(value) {\n  if (value === 'start') {\n    return 'flex-start';\n  }\n\n  if (value === 'end') {\n    return 'flex-end';\n  }\n\n  return value;\n}\n\n/**\n * Takes a boolean and translates it to flex wrap or nowrap.\n */\nfunction flexWrapValue(value) {\n  if (typeof value === 'boolean') {\n    return value ? 'wrap' : 'nowrap';\n  }\n\n  return value;\n}\n"],"names":[],"version":3,"file":"Flex.main.js.map"}

package/dist/Flex.mjs

@@ -1,87 +0,0 @@
-import "./layout.6b24b540.css";
-import $bDezp$flexgap_cssmodulejs from "./flex-gap_css.mjs";
-import {passthroughStyle as $bDezp$passthroughStyle, useBreakpoint as $bDezp$useBreakpoint, useStyleProps as $bDezp$useStyleProps, useDOMRef as $bDezp$useDOMRef, responsiveDimensionValue as $bDezp$responsiveDimensionValue, classNames as $bDezp$classNames} from "@react-spectrum/utils";
-import {filterDOMProps as $bDezp$filterDOMProps} from "@react-aria/utils";
-import $bDezp$react, {forwardRef as $bDezp$forwardRef} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-const $884c64d19340d345$var$flexStyleProps = {
-    direction: [
-        'flexDirection',
-        (0, $bDezp$passthroughStyle)
-    ],
-    wrap: [
-        'flexWrap',
-        $884c64d19340d345$var$flexWrapValue
-    ],
-    justifyContent: [
-        'justifyContent',
-        $884c64d19340d345$var$flexAlignValue
-    ],
-    alignItems: [
-        'alignItems',
-        $884c64d19340d345$var$flexAlignValue
-    ],
-    alignContent: [
-        'alignContent',
-        $884c64d19340d345$var$flexAlignValue
-    ]
-};
-const $884c64d19340d345$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $bDezp$forwardRef)(function Flex(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let breakpointProvider = (0, $bDezp$useBreakpoint)();
-    let matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        'base'
-    ];
-    let { styleProps: styleProps } = (0, $bDezp$useStyleProps)(otherProps);
-    let { styleProps: flexStyle } = (0, $bDezp$useStyleProps)(otherProps, $884c64d19340d345$var$flexStyleProps);
-    let domRef = (0, $bDezp$useDOMRef)(ref);
-    let style = {
-        ...styleProps.style,
-        ...flexStyle.style
-    };
-    if (props.gap != null) style.gap = (0, $bDezp$responsiveDimensionValue)(props.gap, matchedBreakpoints);
-    if (props.columnGap != null) style.columnGap = (0, $bDezp$responsiveDimensionValue)(props.columnGap, matchedBreakpoints);
-    if (props.rowGap != null) style.rowGap = (0, $bDezp$responsiveDimensionValue)(props.rowGap, matchedBreakpoints);
-    return /*#__PURE__*/ (0, $bDezp$react).createElement("div", {
-        ...(0, $bDezp$filterDOMProps)(otherProps),
-        className: (0, $bDezp$classNames)((0, ($parcel$interopDefault($bDezp$flexgap_cssmodulejs))), 'flex', styleProps.className),
-        style: style,
-        ref: domRef
-    }, children);
-});
-/**
- * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'
- * in flex containers for browser compatibility.
- */ function $884c64d19340d345$var$flexAlignValue(value) {
-    if (value === 'start') return 'flex-start';
-    if (value === 'end') return 'flex-end';
-    return value;
-}
-/**
- * Takes a boolean and translates it to flex wrap or nowrap.
- */ function $884c64d19340d345$var$flexWrapValue(value) {
-    if (typeof value === 'boolean') return value ? 'wrap' : 'nowrap';
-    return value;
-}
-
-
-export {$884c64d19340d345$export$f51f4c4ede09e011 as Flex};
-//# sourceMappingURL=Flex.module.js.map

package/dist/Flex.module.js

@@ -1,87 +0,0 @@
-import "./layout.6b24b540.css";
-import $bDezp$flexgap_cssmodulejs from "./flex-gap_css.module.js";
-import {passthroughStyle as $bDezp$passthroughStyle, useBreakpoint as $bDezp$useBreakpoint, useStyleProps as $bDezp$useStyleProps, useDOMRef as $bDezp$useDOMRef, responsiveDimensionValue as $bDezp$responsiveDimensionValue, classNames as $bDezp$classNames} from "@react-spectrum/utils";
-import {filterDOMProps as $bDezp$filterDOMProps} from "@react-aria/utils";
-import $bDezp$react, {forwardRef as $bDezp$forwardRef} from "react";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-const $884c64d19340d345$var$flexStyleProps = {
-    direction: [
-        'flexDirection',
-        (0, $bDezp$passthroughStyle)
-    ],
-    wrap: [
-        'flexWrap',
-        $884c64d19340d345$var$flexWrapValue
-    ],
-    justifyContent: [
-        'justifyContent',
-        $884c64d19340d345$var$flexAlignValue
-    ],
-    alignItems: [
-        'alignItems',
-        $884c64d19340d345$var$flexAlignValue
-    ],
-    alignContent: [
-        'alignContent',
-        $884c64d19340d345$var$flexAlignValue
-    ]
-};
-const $884c64d19340d345$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $bDezp$forwardRef)(function Flex(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let breakpointProvider = (0, $bDezp$useBreakpoint)();
-    let matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
-        'base'
-    ];
-    let { styleProps: styleProps } = (0, $bDezp$useStyleProps)(otherProps);
-    let { styleProps: flexStyle } = (0, $bDezp$useStyleProps)(otherProps, $884c64d19340d345$var$flexStyleProps);
-    let domRef = (0, $bDezp$useDOMRef)(ref);
-    let style = {
-        ...styleProps.style,
-        ...flexStyle.style
-    };
-    if (props.gap != null) style.gap = (0, $bDezp$responsiveDimensionValue)(props.gap, matchedBreakpoints);
-    if (props.columnGap != null) style.columnGap = (0, $bDezp$responsiveDimensionValue)(props.columnGap, matchedBreakpoints);
-    if (props.rowGap != null) style.rowGap = (0, $bDezp$responsiveDimensionValue)(props.rowGap, matchedBreakpoints);
-    return /*#__PURE__*/ (0, $bDezp$react).createElement("div", {
-        ...(0, $bDezp$filterDOMProps)(otherProps),
-        className: (0, $bDezp$classNames)((0, ($parcel$interopDefault($bDezp$flexgap_cssmodulejs))), 'flex', styleProps.className),
-        style: style,
-        ref: domRef
-    }, children);
-});
-/**
- * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'
- * in flex containers for browser compatibility.
- */ function $884c64d19340d345$var$flexAlignValue(value) {
-    if (value === 'start') return 'flex-start';
-    if (value === 'end') return 'flex-end';
-    return value;
-}
-/**
- * Takes a boolean and translates it to flex wrap or nowrap.
- */ function $884c64d19340d345$var$flexWrapValue(value) {
-    if (typeof value === 'boolean') return value ? 'wrap' : 'nowrap';
-    return value;
-}
-
-
-export {$884c64d19340d345$export$f51f4c4ede09e011 as Flex};
-//# sourceMappingURL=Flex.module.js.map

package/dist/Flex.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AASD,MAAM,uCAAgC;IACpC,WAAW;QAAC;QAAiB,CAAA,GAAA,uBAAe;KAAE;IAC9C,MAAM;QAAC;QAAY;KAAc;IACjC,gBAAgB;QAAC;QAAkB;KAAe;IAClD,YAAY;QAAC;QAAc;KAAe;IAC1C,cAAc;QAAC;QAAgB;KAAe;AAChD;AAMO,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,qBAAqB,CAAA,GAAA,oBAAY;IACrC,IAAI,qBAAqB,CAAA,+BAAA,yCAAA,mBAAoB,kBAAkB,KAAI;QAAC;KAAO;IAC3E,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,EAAC,YAAY,SAAS,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE,YAAY;IACxD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,QAAQ;QACV,GAAG,WAAW,KAAK;QACnB,GAAG,UAAU,KAAK;IACpB;IAEA,IAAI,MAAM,GAAG,IAAI,MACf,MAAM,GAAG,GAAG,CAAA,GAAA,+BAAuB,EAAE,MAAM,GAAG,EAAE;IAGlD,IAAI,MAAM,SAAS,IAAI,MACrB,MAAM,SAAS,GAAG,CAAA,GAAA,+BAAuB,EAAE,MAAM,SAAS,EAAE;IAG9D,IAAI,MAAM,MAAM,IAAI,MAClB,MAAM,MAAM,GAAG,CAAA,GAAA,+BAAuB,EAAE,MAAM,MAAM,EAAE;IAGxD,qBACE,gCAAC;QAAK,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAAE,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,oDAAK,GAAG,QAAQ,WAAW,SAAS;QAAG,OAAO;QAAO,KAAK;OAClH;AAGP;AAEA;;;CAGC,GACD,SAAS,qCAAe,KAAK;IAC3B,IAAI,UAAU,SACZ,OAAO;IAGT,IAAI,UAAU,OACZ,OAAO;IAGT,OAAO;AACT;AAEA;;CAEC,GACD,SAAS,oCAAc,KAAK;IAC1B,IAAI,OAAO,UAAU,WACnB,OAAO,QAAQ,SAAS;IAG1B,OAAO;AACT","sources":["packages/@react-spectrum/layout/src/Flex.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, passthroughStyle, responsiveDimensionValue, StyleHandlers, useBreakpoint, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FlexProps} from '@react-types/layout';\nimport React, {forwardRef} from 'react';\nimport styles from './flex-gap.css';\n\nconst flexStyleProps: StyleHandlers = {\n  direction: ['flexDirection', passthroughStyle],\n  wrap: ['flexWrap', flexWrapValue],\n  justifyContent: ['justifyContent', flexAlignValue],\n  alignItems: ['alignItems', flexAlignValue],\n  alignContent: ['alignContent', flexAlignValue]\n};\n\n/**\n * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap\n * property to define consistent spacing between items.\n */\nexport const Flex = forwardRef(function Flex(props: FlexProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let breakpointProvider = useBreakpoint();\n  let matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base'];\n  let {styleProps} = useStyleProps(otherProps);\n  let {styleProps: flexStyle} = useStyleProps(otherProps, flexStyleProps);\n  let domRef = useDOMRef(ref);\n\n  let style = {\n    ...styleProps.style,\n    ...flexStyle.style\n  };\n\n  if (props.gap != null) {\n    style.gap = responsiveDimensionValue(props.gap, matchedBreakpoints);\n  }\n\n  if (props.columnGap != null) {\n    style.columnGap = responsiveDimensionValue(props.columnGap, matchedBreakpoints);\n  }\n\n  if (props.rowGap != null) {\n    style.rowGap = responsiveDimensionValue(props.rowGap, matchedBreakpoints);\n  }\n\n  return (\n    <div {...filterDOMProps(otherProps)} className={classNames(styles, 'flex', styleProps.className)} style={style} ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'\n * in flex containers for browser compatibility.\n */\nfunction flexAlignValue(value) {\n  if (value === 'start') {\n    return 'flex-start';\n  }\n\n  if (value === 'end') {\n    return 'flex-end';\n  }\n\n  return value;\n}\n\n/**\n * Takes a boolean and translates it to flex wrap or nowrap.\n */\nfunction flexWrapValue(value) {\n  if (typeof value === 'boolean') {\n    return value ? 'wrap' : 'nowrap';\n  }\n\n  return value;\n}\n"],"names":[],"version":3,"file":"Flex.module.js.map"}

package/dist/Grid.main.js

@@ -1,119 +0,0 @@
-var $ATZAs$reactspectrumutils = require("@react-spectrum/utils");
-var $ATZAs$reactariautils = require("@react-aria/utils");
-var $ATZAs$react = require("react");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Grid", () => $65aafe8662d00781$export$ef2184bd89960b14);
-$parcel$export(module.exports, "repeat", () => $65aafe8662d00781$export$76d90c956114f2c2);
-$parcel$export(module.exports, "minmax", () => $65aafe8662d00781$export$9c1b655deaca4988);
-$parcel$export(module.exports, "fitContent", () => $65aafe8662d00781$export$2f0b47b0911ce698);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $65aafe8662d00781$var$gridStyleProps = {
-    ...(0, $ATZAs$reactspectrumutils.baseStyleProps),
-    autoFlow: [
-        'gridAutoFlow',
-        (0, $ATZAs$reactspectrumutils.passthroughStyle)
-    ],
-    autoColumns: [
-        'gridAutoColumns',
-        $65aafe8662d00781$var$gridDimensionValue
-    ],
-    autoRows: [
-        'gridAutoRows',
-        $65aafe8662d00781$var$gridDimensionValue
-    ],
-    areas: [
-        'gridTemplateAreas',
-        $65aafe8662d00781$var$gridTemplateAreasValue
-    ],
-    columns: [
-        'gridTemplateColumns',
-        $65aafe8662d00781$var$gridTemplateValue
-    ],
-    rows: [
-        'gridTemplateRows',
-        $65aafe8662d00781$var$gridTemplateValue
-    ],
-    gap: [
-        'gap',
-        (0, $ATZAs$reactspectrumutils.dimensionValue)
-    ],
-    rowGap: [
-        'rowGap',
-        (0, $ATZAs$reactspectrumutils.dimensionValue)
-    ],
-    columnGap: [
-        'columnGap',
-        (0, $ATZAs$reactspectrumutils.dimensionValue)
-    ],
-    justifyItems: [
-        'justifyItems',
-        (0, $ATZAs$reactspectrumutils.passthroughStyle)
-    ],
-    justifyContent: [
-        'justifyContent',
-        (0, $ATZAs$reactspectrumutils.passthroughStyle)
-    ],
-    alignItems: [
-        'alignItems',
-        (0, $ATZAs$reactspectrumutils.passthroughStyle)
-    ],
-    alignContent: [
-        'alignContent',
-        (0, $ATZAs$reactspectrumutils.passthroughStyle)
-    ]
-};
-const $65aafe8662d00781$export$ef2184bd89960b14 = /*#__PURE__*/ (0, $ATZAs$react.forwardRef)(function Grid(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $ATZAs$reactspectrumutils.useStyleProps)(otherProps, $65aafe8662d00781$var$gridStyleProps);
-    if (styleProps.style) styleProps.style.display = 'grid'; // inline-grid?
-    let domRef = (0, $ATZAs$reactspectrumutils.useDOMRef)(ref);
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($ATZAs$react))).createElement("div", {
-        ...(0, $ATZAs$reactariautils.filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef
-    }, children);
-});
-function $65aafe8662d00781$export$76d90c956114f2c2(count, repeat) {
-    return `repeat(${count}, ${$65aafe8662d00781$var$gridTemplateValue(repeat)})`;
-}
-function $65aafe8662d00781$export$9c1b655deaca4988(min, max) {
-    return `minmax(${$65aafe8662d00781$var$gridDimensionValue(min)}, ${$65aafe8662d00781$var$gridDimensionValue(max)})`;
-}
-function $65aafe8662d00781$export$2f0b47b0911ce698(dimension) {
-    return `fit-content(${$65aafe8662d00781$var$gridDimensionValue(dimension)})`;
-}
-function $65aafe8662d00781$var$gridTemplateAreasValue(value) {
-    return value.map((v)=>`"${v}"`).join('\n');
-}
-function $65aafe8662d00781$var$gridDimensionValue(value) {
-    if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) return value;
-    return (0, $ATZAs$reactspectrumutils.dimensionValue)(value);
-}
-function $65aafe8662d00781$var$gridTemplateValue(value) {
-    if (Array.isArray(value)) return value.map($65aafe8662d00781$var$gridDimensionValue).join(' ');
-    return $65aafe8662d00781$var$gridDimensionValue(value);
-}
-
-
-//# sourceMappingURL=Grid.main.js.map

package/dist/Grid.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAeD,MAAM,uCAAgC;IACpC,GAAG,CAAA,GAAA,wCAAa,CAAC;IACjB,UAAU;QAAC;QAAgB,CAAA,GAAA,0CAAe;KAAE;IAC5C,aAAa;QAAC;QAAmB;KAAmB;IACpD,UAAU;QAAC;QAAgB;KAAmB;IAC9C,OAAO;QAAC;QAAqB;KAAuB;IACpD,SAAS;QAAC;QAAuB;KAAkB;IACnD,MAAM;QAAC;QAAoB;KAAkB;IAC7C,KAAK;QAAC;QAAO,CAAA,GAAA,wCAAa;KAAE;IAC5B,QAAQ;QAAC;QAAU,CAAA,GAAA,wCAAa;KAAE;IAClC,WAAW;QAAC;QAAa,CAAA,GAAA,wCAAa;KAAE;IACxC,cAAc;QAAC;QAAgB,CAAA,GAAA,0CAAe;KAAE;IAChD,gBAAgB;QAAC;QAAkB,CAAA,GAAA,0CAAe;KAAE;IACpD,YAAY;QAAC;QAAc,CAAA,GAAA,0CAAe;KAAE;IAC5C,cAAc;QAAC;QAAgB,CAAA,GAAA,0CAAe;KAAE;AAClD;AAMO,MAAM,0DAAO,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE,YAAY;IAC7C,IAAI,WAAW,KAAK,EAClB,WAAW,KAAK,CAAC,OAAO,GAAG,QAAQ,eAAe;IAEpD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC;QAAK,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;QAAG,GAAG,UAAU;QAAE,KAAK;OACvD;AAGP;AAQO,SAAS,0CAAO,KAAwC,EAAE,MAAyC;IACxG,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,wCAAkB,QAAQ,CAAC,CAAC;AACzD;AAQO,SAAS,0CAAO,GAAmB,EAAE,GAAmB;IAC7D,OAAO,CAAC,OAAO,EAAE,yCAAmB,KAAK,EAAE,EAAE,yCAAmB,KAAK,CAAC,CAAC;AACzE;AAOO,SAAS,0CAAW,SAAyB;IAClD,OAAO,CAAC,YAAY,EAAE,yCAAmB,WAAW,CAAC,CAAC;AACxD;AAEA,SAAS,6CAAuB,KAAK;IACnC,OAAO,MAAM,GAAG,CAAC,CAAA,IAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;AACvC;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,kEAAkE,IAAI,CAAC,QACzE,OAAO;IAGT,OAAO,CAAA,GAAA,wCAAa,EAAE;AACxB;AAEA,SAAS,wCAAkB,KAAK;IAC9B,IAAI,MAAM,OAAO,CAAC,QAChB,OAAO,MAAM,GAAG,CAAC,0CAAoB,IAAI,CAAC;IAG5C,OAAO,yCAAmB;AAC5B","sources":["packages/@react-spectrum/layout/src/Grid.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  baseStyleProps,\n  dimensionValue,\n  passthroughStyle,\n  StyleHandlers,\n  useDOMRef,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DimensionValue, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {GridProps} from '@react-types/layout';\nimport React, {forwardRef} from 'react';\n\nconst gridStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  autoFlow: ['gridAutoFlow', passthroughStyle],\n  autoColumns: ['gridAutoColumns', gridDimensionValue],\n  autoRows: ['gridAutoRows', gridDimensionValue],\n  areas: ['gridTemplateAreas', gridTemplateAreasValue],\n  columns: ['gridTemplateColumns', gridTemplateValue],\n  rows: ['gridTemplateRows', gridTemplateValue],\n  gap: ['gap', dimensionValue],\n  rowGap: ['rowGap', dimensionValue],\n  columnGap: ['columnGap', dimensionValue],\n  justifyItems: ['justifyItems', passthroughStyle],\n  justifyContent: ['justifyContent', passthroughStyle],\n  alignItems: ['alignItems', passthroughStyle],\n  alignContent: ['alignContent', passthroughStyle]\n};\n\n/**\n * A layout container using CSS grid. Supports Spectrum dimensions as values to\n * ensure consistent and adaptive sizing and spacing.\n */\nexport const Grid = forwardRef(function Grid(props: GridProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps, gridStyleProps);\n  if (styleProps.style) {\n    styleProps.style.display = 'grid'; // inline-grid?\n  }\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Can be used to make a repeating fragment of the columns or rows list.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat).\n * @param count - The number of times to repeat the fragment.\n * @param repeat - The fragment to repeat.\n */\nexport function repeat(count: number | 'auto-fill' | 'auto-fit', repeat: DimensionValue | DimensionValue[]): string {\n  return `repeat(${count}, ${gridTemplateValue(repeat)})`;\n}\n\n/**\n * Defines a size range greater than or equal to min and less than or equal to max.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax).\n * @param min - The minimum size.\n * @param max - The maximum size.\n */\nexport function minmax(min: DimensionValue, max: DimensionValue): string {\n  return `minmax(${gridDimensionValue(min)}, ${gridDimensionValue(max)})`;\n}\n\n/**\n * Clamps a given size to an available size.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content).\n * @param dimension - The size to clamp.\n */\nexport function fitContent(dimension: DimensionValue): string {\n  return `fit-content(${gridDimensionValue(dimension)})`;\n}\n\nfunction gridTemplateAreasValue(value) {\n  return value.map(v => `\"${v}\"`).join('\\n');\n}\n\nfunction gridDimensionValue(value) {\n  if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) {\n    return value;\n  }\n\n  return dimensionValue(value);\n}\n\nfunction gridTemplateValue(value) {\n  if (Array.isArray(value)) {\n    return value.map(gridDimensionValue).join(' ');\n  }\n\n  return gridDimensionValue(value);\n}\n"],"names":[],"version":3,"file":"Grid.main.js.map"}

package/dist/Grid.mjs

@@ -1,107 +0,0 @@
-import {baseStyleProps as $2XVCg$baseStyleProps, passthroughStyle as $2XVCg$passthroughStyle, dimensionValue as $2XVCg$dimensionValue, useStyleProps as $2XVCg$useStyleProps, useDOMRef as $2XVCg$useDOMRef} from "@react-spectrum/utils";
-import {filterDOMProps as $2XVCg$filterDOMProps} from "@react-aria/utils";
-import $2XVCg$react, {forwardRef as $2XVCg$forwardRef} from "react";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $994c48bfb00b620b$var$gridStyleProps = {
-    ...(0, $2XVCg$baseStyleProps),
-    autoFlow: [
-        'gridAutoFlow',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    autoColumns: [
-        'gridAutoColumns',
-        $994c48bfb00b620b$var$gridDimensionValue
-    ],
-    autoRows: [
-        'gridAutoRows',
-        $994c48bfb00b620b$var$gridDimensionValue
-    ],
-    areas: [
-        'gridTemplateAreas',
-        $994c48bfb00b620b$var$gridTemplateAreasValue
-    ],
-    columns: [
-        'gridTemplateColumns',
-        $994c48bfb00b620b$var$gridTemplateValue
-    ],
-    rows: [
-        'gridTemplateRows',
-        $994c48bfb00b620b$var$gridTemplateValue
-    ],
-    gap: [
-        'gap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    rowGap: [
-        'rowGap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    columnGap: [
-        'columnGap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    justifyItems: [
-        'justifyItems',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    justifyContent: [
-        'justifyContent',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    alignItems: [
-        'alignItems',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    alignContent: [
-        'alignContent',
-        (0, $2XVCg$passthroughStyle)
-    ]
-};
-const $994c48bfb00b620b$export$ef2184bd89960b14 = /*#__PURE__*/ (0, $2XVCg$forwardRef)(function Grid(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $2XVCg$useStyleProps)(otherProps, $994c48bfb00b620b$var$gridStyleProps);
-    if (styleProps.style) styleProps.style.display = 'grid'; // inline-grid?
-    let domRef = (0, $2XVCg$useDOMRef)(ref);
-    return /*#__PURE__*/ (0, $2XVCg$react).createElement("div", {
-        ...(0, $2XVCg$filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef
-    }, children);
-});
-function $994c48bfb00b620b$export$76d90c956114f2c2(count, repeat) {
-    return `repeat(${count}, ${$994c48bfb00b620b$var$gridTemplateValue(repeat)})`;
-}
-function $994c48bfb00b620b$export$9c1b655deaca4988(min, max) {
-    return `minmax(${$994c48bfb00b620b$var$gridDimensionValue(min)}, ${$994c48bfb00b620b$var$gridDimensionValue(max)})`;
-}
-function $994c48bfb00b620b$export$2f0b47b0911ce698(dimension) {
-    return `fit-content(${$994c48bfb00b620b$var$gridDimensionValue(dimension)})`;
-}
-function $994c48bfb00b620b$var$gridTemplateAreasValue(value) {
-    return value.map((v)=>`"${v}"`).join('\n');
-}
-function $994c48bfb00b620b$var$gridDimensionValue(value) {
-    if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) return value;
-    return (0, $2XVCg$dimensionValue)(value);
-}
-function $994c48bfb00b620b$var$gridTemplateValue(value) {
-    if (Array.isArray(value)) return value.map($994c48bfb00b620b$var$gridDimensionValue).join(' ');
-    return $994c48bfb00b620b$var$gridDimensionValue(value);
-}
-
-
-export {$994c48bfb00b620b$export$ef2184bd89960b14 as Grid, $994c48bfb00b620b$export$76d90c956114f2c2 as repeat, $994c48bfb00b620b$export$9c1b655deaca4988 as minmax, $994c48bfb00b620b$export$2f0b47b0911ce698 as fitContent};
-//# sourceMappingURL=Grid.module.js.map

package/dist/Grid.module.js

@@ -1,107 +0,0 @@
-import {baseStyleProps as $2XVCg$baseStyleProps, passthroughStyle as $2XVCg$passthroughStyle, dimensionValue as $2XVCg$dimensionValue, useStyleProps as $2XVCg$useStyleProps, useDOMRef as $2XVCg$useDOMRef} from "@react-spectrum/utils";
-import {filterDOMProps as $2XVCg$filterDOMProps} from "@react-aria/utils";
-import $2XVCg$react, {forwardRef as $2XVCg$forwardRef} from "react";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-const $994c48bfb00b620b$var$gridStyleProps = {
-    ...(0, $2XVCg$baseStyleProps),
-    autoFlow: [
-        'gridAutoFlow',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    autoColumns: [
-        'gridAutoColumns',
-        $994c48bfb00b620b$var$gridDimensionValue
-    ],
-    autoRows: [
-        'gridAutoRows',
-        $994c48bfb00b620b$var$gridDimensionValue
-    ],
-    areas: [
-        'gridTemplateAreas',
-        $994c48bfb00b620b$var$gridTemplateAreasValue
-    ],
-    columns: [
-        'gridTemplateColumns',
-        $994c48bfb00b620b$var$gridTemplateValue
-    ],
-    rows: [
-        'gridTemplateRows',
-        $994c48bfb00b620b$var$gridTemplateValue
-    ],
-    gap: [
-        'gap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    rowGap: [
-        'rowGap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    columnGap: [
-        'columnGap',
-        (0, $2XVCg$dimensionValue)
-    ],
-    justifyItems: [
-        'justifyItems',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    justifyContent: [
-        'justifyContent',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    alignItems: [
-        'alignItems',
-        (0, $2XVCg$passthroughStyle)
-    ],
-    alignContent: [
-        'alignContent',
-        (0, $2XVCg$passthroughStyle)
-    ]
-};
-const $994c48bfb00b620b$export$ef2184bd89960b14 = /*#__PURE__*/ (0, $2XVCg$forwardRef)(function Grid(props, ref) {
-    let { children: children, ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $2XVCg$useStyleProps)(otherProps, $994c48bfb00b620b$var$gridStyleProps);
-    if (styleProps.style) styleProps.style.display = 'grid'; // inline-grid?
-    let domRef = (0, $2XVCg$useDOMRef)(ref);
-    return /*#__PURE__*/ (0, $2XVCg$react).createElement("div", {
-        ...(0, $2XVCg$filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef
-    }, children);
-});
-function $994c48bfb00b620b$export$76d90c956114f2c2(count, repeat) {
-    return `repeat(${count}, ${$994c48bfb00b620b$var$gridTemplateValue(repeat)})`;
-}
-function $994c48bfb00b620b$export$9c1b655deaca4988(min, max) {
-    return `minmax(${$994c48bfb00b620b$var$gridDimensionValue(min)}, ${$994c48bfb00b620b$var$gridDimensionValue(max)})`;
-}
-function $994c48bfb00b620b$export$2f0b47b0911ce698(dimension) {
-    return `fit-content(${$994c48bfb00b620b$var$gridDimensionValue(dimension)})`;
-}
-function $994c48bfb00b620b$var$gridTemplateAreasValue(value) {
-    return value.map((v)=>`"${v}"`).join('\n');
-}
-function $994c48bfb00b620b$var$gridDimensionValue(value) {
-    if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) return value;
-    return (0, $2XVCg$dimensionValue)(value);
-}
-function $994c48bfb00b620b$var$gridTemplateValue(value) {
-    if (Array.isArray(value)) return value.map($994c48bfb00b620b$var$gridDimensionValue).join(' ');
-    return $994c48bfb00b620b$var$gridDimensionValue(value);
-}
-
-
-export {$994c48bfb00b620b$export$ef2184bd89960b14 as Grid, $994c48bfb00b620b$export$76d90c956114f2c2 as repeat, $994c48bfb00b620b$export$9c1b655deaca4988 as minmax, $994c48bfb00b620b$export$2f0b47b0911ce698 as fitContent};
-//# sourceMappingURL=Grid.module.js.map

package/dist/Grid.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAeD,MAAM,uCAAgC;IACpC,GAAG,CAAA,GAAA,qBAAa,CAAC;IACjB,UAAU;QAAC;QAAgB,CAAA,GAAA,uBAAe;KAAE;IAC5C,aAAa;QAAC;QAAmB;KAAmB;IACpD,UAAU;QAAC;QAAgB;KAAmB;IAC9C,OAAO;QAAC;QAAqB;KAAuB;IACpD,SAAS;QAAC;QAAuB;KAAkB;IACnD,MAAM;QAAC;QAAoB;KAAkB;IAC7C,KAAK;QAAC;QAAO,CAAA,GAAA,qBAAa;KAAE;IAC5B,QAAQ;QAAC;QAAU,CAAA,GAAA,qBAAa;KAAE;IAClC,WAAW;QAAC;QAAa,CAAA,GAAA,qBAAa;KAAE;IACxC,cAAc;QAAC;QAAgB,CAAA,GAAA,uBAAe;KAAE;IAChD,gBAAgB;QAAC;QAAkB,CAAA,GAAA,uBAAe;KAAE;IACpD,YAAY;QAAC;QAAc,CAAA,GAAA,uBAAe;KAAE;IAC5C,cAAc;QAAC;QAAgB,CAAA,GAAA,uBAAe;KAAE;AAClD;AAMO,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA2B;IACxF,IAAI,YACF,QAAQ,EACR,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE,YAAY;IAC7C,IAAI,WAAW,KAAK,EAClB,WAAW,KAAK,CAAC,OAAO,GAAG,QAAQ,eAAe;IAEpD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC;QAAK,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAAG,GAAG,UAAU;QAAE,KAAK;OACvD;AAGP;AAQO,SAAS,0CAAO,KAAwC,EAAE,MAAyC;IACxG,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,wCAAkB,QAAQ,CAAC,CAAC;AACzD;AAQO,SAAS,0CAAO,GAAmB,EAAE,GAAmB;IAC7D,OAAO,CAAC,OAAO,EAAE,yCAAmB,KAAK,EAAE,EAAE,yCAAmB,KAAK,CAAC,CAAC;AACzE;AAOO,SAAS,0CAAW,SAAyB;IAClD,OAAO,CAAC,YAAY,EAAE,yCAAmB,WAAW,CAAC,CAAC;AACxD;AAEA,SAAS,6CAAuB,KAAK;IACnC,OAAO,MAAM,GAAG,CAAC,CAAA,IAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC;AACvC;AAEA,SAAS,yCAAmB,KAAK;IAC/B,IAAI,kEAAkE,IAAI,CAAC,QACzE,OAAO;IAGT,OAAO,CAAA,GAAA,qBAAa,EAAE;AACxB;AAEA,SAAS,wCAAkB,KAAK;IAC9B,IAAI,MAAM,OAAO,CAAC,QAChB,OAAO,MAAM,GAAG,CAAC,0CAAoB,IAAI,CAAC;IAG5C,OAAO,yCAAmB;AAC5B","sources":["packages/@react-spectrum/layout/src/Grid.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  baseStyleProps,\n  dimensionValue,\n  passthroughStyle,\n  StyleHandlers,\n  useDOMRef,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DimensionValue, DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {GridProps} from '@react-types/layout';\nimport React, {forwardRef} from 'react';\n\nconst gridStyleProps: StyleHandlers = {\n  ...baseStyleProps,\n  autoFlow: ['gridAutoFlow', passthroughStyle],\n  autoColumns: ['gridAutoColumns', gridDimensionValue],\n  autoRows: ['gridAutoRows', gridDimensionValue],\n  areas: ['gridTemplateAreas', gridTemplateAreasValue],\n  columns: ['gridTemplateColumns', gridTemplateValue],\n  rows: ['gridTemplateRows', gridTemplateValue],\n  gap: ['gap', dimensionValue],\n  rowGap: ['rowGap', dimensionValue],\n  columnGap: ['columnGap', dimensionValue],\n  justifyItems: ['justifyItems', passthroughStyle],\n  justifyContent: ['justifyContent', passthroughStyle],\n  alignItems: ['alignItems', passthroughStyle],\n  alignContent: ['alignContent', passthroughStyle]\n};\n\n/**\n * A layout container using CSS grid. Supports Spectrum dimensions as values to\n * ensure consistent and adaptive sizing and spacing.\n */\nexport const Grid = forwardRef(function Grid(props: GridProps, ref: DOMRef<HTMLDivElement>) {\n  let {\n    children,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps, gridStyleProps);\n  if (styleProps.style) {\n    styleProps.style.display = 'grid'; // inline-grid?\n  }\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>\n      {children}\n    </div>\n  );\n});\n\n/**\n * Can be used to make a repeating fragment of the columns or rows list.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat).\n * @param count - The number of times to repeat the fragment.\n * @param repeat - The fragment to repeat.\n */\nexport function repeat(count: number | 'auto-fill' | 'auto-fit', repeat: DimensionValue | DimensionValue[]): string {\n  return `repeat(${count}, ${gridTemplateValue(repeat)})`;\n}\n\n/**\n * Defines a size range greater than or equal to min and less than or equal to max.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax).\n * @param min - The minimum size.\n * @param max - The maximum size.\n */\nexport function minmax(min: DimensionValue, max: DimensionValue): string {\n  return `minmax(${gridDimensionValue(min)}, ${gridDimensionValue(max)})`;\n}\n\n/**\n * Clamps a given size to an available size.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content).\n * @param dimension - The size to clamp.\n */\nexport function fitContent(dimension: DimensionValue): string {\n  return `fit-content(${gridDimensionValue(dimension)})`;\n}\n\nfunction gridTemplateAreasValue(value) {\n  return value.map(v => `\"${v}\"`).join('\\n');\n}\n\nfunction gridDimensionValue(value) {\n  if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) {\n    return value;\n  }\n\n  return dimensionValue(value);\n}\n\nfunction gridTemplateValue(value) {\n  if (Array.isArray(value)) {\n    return value.map(gridDimensionValue).join(' ');\n  }\n\n  return gridDimensionValue(value);\n}\n"],"names":[],"version":3,"file":"Grid.module.js.map"}

package/dist/flex-gap_css.main.js

@@ -1,17 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "flex", () => $12be0ef8be5abc46$export$97691fbb80847c19, (v) => $12be0ef8be5abc46$export$97691fbb80847c19 = v);
-$parcel$export(module.exports, "flex-container", () => $12be0ef8be5abc46$export$69d7a39fa31a000b, (v) => $12be0ef8be5abc46$export$69d7a39fa31a000b = v);
-$parcel$export(module.exports, "flex-gap", () => $12be0ef8be5abc46$export$31a9da8b58047a44, (v) => $12be0ef8be5abc46$export$31a9da8b58047a44 = v);
-var $12be0ef8be5abc46$export$97691fbb80847c19;
-var $12be0ef8be5abc46$export$69d7a39fa31a000b;
-var $12be0ef8be5abc46$export$31a9da8b58047a44;
-$12be0ef8be5abc46$export$97691fbb80847c19 = `vi3c6W_flex`;
-$12be0ef8be5abc46$export$69d7a39fa31a000b = `vi3c6W_flex-container`;
-$12be0ef8be5abc46$export$31a9da8b58047a44 = `vi3c6W_flex-gap`;
-
-
-//# sourceMappingURL=flex-gap_css.main.js.map

package/dist/flex-gap_css.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@react-spectrum/layout/src/flex-gap.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.flex-container {\n  /* this is necessary so that the inner margins don't affect anything outside */\n  display: flex;\n}\n\n.flex {\n  display: flex;\n}\n\n.flex-gap {\n  --gap: 0px;\n  --column-gap: var(--gap);\n  --row-gap: var(--gap);\n\n  /* apply a negative margin to counteract the margin on each item at the edges */\n  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);\n\n  /* increase the width and height to account for this margin */\n  /* Add 1px to fix rounding error in Safari (╯°□°)╯︵ ┻━┻ */\n  width: calc(100% + calc(var(--column-gap) + 1px));\n  height: calc(100% + var(--row-gap));\n}\n\n/* If the selector was .flex-gap > *, it wouldn't override when components have a margin 0 specified by a single\n * class selector, specificity is equal. Both are one class. Neither > nor * contribute to specificity.\n * We need to make it more specific, so we raise it by 1 class.\n */\n.flex-container .flex-gap > * {\n  /* apply half of the gap to each side of every item */\n  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);\n}\n"],"names":[],"version":3,"file":"flex-gap_css.main.js.map"}

package/dist/flex-gap_css.mjs

@@ -1,19 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $01dd1839b5376a46$exports = {};
-
-$parcel$export($01dd1839b5376a46$exports, "flex", () => $01dd1839b5376a46$export$97691fbb80847c19, (v) => $01dd1839b5376a46$export$97691fbb80847c19 = v);
-$parcel$export($01dd1839b5376a46$exports, "flex-container", () => $01dd1839b5376a46$export$69d7a39fa31a000b, (v) => $01dd1839b5376a46$export$69d7a39fa31a000b = v);
-$parcel$export($01dd1839b5376a46$exports, "flex-gap", () => $01dd1839b5376a46$export$31a9da8b58047a44, (v) => $01dd1839b5376a46$export$31a9da8b58047a44 = v);
-var $01dd1839b5376a46$export$97691fbb80847c19;
-var $01dd1839b5376a46$export$69d7a39fa31a000b;
-var $01dd1839b5376a46$export$31a9da8b58047a44;
-$01dd1839b5376a46$export$97691fbb80847c19 = `vi3c6W_flex`;
-$01dd1839b5376a46$export$69d7a39fa31a000b = `vi3c6W_flex-container`;
-$01dd1839b5376a46$export$31a9da8b58047a44 = `vi3c6W_flex-gap`;
-
-
-export {$01dd1839b5376a46$exports as default};
-//# sourceMappingURL=flex-gap_css.module.js.map

package/dist/flex-gap_css.module.js

@@ -1,19 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $01dd1839b5376a46$exports = {};
-
-$parcel$export($01dd1839b5376a46$exports, "flex", () => $01dd1839b5376a46$export$97691fbb80847c19, (v) => $01dd1839b5376a46$export$97691fbb80847c19 = v);
-$parcel$export($01dd1839b5376a46$exports, "flex-container", () => $01dd1839b5376a46$export$69d7a39fa31a000b, (v) => $01dd1839b5376a46$export$69d7a39fa31a000b = v);
-$parcel$export($01dd1839b5376a46$exports, "flex-gap", () => $01dd1839b5376a46$export$31a9da8b58047a44, (v) => $01dd1839b5376a46$export$31a9da8b58047a44 = v);
-var $01dd1839b5376a46$export$97691fbb80847c19;
-var $01dd1839b5376a46$export$69d7a39fa31a000b;
-var $01dd1839b5376a46$export$31a9da8b58047a44;
-$01dd1839b5376a46$export$97691fbb80847c19 = `vi3c6W_flex`;
-$01dd1839b5376a46$export$69d7a39fa31a000b = `vi3c6W_flex-container`;
-$01dd1839b5376a46$export$31a9da8b58047a44 = `vi3c6W_flex-gap`;
-
-
-export {$01dd1839b5376a46$exports as default};
-//# sourceMappingURL=flex-gap_css.module.js.map

package/dist/flex-gap_css.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AAFA,4CAAyB,CAAC,WAAW,CAAC;AACtC,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@react-spectrum/layout/src/flex-gap.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.flex-container {\n  /* this is necessary so that the inner margins don't affect anything outside */\n  display: flex;\n}\n\n.flex {\n  display: flex;\n}\n\n.flex-gap {\n  --gap: 0px;\n  --column-gap: var(--gap);\n  --row-gap: var(--gap);\n\n  /* apply a negative margin to counteract the margin on each item at the edges */\n  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);\n\n  /* increase the width and height to account for this margin */\n  /* Add 1px to fix rounding error in Safari (╯°□°)╯︵ ┻━┻ */\n  width: calc(100% + calc(var(--column-gap) + 1px));\n  height: calc(100% + var(--row-gap));\n}\n\n/* If the selector was .flex-gap > *, it wouldn't override when components have a margin 0 specified by a single\n * class selector, specificity is equal. Both are one class. Neither > nor * contribute to specificity.\n * We need to make it more specific, so we raise it by 1 class.\n */\n.flex-container .flex-gap > * {\n  /* apply half of the gap to each side of every item */\n  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);\n}\n"],"names":[],"version":3,"file":"flex-gap_css.module.js.map"}

package/dist/layout.6b24b540.css

@@ -1,17 +0,0 @@
-.vi3c6W_flex-container, .vi3c6W_flex {
-  display: flex;
-}
-
-.vi3c6W_flex-gap {
-  --gap: 0px;
-  --column-gap: var(--gap);
-  --row-gap: var(--gap);
-  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);
-  width: calc(100% + calc(var(--column-gap)  + 1px));
-  height: calc(100% + var(--row-gap));
-}
-
-.vi3c6W_flex-container .vi3c6W_flex-gap > * {
-  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
-}
-/*# sourceMappingURL=layout.6b24b540.css.map */

package/dist/layout.6b24b540.css.map

@@ -1 +0,0 @@
-{"mappings":"AAYA;;;;AASA;;;;;;;;;AAmBA","sources":["packages/@react-spectrum/layout/src/flex-gap.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n.flex-container {\n  /* this is necessary so that the inner margins don't affect anything outside */\n  display: flex;\n}\n\n.flex {\n  display: flex;\n}\n\n.flex-gap {\n  --gap: 0px;\n  --column-gap: var(--gap);\n  --row-gap: var(--gap);\n\n  /* apply a negative margin to counteract the margin on each item at the edges */\n  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);\n\n  /* increase the width and height to account for this margin */\n  /* Add 1px to fix rounding error in Safari (╯°□°)╯︵ ┻━┻ */\n  width: calc(100% + calc(var(--column-gap) + 1px));\n  height: calc(100% + var(--row-gap));\n}\n\n/* If the selector was .flex-gap > *, it wouldn't override when components have a margin 0 specified by a single\n * class selector, specificity is equal. Both are one class. Neither > nor * contribute to specificity.\n * We need to make it more specific, so we raise it by 1 class.\n */\n.flex-container .flex-gap > * {\n  /* apply half of the gap to each side of every item */\n  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);\n}\n"],"names":[],"version":3,"file":"layout.6b24b540.css.map"}

package/dist/types.d.ts

@@ -1,37 +0,0 @@
-import { DimensionValue, DOMRefValue } from "@react-types/shared";
-import { GridProps, FlexProps } from "@react-types/layout";
-import React from "react";
-/**
- * A layout container using CSS grid. Supports Spectrum dimensions as values to
- * ensure consistent and adaptive sizing and spacing.
- */
-export const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-/**
- * Can be used to make a repeating fragment of the columns or rows list.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat).
- * @param count - The number of times to repeat the fragment.
- * @param repeat - The fragment to repeat.
- */
-export function repeat(count: number | 'auto-fill' | 'auto-fit', repeat: DimensionValue | DimensionValue[]): string;
-/**
- * Defines a size range greater than or equal to min and less than or equal to max.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax).
- * @param min - The minimum size.
- * @param max - The maximum size.
- */
-export function minmax(min: DimensionValue, max: DimensionValue): string;
-/**
- * Clamps a given size to an available size.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content).
- * @param dimension - The size to clamp.
- */
-export function fitContent(dimension: DimensionValue): string;
-/**
- * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap
- * property to define consistent spacing between items.
- */
-export const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
-export type { DimensionValue } from '@react-types/shared';
-export type { FlexProps, GridProps } from '@react-types/layout';
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;AA0CA;;;GAGG;AACH,OAAO,MAAM,mGAgBX,CAAC;AAEH;;;;;GAKG;AACH,uBAAuB,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,EAAE,QAAQ,cAAc,GAAG,cAAc,EAAE,GAAG,MAAM,CAElH;AAED;;;;;GAKG;AACH,uBAAuB,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,GAAG,MAAM,CAEvE;AAED;;;;GAIG;AACH,2BAA2B,SAAS,EAAE,cAAc,GAAG,MAAM,CAE5D;AChED;;;GAGG;AACH,OAAO,MAAM,mGAiCX,CAAC;AChDH,YAAY,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-spectrum/layout/src/packages/@react-spectrum/layout/src/Grid.tsx","packages/@react-spectrum/layout/src/packages/@react-spectrum/layout/src/Flex.tsx","packages/@react-spectrum/layout/src/packages/@react-spectrum/layout/src/index.ts","packages/@react-spectrum/layout/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {repeat, minmax, fitContent, Grid} from './Grid';\nexport {Flex} from './Flex';\nexport type {DimensionValue} from '@react-types/shared';\nexport type {FlexProps, GridProps} from '@react-types/layout';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/src/Flex.tsx

@@ -1,92 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {classNames, passthroughStyle, responsiveDimensionValue, StyleHandlers, useBreakpoint, useDOMRef, useStyleProps} from '@react-spectrum/utils';
-import {DOMRef} from '@react-types/shared';
-import {filterDOMProps} from '@react-aria/utils';
-import {FlexProps} from '@react-types/layout';
-import React, {forwardRef} from 'react';
-import styles from './flex-gap.css';
-
-const flexStyleProps: StyleHandlers = {
-  direction: ['flexDirection', passthroughStyle],
-  wrap: ['flexWrap', flexWrapValue],
-  justifyContent: ['justifyContent', flexAlignValue],
-  alignItems: ['alignItems', flexAlignValue],
-  alignContent: ['alignContent', flexAlignValue]
-};
-
-/**
- * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap
- * property to define consistent spacing between items.
- */
-export const Flex = forwardRef(function Flex(props: FlexProps, ref: DOMRef<HTMLDivElement>) {
-  let {
-    children,
-    ...otherProps
-  } = props;
-  let breakpointProvider = useBreakpoint();
-  let matchedBreakpoints = breakpointProvider?.matchedBreakpoints || ['base'];
-  let {styleProps} = useStyleProps(otherProps);
-  let {styleProps: flexStyle} = useStyleProps(otherProps, flexStyleProps);
-  let domRef = useDOMRef(ref);
-
-  let style = {
-    ...styleProps.style,
-    ...flexStyle.style
-  };
-
-  if (props.gap != null) {
-    style.gap = responsiveDimensionValue(props.gap, matchedBreakpoints);
-  }
-
-  if (props.columnGap != null) {
-    style.columnGap = responsiveDimensionValue(props.columnGap, matchedBreakpoints);
-  }
-
-  if (props.rowGap != null) {
-    style.rowGap = responsiveDimensionValue(props.rowGap, matchedBreakpoints);
-  }
-
-  return (
-    <div {...filterDOMProps(otherProps)} className={classNames(styles, 'flex', styleProps.className)} style={style} ref={domRef}>
-      {children}
-    </div>
-  );
-});
-
-/**
- * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end'
- * in flex containers for browser compatibility.
- */
-function flexAlignValue(value) {
-  if (value === 'start') {
-    return 'flex-start';
-  }
-
-  if (value === 'end') {
-    return 'flex-end';
-  }
-
-  return value;
-}
-
-/**
- * Takes a boolean and translates it to flex wrap or nowrap.
- */
-function flexWrapValue(value) {
-  if (typeof value === 'boolean') {
-    return value ? 'wrap' : 'nowrap';
-  }
-
-  return value;
-}

package/src/Grid.tsx

@@ -1,112 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {
-  baseStyleProps,
-  dimensionValue,
-  passthroughStyle,
-  StyleHandlers,
-  useDOMRef,
-  useStyleProps
-} from '@react-spectrum/utils';
-import {DimensionValue, DOMRef} from '@react-types/shared';
-import {filterDOMProps} from '@react-aria/utils';
-import {GridProps} from '@react-types/layout';
-import React, {forwardRef} from 'react';
-
-const gridStyleProps: StyleHandlers = {
-  ...baseStyleProps,
-  autoFlow: ['gridAutoFlow', passthroughStyle],
-  autoColumns: ['gridAutoColumns', gridDimensionValue],
-  autoRows: ['gridAutoRows', gridDimensionValue],
-  areas: ['gridTemplateAreas', gridTemplateAreasValue],
-  columns: ['gridTemplateColumns', gridTemplateValue],
-  rows: ['gridTemplateRows', gridTemplateValue],
-  gap: ['gap', dimensionValue],
-  rowGap: ['rowGap', dimensionValue],
-  columnGap: ['columnGap', dimensionValue],
-  justifyItems: ['justifyItems', passthroughStyle],
-  justifyContent: ['justifyContent', passthroughStyle],
-  alignItems: ['alignItems', passthroughStyle],
-  alignContent: ['alignContent', passthroughStyle]
-};
-
-/**
- * A layout container using CSS grid. Supports Spectrum dimensions as values to
- * ensure consistent and adaptive sizing and spacing.
- */
-export const Grid = forwardRef(function Grid(props: GridProps, ref: DOMRef<HTMLDivElement>) {
-  let {
-    children,
-    ...otherProps
-  } = props;
-  let {styleProps} = useStyleProps(otherProps, gridStyleProps);
-  if (styleProps.style) {
-    styleProps.style.display = 'grid'; // inline-grid?
-  }
-  let domRef = useDOMRef(ref);
-
-  return (
-    <div {...filterDOMProps(otherProps)} {...styleProps} ref={domRef}>
-      {children}
-    </div>
-  );
-});
-
-/**
- * Can be used to make a repeating fragment of the columns or rows list.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat).
- * @param count - The number of times to repeat the fragment.
- * @param repeat - The fragment to repeat.
- */
-export function repeat(count: number | 'auto-fill' | 'auto-fit', repeat: DimensionValue | DimensionValue[]): string {
-  return `repeat(${count}, ${gridTemplateValue(repeat)})`;
-}
-
-/**
- * Defines a size range greater than or equal to min and less than or equal to max.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax).
- * @param min - The minimum size.
- * @param max - The maximum size.
- */
-export function minmax(min: DimensionValue, max: DimensionValue): string {
-  return `minmax(${gridDimensionValue(min)}, ${gridDimensionValue(max)})`;
-}
-
-/**
- * Clamps a given size to an available size.
- * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content).
- * @param dimension - The size to clamp.
- */
-export function fitContent(dimension: DimensionValue): string {
-  return `fit-content(${gridDimensionValue(dimension)})`;
-}
-
-function gridTemplateAreasValue(value) {
-  return value.map(v => `"${v}"`).join('\n');
-}
-
-function gridDimensionValue(value) {
-  if (/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(value)) {
-    return value;
-  }
-
-  return dimensionValue(value);
-}
-
-function gridTemplateValue(value) {
-  if (Array.isArray(value)) {
-    return value.map(gridDimensionValue).join(' ');
-  }
-
-  return gridDimensionValue(value);
-}

package/src/flex-gap.css

@@ -1,43 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-.flex-container {
-  /* this is necessary so that the inner margins don't affect anything outside */
-  display: flex;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex-gap {
-  --gap: 0px;
-  --column-gap: var(--gap);
-  --row-gap: var(--gap);
-
-  /* apply a negative margin to counteract the margin on each item at the edges */
-  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);
-
-  /* increase the width and height to account for this margin */
-  /* Add 1px to fix rounding error in Safari (╯°□°)╯︵ ┻━┻ */
-  width: calc(100% + calc(var(--column-gap) + 1px));
-  height: calc(100% + var(--row-gap));
-}
-
-/* If the selector was .flex-gap > *, it wouldn't override when components have a margin 0 specified by a single
- * class selector, specificity is equal. Both are one class. Neither > nor * contribute to specificity.
- * We need to make it more specific, so we raise it by 1 class.
- */
-.flex-container .flex-gap > * {
-  /* apply half of the gap to each side of every item */
-  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
-}