Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@react-spectrum/divider

Package Overview
Dependencies
Maintainers
1
Versions
851
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-spectrum/divider - npm Package Compare versions

Comparing version 3.0.0-rc.2 to 3.0.0-rc.3

dist/main.css.map

98

dist/main.js

@@ -1,21 +0,20 @@

require("./main.css");
var {
useSeparator
} = require("@react-aria/separator");
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
var _react = $parcel$interopDefault(require("react"));
var _babelRuntimeHelpersObjectSpread = $parcel$interopDefault(require("@babel/runtime/helpers/objectSpread2"));
var {
classNames,
useDOMRef,
useSlotProps,
useStyleProps
} = require("@react-spectrum/utils");
var _babelRuntimeHelpersObjectWithoutProperties = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _temp = require("@react-spectrum/utils");
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
var classNames = _temp.classNames;
var filterDOMProps = _temp.filterDOMProps;
var useDOMRef = _temp.useDOMRef;
var useSlotProps = _temp.useSlotProps;
var useStyleProps = _temp.useStyleProps;
require("./main.css");
var _react = $parcel$interopDefault(require("react"));
var useSeparator = require("@react-aria/separator").useSeparator;
function $parcel$interopDefault(a) {

@@ -25,13 +24,13 @@ return a && a.__esModule ? a.default : a;

// ASSET: /Users/govett/dev/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css
var $d852e598f7f0f4e84eb8cf7b401f58c7$exports = {};
$d852e598f7f0f4e84eb8cf7b401f58c7$exports = {
"spectrum-Rule": "_spectrum-Rule_2ae3a",
"spectrum-Rule--large": "_spectrum-Rule--large_2ae3a",
"spectrum-Rule--medium": "_spectrum-Rule--medium_2ae3a",
"spectrum-Rule--small": "_spectrum-Rule--small_2ae3a",
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_2ae3a",
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_2ae3a"
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css
var $f071c3a3bba6252cdbc96ffd809c9e$exports = {};
$f071c3a3bba6252cdbc96ffd809c9e$exports = {
"spectrum-Rule": "_spectrum-Rule_3c70b",
"spectrum-Rule--large": "_spectrum-Rule--large_3c70b",
"spectrum-Rule--medium": "_spectrum-Rule--medium_3c70b",
"spectrum-Rule--small": "_spectrum-Rule--small_3c70b",
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_3c70b",
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_3c70b"
};
var $aa03516d3f57c191d6741e89af6$var$sizeMap = {
let $e4a3649e5820982ed2d66266f2$var$sizeMap = {
S: 'small',

@@ -41,22 +40,20 @@ M: 'medium',

};
var $d852e598f7f0f4e84eb8cf7b401f58c7$$interop$default = $parcel$interopDefault($d852e598f7f0f4e84eb8cf7b401f58c7$exports);
var $f071c3a3bba6252cdbc96ffd809c9e$$interop$default = $parcel$interopDefault($f071c3a3bba6252cdbc96ffd809c9e$exports);
function $aa03516d3f57c191d6741e89af6$var$Divider(props, ref) {
function $e4a3649e5820982ed2d66266f2$var$Divider(props, ref) {
props = useSlotProps(props, 'divider');
var _props = props,
_props$size = _props.size,
size = _props$size === void 0 ? 'L' : _props$size,
_props$orientation = _props.orientation,
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["size", "orientation"]);
let {
size = 'L',
orientation = 'horizontal'
} = props,
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["size", "orientation"]);
var domRef = useDOMRef(ref);
let domRef = useDOMRef(ref);
let {
styleProps
} = useStyleProps(otherProps);
let weight = $e4a3649e5820982ed2d66266f2$var$sizeMap[size];
let Element = 'hr';
var _useStyleProps = useStyleProps(otherProps),
styleProps = _useStyleProps.styleProps;
var weight = $aa03516d3f57c191d6741e89af6$var$sizeMap[size];
var Element = 'hr';
if (orientation === 'vertical') {

@@ -66,15 +63,13 @@ Element = 'div';

var _useSeparator = useSeparator(_babelRuntimeHelpersObjectSpread({}, props, {
let {
separatorProps
} = useSeparator(_babelRuntimeHelpersExtends({}, props, {
elementType: Element
})),
separatorProps = _useSeparator.separatorProps;
return (
/*#__PURE__*/
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
_react.createElement(Element, _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, {
className: classNames($d852e598f7f0f4e84eb8cf7b401f58c7$$interop$default, 'spectrum-Rule', "spectrum-Rule--".concat(weight), {
}));
return (/*#__PURE__*/_react.createElement(Element, _babelRuntimeHelpersExtends({}, styleProps, {
className: classNames($f071c3a3bba6252cdbc96ffd809c9e$$interop$default, 'spectrum-Rule', "spectrum-Rule--" + weight, {
'spectrum-Rule--vertical': orientation === 'vertical',
'spectrum-Rule--horizontal': orientation === 'horizontal'
}, styleProps.className),
}, styleProps.className) // @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
,
ref: domRef

@@ -90,4 +85,5 @@ }, separatorProps))

var Divider = _react.forwardRef($aa03516d3f57c191d6741e89af6$var$Divider);
let Divider = _react.forwardRef($e4a3649e5820982ed2d66266f2$var$Divider);
exports.Divider = Divider;
exports.Divider = Divider;
//# sourceMappingURL=main.js.map

@@ -0,8 +1,7 @@

import { useSeparator } from "@react-aria/separator";
import _react from "react";
import { classNames, useDOMRef, useSlotProps, useStyleProps } from "@react-spectrum/utils";
import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
import "./main.css";
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
import _babelRuntimeHelpersEsmObjectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _babelRuntimeHelpersEsmObjectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import { classNames, filterDOMProps, useDOMRef, useSlotProps, useStyleProps } from "@react-spectrum/utils";
import _react from "react";
import { useSeparator } from "@react-aria/separator";

@@ -13,13 +12,13 @@ function $parcel$interopDefault(a) {

// ASSET: /Users/govett/dev/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css
var $c94662b7e8979062ee5f8e5a483bb$exports = {};
$c94662b7e8979062ee5f8e5a483bb$exports = {
"spectrum-Rule": "_spectrum-Rule_2ae3a",
"spectrum-Rule--large": "_spectrum-Rule--large_2ae3a",
"spectrum-Rule--medium": "_spectrum-Rule--medium_2ae3a",
"spectrum-Rule--small": "_spectrum-Rule--small_2ae3a",
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_2ae3a",
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_2ae3a"
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css
var $c73a71f7d88c6b33532476ecc5c$exports = {};
$c73a71f7d88c6b33532476ecc5c$exports = {
"spectrum-Rule": "_spectrum-Rule_3c70b",
"spectrum-Rule--large": "_spectrum-Rule--large_3c70b",
"spectrum-Rule--medium": "_spectrum-Rule--medium_3c70b",
"spectrum-Rule--small": "_spectrum-Rule--small_3c70b",
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_3c70b",
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_3c70b"
};
let $fe81f68dcebdad10a829dfc4481$var$sizeMap = {
let $ea27f9ba945db758ff2bd45520b5b1$var$sizeMap = {
S: 'small',

@@ -29,5 +28,5 @@ M: 'medium',

};
var $c94662b7e8979062ee5f8e5a483bb$$interop$default = $parcel$interopDefault($c94662b7e8979062ee5f8e5a483bb$exports);
var $c73a71f7d88c6b33532476ecc5c$$interop$default = $parcel$interopDefault($c73a71f7d88c6b33532476ecc5c$exports);
function $fe81f68dcebdad10a829dfc4481$var$Divider(props, ref) {
function $ea27f9ba945db758ff2bd45520b5b1$var$Divider(props, ref) {
props = useSlotProps(props, 'divider');

@@ -39,3 +38,3 @@

} = props,
otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["size", "orientation"]);
otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["size", "orientation"]);

@@ -46,3 +45,3 @@ let domRef = useDOMRef(ref);

} = useStyleProps(otherProps);
let weight = $fe81f68dcebdad10a829dfc4481$var$sizeMap[size];
let weight = $ea27f9ba945db758ff2bd45520b5b1$var$sizeMap[size];
let Element = 'hr';

@@ -56,13 +55,11 @@

separatorProps
} = useSeparator(_babelRuntimeHelpersEsmObjectSpread({}, props, {
} = useSeparator(_babelRuntimeHelpersEsmExtends({}, props, {
elementType: Element
}));
return (
/*#__PURE__*/
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
_react.createElement(Element, _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, {
className: classNames($c94662b7e8979062ee5f8e5a483bb$$interop$default, 'spectrum-Rule', "spectrum-Rule--".concat(weight), {
return (/*#__PURE__*/_react.createElement(Element, _babelRuntimeHelpersEsmExtends({}, styleProps, {
className: classNames($c73a71f7d88c6b33532476ecc5c$$interop$default, 'spectrum-Rule', "spectrum-Rule--" + weight, {
'spectrum-Rule--vertical': orientation === 'vertical',
'spectrum-Rule--horizontal': orientation === 'horizontal'
}, styleProps.className),
}, styleProps.className) // @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
,
ref: domRef

@@ -78,2 +75,3 @@ }, separatorProps))

export let Divider = _react.forwardRef($fe81f68dcebdad10a829dfc4481$var$Divider);
export let Divider = _react.forwardRef($ea27f9ba945db758ff2bd45520b5b1$var$Divider);
//# sourceMappingURL=module.js.map
{
"name": "@react-spectrum/divider",
"version": "3.0.0-rc.2",
"version": "3.0.0-rc.3",
"description": "Spectrum UI components in React",

@@ -32,6 +32,6 @@ "license": "Apache-2.0",

"@babel/runtime": "^7.6.2",
"@react-aria/separator": "^3.0.0-rc.2",
"@react-spectrum/utils": "^3.0.0-rc.2",
"@react-types/divider": "^3.0.0-rc.2",
"@react-types/shared": "^3.0.0-rc.2"
"@react-aria/separator": "3.0.0-rc.3",
"@react-spectrum/utils": "3.0.0-rc.3",
"@react-types/divider": "3.0.0-rc.3",
"@react-types/shared": "3.0.0-rc.3"
},

@@ -47,3 +47,3 @@ "devDependencies": {

},
"gitHead": "207e6ee9076905c96638a7f81a367758872e1410"
"gitHead": "461d6321126ae9b4f1508aa912f7b36bf8a603f8"
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc