@dxos/lit-ui 0.8.3 → 0.8.4-main.f9ba587

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 (61) hide show
  1. package/dist/src/dx-avatar/dx-avatar.d.ts.map +1 -1
  2. package/dist/src/dx-avatar/dx-avatar.js +3 -2
  3. package/dist/src/dx-avatar/dx-avatar.js.map +1 -1
  4. package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts +1 -1
  5. package/dist/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +1 -1
  6. package/dist/src/dx-avatar/dx-avatar.lit-stories.js +2 -4
  7. package/dist/src/dx-avatar/dx-avatar.lit-stories.js.map +1 -1
  8. package/dist/tsconfig.tsbuildinfo +1 -1
  9. package/package.json +7 -6
  10. package/src/dx-avatar/dx-avatar.lit-stories.ts +3 -4
  11. package/src/dx-avatar/dx-avatar.ts +3 -2
  12. package/src/dx-tag-picker/dx-tag-picker.pcss +3 -2
  13. package/dist/types/src/defs.d.ts +0 -2
  14. package/dist/types/src/defs.d.ts.map +0 -1
  15. package/dist/types/src/defs.js +0 -4
  16. package/dist/types/src/defs.js.map +0 -1
  17. package/dist/types/src/dx-avatar/dx-avatar.d.ts +0 -31
  18. package/dist/types/src/dx-avatar/dx-avatar.d.ts.map +0 -1
  19. package/dist/types/src/dx-avatar/dx-avatar.js +0 -187
  20. package/dist/types/src/dx-avatar/dx-avatar.js.map +0 -1
  21. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts +0 -12
  22. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.d.ts.map +0 -1
  23. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js +0 -16
  24. package/dist/types/src/dx-avatar/dx-avatar.lit-stories.js.map +0 -1
  25. package/dist/types/src/dx-avatar/index.d.ts +0 -2
  26. package/dist/types/src/dx-avatar/index.d.ts.map +0 -1
  27. package/dist/types/src/dx-avatar/index.js +0 -5
  28. package/dist/types/src/dx-avatar/index.js.map +0 -1
  29. package/dist/types/src/dx-icon/dx-icon.d.ts +0 -10
  30. package/dist/types/src/dx-icon/dx-icon.d.ts.map +0 -1
  31. package/dist/types/src/dx-icon/dx-icon.js +0 -43
  32. package/dist/types/src/dx-icon/dx-icon.js.map +0 -1
  33. package/dist/types/src/dx-icon/index.d.ts +0 -2
  34. package/dist/types/src/dx-icon/index.d.ts.map +0 -1
  35. package/dist/types/src/dx-icon/index.js +0 -5
  36. package/dist/types/src/dx-icon/index.js.map +0 -1
  37. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts +0 -19
  38. package/dist/types/src/dx-ref-tag/dx-ref-tag.d.ts.map +0 -1
  39. package/dist/types/src/dx-ref-tag/dx-ref-tag.js +0 -65
  40. package/dist/types/src/dx-ref-tag/dx-ref-tag.js.map +0 -1
  41. package/dist/types/src/dx-ref-tag/index.d.ts +0 -2
  42. package/dist/types/src/dx-ref-tag/index.d.ts.map +0 -1
  43. package/dist/types/src/dx-ref-tag/index.js +0 -5
  44. package/dist/types/src/dx-ref-tag/index.js.map +0 -1
  45. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts +0 -21
  46. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.d.ts.map +0 -1
  47. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js +0 -68
  48. package/dist/types/src/dx-tag-picker/dx-tag-picker-item.js.map +0 -1
  49. package/dist/types/src/dx-tag-picker/index.d.ts +0 -2
  50. package/dist/types/src/dx-tag-picker/index.d.ts.map +0 -1
  51. package/dist/types/src/dx-tag-picker/index.js +0 -5
  52. package/dist/types/src/dx-tag-picker/index.js.map +0 -1
  53. package/dist/types/src/index.d.ts +0 -5
  54. package/dist/types/src/index.d.ts.map +0 -1
  55. package/dist/types/src/index.js +0 -8
  56. package/dist/types/src/index.js.map +0 -1
  57. package/dist/types/src/react.d.ts +0 -18
  58. package/dist/types/src/react.d.ts.map +0 -1
  59. package/dist/types/src/react.js +0 -34
  60. package/dist/types/src/react.js.map +0 -1
  61. package/dist/types/tsconfig.tsbuildinfo +0 -1
