@zanichelli/albe-web-components 21.0.0-RC2 → 21.0.0-RC3

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 (69) hide show
  1. package/package.json +3 -3
  2. package/react/components.js +64 -132
  3. package/react/index.d.ts +1 -1
  4. package/react/index.js +1 -17
  5. package/react/package.json +3 -0
  6. package/react/z-accordion.js +7 -13
  7. package/react/z-anchor-navigation.js +7 -13
  8. package/react/z-app-header.js +7 -13
  9. package/react/z-aria-alert.js +7 -13
  10. package/react/z-avatar.js +7 -13
  11. package/react/z-book-card-app.js +7 -13
  12. package/react/z-book-card.js +7 -13
  13. package/react/z-book-cover.js +7 -13
  14. package/react/z-breadcrumb.js +7 -13
  15. package/react/z-button-sort.js +7 -13
  16. package/react/z-button.js +7 -13
  17. package/react/z-card.js +7 -13
  18. package/react/z-carousel.js +7 -13
  19. package/react/z-chip.js +7 -13
  20. package/react/z-color-picker.js +7 -13
  21. package/react/z-combobox.js +7 -13
  22. package/react/z-cover-hero.js +7 -13
  23. package/react/z-date-picker.js +7 -13
  24. package/react/z-divider.js +7 -13
  25. package/react/z-dragdrop-area.js +7 -13
  26. package/react/z-file-upload.js +7 -13
  27. package/react/z-file.js +7 -13
  28. package/react/z-ghost-loading.js +7 -13
  29. package/react/z-icon.js +7 -13
  30. package/react/z-info-box.js +7 -13
  31. package/react/z-info-reveal.js +7 -13
  32. package/react/z-input-message.js +7 -13
  33. package/react/z-input-range.js +7 -13
  34. package/react/z-input.js +7 -13
  35. package/react/z-list-element.js +7 -13
  36. package/react/z-list-group.js +7 -13
  37. package/react/z-list.js +7 -13
  38. package/react/z-logo.js +7 -13
  39. package/react/z-menu-section.js +7 -13
  40. package/react/z-menu.js +7 -13
  41. package/react/z-modal.js +7 -13
  42. package/react/z-navigation-tabs.js +7 -13
  43. package/react/z-notification.js +7 -13
  44. package/react/z-offcanvas.js +7 -13
  45. package/react/z-pagination.js +7 -13
  46. package/react/z-popover.js +7 -13
  47. package/react/z-range-picker.js +7 -13
  48. package/react/z-result-card.js +7 -13
  49. package/react/z-searchbar.js +7 -13
  50. package/react/z-select.js +7 -13
  51. package/react/z-skip-to-content.js +7 -13
  52. package/react/z-stepper-item.js +7 -13
  53. package/react/z-stepper.js +7 -13
  54. package/react/z-table.js +7 -13
  55. package/react/z-tag.js +7 -13
  56. package/react/z-tbody.js +7 -13
  57. package/react/z-td.js +7 -13
  58. package/react/z-tfoot.js +7 -13
  59. package/react/z-th.js +7 -13
  60. package/react/z-thead.js +7 -13
  61. package/react/z-toast-notification-list.js +7 -13
  62. package/react/z-toast-notification.js +7 -13
  63. package/react/z-toggle-switch.js +7 -13
  64. package/react/z-tool.js +7 -13
  65. package/react/z-toolbar.js +7 -13
  66. package/react/z-tooltip.js +7 -13
  67. package/react/z-tr.js +7 -13
  68. package/react/z-tree-list.js +7 -13
  69. package/react/z-visually-hidden.js +7 -13
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZToastNotification = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_toast_notification_js_1 = require("@zanichelli/albe-web-components/dist/components/z-toast-notification.js");
11
- exports.ZToastNotification = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZToastNotification as ZToastNotificationElement, defineCustomElement as defineZToastNotification } from "@zanichelli/albe-web-components/dist/components/z-toast-notification.js";
5
+ export const ZToastNotification = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-toast-notification',
13
- elementClass: z_toast_notification_js_1.ZToastNotification,
7
+ elementClass: ZToastNotificationElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: { onToastClose: 'toastClose' },
17
- defineCustomElement: z_toast_notification_js_1.defineCustomElement
11
+ defineCustomElement: defineZToastNotification
18
12
  });
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZToggleSwitch = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_toggle_switch_js_1 = require("@zanichelli/albe-web-components/dist/components/z-toggle-switch.js");
11
- exports.ZToggleSwitch = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZToggleSwitch as ZToggleSwitchElement, defineCustomElement as defineZToggleSwitch } from "@zanichelli/albe-web-components/dist/components/z-toggle-switch.js";
5
+ export const ZToggleSwitch = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-toggle-switch',
13
- elementClass: z_toggle_switch_js_1.ZToggleSwitch,
7
+ elementClass: ZToggleSwitchElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: { onToggleClick: 'toggleClick' },
17
- defineCustomElement: z_toggle_switch_js_1.defineCustomElement
11
+ defineCustomElement: defineZToggleSwitch
18
12
  });
