@justeattakeaway/pie-divider 1.5.22 → 1.5.24

package/custom-elements.json

@@ -34,7 +34,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\n    variant: 'default',\n    orientation: 'horizontal',\n    label: '',\n}"
+          "default": "{ variant: 'default', orientation: 'horizontal', label: '', }"
         }
       ],
       "exports": [
@@ -76,17 +76,35 @@
             {
               "kind": "field",
               "name": "variant",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "variant"
             },
             {
               "kind": "field",
               "name": "orientation",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
               "kind": "field",
               "name": "label",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "fieldName": "variant"
+            },
+            {
+              "name": "orientation",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "label",
+              "fieldName": "label"
             }
           ],
           "superclass": {
@@ -103,7 +121,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/defs"
           }
         },
         {

package/dist/index.js

@@ -7,7 +7,7 @@ const v = class v extends m {
     this.getAttribute("v") || this.setAttribute("v", v.v);
   }
 };
-v.v = "1.5.22";
+v.v = "1.5.24";
 let p = v;
 const w = "*,*:after,*:before{box-sizing:inherit}:host{display:block}:host([orientation=vertical]){height:100%}.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%;--divider-font-family: var(--dt-font-body-l-family);--divider-font-size: calc(var(--dt-font-body-l-size) * 1px);--divider-line-height: calc(var(--dt-font-body-l-line-height) * 1px);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;color:var(--dt-color-content-subdued-solid)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);font-family:var(--divider-font-family);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-solid)}.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"], $ = ["horizontal", "vertical"], l = {
   variant: "default",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-divider",
   "description": "PIE Design System Divider built using Web Components",
-  "version": "1.5.22",
+  "version": "1.5.24",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -28,31 +28,28 @@
   },
   "scripts": {
     "build": "run -T vite build",
-    "build:react-wrapper": "npx build-react-wrapper",
+    "build:react-wrapper": "run -T build-react-wrapper",
     "create:manifest": "run -T cem analyze --litelement",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
     "lint:style:fix": "yarn lint:style --fix",
     "watch": "run -T vite build --watch",
-    "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
+    "test:browsers": "run -T playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
-    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DIVIDER} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
+    "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_DIVIDER} percy exec --allowed-hostname cloudfront.net -- run -T playwright test -c ./playwright-lit-visual.config.ts",
     "test:visual:ci": "yarn test:visual"
   },
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.21.1",
+    "@justeattakeaway/pie-components-config": "0.21.3",
     "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.0",
-    "@justeattakeaway/pie-wrapper-react": "0.14.4"
+    "@justeattakeaway/pie-monorepo-utils": "0.9.2",
+    "@justeattakeaway/pie-wrapper-react": "0.14.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "14.0.1"
-  },
-  "volta": {
-    "extends": "../../../package.json"
+    "@justeattakeaway/pie-webc-core": "14.0.2"
   },
   "customElements": "custom-elements.json",
   "sideEffects": [