@justeattakeaway/pie-divider 0.12.3 → 0.12.4

package/dist/index.js

@@ -1,42 +1,42 @@
-import { unsafeCSS as p, LitElement as h, html as u } from "lit";
+import { unsafeCSS as h, LitElement as p, html as f } from "lit";
 import { property as s } from "lit/decorators.js";
-import { validPropertyValues as l, defineCustomElement as f } from "@justeattakeaway/pie-webc-core";
-const m = `.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-height: 1px;margin:0;border:0;width:var(--divider-width);height:var(--divider-height);background-color:var(--divider-bg-color)}.c-divider[variant=inverse]{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider[orientation=vertical]{--divider-width: 1px;--divider-height: 100%}
-`, g = ["default", "inverse"], y = ["horizontal", "vertical"];
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, c = (d, i, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? w(i, e) : i, n = d.length - 1, a; n >= 0; n--)
-    (a = d[n]) && (r = (t ? a(i, e, r) : a(r)) || r);
-  return t && r && b(i, e, r), r;
+import { validPropertyValues as l, defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
+const g = `*,*:after,*:before{box-sizing:inherit}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-height: 1px;margin:0;border:0;width:var(--divider-width);height:var(--divider-height);background-color:var(--divider-bg-color)}.c-divider[variant=inverse]{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider[orientation=vertical]{--divider-width: 1px;--divider-height: 100%}
+`, m = ["default", "inverse"], b = ["horizontal", "vertical"];
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, c = (d, r, e, t) => {
+  for (var i = t > 1 ? void 0 : t ? w(r, e) : r, n = d.length - 1, a; n >= 0; n--)
+    (a = d[n]) && (i = (t ? a(r, e, i) : a(i)) || i);
+  return t && i && y(r, e, i), i;
 };
 const v = "pie-divider";
-class o extends h {
+class o extends p {
   constructor() {
     super(...arguments), this.variant = "default", this.orientation = "horizontal";
   }
   render() {
-    const { variant: i, orientation: e } = this;
-    return u`
+    const { variant: r, orientation: e } = this;
+    return f`
             <hr
                 data-test-id="pie-divider"
                 aria-hidden="true"
                 class="c-divider"
-                variant=${i || "default"}
+                variant=${r || "default"}
                 orientation=${e || "horizontal"}
             />`;
   }
 }
-o.styles = p(m);
+o.styles = h(g);
 c([
   s({ type: String }),
-  l(v, g, "default")
+  l(v, m, "default")
 ], o.prototype, "variant", 2);
 c([
   s({ type: String }),
-  l(v, y, "horizontal")
+  l(v, b, "horizontal")
 ], o.prototype, "orientation", 2);
-f(v, o);
+u(v, o);
 export {
   o as PieDivider,
-  y as orientations,
-  g as variants
+  b as orientations,
+  m as variants
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-divider",
   "description": "PIE Design System Divider built using Web Components",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,7 +37,7 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.19.0"
+    "@justeattakeaway/pie-webc-core": "0.19.1"
   },
   "volta": {
     "extends": "../../../package.json"