@@ -1,68 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
5
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
6
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
7
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
8
- return c > 3 && r && Object.defineProperty(target, key, r), r;
9
- };
10
- import { html, LitElement } from 'lit';
11
- import { customElement, property } from 'lit/decorators.js';
12
- import { makeId } from '@dxos/react-hooks';
13
- export class DxTagPickerItemClick extends Event {
14
- constructor(props) {
15
- super('dx-tag-picker-item-click');
16
- this.itemId = props.itemId;
17
- this.action = props.action;
18
- }
19
- }
20
- let DxTagPickerItem = class DxTagPickerItem extends LitElement {
21
- constructor() {
22
- super(...arguments);
23
- // TODO(thure): Get Hue type used in theme.
24
- this.hue = 'neutral';
25
- this.itemId = makeId('dx-tag-picker-item');
26
- this.label = 'never';
27
- this.rootClassName = undefined;
28
- this.removeLabel = undefined;
29
- }
30
- handleClickActivate() {
31
- this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'activate' }));
32
- }
33
- handleClickRemove() {
34
- this.dispatchEvent(new DxTagPickerItemClick({ itemId: this.itemId, action: 'remove' }));
35
- }
36
- render() {
37
- const className = `dx-tag dx-tag-picker-item${this.rootClassName ? ` ${this.rootClassName}` : ''}`;
38
- return html `<span class=${className} data-remove=${!!this.removeLabel} data-hue=${this.hue} id=${this.id}
39
- ><button class="dx-focus-ring" @click=${this.handleClickActivate}>${this.label}</button>${this.removeLabel &&
40
- html `<button class="dx-focus-ring" aria-label=${this.removeLabel} @click=${this.handleClickRemove}>
41
- <dx-icon icon="ph--x--regular" />
42
- </button>`}</span
43
- >`;
44
- }
45
- createRenderRoot() {
46
- return this;
47
- }
48
- };
49
- __decorate([
50
- property({ type: String })
51
- ], DxTagPickerItem.prototype, "hue", void 0);
52
- __decorate([
53
- property({ type: String })
54
- ], DxTagPickerItem.prototype, "itemId", void 0);
55
- __decorate([
56
- property({ type: String })
57
- ], DxTagPickerItem.prototype, "label", void 0);
58
- __decorate([
59
- property({ type: String })
60
- ], DxTagPickerItem.prototype, "rootClassName", void 0);
61
- __decorate([
62
- property({ type: String })
63
- ], DxTagPickerItem.prototype, "removeLabel", void 0);
64
- DxTagPickerItem = __decorate([
65
- customElement('dx-tag-picker-item')
66
- ], DxTagPickerItem);
67
- export { DxTagPickerItem };
68
- //# sourceMappingURL=dx-tag-picker-item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dx-tag-picker-item.js","sourceRoot":"","sources":["../../../../src/dx-tag-picker/dx-tag-picker-item.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,OAAO,oBAAqB,SAAQ,KAAK;IAG7C,YAAY,KAAwD;QAClE,KAAK,CAAC,0BAA0B,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,CAAC;CACF;AAGM,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACL,2CAA2C;QAE3C,QAAG,GAAW,SAAS,CAAC;QAGxB,WAAM,GAAW,MAAM,CAAC,oBAAoB,CAAC,CAAC;QAG9C,UAAK,GAAW,OAAO,CAAC;QAGxB,kBAAa,GAAuB,SAAS,CAAC;QAG9C,gBAAW,GAAuB,SAAS,CAAC;IAuB9C,CAAC;IArBS,mBAAmB;QACzB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IAC5F,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC1F,CAAC;IAEQ,MAAM;QACb,MAAM,SAAS,GAAG,4BAA4B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACnG,OAAO,IAAI,CAAA,eAAe,SAAS,gBAAgB,CAAC,CAAC,IAAI,CAAC,WAAW,aAAa,IAAI,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE;8CAC9D,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,WAAW;YAC1G,IAAI,CAAA,4CAA4C,IAAI,CAAC,WAAW,WAAW,IAAI,CAAC,iBAAiB;;gBAEvF;MACV,CAAC;IACL,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AAnCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACH;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACmB;AAG9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACiB;AAfjC,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAsC3B"}
@@ -1,2 +0,0 @@
1
- export * from './dx-tag-picker-item';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dx-tag-picker/index.ts"],"names":[],"mappings":"AAIA,cAAc,sBAAsB,CAAC"}
@@ -1,5 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-tag-picker-item';
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/dx-tag-picker/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,sBAAsB,CAAC"}
@@ -1,5 +0,0 @@
1
- export * from './dx-avatar';
2
- export * from './dx-tag-picker';
3
- export * from './dx-ref-tag';
4
- export * from './dx-icon';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
@@ -1,8 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- export * from './dx-avatar';
5
- export * from './dx-tag-picker';
6
- export * from './dx-ref-tag';
7
- export * from './dx-icon';
8
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
@@ -1,18 +0,0 @@
1
- import { createComponent, type EventName } from '@lit/react';
2
- import { type ComponentPropsWithRef } from 'react';
3
- import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, type DxRefTagActivate, DxTagPickerItem as NaturalDxTagPickerItem, type DxTagPickerItemClick } from './index';
4
- export declare const DxRefTag: import("@lit/react").ReactWebComponent<NaturalDxRefTag, {
5
- onActivate: EventName<DxRefTagActivate>;
6
- }>;
7
- export type DxRefTagProps = ComponentPropsWithRef<typeof DxRefTag>;
8
- export declare const DxAvatar: import("@lit/react").ReactWebComponent<NaturalDxAvatar, {}>;
9
- export type DxAvatarProps = ComponentPropsWithRef<typeof DxAvatar>;
10
- export declare const DxIcon: import("@lit/react").ReactWebComponent<NaturalIcon, {}>;
11
- export type DxIconProps = ComponentPropsWithRef<typeof DxIcon>;
12
- export declare const DxTagPickerItem: import("@lit/react").ReactWebComponent<NaturalDxTagPickerItem, {
13
- onItemClick: EventName<DxTagPickerItemClick>;
14
- }>;
15
- export type DxTagPickerItemProps = ComponentPropsWithRef<typeof DxTagPickerItem>;
16
- export { createComponent };
17
- export type { EventName };
18
- //# sourceMappingURL=react.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EACrB,KAAK,gBAAgB,EACrB,eAAe,IAAI,sBAAsB,EACzC,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,QAAQ;gBAKoB,SAAS,CAAC,gBAAgB,CAAC;EAElE,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,QAAQ,6DAInB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEnE,eAAO,MAAM,MAAM,yDAIjB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,eAAe;iBAKmB,SAAS,CAAC,oBAAoB,CAAC;EAE5E,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEjF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,34 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
- import { createComponent } from '@lit/react';
5
- import React from 'react';
6
- import { DxAvatar as NaturalDxAvatar, DxRefTag as NaturalDxRefTag, DxIcon as NaturalIcon, DxTagPickerItem as NaturalDxTagPickerItem, } from './index';
7
- export const DxRefTag = createComponent({
8
- tagName: 'dx-ref-tag',
9
- elementClass: NaturalDxRefTag,
10
- react: React,
11
- events: {
12
- onActivate: 'dx-ref-tag-activate',
13
- },
14
- });
15
- export const DxAvatar = createComponent({
16
- tagName: 'dx-avatar',
17
- elementClass: NaturalDxAvatar,
18
- react: React,
19
- });
20
- export const DxIcon = createComponent({
21
- tagName: 'dx-icon',
22
- elementClass: NaturalIcon,
23
- react: React,
24
- });
25
- export const DxTagPickerItem = createComponent({
26
- tagName: 'dx-tag-picker-item',
27
- elementClass: NaturalDxTagPickerItem,
28
- react: React,
29
- events: {
30
- onItemClick: 'dx-tag-picker-item-click',
31
- },
32
- });
33
- export { createComponent };
34
- //# sourceMappingURL=react.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/react.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,QAAQ,IAAI,eAAe,EAC3B,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,WAAW,EAErB,eAAe,IAAI,sBAAsB,GAE1C,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,YAAY;IACrB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,UAAU,EAAE,qBAAoD;KACjE;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC;IACtC,OAAO,EAAE,WAAW;IACpB,YAAY,EAAE,eAAe;IAC7B,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,WAAW;IACzB,KAAK,EAAE,KAAK;CACb,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;IAC7C,OAAO,EAAE,oBAAoB;IAC7B,YAAY,EAAE,sBAAsB;IACpC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE;QACN,WAAW,EAAE,0BAA6D;KAC3E;CACF,CAAC,CAAC;AAIH,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":"5.8.3"}