@justeattakeaway/pie-divider 0.14.0 → 0.14.2

package/dist/index.js

@@ -1,64 +1,63 @@
-import { unsafeCSS as g, LitElement as m, html as c } from "lit";
-import { property as s } from "lit/decorators.js";
-import { classMap as p } from "lit/directives/class-map.js";
-import { validPropertyValues as b, defineCustomElement as f } from "@justeattakeaway/pie-webc-core";
-const u = `*,*:after,*:before{box-sizing:inherit}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent}.c-divider.c-divider--labelled .c-divider-label{max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}
-`, w = ["default", "inverse"], x = ["horizontal", "vertical"], l = {
+import { LitElement as m, html as n, unsafeCSS as f } from "lit";
+import { property as v } from "lit/decorators.js";
+import { classMap as b } from "lit/directives/class-map.js";
+import { validPropertyValues as g, defineCustomElement as u } from "@justeattakeaway/pie-webc-core";
+const w = "*,*:after,*:before{box-sizing:inherit}.c-divider{--divider-bg-color: var(--dt-color-divider-default);--divider-width: 100%;--divider-min-width: 16px;--divider-height: 1px;--divider-label-max-width: 90%;width:var(--divider-width)}.c-divider,.c-divider hr{margin:0;border:0;background-color:var(--divider-bg-color)}.c-divider:not(.c-divider--labelled){height:var(--divider-height)}.c-divider.c-divider--labelled{display:flex;align-items:center;text-align:center;gap:var(--dt-spacing-b);background-color:transparent}.c-divider.c-divider--labelled .c-divider-label{max-width:var(--divider-label-max-width);word-wrap:break-word}.c-divider.c-divider--labelled hr{flex-grow:1;height:var(--divider-height);min-width:var(--divider-min-width)}.c-divider.c-divider--labelled.c-divider--inverse{color:var(--dt-color-content-inverse)}.c-divider.c-divider--inverse{--divider-bg-color: var(--dt-color-divider-inverse)}.c-divider.c-divider--vertical{--divider-width: 1px;--divider-height: 100%}", x = ["default", "inverse"], y = ["horizontal", "vertical"], a = {
   variant: "default",
   orientation: "horizontal",
   label: ""
 };
-var y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, h = (n, d, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? $(d, t) : d, a = n.length - 1, v; a >= 0; a--)
-    (v = n[a]) && (i = (r ? v(d, t, i) : v(i)) || i);
-  return r && i && y(d, t, i), i;
+var $ = Object.defineProperty, c = (h, l, t, o) => {
+  for (var i = void 0, r = h.length - 1, p; r >= 0; r--)
+    (p = h[r]) && (i = p(l, t, i) || i);
+  return i && $(l, t, i), i;
 };
-const e = "pie-divider";
-class o extends m {
+const e = "pie-divider", s = class s extends m {
   constructor() {
-    super(...arguments), this.variant = l.variant, this.orientation = l.orientation, this.label = l.label;
+    super(...arguments), this.variant = a.variant, this.orientation = a.orientation, this.label = a.label;
   }
   render() {
-    const { variant: d, orientation: t, label: r } = this, i = r.length > 0 && t === "horizontal", a = {
+    const { variant: l, orientation: t, label: o } = this, i = o.length > 0 && t === "horizontal", r = {
       "c-divider": !0,
-      "c-divider--inverse": d === "inverse",
+      "c-divider--inverse": l === "inverse",
       "c-divider--vertical": t === "vertical",
       "c-divider--labelled": i
     };
-    return c`
-            ${i ? c`
+    return n`
+            ${i ? n`
                 <div
                     id="${e}"
                     data-test-id="${e}"
-                    class="${p(a)}"
+                    class="${b(r)}"
                     aria-labelledby="${e}-label">
                         <hr aria-hidden="true"/>
-                        <span id="${e}-label" class="c-divider-label">${r}</span>
+                        <span id="${e}-label" class="c-divider-label">${o}</span>
                         <hr aria-hidden="true"/>
-                </div>` : c`
+                </div>` : n`
                 <hr id="${e}"
                     data-test-id="${e}"
-                    class="${p(a)}"
+                    class="${b(r)}"
                     aria-hidden="true"
                 />`}`;
   }
-}
-o.styles = g(u);
-h([
-  s({ type: String }),
-  b(e, w, l.variant)
-], o.prototype, "variant", 2);
-h([
-  s({ type: String }),
-  b(e, x, l.orientation)
-], o.prototype, "orientation", 2);
-h([
-  s({ type: String })
-], o.prototype, "label", 2);
-f(e, o);
+};
+s.styles = f(w);
+let d = s;
+c([
+  v({ type: String }),
+  g(e, x, a.variant)
+], d.prototype, "variant");
+c([
+  v({ type: String }),
+  g(e, y, a.orientation)
+], d.prototype, "orientation");
+c([
+  v({ type: String })
+], d.prototype, "label");
+u(e, d);
 export {
-  o as PieDivider,
-  l as defaultProps,
-  x as orientations,
-  w as variants
+  d as PieDivider,
+  a as defaultProps,
+  y as orientations,
+  x as variants
 };

package/dist/react.js

@@ -1,21 +1,17 @@
 import * as e from "react";
 import { createComponent as i } from "@lit/react";
 import { PieDivider as r } from "./index.js";
-import { defaultProps as P, orientations as f, variants as D } from "./index.js";
-import "lit";
-import "lit/decorators.js";
-import "lit/directives/class-map.js";
-import "@justeattakeaway/pie-webc-core";
+import { defaultProps as n, orientations as p, variants as v } from "./index.js";
 const t = i({
   displayName: "PieDivider",
   elementClass: r,
   react: e,
   tagName: "pie-divider",
   events: {}
-}), n = t;
+}), m = t;
 export {
-  n as PieDivider,
-  P as defaultProps,
-  f as orientations,
-  D as variants
+  m as PieDivider,
+  n as defaultProps,
+  p as orientations,
+  v as variants
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-divider",
   "description": "PIE Design System Divider built using Web Components",
-  "version": "0.14.0",
+  "version": "0.14.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -37,12 +37,12 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.18.0",
-    "@justeattakeaway/pie-css": "0.12.1",
-    "@justeattakeaway/pie-wrapper-react": "0.14.1",
+    "@justeattakeaway/pie-css": "0.13.1",
+    "@justeattakeaway/pie-wrapper-react": "0.14.2",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.24.0"
+    "@justeattakeaway/pie-webc-core": "0.24.2"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/react.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createComponent } from '@lit/react';
 import { PieDivider as PieDividerLit } from './index';
-import { DividerProps } from './defs';
+import { type DividerProps } from './defs';
 
 export * from './defs';