@daikin-oss/design-system-web-components 2.0.0 → 2.0.1-next.1

package/dist/es-dev/components/index.js

@@ -1,155 +1,141 @@
-import { DaikinAccordion } from "./accordion/daikin-accordion.js";
 import { DaikinAccordionItem } from "./accordion-item/daikin-accordion-item.js";
+import "./accordion-item/index.js";
+import { DaikinAccordion } from "./accordion/daikin-accordion.js";
+import "./accordion/index.js";
 import { DaikinAvatar } from "./avatar/daikin-avatar.js";
+import "./avatar/index.js";
 import { DaikinBadge } from "./badge/daikin-badge.js";
-import { DaikinBreadcrumb } from "./breadcrumb/daikin-breadcrumb.js";
+import "./badge/index.js";
+import { DaikinLink } from "./link/daikin-link.js";
 import { DaikinBreadcrumbItem } from "./breadcrumb-item/daikin-breadcrumb-item.js";
+import "./breadcrumb-item/index.js";
+import { DaikinBreadcrumb } from "./breadcrumb/daikin-breadcrumb.js";
+import "./breadcrumb/index.js";
 import { DaikinButton } from "./button/daikin-button.js";
+import "./button/index.js";
+import { DaikinIcon, iconList } from "./icon/daikin-icon.js";
+import { DaikinIconButton } from "./icon-button/daikin-icon-button.js";
 import { DaikinCalendar } from "./calendar/daikin-calendar.js";
-import { DaikinCard } from "./card/daikin-card.js";
+import "./calendar/index.js";
 import { DaikinCardFooter } from "./card-footer/daikin-card-footer.js";
+import "./card-footer/index.js";
 import { DaikinCardHeader } from "./card-header/daikin-card-header.js";
-import { DaikinCarousel } from "./carousel/daikin-carousel.js";
+import "./card-header/index.js";
+import { DaikinCard } from "./card/daikin-card.js";
+import "./card/index.js";
 import { DaikinCarouselItem } from "./carousel-item/daikin-carousel-item.js";
-import { DaikinCheckbox } from "./checkbox/daikin-checkbox.js";
+import "./carousel-item/index.js";
+import { DaikinCarousel } from "./carousel/daikin-carousel.js";
+import "./carousel/index.js";
 import { DaikinCheckboxGroup } from "./checkbox-group/daikin-checkbox-group.js";
+import "./checkbox-group/index.js";
+import { DaikinCheckbox } from "./checkbox/daikin-checkbox.js";
+import "./checkbox/index.js";
 import { DaikinChip } from "./chip/daikin-chip.js";
+import "./chip/index.js";
 import { DaikinCombobox, defaultFilterFn } from "./combobox/daikin-combobox.js";
+import "./combobox/index.js";
 import { DaikinDatePicker } from "./date-picker/daikin-date-picker.js";
+import "./date-picker/index.js";
 import { DaikinDivider } from "./divider/daikin-divider.js";
-import { DaikinDrawer } from "./drawer/daikin-drawer.js";
+import "./divider/index.js";
 import { DaikinDrawerFooter } from "./drawer-footer/daikin-drawer-footer.js";
+import "./drawer-footer/index.js";
 import { DaikinDrawerHeader } from "./drawer-header/daikin-drawer-header.js";
-import { DaikinDropdown } from "./dropdown/daikin-dropdown.js";
+import "./drawer-header/index.js";
+import { DaikinDrawer } from "./drawer/daikin-drawer.js";
+import "./drawer/index.js";
 import { DaikinDropdownItem } from "./dropdown-item/daikin-dropdown-item.js";
+import "./dropdown-item/index.js";
+import { DaikinDropdown } from "./dropdown/daikin-dropdown.js";
+import "./dropdown/index.js";
 import { DaikinEmptyState } from "./empty-state/daikin-empty-state.js";
