@justeattakeaway/pie-select 0.6.7 → 0.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/custom-elements.json +6 -48
  2. package/dist/index.d.ts +7 -6
  3. package/dist/index.js +1 -1
  4. package/dist/react.d.ts +8 -7
  5. package/package.json +5 -5
package/custom-elements.json CHANGED
@@ -85,20 +85,17 @@
85
85
  {
86
86
  "kind": "field",
87
87
  "name": "size",
88
- "privacy": "public",
89
- "attribute": "size"
88
+ "privacy": "public"
90
89
  },
91
90
  {
92
91
  "kind": "field",
93
92
  "name": "disabled",
94
- "privacy": "public",
95
- "attribute": "disabled"
93
+ "privacy": "public"
96
94
  },
97
95
  {
98
96
  "kind": "field",
99
97
  "name": "status",
100
- "privacy": "public",
101
- "attribute": "status"
98
+ "privacy": "public"
102
99
  },
103
100
  {
104
101
  "kind": "field",
@@ -106,8 +103,7 @@
106
103
  "type": {
107
104
  "text": "SelectProps['assistiveText']"
108
105
  },
109
- "privacy": "public",
110
- "attribute": "assistiveText"
106
+ "privacy": "public"
111
107
  },
112
108
  {
113
109
  "kind": "field",
@@ -115,9 +111,7 @@
115
111
  "type": {
116
112
  "text": "SelectProps['name']"
117
113
  },
118
- "privacy": "public",
119
- "attribute": "name",
120
- "reflects": true
114
+ "privacy": "public"
121
115
  },
122
116
  {
123
117
  "kind": "field",
@@ -125,8 +119,7 @@
125
119
  "type": {
126
120
  "text": "SelectProps['options']"
127
121
  },
128
- "privacy": "public",
129
- "attribute": "options"
122
+ "privacy": "public"
130
123
  },
131
124
  {
132
125
  "kind": "field",
@@ -260,41 +253,6 @@
260
253
  "name": "change"
261
254
  }
262
255
  ],
