@daikin-oss/design-system-web-components 1.3.2 → 1.4.0-next.1

package/dist/es-dev/utils/notification-common.js

@@ -11,68 +11,6 @@ function formatDate(date) {
     dateStyle: "medium"
   });
 }
-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",
-    "font-daikinSerif",
-    "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)]",
-          "[transition-duration:var(--transition-duration,var(--ddc-toast-animation-duration,0ms))]"
-        ],
-        inline: []
-      },
-      status: {
-        positive: [
-          "before:text-ddt-color-common-success",
-          "before:i-daikin-success"
-        ],
-        negative: [
-          "before:text-ddt-color-common-danger-default",
-          "before:i-daikin-error"
-        ],
-        warning: [
-          "before:text-ddt-color-common-warning",
-          "before:i-daikin-warning"
-        ],
-        alarm: ["before:text-ddt-color-common-alarm", "before:i-daikin-alarm"],
-        information: [
-          "before:text-ddt-color-common-information",
-          "before:i-daikin-information"
-        ]
-      }
-    }
-  }
-);
-const cvaContent = cva(["flex", "items-center", "w-full"], {
-  variants: {
-    layout: {
-      horizontal: ["gap-3", "overflow-hidden"],
-      vertical: ["items-stretch", "flex-col", "gap-1"]
-    }
-  }
-});
 const cvaTimestamp = cva(
   [
     "text-ddt-color-common-text-secondary",
@@ -89,40 +27,8 @@ const cvaTimestamp = cva(
     }
   }
 );
-const cvaTitle = cva(
-  ["slotted:inline-block", "font-bold", "leading-[130%]"],
-  {
-    variants: {
-      layout: {
-        vertical: [],
-        horizontal: [
-          "slotted:whitespace-nowrap",
-          "slotted:overflow-hidden",
-          "slotted:overflow-ellipsis"
-        ]
-      }
-    }
-  }
-);
-const cvaDescription = cva(["inline-block", "leading-[130%]"], {
-  variants: {
-    layout: {
-      vertical: [],
-      horizontal: [
-        "whitespace-nowrap",
-        "overflow-hidden",
-        "overflow-ellipsis",
-        "flex-1"
-      ]
-    }
-  }
-});
 export {
   TOAST_ANIMATION_DURATION,
-  cvaContainer,
-  cvaContent,
-  cvaDescription,
   cvaTimestamp,
-  cvaTitle,
   formatDate
 };

package/icons/download.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 21.489L9.48898 14.9776L11.0666 13.3776L14.889 17.2V5.33331H17.111V17.2L20.9333 13.3776L22.511 14.9776L16 21.489ZM7.55565 26.6666C6.95565 26.6666 6.4352 26.4463 5.99431 26.0056C5.55365 25.5648 5.33331 25.0443 5.33331 24.4443V19.9333H7.55565V24.4443H24.4443V19.9333H26.6666V24.4443C26.6666 25.0443 26.4463 25.5648 26.0056 26.0056C25.5648 26.4463 25.0443 26.6666 24.4443 26.6666H7.55565Z" fill="currentColor"/>
+</svg>

package/icons/neutral.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="currentColor"/>
+</svg>

package/icons/notification.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33325 25.3333V23.111H7.99992V13.2443C7.99992 11.3852 8.55181 9.72407 9.65559 8.26096C10.7591 6.79807 12.2073 5.86663 13.9999 5.46663V4.66663C13.9999 4.11107 14.1944 3.63885 14.5833 3.24996C14.9721 2.86107 15.4444 2.66663 15.9999 2.66663C16.5555 2.66663 17.0277 2.86107 17.4166 3.24996C17.8055 3.63885 17.9999 4.11107 17.9999 4.66663V5.46663C19.7926 5.86663 21.2407 6.79807 22.3443 8.26096C23.448 9.72407 23.9999 11.3852 23.9999 13.2443V23.111H26.6666V25.3333H5.33325ZM15.9999 29.3333C15.2666 29.3333 14.6388 29.0722 14.1166 28.55C13.5944 28.0277 13.3333 27.4 13.3333 26.6666H18.6666C18.6666 27.4 18.4055 28.0277 17.8833 28.55C17.361 29.0722 16.7333 29.3333 15.9999 29.3333Z" fill="currentColor"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daikin-oss/design-system-web-components",
-  "version": "1.3.2",
+  "version": "1.4.0-next.1",
   "description": "Design system using web components",
   "type": "module",
   "files": [
@@ -108,22 +108,23 @@
     "@ls-lint/ls-lint": "^2.2.3",
     "@playwright/test": "1.46.1",
     "@slack/web-api": "^7.10.0",
-    "@storybook/addon-a11y": "^8.5.5",
-    "@storybook/addon-essentials": "^8.5.5",
-    "@storybook/addon-interactions": "^8.5.5",
-    "@storybook/addon-links": "^8.5.5",
-    "@storybook/addon-mdx-gfm": "^8.5.5",
-    "@storybook/blocks": "^8.5.5",
-    "@storybook/builder-vite": "^8.5.5",
-    "@storybook/manager-api": "^8.5.5",
-    "@storybook/preview-api": "^8.5.5",
-    "@storybook/react": "^8.5.5",
-    "@storybook/react-vite": "^8.5.5",
-    "@storybook/test": "^8.5.5",
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-mdx-gfm": "^8.6.14",
+    "@storybook/addon-themes": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/builder-vite": "^8.6.14",
+    "@storybook/manager-api": "^8.6.14",
+    "@storybook/preview-api": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/test": "^8.6.14",
     "@storybook/test-runner": "^0.21.0",
-    "@storybook/theming": "^8.5.5",
-    "@storybook/web-components": "^8.5.5",
-    "@storybook/web-components-vite": "^8.5.5",
+    "@storybook/theming": "^8.6.14",
+    "@storybook/web-components": "^8.6.14",
+    "@storybook/web-components-vite": "^8.6.14",
     "@testing-library/user-event": "^14.6.1",
     "@types/big.js": "^6.2.2",
     "@types/eslint__js": "^8.42.3",
@@ -159,7 +160,7 @@
     "sass-embedded": "^1.83.4",
     "shadow-dom-testing-library": "^1.11.3",
     "start-server-and-test": "^2.0.10",
-    "storybook": "^8.5.5",
+    "storybook": "^8.6.14",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.19.2",
     "typescript": "^5.7.3",