Launch Week Day 5: Introducing Reachability for PHP.Learn More
Socket
Book a DemoSign in
Socket

@react-md/divider

Package Overview
Dependencies
Maintainers
1
Versions
56
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-md/divider - npm Package Compare versions

Comparing version
2.3.1
to
2.4.0
+13
-0
CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log

# [2.4.0](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.4.0) (2020-10-17)
### Features
- **theme:** Better Contrast Colors by Default and dev-utils refactor
([#955](https://github.com/mlaursen/react-md/issues/955))
([519b128](https://github.com/mlaursen/react-md/commit/519b128522de944d55ff96a1e1125447665ed586))
# Change Log
All notable changes to this project will be documented in this file. See
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [2.3.1](https://github.com/mlaursen/react-md/compare/v2.2.0...v2.3.1) (2020-09-15)

@@ -8,0 +21,0 @@

+11
-2

@@ -16,3 +16,7 @@ ////

@function rmd-divider-theme($theme-style) {
@return rmd-theme-get-var-value($theme-style, $rmd-divider-theme-values, divider);
@return rmd-theme-get-var-value(
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -34,3 +38,8 @@

@function rmd-divider-theme-var($theme-style, $fallback: null) {
@return rmd-theme-get-var($theme-style, $rmd-divider-theme-values, divider, $fallback);
@return rmd-theme-get-var(
$theme-style,
$rmd-divider-theme-values,
divider,
$fallback
);
}

@@ -22,3 +22,8 @@ ////

@mixin rmd-divider-theme($property, $theme-style: $property, $fallback: null) {
@include rmd-theme-apply-rmd-var($property, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-apply-rmd-var(
$property,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -33,3 +38,8 @@

@mixin rmd-divider-theme-update-var($theme-style, $value) {
@include rmd-theme-update-rmd-var($value, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-update-rmd-var(
$value,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -81,3 +91,5 @@

width: calc(#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)});
width: calc(
#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)}
);
}

@@ -84,0 +96,0 @@ }

@@ -16,3 +16,7 @@ ////

@function rmd-divider-theme($theme-style) {
@return rmd-theme-get-var-value($theme-style, $rmd-divider-theme-values, divider);
@return rmd-theme-get-var-value(
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -34,3 +38,8 @@

@function rmd-divider-theme-var($theme-style, $fallback: null) {
@return rmd-theme-get-var($theme-style, $rmd-divider-theme-values, divider, $fallback);
@return rmd-theme-get-var(
$theme-style,
$rmd-divider-theme-values,
divider,
$fallback
);
}

@@ -22,3 +22,8 @@ ////

@mixin rmd-divider-theme($property, $theme-style: $property, $fallback: null) {
@include rmd-theme-apply-rmd-var($property, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-apply-rmd-var(
$property,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -33,3 +38,8 @@

@mixin rmd-divider-theme-update-var($theme-style, $value) {
@include rmd-theme-update-rmd-var($value, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-update-rmd-var(
$value,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -81,3 +91,5 @@

width: calc(#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)});
width: calc(
#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)}
);
}

@@ -84,0 +96,0 @@ }

+4
-1

@@ -0,1 +1,5 @@

/**
* This file was generated from @react-md/dev-utils and should not be updated
* manually.
*/
declare const _default: {

@@ -21,3 +25,2 @@ "rmd-divider-size": string;

};
/** this is an auto-generated file from @react-md/dev-utils */
export default _default;
"use strict";
/**
* This file was generated from @react-md/dev-utils and should not be updated
* manually.
*/
Object.defineProperty(exports, "__esModule", { value: true });
/** this is an auto-generated file from @react-md/dev-utils */
exports.default = {

@@ -5,0 +8,0 @@ "rmd-divider-size": "1px",

@@ -1,1 +0,1 @@

{"version":3,"file":"scssVariables.js","sourceRoot":"","sources":["../src/scssVariables.ts"],"names":[],"mappings":";;AAAA,8DAA8D;AAC9D,kBAAe;IACb,kBAAkB,EAAE,KAAK;IACzB,sBAAsB,EAAE,MAAM;IAC9B,mBAAmB,EAAE,MAAM;IAC3B,qBAAqB,EAAE,cAAc;IACrC,8BAA8B,EAAE,cAAc;IAC9C,uCAAuC,EAAE,qBAAqB;IAC9D,sCAAsC,EAAE,2BAA2B;IACnE,8BAA8B,EAAE,qBAAqB;IACrD,0BAA0B,EAAE;QAC1B,kBAAkB,EAAE,qBAAqB;QACzC,2BAA2B,EAAE,qBAAqB;QAClD,0BAA0B,EAAE,2BAA2B;QACvD,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,kBAAkB,EAAE,cAAc;QAClC,UAAU,EAAE,MAAM;KACnB;CACF,CAAC"}
{"version":3,"file":"scssVariables.js","sourceRoot":"","sources":["../src/scssVariables.ts"],"names":[],"mappings":";AAAA;;;GAGG;;AAEH,kBAAe;IACb,kBAAkB,EAAE,KAAK;IACzB,sBAAsB,EAAE,MAAM;IAC9B,mBAAmB,EAAE,MAAM;IAC3B,qBAAqB,EAAE,cAAc;IACrC,8BAA8B,EAAE,cAAc;IAC9C,uCAAuC,EAAE,qBAAqB;IAC9D,sCAAsC,EAAE,2BAA2B;IACnE,8BAA8B,EAAE,qBAAqB;IACrD,0BAA0B,EAAE;QAC1B,kBAAkB,EAAE,qBAAqB;QACzC,2BAA2B,EAAE,qBAAqB;QAClD,0BAA0B,EAAE,2BAA2B;QACvD,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,kBAAkB,EAAE,cAAc;QAClC,UAAU,EAAE,MAAM;KACnB;CACF,CAAC"}

@@ -27,3 +27,3 @@ var __assign = (this && this.__assign) || function () {

var block = bem("rmd-divider");
var Divider = forwardRef(function Divider(_a, ref) {
export var Divider = forwardRef(function Divider(_a, ref) {
var _b = _a.inset, inset = _b === void 0 ? false : _b, _c = _a.vertical, vertical = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "separator" : _d, className = _a.className, props = __rest(_a, ["inset", "vertical", "role", "className"]);

@@ -45,3 +45,2 @@ var Component = (vertical ? "div" : "hr");

}
export default Divider;
//# sourceMappingURL=Divider.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,UAAU,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AA2BtC,IAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;AAEjC,IAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CACvE,EAA4E,EAC5E,GAAG;IADD,IAAA,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1E,0CAA4E,CAAF;IAG1E,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAgB,CAAC;IAE3D,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,IAAI,KAAK,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAE,SAAS,CAAC,IACxE,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,OAAO,CAAC,SAAS,GAAG;YAClB,IAAI,EAAE,SAAS,CAAC,MAAM;YACtB,KAAK,EAAE,SAAS,CAAC,IAAI;YACrB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;SACzB,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf;AAED,eAAe,OAAO,CAAC"}
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,UAAU,EAAkB,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AA2BtC,IAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;AAEjC,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,CAC/B,SAAS,OAAO,CACd,EAMC,EACD,GAAG;IAND,IAAA,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,SAAS,eAAA,EACN,KAAK,cALV,0CAMC,CADS;IAIV,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAgB,CAAC;IAE3D,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,IAAI,KAAK,EAAE,QAAQ,UAAA,EAAE,CAAC,EAC9C,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,OAAO,CAAC,SAAS,GAAG;YAClB,IAAI,EAAE,SAAS,CAAC,MAAM;YACtB,KAAK,EAAE,SAAS,CAAC,IAAI;YACrB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;SACzB,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf"}

@@ -1,4 +0,3 @@

export { default as Divider } from "./Divider";
export * from "./Divider";
export { default as VerticalDivider, } from "./VerticalDivider";
export * from "./VerticalDivider";
//# sourceMappingURL=index.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EACL,OAAO,IAAI,eAAe,GAE3B,MAAM,mBAAmB,CAAC"}
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAE1B,cAAc,mBAAmB,CAAC"}

@@ -25,3 +25,3 @@ var __assign = (this && this.__assign) || function () {

import { applyRef } from "@react-md/utils";
import Divider from "./Divider";
import { Divider } from "./Divider";
/**

@@ -63,3 +63,3 @@ * This is a small hook that is used to automatically create a vertical divider based

*/
var VerticalDivider = forwardRef(function VerticalDivider(_a, forwardedRef) {
export var VerticalDivider = forwardRef(function VerticalDivider(_a, forwardedRef) {
var style = _a.style, _b = _a.maxHeight, maxHeight = _b === void 0 ? 1 : _b, props = __rest(_a, ["style", "maxHeight"]);

@@ -89,3 +89,2 @@ var _c = useVerticalDividerHeight(maxHeight, forwardedRef), ref = _c.ref, height = _c.height;

}
export default VerticalDivider;
//# sourceMappingURL=VerticalDivider.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"VerticalDivider.js","sourceRoot":"","sources":["../src/VerticalDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,WAAW,EACX,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,OAAO,MAAM,WAAW,CAAC;AAmBhC;;;;;;;GAOG;AACH,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,YAAqD;IAErD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,GAAG,CAAC,EAAE;QAC1D,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;KACH;IAEK,IAAA,KAAsB,QAAQ,CAAqB,SAAS,CAAC,EAA5D,MAAM,QAAA,EAAE,SAAS,QAA2C,CAAC;IACpE,IAAM,GAAG,GAAG,WAAW,CACrB,UAAC,QAA+B;QAC9B,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YACxC,OAAO;SACR;QAED,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;QACnD,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;SAC/B;aAAM;YACL,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AACzB,CAAC;AAED;;;;;;;GAOG;AACH,IAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CAAC,EAAkC,EAAE,YAAY;IAA9C,IAAA,KAAK,WAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAK,KAAK,cAAhC,sBAAkC,CAAF;IACjD,IAAA,KAAkB,wBAAwB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAjE,GAAG,SAAA,EAAE,MAAM,YAAsD,CAAC;IAC1E,OAAO,CACL,oBAAC,OAAO,eAAK,KAAK,IAAE,KAAK,wBAAO,KAAK,KAAE,MAAM,QAAA,KAAI,GAAG,EAAE,GAAG,EAAE,QAAQ,UAAG,CACvE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,eAAe,CAAC,SAAS,GAAG;YAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,6DAA6D;YAC7D,mBAAmB;YACnB,kBAAkB,EAAE,UAClB,EAAiB,EACjB,CAAS,EACT,aAAqB;oBAFnB,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;gBAIf,IAAI,SAAS,GAAG,CAAC,EAAE;oBACjB,OAAO,IAAI,KAAK,CACd,6BAA4B,aAAa,gCAA8B;yBACrE,2BAA0B,SAAS,OAAK,CAAA,CAC3C,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf;AAED,eAAe,eAAe,CAAC"}
{"version":3,"file":"VerticalDivider.js","sourceRoot":"","sources":["../src/VerticalDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAGV,WAAW,EACX,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAmBpC;;;;;;;GAOG;AACH,MAAM,UAAU,wBAAwB,CACtC,SAAiB,EACjB,YAAqD;IAErD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,GAAG,CAAC,EAAE;QAC1D,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;KACH;IAEK,IAAA,KAAsB,QAAQ,CAAqB,SAAS,CAAC,EAA5D,MAAM,QAAA,EAAE,SAAS,QAA2C,CAAC;IACpE,IAAM,GAAG,GAAG,WAAW,CACrB,UAAC,QAA+B;QAC9B,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YACxC,OAAO;SACR;QAED,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;QACnD,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;SAC/B;aAAM;YACL,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AACzB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAU,CACvC,SAAS,eAAe,CAAC,EAAkC,EAAE,YAAY;IAA9C,IAAA,KAAK,WAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAK,KAAK,cAAhC,sBAAkC,CAAF;IACjD,IAAA,KAAkB,wBAAwB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAjE,GAAG,SAAA,EAAE,MAAM,YAAsD,CAAC;IAC1E,OAAO,CACL,oBAAC,OAAO,eAAK,KAAK,IAAE,KAAK,wBAAO,KAAK,KAAE,MAAM,QAAA,KAAI,GAAG,EAAE,GAAG,EAAE,QAAQ,UAAG,CACvE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,eAAe,CAAC,SAAS,GAAG;YAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,6DAA6D;YAC7D,mBAAmB;YACnB,kBAAkB,EAAE,UAClB,EAAiB,EACjB,CAAS,EACT,aAAqB;oBAFnB,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;gBAIf,IAAI,SAAS,GAAG,CAAC,EAAE;oBACjB,OAAO,IAAI,KAAK,CACd,6BAA4B,aAAa,gCAA8B;yBACrE,2BAA0B,SAAS,OAAK,CAAA,CAC3C,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf"}

@@ -24,3 +24,2 @@ import React, { HTMLAttributes } from "react";

}
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;
export default Divider;
export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;

@@ -28,3 +28,3 @@ "use strict";

var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);

@@ -48,2 +48,3 @@ return result;

Object.defineProperty(exports, "__esModule", { value: true });
exports.Divider = void 0;
var react_1 = __importStar(require("react"));

@@ -53,3 +54,3 @@ var classnames_1 = __importDefault(require("classnames"));

var block = utils_1.bem("rmd-divider");
var Divider = react_1.forwardRef(function Divider(_a, ref) {
exports.Divider = react_1.forwardRef(function Divider(_a, ref) {
var _b = _a.inset, inset = _b === void 0 ? false : _b, _c = _a.vertical, vertical = _c === void 0 ? false : _c, _d = _a.role, role = _d === void 0 ? "separator" : _d, className = _a.className, props = __rest(_a, ["inset", "vertical", "role", "className"]);

@@ -62,3 +63,3 @@ var Component = (vertical ? "div" : "hr");

var PropTypes = require("prop-types");
Divider.propTypes = {
exports.Divider.propTypes = {
role: PropTypes.string,

@@ -72,3 +73,2 @@ inset: PropTypes.bool,

}
exports.default = Divider;
//# sourceMappingURL=Divider.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,0DAA4B;AAC5B,yCAAsC;AA2BtC,IAAM,KAAK,GAAG,WAAG,CAAC,aAAa,CAAC,CAAC;AAEjC,IAAM,OAAO,GAAG,kBAAU,CAA+B,SAAS,OAAO,CACvE,EAA4E,EAC5E,GAAG;IADD,IAAA,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAA1E,0CAA4E,CAAF;IAG1E,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAgB,CAAC;IAE3D,OAAO,CACL,8BAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,oBAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,IAAI,KAAK,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAE,SAAS,CAAC,IACxE,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,OAAO,CAAC,SAAS,GAAG;YAClB,IAAI,EAAE,SAAS,CAAC,MAAM;YACtB,KAAK,EAAE,SAAS,CAAC,IAAI;YACrB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;SACzB,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf;AAED,kBAAe,OAAO,CAAC"}
{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../src/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,0DAA4B;AAC5B,yCAAsC;AA2BtC,IAAM,KAAK,GAAG,WAAG,CAAC,aAAa,CAAC,CAAC;AAEpB,QAAA,OAAO,GAAG,kBAAU,CAC/B,SAAS,OAAO,CACd,EAMC,EACD,GAAG;IAND,IAAA,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,SAAS,eAAA,EACN,KAAK,cALV,0CAMC,CADS;IAIV,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAgB,CAAC;IAE3D,OAAO,CACL,8BAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,oBAAE,CACX,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,QAAQ,IAAI,KAAK,EAAE,QAAQ,UAAA,EAAE,CAAC,EAC9C,SAAS,CACV,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,eAAO,CAAC,SAAS,GAAG;YAClB,IAAI,EAAE,SAAS,CAAC,MAAM;YACtB,KAAK,EAAE,SAAS,CAAC,IAAI;YACrB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;SACzB,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf"}

@@ -1,3 +0,2 @@

export { default as Divider } from "./Divider";
export * from "./Divider";
export { default as VerticalDivider, VerticalDividerProps, } from "./VerticalDivider";
export * from "./VerticalDivider";

@@ -10,10 +10,7 @@ "use strict";

var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", { value: true });
var Divider_1 = require("./Divider");
Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.default; } });
__exportStar(require("./Divider"), exports);
var VerticalDivider_1 = require("./VerticalDivider");
Object.defineProperty(exports, "VerticalDivider", { enumerable: true, get: function () { return VerticalDivider_1.default; } });
__exportStar(require("./VerticalDivider"), exports);
//# sourceMappingURL=index.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qCAA+C;AAAtC,kGAAA,OAAO,OAAW;AAC3B,4CAA0B;AAE1B,qDAG2B;AAFzB,kHAAA,OAAO,OAAmB"}
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAE1B,oDAAkC"}

@@ -34,3 +34,3 @@ import React, { HTMLAttributes, Ref } from "react";

*/
declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
export default VerticalDivider;
export declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
export {};

@@ -28,3 +28,3 @@ "use strict";

var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);

@@ -44,10 +44,7 @@ return result;

};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.useVerticalDividerHeight = void 0;
exports.VerticalDivider = exports.useVerticalDividerHeight = void 0;
var react_1 = __importStar(require("react"));
var utils_1 = require("@react-md/utils");
var Divider_1 = __importDefault(require("./Divider"));
var Divider_1 = require("./Divider");
/**

@@ -90,6 +87,6 @@ * This is a small hook that is used to automatically create a vertical divider based

*/
var VerticalDivider = react_1.forwardRef(function VerticalDivider(_a, forwardedRef) {
exports.VerticalDivider = react_1.forwardRef(function VerticalDivider(_a, forwardedRef) {
var style = _a.style, _b = _a.maxHeight, maxHeight = _b === void 0 ? 1 : _b, props = __rest(_a, ["style", "maxHeight"]);
var _c = useVerticalDividerHeight(maxHeight, forwardedRef), ref = _c.ref, height = _c.height;
return (react_1.default.createElement(Divider_1.default, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true })));
return (react_1.default.createElement(Divider_1.Divider, __assign({}, props, { style: __assign(__assign({}, style), { height: height }), ref: ref, vertical: true })));
});

@@ -99,3 +96,3 @@ if (process.env.NODE_ENV !== "production") {

var PropTypes = require("prop-types");
VerticalDivider.propTypes = {
exports.VerticalDivider.propTypes = {
style: PropTypes.object,

@@ -117,3 +114,2 @@ maxHeight: PropTypes.number,

}
exports.default = VerticalDivider;
//# sourceMappingURL=VerticalDivider.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"VerticalDivider.js","sourceRoot":"","sources":["../src/VerticalDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AACf,yCAA2C;AAE3C,sDAAgC;AAmBhC;;;;;;;GAOG;AACH,SAAgB,wBAAwB,CACtC,SAAiB,EACjB,YAAqD;IAErD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,GAAG,CAAC,EAAE;QAC1D,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;KACH;IAEK,IAAA,KAAsB,gBAAQ,CAAqB,SAAS,CAAC,EAA5D,MAAM,QAAA,EAAE,SAAS,QAA2C,CAAC;IACpE,IAAM,GAAG,GAAG,mBAAW,CACrB,UAAC,QAA+B;QAC9B,gBAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YACxC,OAAO;SACR;QAED,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;QACnD,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;SAC/B;aAAM;YACL,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AACzB,CAAC;AA7BD,4DA6BC;AAED;;;;;;;GAOG;AACH,IAAM,eAAe,GAAG,kBAAU,CAChC,SAAS,eAAe,CAAC,EAAkC,EAAE,YAAY;IAA9C,IAAA,KAAK,WAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAK,KAAK,cAAhC,sBAAkC,CAAF;IACjD,IAAA,KAAkB,wBAAwB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAjE,GAAG,SAAA,EAAE,MAAM,YAAsD,CAAC;IAC1E,OAAO,CACL,8BAAC,iBAAO,eAAK,KAAK,IAAE,KAAK,wBAAO,KAAK,KAAE,MAAM,QAAA,KAAI,GAAG,EAAE,GAAG,EAAE,QAAQ,UAAG,CACvE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,eAAe,CAAC,SAAS,GAAG;YAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,6DAA6D;YAC7D,mBAAmB;YACnB,kBAAkB,EAAE,UAClB,EAAiB,EACjB,CAAS,EACT,aAAqB;oBAFnB,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;gBAIf,IAAI,SAAS,GAAG,CAAC,EAAE;oBACjB,OAAO,IAAI,KAAK,CACd,6BAA4B,aAAa,gCAA8B;yBACrE,2BAA0B,SAAS,OAAK,CAAA,CAC3C,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf;AAED,kBAAe,eAAe,CAAC"}
{"version":3,"file":"VerticalDivider.js","sourceRoot":"","sources":["../src/VerticalDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAMe;AACf,yCAA2C;AAE3C,qCAAoC;AAmBpC;;;;;;;GAOG;AACH,SAAgB,wBAAwB,CACtC,SAAiB,EACjB,YAAqD;IAErD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,GAAG,CAAC,EAAE;QAC1D,MAAM,IAAI,KAAK,CACb,sEAAsE,CACvE,CAAC;KACH;IAEK,IAAA,KAAsB,gBAAQ,CAAqB,SAAS,CAAC,EAA5D,MAAM,QAAA,EAAE,SAAS,QAA2C,CAAC;IACpE,IAAM,GAAG,GAAG,mBAAW,CACrB,UAAC,QAA+B;QAC9B,gBAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YACxC,OAAO;SACR;QAED,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC;QACnD,IAAI,SAAS,IAAI,CAAC,EAAE;YAClB,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;SAC/B;aAAM;YACL,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;SACxC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,OAAO,EAAE,GAAG,KAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AACzB,CAAC;AA7BD,4DA6BC;AAED;;;;;;;GAOG;AACU,QAAA,eAAe,GAAG,kBAAU,CACvC,SAAS,eAAe,CAAC,EAAkC,EAAE,YAAY;IAA9C,IAAA,KAAK,WAAA,EAAE,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA,EAAK,KAAK,cAAhC,sBAAkC,CAAF;IACjD,IAAA,KAAkB,wBAAwB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAjE,GAAG,SAAA,EAAE,MAAM,YAAsD,CAAC;IAC1E,OAAO,CACL,8BAAC,iBAAO,eAAK,KAAK,IAAE,KAAK,wBAAO,KAAK,KAAE,MAAM,QAAA,KAAI,GAAG,EAAE,GAAG,EAAE,QAAQ,UAAG,CACvE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAI;QACF,IAAM,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QAExC,uBAAe,CAAC,SAAS,GAAG;YAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;YACvB,SAAS,EAAE,SAAS,CAAC,MAAM;YAC3B,6DAA6D;YAC7D,mBAAmB;YACnB,kBAAkB,EAAE,UAClB,EAAiB,EACjB,CAAS,EACT,aAAqB;oBAFnB,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;gBAIf,IAAI,SAAS,GAAG,CAAC,EAAE;oBACjB,OAAO,IAAI,KAAK,CACd,6BAA4B,aAAa,gCAA8B;yBACrE,2BAA0B,SAAS,OAAK,CAAA,CAC3C,CAAC;iBACH;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF,CAAC;KACH;IAAC,OAAO,CAAC,EAAE,GAAE;CACf"}
{
"name": "@react-md/divider",
"version": "2.3.1",
"version": "2.4.0",
"description": "This package is used to create horizontal or vertical dividers in your application.",
"scripts": {
"build": "dev-utils build",
"clean": "dev-utils clean"
},
"main": "./lib/index.js",

@@ -42,4 +38,4 @@ "module": "./es/index.js",

"dependencies": {
"@react-md/theme": "^2.3.1",
"@react-md/utils": "^2.3.1",
"@react-md/theme": "^2.4.0",
"@react-md/utils": "^2.4.0",
"classnames": "^2.2.6"

@@ -60,3 +56,3 @@ },

},
"gitHead": "91880f64501b1a0637569be9aeea621db8898e86"
"gitHead": "96fb088b5ae725ce21993aeda131de40119837e0"
}
import React from "react";
import { render } from "@testing-library/react";
import Divider from "../Divider";
import { Divider } from "../Divider";

@@ -6,0 +6,0 @@ describe("Divider", () => {

import React from "react";
import { act, render } from "@testing-library/react";
import { renderHook } from "@testing-library/react-hooks";
import { render, act } from "@testing-library/react";
import VerticalDivider, { useVerticalDividerHeight } from "../VerticalDivider";
import { useVerticalDividerHeight, VerticalDivider } from "../VerticalDivider";

@@ -7,0 +7,0 @@ describe("VerticalDivider", () => {

@@ -16,3 +16,7 @@ ////

@function rmd-divider-theme($theme-style) {
@return rmd-theme-get-var-value($theme-style, $rmd-divider-theme-values, divider);
@return rmd-theme-get-var-value(
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -34,3 +38,8 @@

@function rmd-divider-theme-var($theme-style, $fallback: null) {
@return rmd-theme-get-var($theme-style, $rmd-divider-theme-values, divider, $fallback);
@return rmd-theme-get-var(
$theme-style,
$rmd-divider-theme-values,
divider,
$fallback
);
}

@@ -22,3 +22,8 @@ ////

@mixin rmd-divider-theme($property, $theme-style: $property, $fallback: null) {
@include rmd-theme-apply-rmd-var($property, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-apply-rmd-var(
$property,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -33,3 +38,8 @@

@mixin rmd-divider-theme-update-var($theme-style, $value) {
@include rmd-theme-update-rmd-var($value, $theme-style, $rmd-divider-theme-values, divider);
@include rmd-theme-update-rmd-var(
$value,
$theme-style,
$rmd-divider-theme-values,
divider
);
}

@@ -81,3 +91,5 @@

width: calc(#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)});
width: calc(
#{rmd-divider-theme-var(max-size)} - #{rmd-divider-theme-var(inset)}
);
}

@@ -84,0 +96,0 @@ }

@@ -32,17 +32,28 @@ import React, { ElementType, forwardRef, HTMLAttributes } from "react";

const Divider = forwardRef<DividerElement, DividerProps>(function Divider(
{ inset = false, vertical = false, role = "separator", className, ...props },
ref
) {
const Component = (vertical ? "div" : "hr") as ElementType;
export const Divider = forwardRef<DividerElement, DividerProps>(
function Divider(
{
inset = false,
vertical = false,
role = "separator",
className,
...props
},
ref
) {
const Component = (vertical ? "div" : "hr") as ElementType;
return (
<Component
{...props}
ref={ref}
role={role}
className={cn(block({ inset: !vertical && inset, vertical }), className)}
/>
);
});
return (
<Component
{...props}
ref={ref}
role={role}
className={cn(
block({ inset: !vertical && inset, vertical }),
className
)}
/>
);
}
);

@@ -61,3 +72,1 @@ if (process.env.NODE_ENV !== "production") {

}
export default Divider;

@@ -1,7 +0,3 @@

export { default as Divider } from "./Divider";
export * from "./Divider";
export {
default as VerticalDivider,
VerticalDividerProps,
} from "./VerticalDivider";
export * from "./VerticalDivider";

@@ -1,2 +0,6 @@

/** this is an auto-generated file from @react-md/dev-utils */
/**
* This file was generated from @react-md/dev-utils and should not be updated
* manually.
*/
export default {

@@ -3,0 +7,0 @@ "rmd-divider-size": "1px",

@@ -10,3 +10,3 @@ import React, {

import Divider from "./Divider";
import { Divider } from "./Divider";

@@ -77,3 +77,3 @@ export interface VerticalDividerProps extends HTMLAttributes<HTMLDivElement> {

*/
const VerticalDivider = forwardRef<HTMLDivElement, VerticalDividerProps>(
export const VerticalDivider = forwardRef<HTMLDivElement, VerticalDividerProps>(
function VerticalDivider({ style, maxHeight = 1, ...props }, forwardedRef) {

@@ -113,3 +113,1 @@ const { ref, height } = useVerticalDividerHeight(maxHeight, forwardedRef);

}
export default VerticalDivider;

@@ -24,3 +24,2 @@ import React, { HTMLAttributes } from "react";

}
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;
export default Divider;
export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<DividerElement>>;

@@ -1,3 +0,2 @@

export { default as Divider } from "./Divider";
export * from "./Divider";
export { default as VerticalDivider, VerticalDividerProps, } from "./VerticalDivider";
export * from "./VerticalDivider";

@@ -34,3 +34,3 @@ import React, { HTMLAttributes, Ref } from "react";

*/
declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
export default VerticalDivider;
export declare const VerticalDivider: React.ForwardRefExoticComponent<VerticalDividerProps & React.RefAttributes<HTMLDivElement>>;
export {};