263
- "attributes": [
264
- {
265
- "name": "size",
266
- "fieldName": "size"
267
- },
268
- {
269
- "name": "disabled",
270
- "fieldName": "disabled"
271
- },
272
- {
273
- "name": "status",
274
- "fieldName": "status"
275
- },
276
- {
277
- "name": "assistiveText",
278
- "type": {
279
- "text": "SelectProps['assistiveText']"
280
- },
281
- "fieldName": "assistiveText"
282
- },
283
- {
284
- "name": "name",
285
- "type": {
286
- "text": "SelectProps['name']"
287
- },
288
- "fieldName": "name"
289
- },
290
- {
291
- "name": "options",
292
- "type": {
293
- "text": "SelectProps['options']"
294
- },
295
- "fieldName": "options"
296
- }
297
- ],
298
256
  "mixins": [
299
257
  {
300
258
  "name": "FormControlMixin",
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
2
- import type { CSSResult } from 'lit';
3
- import type { FormControlInterface } from '@justeattakeaway/pie-webc-core';
4
- import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
2
+ import { CSSResult } from 'lit';
3
+ import { FormControlInterface } from '@justeattakeaway/pie-webc-core';
4
+ import { GenericConstructor } from '@justeattakeaway/pie-webc-core';
5
5
  import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
6
- import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
7
- import type { TemplateResult } from 'lit';
6
+ import { RTLInterface } from '@justeattakeaway/pie-webc-core';
7
+ import { TemplateResult } from 'lit';
8
8
 
9
9
  declare type DefaultProps = ComponentDefaultProps<SelectProps, keyof Omit<SelectProps, 'name' | 'assistiveText'>>;
10
10
 
@@ -18,7 +18,8 @@ export declare class PieSelect extends PieSelect_base implements SelectProps {
18
18
  static shadowRootOptions: {
19
19
  delegatesFocus: boolean;
20
20
  mode: ShadowRootMode;
21
- slotAssignment?: SlotAssignmentMode | undefined;
21
+ serializable?: boolean;
22
+ slotAssignment?: SlotAssignmentMode;
22
23
  };
23
24
  size: "small" | "medium" | "large";
24
25
  disabled: boolean;
package/dist/index.js CHANGED
@@ -11,7 +11,7 @@ const v = class v extends b {
11
11
  this.getAttribute("v") || this.setAttribute("v", v.v);
12
12
  }
13
13
  };
14
- v.v = "0.6.7";
14
+ v.v = "0.6.9";
15
15
  let g = v;
16
16
  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-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-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-display-override: block;--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}", O = ["small", "medium", "large"], F = ["default", "error"], a = {
17
17
  size: "medium",
package/dist/react.d.ts CHANGED
@@ -1,17 +1,17 @@
1
1
  import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
2
- import type { CSSResult } from 'lit';
3
- import type { FormControlInterface } from '@justeattakeaway/pie-webc-core';
4
- import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
2
+ import { CSSResult } from 'lit';
3
+ import { FormControlInterface } from '@justeattakeaway/pie-webc-core';
4
+ import { GenericConstructor } from '@justeattakeaway/pie-webc-core';
5
5
  import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
6
6
  import * as React_2 from 'react';
7
- import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
8
- import type { TemplateResult } from 'lit';
7
+ import { RTLInterface } from '@justeattakeaway/pie-webc-core';
8
+ import { TemplateResult } from 'lit';
9
9
 
10
10
  declare type DefaultProps = ComponentDefaultProps<SelectProps, keyof Omit<SelectProps, 'name' | 'assistiveText'>>;
11
11
 
12
12
  export declare const defaultProps: DefaultProps;
13
13
 
14
- export declare const PieSelect: React_2.ForwardRefExoticComponent<SelectProps & React_2.RefAttributes<PieSelect_2> & PieSelectEvents & ReactBaseType>;
14
+ export declare const PieSelect: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<SelectProps> & React_2.RefAttributes<PieSelect_2> & PieSelectEvents & ReactBaseType>;
15
15
 
16
16
  /**
17
17
  * @tagname pie-select
@@ -21,7 +21,8 @@ declare class PieSelect_2 extends PieSelect_base implements SelectProps {
21
21
  static shadowRootOptions: {
22
22
  delegatesFocus: boolean;
23
23
  mode: ShadowRootMode;
24
- slotAssignment?: SlotAssignmentMode | undefined;
24
+ serializable?: boolean;
25
+ slotAssignment?: SlotAssignmentMode;
25
26
  };
26
27
  size: "small" | "medium" | "large";
27
28
  disabled: boolean;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-select",
3
3
  "description": "PIE Design System Select built using Web Components",
4
- "version": "0.6.7",
4
+ "version": "0.6.9",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -39,13 +39,13 @@
39
39
  "license": "Apache-2.0",
40
40
  "devDependencies": {
41
41
  "@custom-elements-manifest/analyzer": "0.9.0",
42
- "@justeattakeaway/pie-components-config": "0.20.1",
43
- "@justeattakeaway/pie-css": "0.16.0",
44
- "@justeattakeaway/pie-monorepo-utils": "0.5.1",
42
+ "@justeattakeaway/pie-components-config": "0.21.0",
43
+ "@justeattakeaway/pie-css": "0.18.0",
44
+ "@justeattakeaway/pie-monorepo-utils": "0.6.0",
45
45
  "cem-plugin-module-file-extensions": "0.0.5"
46
46
  },
47
47
  "dependencies": {
48
- "@justeattakeaway/pie-assistive-text": "0.10.7",
48
+ "@justeattakeaway/pie-assistive-text": "0.10.9",
49
49
  "@justeattakeaway/pie-webc-core": "1.0.0"
50
50
  },
51
51
  "volta": {