-import { DaikinIcon, iconList } from "./icon/daikin-icon.js";
-import { DaikinIconButton } from "./icon-button/daikin-icon-button.js";
+import "./empty-state/index.js";
+import "./icon-button/index.js";
+import "./icon/index.js";
 import { DaikinInlineNotification } from "./inline-notification/daikin-inline-notification.js";
+import "./inline-notification/index.js";
+import { DaikinStatusMessage } from "./status-message/daikin-status-message.js";
 import { DaikinInputGroup } from "./input-group/daikin-input-group.js";
-import { DaikinLink } from "./link/daikin-link.js";
-import { DaikinList } from "./list/daikin-list.js";
+import "./input-group/index.js";
+import "./link/index.js";
 import { DaikinListItem } from "./list-item/daikin-list-item.js";
+import { DaikinList } from "./list/daikin-list.js";
+import "./list/index.js";
+import "./list-item/index.js";
 import { DaikinLoading } from "./loading/daikin-loading.js";
+import "./loading/index.js";
 import { DaikinLogo } from "./logo/daikin-logo.js";
+import "./logo/index.js";
+import { DaikinNavigationItem } from "./navigation-item/daikin-navigation-item.js";
+import "./navigation-item/index.js";
 import { DaikinMenu } from "./menu/daikin-menu.js";
+import "./menu/index.js";
 import { DaikinModal } from "./modal/daikin-modal.js";
+import "./modal/index.js";
 import { DaikinModalFooter } from "./modal-footer/daikin-modal-footer.js";
+import "./modal-footer/index.js";
 import { DaikinModalHeader } from "./modal-header/daikin-modal-header.js";
+import "./modal-header/index.js";
 import { DaikinNavigation } from "./navigation/daikin-navigation.js";
-import { DaikinNavigationItem } from "./navigation-item/daikin-navigation-item.js";
+import "./navigation/index.js";
 import { DaikinPagination } from "./pagination/daikin-pagination.js";
+import "./pagination/index.js";
 import { DaikinProgressBar } from "./progress-bar/daikin-progress-bar.js";
+import "./progress-bar/index.js";
 import { DaikinProgressIndicator } from "./progress-indicator/daikin-progress-indicator.js";
+import "./progress-indicator/index.js";
 import { DaikinProgressIndicatorItem } from "./progress-indicator-item/daikin-progress-indicator-item.js";
+import "./progress-indicator-item/index.js";
 import { DaikinRadio } from "./radio/daikin-radio.js";
+import "./radio/index.js";
 import { DaikinRadioGroup } from "./radio-group/daikin-radio-group.js";
+import "./radio-group/index.js";
 import { DaikinSelect } from "./select/daikin-select.js";
+import "./select/index.js";
 import { DaikinSlider } from "./slider/daikin-slider.js";
-import { DaikinStatusMessage } from "./status-message/daikin-status-message.js";
+import "./slider/index.js";
+import "./status-message/index.js";
 import { DaikinTab } from "./tab/daikin-tab.js";
+import "./tab/index.js";
 import { DaikinTabPanels } from "./tab-panels/daikin-tab-panels.js";
-import { DaikinTable } from "./table/daikin-table.js";
+import "./tab-panels/index.js";
 import { DaikinTableCell } from "./table-cell/daikin-table-cell.js";
 import { DaikinTableHeaderCell } from "./table-header-cell/daikin-table-header-cell.js";
+import { DaikinTable } from "./table/daikin-table.js";
+import "./table/index.js";
+import "./table-cell/index.js";
+import "./table-header-cell/index.js";
 import { DaikinTabs } from "./tabs/daikin-tabs.js";
+import "./tabs/index.js";
 import { DaikinTag } from "./tag/daikin-tag.js";
+import "./tag/index.js";
 import { DaikinTextArea } from "./text-area/daikin-text-area.js";
+import "./text-area/index.js";
 import { DaikinTextField } from "./text-field/daikin-text-field.js";
+import "./text-field/index.js";
 import { DaikinTextMaskedField } from "./text-masked-field/daikin-text-masked-field.js";
