@react-spectrum/divider 3.5.12 → 3.5.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Divider.main.js +10 -10
- package/dist/Divider.mjs +11 -11
- package/dist/Divider.module.js +10 -10
- package/dist/rule_vars_css.mjs +1 -1
- package/package.json +7 -7
package/dist/Divider.main.js
CHANGED
|
@@ -29,27 +29,27 @@ $parcel$export(module.exports, "Divider", () => $a75f934b8a5939c6$export$2e0a83e
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
let $a75f934b8a5939c6$var$sizeMap = {
|
|
32
|
-
S:
|
|
33
|
-
M:
|
|
34
|
-
L:
|
|
32
|
+
S: 'small',
|
|
33
|
+
M: 'medium',
|
|
34
|
+
L: 'large'
|
|
35
35
|
};
|
|
36
36
|
function $a75f934b8a5939c6$var$Divider(props, ref) {
|
|
37
|
-
props = (0, $40sll$reactspectrumutils.useSlotProps)(props,
|
|
38
|
-
let { size: size =
|
|
37
|
+
props = (0, $40sll$reactspectrumutils.useSlotProps)(props, 'divider');
|
|
38
|
+
let { size: size = 'L', orientation: orientation = 'horizontal', ...otherProps } = props;
|
|
39
39
|
let domRef = (0, $40sll$reactspectrumutils.useDOMRef)(ref);
|
|
40
40
|
let { styleProps: styleProps } = (0, $40sll$reactspectrumutils.useStyleProps)(otherProps);
|
|
41
41
|
let weight = $a75f934b8a5939c6$var$sizeMap[size];
|
|
42
|
-
let Element =
|
|
43
|
-
if (orientation ===
|
|
42
|
+
let Element = 'hr';
|
|
43
|
+
if (orientation === 'vertical') Element = 'div';
|
|
44
44
|
let { separatorProps: separatorProps } = (0, $40sll$reactariaseparator.useSeparator)({
|
|
45
45
|
...props,
|
|
46
46
|
elementType: Element
|
|
47
47
|
});
|
|
48
48
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($40sll$react))).createElement(Element, {
|
|
49
49
|
...styleProps,
|
|
50
|
-
className: (0, $40sll$reactspectrumutils.classNames)((0, ($parcel$interopDefault($7fdcb1fd1927dca1$exports))),
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
className: (0, $40sll$reactspectrumutils.classNames)((0, ($parcel$interopDefault($7fdcb1fd1927dca1$exports))), 'spectrum-Rule', `spectrum-Rule--${weight}`, {
|
|
51
|
+
'spectrum-Rule--vertical': orientation === 'vertical',
|
|
52
|
+
'spectrum-Rule--horizontal': orientation === 'horizontal'
|
|
53
53
|
}, styleProps.className),
|
|
54
54
|
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
|
|
55
55
|
ref: domRef,
|
package/dist/Divider.mjs
CHANGED
|
@@ -23,27 +23,27 @@ function $parcel$interopDefault(a) {
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
let $269e81ee206e9515$var$sizeMap = {
|
|
26
|
-
S:
|
|
27
|
-
M:
|
|
28
|
-
L:
|
|
26
|
+
S: 'small',
|
|
27
|
+
M: 'medium',
|
|
28
|
+
L: 'large'
|
|
29
29
|
};
|
|
30
30
|
function $269e81ee206e9515$var$Divider(props, ref) {
|
|
31
|
-
props = (0, $budPV$useSlotProps)(props,
|
|
32
|
-
let { size: size =
|
|
31
|
+
props = (0, $budPV$useSlotProps)(props, 'divider');
|
|
32
|
+
let { size: size = 'L', orientation: orientation = 'horizontal', ...otherProps } = props;
|
|
33
33
|
let domRef = (0, $budPV$useDOMRef)(ref);
|
|
34
34
|
let { styleProps: styleProps } = (0, $budPV$useStyleProps)(otherProps);
|
|
35
35
|
let weight = $269e81ee206e9515$var$sizeMap[size];
|
|
36
|
-
let Element =
|
|
37
|
-
if (orientation ===
|
|
36
|
+
let Element = 'hr';
|
|
37
|
+
if (orientation === 'vertical') Element = 'div';
|
|
38
38
|
let { separatorProps: separatorProps } = (0, $budPV$useSeparator)({
|
|
39
39
|
...props,
|
|
40
40
|
elementType: Element
|
|
41
41
|
});
|
|
42
42
|
return /*#__PURE__*/ (0, $budPV$react).createElement(Element, {
|
|
43
43
|
...styleProps,
|
|
44
|
-
className: (0, $budPV$classNames)((0, ($parcel$interopDefault($budPV$rule_vars_cssmodulejs))),
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
className: (0, $budPV$classNames)((0, ($parcel$interopDefault($budPV$rule_vars_cssmodulejs))), 'spectrum-Rule', `spectrum-Rule--${weight}`, {
|
|
45
|
+
'spectrum-Rule--vertical': orientation === 'vertical',
|
|
46
|
+
'spectrum-Rule--horizontal': orientation === 'horizontal'
|
|
47
47
|
}, styleProps.className),
|
|
48
48
|
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
|
|
49
49
|
ref: domRef,
|
|
@@ -57,4 +57,4 @@ function $269e81ee206e9515$var$Divider(props, ref) {
|
|
|
57
57
|
|
|
58
58
|
|
|
59
59
|
export {$269e81ee206e9515$export$2e0a83ec2e27ecbb as Divider};
|
|
60
|
-
//# sourceMappingURL=Divider.
|
|
60
|
+
//# sourceMappingURL=Divider.module.js.map
|
package/dist/Divider.module.js
CHANGED
|
@@ -23,27 +23,27 @@ function $parcel$interopDefault(a) {
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
let $269e81ee206e9515$var$sizeMap = {
|
|
26
|
-
S:
|
|
27
|
-
M:
|
|
28
|
-
L:
|
|
26
|
+
S: 'small',
|
|
27
|
+
M: 'medium',
|
|
28
|
+
L: 'large'
|
|
29
29
|
};
|
|
30
30
|
function $269e81ee206e9515$var$Divider(props, ref) {
|
|
31
|
-
props = (0, $budPV$useSlotProps)(props,
|
|
32
|
-
let { size: size =
|
|
31
|
+
props = (0, $budPV$useSlotProps)(props, 'divider');
|
|
32
|
+
let { size: size = 'L', orientation: orientation = 'horizontal', ...otherProps } = props;
|
|
33
33
|
let domRef = (0, $budPV$useDOMRef)(ref);
|
|
34
34
|
let { styleProps: styleProps } = (0, $budPV$useStyleProps)(otherProps);
|
|
35
35
|
let weight = $269e81ee206e9515$var$sizeMap[size];
|
|
36
|
-
let Element =
|
|
37
|
-
if (orientation ===
|
|
36
|
+
let Element = 'hr';
|
|
37
|
+
if (orientation === 'vertical') Element = 'div';
|
|
38
38
|
let { separatorProps: separatorProps } = (0, $budPV$useSeparator)({
|
|
39
39
|
...props,
|
|
40
40
|
elementType: Element
|
|
41
41
|
});
|
|
42
42
|
return /*#__PURE__*/ (0, $budPV$react).createElement(Element, {
|
|
43
43
|
...styleProps,
|
|
44
|
-
className: (0, $budPV$classNames)((0, ($parcel$interopDefault($budPV$rule_vars_cssmodulejs))),
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
className: (0, $budPV$classNames)((0, ($parcel$interopDefault($budPV$rule_vars_cssmodulejs))), 'spectrum-Rule', `spectrum-Rule--${weight}`, {
|
|
45
|
+
'spectrum-Rule--vertical': orientation === 'vertical',
|
|
46
|
+
'spectrum-Rule--horizontal': orientation === 'horizontal'
|
|
47
47
|
}, styleProps.className),
|
|
48
48
|
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892
|
|
49
49
|
ref: domRef,
|
package/dist/rule_vars_css.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/divider",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.14",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,20 +36,20 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/separator": "^3.
|
|
40
|
-
"@react-spectrum/utils": "^3.11.
|
|
41
|
-
"@react-types/divider": "^3.3.
|
|
42
|
-
"@react-types/shared": "^3.
|
|
39
|
+
"@react-aria/separator": "^3.4.0",
|
|
40
|
+
"@react-spectrum/utils": "^3.11.8",
|
|
41
|
+
"@react-types/divider": "^3.3.10",
|
|
42
|
+
"@react-types/shared": "^3.24.0",
|
|
43
43
|
"@swc/helpers": "^0.5.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@adobe/spectrum-css-temp": "3.0.0-alpha.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
|
|
49
|
+
"react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
|
|
50
50
|
},
|
|
51
51
|
"publishConfig": {
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "86d80e3216bc32e75108831cf3a5a720bc849206"
|
|
55
55
|
}
|