@justeattakeaway/pie-select 0.4.0 → 0.4.1

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 (3) hide show
  1. package/dist/index.js +18 -18
  2. package/package.json +4 -4
  3. package/declaration.d.ts +0 -9
package/dist/index.js CHANGED
@@ -6,33 +6,33 @@ import { classMap as T } from "lit/directives/class-map.js";
6
6
  import { live as E } from "lit/directives/live.js";
7
7
  import "@justeattakeaway/pie-icons-webc/dist/IconChevronDown.js";
8
8
  import "@justeattakeaway/pie-assistive-text";
9
- var A = Object.defineProperty, F = (n, t, e, d) => {
10
- for (var s = void 0, i = n.length - 1, l; i >= 0; i--)
11
- (l = n[i]) && (s = l(t, e, s) || s);
9
+ var A = Object.defineProperty, F = (c, t, e, d) => {
10
+ for (var s = void 0, i = c.length - 1, l; i >= 0; i--)
11
+ (l = c[i]) && (s = l(t, e, s) || s);
12
12
  return s && A(t, e, s), s;
13
13
  };
14
14
  class x extends b {
15
15
  constructor() {
16
- super(...arguments), this.v = "0.4.0";
16
+ super(...arguments), this.v = "0.4.1";
17
17
  }
18
18
  }
19
19
  F([
20
20
  a({ type: String, reflect: !0 })
21
21
  ], x.prototype, "v");
22
- const V = "*,*:after,*:before{box-sizing:inherit}.c-select{--select-padding-block: var(--dt-spacing-c);--select-padding-inline-start: var(--dt-spacing-d);--select-padding-inline-end: var(--dt-spacing-h);--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-size:inherit;line-height:inherit;color:inherit;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:var(--select-cursor)}.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"], P = ["default", "error"], c = {
22
+ const V = "*,*:after,*:before{box-sizing:inherit}.c-select{--select-padding-block: var(--dt-spacing-c);--select-padding-inline-start: var(--dt-spacing-d);--select-padding-inline-end: var(--dt-spacing-h);--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-size:inherit;line-height:inherit;color:inherit;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:var(--select-cursor)}.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"], P = ["default", "error"], n = {
23
23
  size: "medium",
24
24
  status: "default",
25
25
  disabled: !1,
26
26
  options: []
27
27
  };
28
- var R = Object.defineProperty, o = (n, t, e, d) => {
29
- for (var s = void 0, i = n.length - 1, l; i >= 0; i--)
30
- (l = n[i]) && (s = l(t, e, s) || s);
28
+ var R = Object.defineProperty, o = (c, t, e, d) => {
29
+ for (var s = void 0, i = c.length - 1, l; i >= 0; i--)
30
+ (l = c[i]) && (s = l(t, e, s) || s);
31
31
  return s && R(t, e, s), s;
32
32
  };
33
- const g = "pie-select", v = "assistive-text", u = class u extends C(w(x)) {
33
+ const g = "pie-select", u = "assistive-text", v = class v extends C(w(x)) {
34
34
  constructor() {
35
- super(...arguments), this.size = c.size, this.disabled = c.disabled, this.status = c.status, this.options = c.options, this._hasLeadingIcon = !1, this._handleChange = (t) => {
35
+ super(...arguments), this.size = n.size, this.disabled = n.disabled, this.status = n.status, this.options = n.options, this._hasLeadingIcon = !1, this._handleChange = (t) => {
36
36
  const e = S(t);
37
37
  this.dispatchEvent(e), this._internals.setFormValue(this._select.value);
38
38
  };
@@ -97,7 +97,7 @@ const g = "pie-select", v = "assistive-text", u = class u extends C(w(x)) {
97
97
  renderAssistiveText() {
98
98
  return this.assistiveText ? p`
99
99
  <pie-assistive-text
100
- id="${v}"
100
+ id="${u}"
101
101
  variant="${h(this.status)}"
102
102
  data-test-id="pie-select-assistive-text">
103
103
  ${this.assistiveText}
@@ -129,9 +129,9 @@ const g = "pie-select", v = "assistive-text", u = class u extends C(w(x)) {
129
129
  data-test-id="pie-select-element"
130
130
  name="${h(i)}"
131
131
  ?disabled="${e}"
132
- aria-describedby="${h(t ? v : void 0)}"
132
+ aria-describedby="${h(t ? u : void 0)}"
133
133
  aria-invalid="${d === "error" ? "true" : "false"}"
134
- aria-errormessage="${h(d === "error" ? v : void 0)}"
134
+ aria-errormessage="${h(d === "error" ? u : void 0)}"
135
135
  @change=${this._handleChange}>
136
136
  ${this.renderChildren(l)}
137
137
  </select>
@@ -141,18 +141,18 @@ const g = "pie-select", v = "assistive-text", u = class u extends C(w(x)) {
141
141
  `;
142
142
  }
143
143
  };
144
- u.shadowRootOptions = { ...b.shadowRootOptions, delegatesFocus: !0 }, u.styles = I(V);
145
- let r = u;
144
+ v.shadowRootOptions = { ...b.shadowRootOptions, delegatesFocus: !0 }, v.styles = I(V);
145
+ let r = v;
146
146
  o([
147
147
  a({ type: String }),
148
- m(g, O, c.size)
148
+ m(g, O, n.size)
149
149
  ], r.prototype, "size");
150
150
  o([
151
151
  a({ type: Boolean })
152
152
  ], r.prototype, "disabled");
153
153
  o([
154
154
  a({ type: String }),
155
- m(g, P, c.status)
155
+ m(g, P, n.status)
156
156
  ], r.prototype, "status");
157
157
  o([
158
158
  a({ type: String })
@@ -178,7 +178,7 @@ o([
178
178
  L(g, r);
179
179
  export {
180
180
  r as PieSelect,
181
- c as defaultProps,
181
+ n as defaultProps,
182
182
  O as sizes,
183
183
  P as statusTypes
184
184
  };
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.4.0",
4
+ "version": "0.4.1",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -33,14 +33,14 @@
33
33
  "license": "Apache-2.0",
34
34
  "devDependencies": {
35
35
  "@custom-elements-manifest/analyzer": "0.9.0",
36
- "@justeattakeaway/pie-components-config": "0.19.0",
36
+ "@justeattakeaway/pie-components-config": "0.19.1",
37
37
  "@justeattakeaway/pie-css": "0.16.0",
38
38
  "@justeattakeaway/pie-monorepo-utils": "0.5.0",
39
39
  "cem-plugin-module-file-extensions": "0.0.5"
40
40
  },
41
41
  "dependencies": {
42
- "@justeattakeaway/pie-assistive-text": "0.9.0",
43
- "@justeattakeaway/pie-webc-core": "0.25.0"
42
+ "@justeattakeaway/pie-assistive-text": "0.9.1",
43
+ "@justeattakeaway/pie-webc-core": "0.25.1"
44
44
  },
45
45
  "volta": {
46
46
  "extends": "../../../package.json"
package/declaration.d.ts DELETED
@@ -1,9 +0,0 @@
1
- declare module '*.scss' {
2
- const content: Record<string, string>;
3
- export default content;
4
- }
5
-
6
- declare module '*.scss?inline' {
7
- const content: Record<string, string>;
8
- export default content;
9
- }