@react-md/divider
Advanced tools
+13
-0
@@ -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 | ||
| ); | ||
| } |
+15
-3
@@ -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 @@ } |
@@ -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"} |
+1
-2
@@ -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
-2
@@ -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
@@ -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"} |
+1
-2
@@ -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>>; |
+4
-4
@@ -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
-2
@@ -1,3 +0,2 @@ | ||
| export { default as Divider } from "./Divider"; | ||
| export * from "./Divider"; | ||
| export { default as VerticalDivider, VerticalDividerProps, } from "./VerticalDivider"; | ||
| export * from "./VerticalDivider"; |
+2
-5
@@ -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
@@ -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"} |
+4
-8
| { | ||
| "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", () => { |
+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 | ||
| ); | ||
| } |
+15
-3
@@ -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 @@ } |
+25
-16
@@ -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
-5
@@ -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
-2
@@ -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 {}; |
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
73511
-0.3%Updated
Updated