+import "./text-masked-field/index.js";
 import { DaikinTimePicker, calcDigitInput, formatPartsForUI, formatTimeForUI, getTimeItemInSelection, isTimeOutOfRange, isValidValueTime, parsePartsFromUIValue, timeValueToUI, tryParseTimeFromUIValue, uiToTimeValue } from "./time-picker/daikin-time-picker.js";
+import "./time-picker/index.js";
 import { DaikinToastNotification } from "./toast-notification/daikin-toast-notification.js";
+import "./toast-notification/index.js";
 import { DaikinToastNotificationManager } from "./toast-notification-manager/daikin-toast-notification-manager.js";
+import "./toast-notification-manager/index.js";
 import { DaikinToggle } from "./toggle/daikin-toggle.js";
+import "./toggle/index.js";
 import { DaikinTooltip } from "./tooltip/daikin-tooltip.js";
+import "./tooltip/index.js";
 import { DaikinTree } from "./tree/daikin-tree.js";
+import "./tree/index.js";
 import { DaikinTreeItem, cvaTreeChildren } from "./tree-item/daikin-tree-item.js";
+import "./tree-item/index.js";
 import { DaikinTreeSection } from "./tree-section/daikin-tree-section.js";
+import "./tree-section/index.js";
 import { DaikinVerticalNavigation } from "./vertical-navigation/daikin-vertical-navigation.js";
+import "./vertical-navigation/index.js";
 import { DaikinVerticalNavigationItem } from "./vertical-navigation-item/daikin-vertical-navigation-item.js";
+import "./vertical-navigation-item/index.js";
 import { DaikinVerticalNavigationMenuItem } from "./vertical-navigation-menu-item/daikin-vertical-navigation-menu-item.js";
