@justeattakeaway/pie-divider 1.4.5 → 1.5.0

package/custom-elements.json

@@ -76,35 +76,17 @@
             {
               "kind": "field",
               "name": "variant",
-              "privacy": "public",
-              "attribute": "variant"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "orientation",
-              "privacy": "public",
-              "attribute": "orientation",
-              "reflects": true
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "label",
-              "privacy": "public",
-              "attribute": "label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "fieldName": "variant"
-            },
-            {
-              "name": "orientation",
-              "fieldName": "orientation"
-            },
-            {
-              "name": "label",
-              "fieldName": "label"
+              "privacy": "public"
             }
           ],
           "superclass": {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import type { TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
 
 export declare type DefaultProps = ComponentDefaultProps<DividerProps>;
 

package/dist/index.js

@@ -7,9 +7,9 @@ const v = class v extends u {
     this.getAttribute("v") || this.setAttribute("v", v.v);
   }
 };
-v.v = "1.4.5";
+v.v = "1.5.0";
 let p = v;
-const x = "*,*: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-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)}.c-divider.c-divider--labelled .c-divider-label{font-size:var(--divider-font-size);line-height:var(--divider-line-height);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%}", y = ["default", "inverse"], $ = ["horizontal", "vertical"], l = {
+const x = "*,*: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-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);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%}", y = ["default", "inverse"], $ = ["horizontal", "vertical"], l = {
   variant: "default",
   orientation: "horizontal",
   label: ""

package/dist/react.d.ts

@@ -1,8 +1,8 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import * as React_2 from 'react';
-import type { TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
 
 export declare type DefaultProps = ComponentDefaultProps<DividerProps>;
 
@@ -25,7 +25,7 @@ export declare interface DividerProps {
 
 export declare const orientations: readonly ["horizontal", "vertical"];
 
-export declare const PieDivider: React_2.ForwardRefExoticComponent<DividerProps & React_2.RefAttributes<PieDivider_2> & ReactBaseType>;
+export declare const PieDivider: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<DividerProps> & React_2.RefAttributes<PieDivider_2> & ReactBaseType>;
 
 /**
  * @tagname pie-divider

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-divider",
   "description": "PIE Design System Divider built using Web Components",
-  "version": "1.4.5",
+  "version": "1.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -39,14 +39,14 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.20.1",
-    "@justeattakeaway/pie-css": "0.16.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.5.1",
+    "@justeattakeaway/pie-components-config": "0.21.0",
+    "@justeattakeaway/pie-css": "0.22.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.7.0",
     "@justeattakeaway/pie-wrapper-react": "0.14.3",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "1.0.0"
+    "@justeattakeaway/pie-webc-core": "2.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/divider.scss

@@ -36,7 +36,7 @@
         text-align: center;
         gap: var(--dt-spacing-b);
         background-color: transparent;
-        color: var(--dt-color-content-subdued);
+        color: var(--dt-color-content-subdued-solid);
 
         .c-divider-label {
             font-size: var(--divider-font-size);
@@ -52,7 +52,7 @@
         }
 
         &.c-divider--inverse {
-            color: var(--dt-color-content-inverse);
+            color: var(--dt-color-content-inverse-solid);
         }
     }