@react-spectrum/layout
Advanced tools
@react-spectrum/layout - npm Package Compare versions
Comparing version 3.0.0-nightly-4f85a359f-241022 to 3.0.0-nightly-50c7ada5d-241219
@@ -53,3 +53,3 @@ require("./flex-gap.bf0f97f4.css"); | ||
| }; | ||
| function $a2ef5497697e8437$var$Flex(props, ref) { | ||
| const $a2ef5497697e8437$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $1yXrx$react.forwardRef)(function Flex(props, ref) { | ||
| let { children: children, ...otherProps } = props; | ||
@@ -76,3 +76,3 @@ let breakpointProvider = (0, $1yXrx$reactspectrumutils.useBreakpoint)(); | ||
| }, children); | ||
| } | ||
| }); | ||
| /** | ||
@@ -92,8 +92,4 @@ * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end' | ||
| } | ||
| /** | ||
| * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap | ||
| * property to define consistent spacing between items. | ||
| */ const $a2ef5497697e8437$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $1yXrx$react.forwardRef)($a2ef5497697e8437$var$Flex); | ||
| //# sourceMappingURL=Flex.main.js.map |
@@ -47,3 +47,3 @@ import "./flex-gap.bf0f97f4.css"; | ||
| }; | ||
| function $884c64d19340d345$var$Flex(props, ref) { | ||
| const $884c64d19340d345$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $bDezp$forwardRef)(function Flex(props, ref) { | ||
| let { children: children, ...otherProps } = props; | ||
@@ -70,3 +70,3 @@ let breakpointProvider = (0, $bDezp$useBreakpoint)(); | ||
| }, children); | ||
| } | ||
| }); | ||
| /** | ||
@@ -86,6 +86,2 @@ * Normalize 'start' and 'end' alignment values to 'flex-start' and 'flex-end' | ||
| } | ||
| /** | ||
| * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap | ||
| * property to define consistent spacing between items. | ||
| */ const $884c64d19340d345$export$f51f4c4ede09e011 = /*#__PURE__*/ (0, $bDezp$forwardRef)($884c64d19340d345$var$Flex); | ||
@@ -92,0 +88,0 @@ |
@@ -14,6 +14,6 @@ var $ATZAs$reactspectrumutils = require("@react-spectrum/utils"); | ||
| $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); | ||
| $parcel$export(module.exports, "Grid", () => $65aafe8662d00781$export$ef2184bd89960b14); | ||
| /* | ||
@@ -87,6 +87,6 @@ * Copyright 2020 Adobe. All rights reserved. | ||
| }; | ||
| function $65aafe8662d00781$var$Grid(props, ref) { | ||
| 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); | ||
| styleProps.style.display = 'grid'; // inline-grid? | ||
| if (styleProps.style) styleProps.style.display = 'grid'; // inline-grid? | ||
| let domRef = (0, $ATZAs$reactspectrumutils.useDOMRef)(ref); | ||
@@ -98,3 +98,3 @@ return /*#__PURE__*/ (0, ($parcel$interopDefault($ATZAs$react))).createElement("div", { | ||
| }, children); | ||
| } | ||
| }); | ||
| function $65aafe8662d00781$export$76d90c956114f2c2(count, repeat) { | ||
@@ -120,8 +120,4 @@ return `repeat(${count}, ${$65aafe8662d00781$var$gridTemplateValue(repeat)})`; | ||
| } | ||
| /** | ||
| * A layout container using CSS grid. Supports Spectrum dimensions as values to | ||
| * ensure consistent and adaptive sizing and spacing. | ||
| */ const $65aafe8662d00781$export$ef2184bd89960b14 = /*#__PURE__*/ (0, $ATZAs$react.forwardRef)($65aafe8662d00781$var$Grid); | ||
| //# sourceMappingURL=Grid.main.js.map |
@@ -73,6 +73,6 @@ 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"; | ||
| }; | ||
| function $994c48bfb00b620b$var$Grid(props, ref) { | ||
| 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); | ||
| styleProps.style.display = 'grid'; // inline-grid? | ||
| if (styleProps.style) styleProps.style.display = 'grid'; // inline-grid? | ||
| let domRef = (0, $2XVCg$useDOMRef)(ref); | ||
@@ -84,3 +84,3 @@ return /*#__PURE__*/ (0, $2XVCg$react).createElement("div", { | ||
| }, children); | ||
| } | ||
| }); | ||
| function $994c48bfb00b620b$export$76d90c956114f2c2(count, repeat) { | ||
@@ -106,9 +106,5 @@ return `repeat(${count}, ${$994c48bfb00b620b$var$gridTemplateValue(repeat)})`; | ||
| } | ||
| /** | ||
| * A layout container using CSS grid. Supports Spectrum dimensions as values to | ||
| * ensure consistent and adaptive sizing and spacing. | ||
| */ const $994c48bfb00b620b$export$ef2184bd89960b14 = /*#__PURE__*/ (0, $2XVCg$forwardRef)($994c48bfb00b620b$var$Grid); | ||
| export {$994c48bfb00b620b$export$76d90c956114f2c2 as repeat, $994c48bfb00b620b$export$9c1b655deaca4988 as minmax, $994c48bfb00b620b$export$2f0b47b0911ce698 as fitContent, $994c48bfb00b620b$export$ef2184bd89960b14 as Grid}; | ||
| 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 |
@@ -5,2 +5,7 @@ import { DimensionValue, DOMRefValue } from "@react-types/shared"; | ||
| /** | ||
| * 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. | ||
@@ -26,7 +31,2 @@ * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat). | ||
| /** | ||
| * 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>>>; | ||
| /** | ||
| * A layout container using flexbox. Provides Spectrum dimension values, and supports the gap | ||
@@ -33,0 +33,0 @@ * property to define consistent spacing between items. |
| { | ||
| "name": "@react-spectrum/layout", | ||
| "version": "3.0.0-nightly-4f85a359f-241022", | ||
| "version": "3.0.0-nightly-50c7ada5d-241219", | ||
| "description": "Spectrum UI components in React", | ||
@@ -39,6 +39,6 @@ "license": "Apache-2.0", | ||
| "dependencies": { | ||
| "@react-aria/utils": "^3.0.0-nightly-4f85a359f-241022", | ||
| "@react-spectrum/utils": "^3.0.0-nightly-4f85a359f-241022", | ||
| "@react-types/layout": "^3.0.0-nightly-4f85a359f-241022", | ||
| "@react-types/shared": "^3.0.0-nightly-4f85a359f-241022", | ||
| "@react-aria/utils": "3.0.0-nightly-50c7ada5d-241219", | ||
| "@react-spectrum/utils": "3.0.0-nightly-50c7ada5d-241219", | ||
| "@react-types/layout": "3.0.0-nightly-50c7ada5d-241219", | ||
| "@react-types/shared": "3.0.0-nightly-50c7ada5d-241219", | ||
| "@swc/helpers": "^0.5.0" | ||
@@ -50,9 +50,8 @@ }, | ||
| "peerDependencies": { | ||
| "@react-spectrum/provider": "^3.0.0-nightly-4f85a359f-241022", | ||
| "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0" | ||
| "@react-spectrum/provider": "3.0.0-nightly-50c7ada5d-241219", | ||
| "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" | ||
| }, | ||
| "publishConfig": { | ||
| "access": "public" | ||
| }, | ||
| "stableVersion": "3.6.9" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-1.66%
73930
- Lines of code
- decreased by-2.69%
940
Dependency changes
+ Added@internationalized/date@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@internationalized/message@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@internationalized/number@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@internationalized/string@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/focus@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/i18n@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/interactions@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/overlays@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/ssr@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/utils@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-aria/visually-hidden@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-spectrum/provider@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-spectrum/utils@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-stately/overlays@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-stately/utils@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-types/button@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-types/layout@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-types/overlays@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-types/provider@3.0.0-nightly-50c7ada5d-241219(transitive)
+ Added@react-types/shared@3.0.0-nightly-50c7ada5d-241219(transitive)
- Removed@internationalized/date@3.6.0(transitive)
- Removed@internationalized/message@3.1.6(transitive)
- Removed@internationalized/number@3.6.0(transitive)
- Removed@internationalized/string@3.2.5(transitive)
- Removed@react-aria/focus@3.19.0(transitive)
- Removed@react-aria/i18n@3.12.4(transitive)
- Removed@react-aria/interactions@3.22.5(transitive)
- Removed@react-aria/overlays@3.24.0(transitive)
- Removed@react-aria/ssr@3.9.7(transitive)
- Removed@react-aria/utils@3.26.0(transitive)
- Removed@react-aria/visually-hidden@3.8.18(transitive)
- Removed@react-spectrum/provider@3.10.0(transitive)
- Removed@react-spectrum/utils@3.12.0(transitive)
- Removed@react-stately/overlays@3.6.12(transitive)
- Removed@react-stately/utils@3.10.5(transitive)
- Removed@react-types/button@3.10.1(transitive)
- Removed@react-types/layout@3.3.19(transitive)
- Removed@react-types/overlays@3.8.11(transitive)
- Removed@react-types/provider@3.8.5(transitive)
- Removed@react-types/shared@3.26.0(transitive)