-export {
-  DaikinAccordion,
-  DaikinAccordionItem,
-  DaikinAvatar,
-  DaikinBadge,
-  DaikinBreadcrumb,
-  DaikinBreadcrumbItem,
-  DaikinButton,
-  DaikinCalendar,
-  DaikinCard,
-  DaikinCardFooter,
-  DaikinCardHeader,
-  DaikinCarousel,
-  DaikinCarouselItem,
-  DaikinCheckbox,
-  DaikinCheckboxGroup,
-  DaikinChip,
-  DaikinCombobox,
-  DaikinDatePicker,
-  DaikinDivider,
-  DaikinDrawer,
-  DaikinDrawerFooter,
-  DaikinDrawerHeader,
-  DaikinDropdown,
-  DaikinDropdownItem,
-  DaikinEmptyState,
-  DaikinIcon,
-  DaikinIconButton,
-  DaikinInlineNotification,
-  DaikinInputGroup,
-  DaikinLink,
-  DaikinList,
-  DaikinListItem,
-  DaikinLoading,
-  DaikinLogo,
-  DaikinMenu,
-  DaikinModal,
-  DaikinModalFooter,
-  DaikinModalHeader,
-  DaikinNavigation,
-  DaikinNavigationItem,
-  DaikinPagination,
-  DaikinProgressBar,
-  DaikinProgressIndicator,
-  DaikinProgressIndicatorItem,
-  DaikinRadio,
-  DaikinRadioGroup,
-  DaikinSelect,
-  DaikinSlider,
-  DaikinStatusMessage,
-  DaikinTab,
-  DaikinTabPanels,
-  DaikinTable,
-  DaikinTableCell,
-  DaikinTableHeaderCell,
-  DaikinTabs,
-  DaikinTag,
-  DaikinTextArea,
-  DaikinTextField,
-  DaikinTextMaskedField,
-  DaikinTimePicker,
-  DaikinToastNotification,
-  DaikinToastNotificationManager,
-  DaikinToggle,
-  DaikinTooltip,
-  DaikinTree,
-  DaikinTreeItem,
-  DaikinTreeSection,
-  DaikinVerticalNavigation,
-  DaikinVerticalNavigationItem,
-  DaikinVerticalNavigationMenuItem,
-  calcDigitInput,
-  cvaTreeChildren,
-  defaultFilterFn,
-  formatPartsForUI,
-  formatTimeForUI,
-  getTimeItemInSelection,
-  iconList,
-  isTimeOutOfRange,
-  isValidValueTime,
-  parsePartsFromUIValue,
-  timeValueToUI,
-  tryParseTimeFromUIValue,
-  uiToTimeValue
-};
+import "./vertical-navigation-menu-item/index.js";
+export { DaikinAccordion, DaikinAccordionItem, DaikinAvatar, DaikinBadge, DaikinBreadcrumb, DaikinBreadcrumbItem, DaikinButton, DaikinCalendar, DaikinCard, DaikinCardFooter, DaikinCardHeader, DaikinCarousel, DaikinCarouselItem, DaikinCheckbox, DaikinCheckboxGroup, DaikinChip, DaikinCombobox, DaikinDatePicker, DaikinDivider, DaikinDrawer, DaikinDrawerFooter, DaikinDrawerHeader, DaikinDropdown, DaikinDropdownItem, DaikinEmptyState, DaikinIcon, DaikinIconButton, DaikinInlineNotification, DaikinInputGroup, DaikinLink, DaikinList, DaikinListItem, DaikinLoading, DaikinLogo, DaikinMenu, DaikinModal, DaikinModalFooter, DaikinModalHeader, DaikinNavigation, DaikinNavigationItem, DaikinPagination, DaikinProgressBar, DaikinProgressIndicator, DaikinProgressIndicatorItem, DaikinRadio, DaikinRadioGroup, DaikinSelect, DaikinSlider, DaikinStatusMessage, DaikinTab, DaikinTabPanels, DaikinTable, DaikinTableCell, DaikinTableHeaderCell, DaikinTabs, DaikinTag, DaikinTextArea, DaikinTextField, DaikinTextMaskedField, DaikinTimePicker, DaikinToastNotification, DaikinToastNotificationManager, DaikinToggle, DaikinTooltip, DaikinTree, DaikinTreeItem, DaikinTreeSection, DaikinVerticalNavigation, DaikinVerticalNavigationItem, DaikinVerticalNavigationMenuItem, calcDigitInput, cvaTreeChildren, defaultFilterFn, formatPartsForUI, formatTimeForUI, getTimeItemInSelection, iconList, isTimeOutOfRange, isValidValueTime, parsePartsFromUIValue, timeValueToUI, tryParseTimeFromUIValue, uiToTimeValue };

package/dist/es-dev/components/inline-notification/daikin-inline-notification.js

@@ -1,118 +1,107 @@
-import { cva } from "class-variance-authority";
-import { unsafeCSS, css, nothing, html } from "lit";
 import { DDSElement } from "../../base/dds-element.js";
-import "../../base/dds-form-element.js";
-import { property, oneOf } from "../../base/dds-property.js";
+import { oneOf, property } from "../../base/dds-property.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/decorate.js";
 import { ddsElement } from "../../base/decorators.js";
