@daikin-oss/design-system-web-components 1.4.1 → 1.5.0

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

@@ -6,10 +6,10 @@ const cvaIconButton = cva(
   {
     variants: {
       intent: {
-        previous: ["size-5", "i-daikin-chevron-left"],
-        next: ["size-5", "i-daikin-chevron-right"],
-        calender: ["size-6", "i-daikin-calendar"],
-        pulldown: ["size-6", "i-daikin-pulldown-down"]
+        previous: ["size-5", "icon-[daikin--chevron-left]"],
+        next: ["size-5", "icon-[daikin--chevron-right]"],
+        calender: ["size-6", "icon-[daikin--calendar]"],
+        pulldown: ["size-6", "icon-[daikin--pulldown-down]"]
       },
       rotate: {
         default: [],
@@ -39,15 +39,19 @@ function isSameYearMonth(a, b) {
 function formatDateForProperty(date) {
   return `${String(date.getUTCFullYear()).padStart(4, "0")}-${String(date.getUTCMonth() + 1).padStart(2, "0")}-${String(date.getUTCDate()).padStart(2, "0")}`;
 }
+function getTodayForProperty() {
+  const date = /* @__PURE__ */ new Date();
+  return `${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+}
 function parseDateFromProperty(value) {
-  return new Date(value);
+  return /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
 }
 function tryParseDateFromProperty(value) {
   if (!/^\d\d\d\d-\d\d-\d\d$/.test(value)) {
     return null;
   }
-  const date = new Date(value);
-  if (isNaN(date.getTime())) {
+  const date = /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
+  if (Number.isNaN(date.getTime())) {
     return null;
   }
   return date;
@@ -76,7 +80,7 @@ function createDateClamped(year, month, date) {
   return newDate;
 }
 function getDateByMonthOffsetClamped(base, monthOffset) {
-  const newDate = new Date(base.getTime());
+  const newDate = new Date(base);
   const expectedMonth = ((base.getUTCMonth() + monthOffset) % 12 + 12) % 12;
   newDate.setUTCMonth(base.getUTCMonth() + monthOffset);
   if (newDate.getUTCMonth() !== expectedMonth) {
@@ -88,8 +92,8 @@ function calcWeeksOnCalendar(year, month) {
   const firstDateOfMonth = createDateClamped(year, month, 1);
   const lastDateOfMonth = createDateClamped(year, month, 31);
   const currentMonthDates = lastDateOfMonth.getUTCDate() - firstDateOfMonth.getUTCDate() + 1;
-  const prevMonthDates = firstDateOfMonth.getDay();
-  const nextMonthDates = 6 - lastDateOfMonth.getDay();
+  const prevMonthDates = firstDateOfMonth.getUTCDay();
+  const nextMonthDates = 6 - lastDateOfMonth.getUTCDay();
   const dates = [
     // Days of the previous month to fill columns
     Array.from({ length: prevMonthDates }, (_, index) => {
@@ -147,6 +151,7 @@ export {
   cvaIconButton,
   formatDateForProperty,
   getDateByMonthOffsetClamped,
+  getTodayForProperty,
   isDateOutOfRange,
   isMonthOutOfRange,
   isSameYearMonth,

package/dist/es-dev/utils/notification-common.d.ts

@@ -2,5 +2,5 @@
 export declare const TOAST_ANIMATION_DURATION = 200;
 export declare function formatDate(date: Date): string | null;
 export declare const cvaTimestamp: (props?: ({
-    layout?: "horizontal" | "vertical" | null | undefined;
+    layout?: "vertical" | "horizontal" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/icons/check.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.68507 12.6L2.69507 8.61L3.69257 7.6125L6.68507 10.605L13.1076 4.1825L14.1051 5.18L6.68507 12.6Z" fill="currentColor"/>
+</svg>

package/package.json

@@ -1,14 +1,16 @@
 {
   "name": "@daikin-oss/design-system-web-components",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Design system using web components",
   "type": "module",
   "files": [
     "dist",
     "icons",
+    "custom-elements.json",
     "CHANGELOG.md",
     "README.md",
-    "LICENSE"
+    "LICENSE",
+    "THIRDPARTY.txt"
   ],
   "homepage": "https://github.com/dsv-rp/DDS",
   "repository": {
@@ -19,7 +21,9 @@
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/es/index.js",
   "types": "./dist/es/index.d.ts",
+  "customElements": "custom-elements.json",
   "exports": {
+    "./custom-elements.json": "./custom-elements.json",
     "./package.json": "./package.json",
     ".": {
       "development": {
@@ -49,7 +53,7 @@
   "sideEffects": true,
   "scripts": {
     "prepare": "husky",
-    "build": "tsc -b && vite build && vite build --mode development",
+    "build": "tsc -b && vite build && vite build --mode development && cem analyze",
     "changeset-version": "changeset version && npm install --package-lock-only",
     "changeset-publish": "changeset publish",
     "storybook": "storybook dev -p 6006",
@@ -79,7 +83,14 @@
     "test:visual-diff": "npx tsx scripts/run-diff-visual-tests.ts",
     "test:visual-diff-dry": "npx tsx scripts/run-diff-visual-tests.ts --dry-run",
     "analyze-deps": "vite build --config vite.config.playwright.ts",
-    "test:availability": "playwright test -c playwright.config.availability.ts"
+    "test:availability": "playwright test -c playwright.config.availability.ts",
+    "license-check:dep": "license-checker --summary --onlyAllow \"$npm_package_config_licenseAllowlist\"",
+    "license-check:bundle": "npx tsx scripts/run-bundle-license-check.ts",
+    "license-check": "npm run license-check:dep && npm run license-check:bundle"
+  },
+  "config": {
+    "licenseAllowlistDep": "Apache-2.0;BlueOak-1.0.0;0BSD;BSD-3-Clause;BSD-2-Clause;CC0-1.0;CC-BY-3.0;CC-BY-4.0;ISC;MIT;MPL-2.0;Python-2.0;WTFPL;Custom: https://github.com/streetsidesoftware/cspell;Custom: https://github.com/dominictarr/event-stream",
+    "licenseAllowlistBundle": "MIT"
   },
   "browserslist": [
     "last 2 versions and > 1%"
@@ -97,11 +108,14 @@
     "@axe-core/playwright": "^4.10.1",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.12",
-    "@daikin-oss/dds-tokens": "^0.4.2",
-    "@daikin-oss/tailwind": "^0.2.0",
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@daikin-oss/dds-tokens": "^1.1.0",
+    "@daikin-oss/tailwind": "^1.1.0",
     "@egoist/tailwindcss-icons": "^1.9.0",
     "@eslint/js": "^9.20.0",
     "@fontsource/roboto": "^5.1.1",
+    "@iconify/tailwind4": "^1.2.0",
+    "@iconify/tools": "^5.0.2",
     "@jackolope/lit-analyzer": "^3.0.2",
     "@jackolope/web-component-analyzer": "^3.0.0",
     "@lit/react": "^1.0.7",
@@ -125,6 +139,8 @@
     "@storybook/theming": "^8.6.14",
     "@storybook/web-components": "^8.6.14",
     "@storybook/web-components-vite": "^8.6.14",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
     "@testing-library/user-event": "^14.6.1",
     "@types/big.js": "^6.2.2",
     "@types/eslint__js": "^8.42.3",
@@ -133,7 +149,6 @@
     "@types/node": "^20.17.18",
     "@types/react": "^19.0.8",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
     "cross-env": "^7.0.3",
     "cspell": "^8.17.3",
     "defu": "^6.1.4",
@@ -148,6 +163,7 @@
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "jiti": "^2.4.2",
+    "license-checker": "^25.0.1",
     "lightningcss": "^1.29.1",
     "picocolors": "^1.1.1",
     "playwright": "1.46.1",
@@ -157,12 +173,13 @@
     "prettier-plugin-organize-imports": "^4.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "rollup-plugin-license": "^3.6.0",
     "sass-embedded": "^1.83.4",
     "shadow-dom-testing-library": "^1.11.3",
     "start-server-and-test": "^2.0.10",
     "storybook": "^8.6.14",
     "storybook-addon-tag-badges": "^1.4.0",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.1.18",
     "tsx": "^4.19.2",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.24.0",
@@ -173,6 +190,6 @@
     "vitest": "^3.0.5"
   },
   "peerDependencies": {
-    "@daikin-oss/dds-tokens": ">=0.3.0 <1.0.0"
+    "@daikin-oss/dds-tokens": "^1.1.0"
   }
 }