@justeattakeaway/pie-select 0.8.30 → 0.8.32

package/custom-elements.json

@@ -34,7 +34,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\r\n    size: 'medium',\r\n    status: 'default',\r\n    disabled: false,\r\n    options: [],\r\n    value: '',\r\n}"
+          "default": "{ size: 'medium', status: 'default', disabled: false, options: [], value: '', }"
         }
       ],
       "exports": [
@@ -76,17 +76,20 @@
             {
               "kind": "field",
               "name": "size",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "size"
             },
             {
               "kind": "field",
               "name": "disabled",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "disabled"
             },
             {
               "kind": "field",
               "name": "status",
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "status"
             },
             {
               "kind": "field",
@@ -94,7 +97,8 @@
               "type": {
                 "text": "SelectProps['assistiveText']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "assistiveText"
             },
             {
               "kind": "field",
@@ -102,7 +106,9 @@
               "type": {
                 "text": "SelectProps['name']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -110,7 +116,8 @@
               "type": {
                 "text": "SelectProps['options']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "options"
             },
             {
               "kind": "field",
@@ -159,7 +166,8 @@
               "type": {
                 "text": "SelectProps['value']"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -168,7 +176,7 @@
                 "text": "ValidityState"
               },
               "privacy": "public",
-              "description": "(Read-only) returns a ValidityState with the validity states that this element is in.\r\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity",
+              "description": "(Read-only) returns a ValidityState with the validity states that this element is in.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validity",
               "readonly": true
             },
             {
@@ -189,7 +197,7 @@
                   "description": "The latest disabled state of the select."
                 }
               ],
-              "description": "Called after the disabled state of the element changes,\r\neither because the disabled attribute of this element was added or removed;\r\nor because the disabled state changed on a <fieldset> that's an ancestor of this element."
+              "description": "Called after the disabled state of the element changes,\neither because the disabled attribute of this element was added or removed;\nor because the disabled state changed on a <fieldset> that's an ancestor of this element."
             },
             {
               "kind": "method",
@@ -200,7 +208,7 @@
                   "text": "void"
                 }
               },
-              "description": "Called when the form that owns this component is reset.\r\nResets the value to the default select value."
+              "description": "Called when the form that owns this component is reset.\nResets the value to the default select value."
             },
             {
               "kind": "field",
@@ -260,6 +268,48 @@
               "name": "change"
             }
           ],
+          "attributes": [
+            {
+              "name": "size",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "status",
+              "fieldName": "status"
+            },
+            {
+              "name": "assistiveText",
+              "type": {
+                "text": "SelectProps['assistiveText']"
+              },
+              "fieldName": "assistiveText"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "SelectProps['name']"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "SelectProps['options']"
+              },
+              "fieldName": "options"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "SelectProps['value']"
+              },
+              "fieldName": "value"
+            }
+          ],
           "mixins": [
             {
               "name": "FormControlMixin",
@@ -288,7 +338,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "package": "./defs"
+            "module": "src/defs"
           }
         },
         {

package/dist/index.js

@@ -11,7 +11,7 @@ const h = class h extends x {
     this.getAttribute("v") || this.setAttribute("v", h.v);
   }
 };
-h.v = "0.8.30";
+h.v = "0.8.32";
 let g = h;
 const A = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-select{--select-padding-block: var(--dt-spacing-c);--select-padding-inline-start: var(--dt-spacing-d);--select-padding-inline-end: 52px;--select-background-color: var(--dt-color-container-default);--select-text-color: var(--dt-color-content-default);--select-border-color: var(--dt-color-border-form);--select-font-family: var(--dt-font-body-l-family);--select-font-size: calc(var(--dt-font-body-l-size) * 1px);--select-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--select-height: 48px;--select-cursor: pointer;position:relative;color:var(--select-text-color);font-family:var(--select-font-family);font-size:var(--select-font-size);line-height:var(--select-line-height)}.c-select select{height:var(--select-height);width:100%;border:1px solid var(--select-border-color);border-radius:var(--dt-radius-rounded-c);padding-inline-start:var(--select-padding-inline-start);padding-inline-end:var(--select-padding-inline-end);padding-block-start:var(--select-padding-block);padding-block-end:var(--select-padding-block);background-color:var(--select-background-color);font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:var(--select-cursor);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-select select:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}.c-select.c-select--small{--select-padding-block: var(--dt-spacing-b);--select-height: 40px}.c-select.c-select--large{--select-padding-block: var(--dt-spacing-d);--select-height: 56px}.c-select.c-select--error{--select-border-color: var(--dt-color-support-error)}.c-select.c-select--withLeadingIcon{--select-padding-inline-start: calc(var(--dt-spacing-h) - var(--dt-spacing-a))}.c-select ::slotted([slot=leadingIcon]),.c-select .c-select-trailingIcon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.c-select:not(.is-disabled) ::slotted([slot=leadingIcon]),.c-select:not(.is-disabled) .c-select-trailingIcon{color:var(--dt-color-content-subdued)}.c-select ::slotted([slot=leadingIcon]){--icon-size-override: 24px;inset-inline-start:var(--dt-spacing-d)}.c-select .c-select-trailingIcon{inset-inline-end:var(--dt-spacing-d)}@media (hover: hover){.c-select:hover{--select-background-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), calc(var(--dt-color-container-default-l) + calc(-1 * var(--dt-color-hover-01))))}@supports (background-color: color-mix(in srgb,black,white)){.c-select:hover{--select-background-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-container-default))}}}.c-select.is-disabled{--select-background-color: var(--dt-color-disabled-01);--select-border-color: var(--dt-color-disabled-01);--select-text-color: var(--dt-color-content-disabled);--select-cursor: auto}", F = ["small", "medium", "large"], D = ["default", "error"], c = {
   size: "medium",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-select",
   "description": "PIE Design System Select built using Web Components",
-  "version": "0.8.30",
+  "version": "0.8.32",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -43,12 +43,12 @@
   "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.2",
     "@justeattakeaway/pie-css": "1.1.1",
-    "@justeattakeaway/pie-monorepo-utils": "0.9.0"
+    "@justeattakeaway/pie-monorepo-utils": "0.9.1"
   },
   "dependencies": {
-    "@justeattakeaway/pie-assistive-text": "0.11.28",
+    "@justeattakeaway/pie-assistive-text": "0.11.30",
     "@justeattakeaway/pie-webc-core": "14.0.1"
   },
   "volta": {