-import "../../base/define.js";
-import tailwindStyles from "../../tailwind.css.js";
-import { formatDate, cvaTimestamp } from "../../utils/notification-common.js";
+import "../../base/index.js";
+import tailwind_default from "../../tailwind.css.js";
 import "../icon-button/daikin-icon-button.js";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-const cvaContainer = cva(
-  [
-    "flex",
-    "items-center",
-    "gap-3",
-    "w-full",
-    "h-full",
-    "text-ddt-color-common-text-primary",
-    "bg-ddt-color-common-background-default",
-    "p-4",
-    "overflow-hidden",
-    "transition",
-    "box-border",
-    "before:size-6",
-    "before:flex-none"
-  ],
-  {
-    variants: {
-      variant: {
-        toast: [
-          "rounded-lg",
-          "border",
-          "border-ddt-color-divider",
-          "translate-x-(--move-offset-x,0)",
-          "translate-y-(--move-offset-y,0)",
-          "opacity-(--opacity,1)",
-          "[pointer-events:var(--pointer-events,auto)]",
-          "duration-(--transition-duration,var(--ddc-toast-animation-duration,0ms))"
-        ],
-        inline: []
-      },
-      status: {
-        positive: [
-          "before:text-ddt-color-common-success",
-          "before:icon-[daikin--success]"
-        ],
-        negative: [
-          "before:text-ddt-color-common-danger-default",
-          "before:icon-[daikin--error]"
-        ],
-        warning: [
-          "before:text-ddt-color-common-warning",
-          "before:icon-[daikin--warning]"
-        ],
-        alarm: [
-          "before:text-ddt-color-common-alarm",
-          "before:icon-[daikin--alarm]"
-        ],
-        information: [
-          "before:text-ddt-color-common-information",
-          "before:icon-[daikin--information]"
-        ]
-      }
-    }
-  }
-);
-const cvaContent = cva(["flex", "items-center", "w-full", "justify-between"], {
-  variants: {
-    layout: {
-      horizontal: ["gap-3", "overflow-hidden"],
-      vertical: ["items-stretch", "flex-col", "gap-1"]
+import { cvaTimestamp, formatDate } from "../../utils/notification-common.js";
+import { css, html, nothing, unsafeCSS } from "lit";
+import { cva } from "class-variance-authority";
+//#region src/components/inline-notification/daikin-inline-notification.ts
+var cvaContainer = cva([
+	"flex",
+	"items-center",
+	"gap-3",
+	"w-full",
+	"h-full",
+	"text-ddt-color-common-text-primary",
+	"bg-ddt-color-common-background-default",
+	"p-4",
+	"overflow-hidden",
+	"transition",
+	"box-border",
+	"before:size-6",
+	"before:flex-none"
+], { variants: {
+	variant: {
+		toast: [
+			"rounded-lg",
+			"border",
+			"border-ddt-color-divider",
+			"translate-x-(--move-offset-x,0)",
+			"translate-y-(--move-offset-y,0)",
+			"opacity-(--opacity,1)",
+			"[pointer-events:var(--pointer-events,auto)]",
+			"duration-(--transition-duration,var(--ddc-toast-animation-duration,0ms))"
+		],
+		inline: []
+	},
+	status: {
+		positive: ["before:text-ddt-color-common-success", "before:icon-[daikin--success]"],
+		negative: ["before:text-ddt-color-common-danger-default", "before:icon-[daikin--error]"],
+		warning: ["before:text-ddt-color-common-warning", "before:icon-[daikin--warning]"],
+		alarm: ["before:text-ddt-color-common-alarm", "before:icon-[daikin--alarm]"],
+		information: ["before:text-ddt-color-common-information", "before:icon-[daikin--information]"]
+	}
+} });
+var cvaContent = cva([
+	"flex",
+	"items-center",
+	"w-full",
+	"justify-between"
+], { variants: { layout: {
+	horizontal: ["gap-3", "overflow-hidden"],
+	vertical: [
+		"items-stretch",
+		"flex-col",
+		"gap-1"
+	]
+} } });
+var cvaTextContent = cva(["flex"], { variants: { layout: {
+	horizontal: ["flex-row", "gap-3"],
+	vertical: ["flex-col", "gap-1"]
+} } });
+var TITLE_CLASS_NAME = cva([
+	"slotted:inline-block",
+	"font-bold",
+	"slotted:natural-break"
+])();
+var DESCRIPTION_CLASS_NAME = cva(["inline-block", "natural-break"])();
+var DaikinInlineNotification = class DaikinInlineNotification extends DDSElement {
+	constructor(..._args) {
+		super(..._args);
+		this.closable = false;
+		this.timestamp = null;
+	}
+	static {
+		this.styles = css`
+    ${unsafeCSS(tailwind_default)}
+
+    :host {
+      display: block;
+      width: 100%;
     }
-  }
-});
-const cvaTextContent = cva(["flex"], {
-  variants: {
-    layout: {
-      horizontal: ["flex-row", "gap-3"],
-      vertical: ["flex-col", "gap-1"]
+
+    :host([hidden]) {
+      display: none;
     }
-  }
-});
-const TITLE_CLASS_NAME = cva([
-  "slotted:inline-block",
-  "font-bold",
-  "slotted:natural-break"
-])();
-const DESCRIPTION_CLASS_NAME = cva(["inline-block", "natural-break"])();
-let DaikinInlineNotification = class extends DDSElement {
-  constructor() {
-    super(...arguments);
-    this.closable = false;
-    this.timestamp = null;
-  }
-  /**
-   * Emits a "close" event and sets `this.hidden` to true.
-   */
-  _handleClickClose() {
-    this.hidden = true;
-    this.dispatchEvent(new Event("close"));
-  }
-  render() {
-    const formattedTimestamp = this.timestamp ? formatDate(this.timestamp) : null;
-    return html`<aside
-      class=${cvaContainer({ variant: "inline", status: this.status })}
+  `;
+	}
+	/**
+	* Emits a "close" event and sets `this.hidden` to true.
+	*/
+	_handleClickClose() {
+		this.hidden = true;
+		this.dispatchEvent(new Event("close"));
+	}
+	render() {
+		const formattedTimestamp = this.timestamp ? formatDate(this.timestamp) : null;
+		return html`<aside
+      class=${cvaContainer({
+			variant: "inline",
+			status: this.status
+		})}
     >
       <div class=${cvaContent({ layout: this.layout })}>
         <div class=${cvaTextContent({ layout: this.layout })}>
@@ -134,54 +123,35 @@ let DaikinInlineNotification = class extends DDSElement {
             ></span>
           </daikin-icon-button>` : nothing}
     </aside>`;
-  }
-};
-DaikinInlineNotification.styles = css`
-    ${unsafeCSS(tailwindStyles)}
-
-    :host {
-      display: block;
-      width: 100%;
-    }
-
-    :host([hidden]) {
-      display: none;
-    }
-  `;
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "positive",
-    isAllowedValue: oneOf([
-      "positive",
-      "negative",
-      "warning",
-      "alarm",
-      "information"
-    ])
-  })
-], DaikinInlineNotification.prototype, "status", 2);
-__decorateClass([
-  property({
-    type: String,
-    reflect: true,
-    fallbackValue: "horizontal",
-    isAllowedValue: oneOf([
-      "horizontal",
-      "vertical"
-    ])
-  })
-], DaikinInlineNotification.prototype, "layout", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DaikinInlineNotification.prototype, "closable", 2);
-__decorateClass([
-  property({ type: Object, reflect: true, attribute: false })
-], DaikinInlineNotification.prototype, "timestamp", 2);
-DaikinInlineNotification = __decorateClass([
-  ddsElement("daikin-inline-notification")
-], DaikinInlineNotification);
-export {
-  DaikinInlineNotification
+	}
 };
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "positive",
+	isAllowedValue: oneOf([
+		"positive",
+		"negative",
+		"warning",
+		"alarm",
+		"information"
+	])
+})], DaikinInlineNotification.prototype, "status", void 0);
+__decorate([property({
+	type: String,
+	reflect: true,
+	fallbackValue: "horizontal",
+	isAllowedValue: oneOf(["horizontal", "vertical"])
+})], DaikinInlineNotification.prototype, "layout", void 0);
+__decorate([property({
+	type: Boolean,
+	reflect: true
+})], DaikinInlineNotification.prototype, "closable", void 0);
+__decorate([property({
+	type: Object,
+	reflect: true,
+	attribute: false
+})], DaikinInlineNotification.prototype, "timestamp", void 0);
+DaikinInlineNotification = __decorate([ddsElement("daikin-inline-notification")], DaikinInlineNotification);
+//#endregion
+export { DaikinInlineNotification };

package/dist/es-dev/components/inline-notification/index.js

@@ -1,4 +1,2 @@
 import { DaikinInlineNotification } from "./daikin-inline-notification.js";
-export {
-  DaikinInlineNotification
-};
+export { DaikinInlineNotification };