package/react/z-tool.js CHANGED
@@ -1,21 +1,15 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZTool = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_tool_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tool.js");
11
- exports.ZTool = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZTool as ZToolElement, defineCustomElement as defineZTool } from "@zanichelli/albe-web-components/dist/components/z-tool.js";
5
+ export const ZTool = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-tool',
13
- elementClass: z_tool_js_1.ZTool,
7
+ elementClass: ZToolElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: {
17
11
  onToggleSubmenu: 'toggleSubmenu',
18
12
  onToggleTooltip: 'toggleTooltip'
19
13
  },
20
- defineCustomElement: z_tool_js_1.defineCustomElement
14
+ defineCustomElement: defineZTool
21
15
  });
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZToolbar = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_toolbar_js_1 = require("@zanichelli/albe-web-components/dist/components/z-toolbar.js");
11
- exports.ZToolbar = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZToolbar as ZToolbarElement, defineCustomElement as defineZToolbar } from "@zanichelli/albe-web-components/dist/components/z-toolbar.js";
5
+ export const ZToolbar = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-toolbar',
13
- elementClass: z_toolbar_js_1.ZToolbar,
7
+ elementClass: ZToolbarElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: {},
17
- defineCustomElement: z_toolbar_js_1.defineCustomElement
11
+ defineCustomElement: defineZToolbar
18
12
  });
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZTooltip = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_tooltip_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tooltip.js");
11
- exports.ZTooltip = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZTooltip as ZTooltipElement, defineCustomElement as defineZTooltip } from "@zanichelli/albe-web-components/dist/components/z-tooltip.js";
5
+ export const ZTooltip = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-tooltip',
13
- elementClass: z_tooltip_js_1.ZTooltip,
7
+ elementClass: ZTooltipElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: { onOpenChange: 'openChange' },
17
- defineCustomElement: z_tooltip_js_1.defineCustomElement
11
+ defineCustomElement: defineZTooltip
18
12
  });
package/react/z-tr.js CHANGED
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZTr = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_tr_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tr.js");
11
- exports.ZTr = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZTr as ZTrElement, defineCustomElement as defineZTr } from "@zanichelli/albe-web-components/dist/components/z-tr.js";
5
+ export const ZTr = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-tr',
13
- elementClass: z_tr_js_1.ZTr,
7
+ elementClass: ZTrElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: { onExpand: 'expand' },
17
- defineCustomElement: z_tr_js_1.defineCustomElement
11
+ defineCustomElement: defineZTr
18
12
  });
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZTreeList = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_tree_list_js_1 = require("@zanichelli/albe-web-components/dist/components/z-tree-list.js");
11
- exports.ZTreeList = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZTreeList as ZTreeListElement, defineCustomElement as defineZTreeList } from "@zanichelli/albe-web-components/dist/components/z-tree-list.js";
5
+ export const ZTreeList = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-tree-list',
13
- elementClass: z_tree_list_js_1.ZTreeList,
7
+ elementClass: ZTreeListElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: { onTreeItemClicked: 'treeItemClicked' },
17
- defineCustomElement: z_tree_list_js_1.defineCustomElement
11
+ defineCustomElement: defineZTreeList
18
12
  });
@@ -1,18 +1,12 @@
1
1
  'use client';
2
- "use strict";
3
- var __importDefault = (this && this.__importDefault) || function (mod) {
4
- return (mod && mod.__esModule) ? mod : { "default": mod };
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.ZVisuallyHidden = void 0;
8
- const runtime_1 = require("@stencil/react-output-target/runtime");
9
- const react_1 = __importDefault(require("react"));
10
- const z_visually_hidden_js_1 = require("@zanichelli/albe-web-components/dist/components/z-visually-hidden.js");
11
- exports.ZVisuallyHidden = (0, runtime_1.createComponent)({
2
+ import { createComponent } from '@stencil/react-output-target/runtime';
3
+ import React from 'react';
4
+ import { ZVisuallyHidden as ZVisuallyHiddenElement, defineCustomElement as defineZVisuallyHidden } from "@zanichelli/albe-web-components/dist/components/z-visually-hidden.js";
5
+ export const ZVisuallyHidden = /*@__PURE__*/ createComponent({
12
6
  tagName: 'z-visually-hidden',
13
- elementClass: z_visually_hidden_js_1.ZVisuallyHidden,
7
+ elementClass: ZVisuallyHiddenElement,
14
8
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
15
- react: react_1.default,
9
+ react: React,
16
10
  events: {},
17
- defineCustomElement: z_visually_hidden_js_1.defineCustomElement
11
+ defineCustomElement: defineZVisuallyHidden
18
12
  });