@daikin-oss/design-system-web-components 1.6.0 → 2.0.0

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

@@ -1,7 +1,7 @@
 export declare const DEFAULT_MIN_DATE = "1900-01-01";
 export declare const DEFAULT_MAX_DATE = "2099-12-31";
 export declare const cvaIconButton: (props?: ({
-    intent?: "previous" | "next" | "calender" | "pulldown" | null | undefined;
+    intent?: "previous" | "next" | "calendar" | "calender" | "pulldown" | null | undefined;
     rotate?: "default" | "inverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**

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

@@ -8,8 +8,12 @@ const cvaIconButton = cva(
       intent: {
         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]"]
+        calendar: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
+        calender: ["size-[var(--dds-icon,24px)]", "icon-[daikin--calendar]"],
+        pulldown: [
+          "size-[var(--dds-icon,24px)]",
+          "icon-[daikin--pulldown-down]"
+        ]
       },
       rotate: {
         default: [],

package/dist/es-dev/utils/extract-half-width-digits.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Converts a string of composed IME text to an array of half-width digit characters.
+ *
+ * Full-width digits (U+FF10–U+FF19, e.g. "１２３") are converted to their half-width
+ * equivalents ("123"), and all non-digit characters are discarded.
+ *
+ * @param composedText - The raw string from a `CompositionEvent.data`.
+ * @returns An array of single half-width digit characters ("0"–"9").
+ *
+ * @example
+ * extractHalfWidthDigits("２０２５") // => ["2", "0", "2", "5"]
+ * extractHalfWidthDigits("abc")      // => []
+ * extractHalfWidthDigits("１2３")    // => ["1", "2", "3"]
+ */
+export declare function extractHalfWidthDigits(composedText: string): string[];

package/dist/es-dev/utils/extract-half-width-digits.js

@@ -0,0 +1,11 @@
+function extractHalfWidthDigits(composedText) {
+  return Array.from(
+    composedText.replace(
+      /[０-９]/g,
+      (char) => String.fromCodePoint((char.codePointAt(0) ?? 0) - 65296 + 48)
+    )
+  ).filter((ch) => /^\d$/.test(ch));
+}
+export {
+  extractHalfWidthDigits
+};

package/icons/logo-negative.svg

@@ -1,10 +1,17 @@
-<svg width="171" height="37" viewBox="0 0 171 37" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M97.4597 28.7563L102.533 8.51896H93.5868L88.541 28.7563H97.4597Z" fill="#0097E0"/>
-<path d="M82.0771 8.51896H71.9039L60.4215 28.729H66.34L68.2492 25.3471H76.4587L77.086 28.729H85.8137L82.1044 8.51896H82.0771ZM73.1858 20.2468H71.1402L74.4404 14.4102L75.5313 20.2468H73.1858Z" fill="#0097E0"/>
-<path d="M138.289 28.7563L143.335 8.51896H134.389L129.343 28.7563H138.289Z" fill="#0097E0"/>
-<path d="M111.942 21.7742L110.169 28.7563H101.66L106.678 8.51896H115.27L113.579 15.1466L121.243 8.51896H130.407L119.17 18.1467L126.834 28.7563H116.497L111.942 21.7742Z" fill="#0097E0"/>
-<path d="M52.9757 8.54624H50.6574H39.475L34.4293 28.7563H49.921C56.1122 28.7563 62.1943 24.1743 62.1943 17.1103C62.1943 8.81898 52.9757 8.54624 52.9757 8.54624ZM53.4121 17.7103C53.4121 17.7103 52.8393 24.2834 47.2481 24.2834H44.0843L46.8663 13.3738H49.7301C50.7392 13.3738 53.7394 13.6465 53.4121 17.7103Z" fill="#0097E0"/>
-<path d="M142.735 28.7563L147.78 8.51896H157.708L161.69 20.4377L164.663 8.51896H170.854L165.808 28.7563H155.908L151.926 16.7285L148.899 28.7563H142.735Z" fill="#0097E0"/>
-<path d="M0.773132 0.88221H18.5013L0.773132 17.1376V0.88221Z" fill="#0097E0"/>
-<path d="M21.4469 0.88221H39.175L0.773132 36.3385V20.0831L21.4469 0.88221Z" fill="#0097E0"/>
+<svg width="171" height="36" viewBox="0 0 171 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_80745_3142)">
+<path d="M96.686 27.8798L101.759 7.63994H92.8131L87.7674 27.8798H96.686Z" fill="#F2F2F2"/>
+<path d="M81.3035 7.63994H71.1303L59.648 27.8525H65.5664L67.4756 24.4701H75.6851L76.3124 27.8525H85.04L81.3308 7.63994H81.3035ZM72.4122 19.3692H70.3667L73.6668 13.5319L74.7577 19.3692H72.4122Z" fill="#F2F2F2"/>
+<path d="M137.515 27.8798L142.561 7.63994H133.615L128.569 27.8798H137.515Z" fill="#F2F2F2"/>
+<path d="M111.168 20.8968L109.396 27.8798H100.886L105.905 7.63994H114.496L112.805 14.2684L120.469 7.63994H129.633L118.396 17.2689L126.06 27.8798H115.723L111.168 20.8968Z" fill="#F2F2F2"/>
+<path d="M52.2023 7.66743H49.884H38.7017L33.656 27.88H49.1476C55.3388 27.88 61.4208 23.2974 61.4208 16.2326C61.4208 7.94021 52.2023 7.66743 52.2023 7.66743ZM52.6386 16.8327C52.6386 16.8327 52.0659 23.4065 46.4747 23.4065H43.311L46.0929 12.4955H48.9567C49.9658 12.4955 52.9659 12.7683 52.6386 16.8327Z" fill="#F2F2F2"/>
+<path d="M141.961 27.8798L147.006 7.63994H156.934L160.916 19.5602L163.889 7.63994H170.08L165.034 27.8798H155.134L151.152 15.8504L148.125 27.8798H141.961Z" fill="#F2F2F2"/>
+<path d="M0 0H17.728L0 16.2569V0Z" fill="#F2F2F2"/>
+<path d="M20.6736 0H38.4016L0 35.4598V19.2028L20.6736 0Z" fill="#F2F2F2"/>
+</g>
+<defs>
+<clipPath id="clip0_80745_3142">
+<rect width="171" height="36" fill="white"/>
+</clipPath>
+</defs>
 </svg>

package/icons/logo-positive.svg

@@ -1,10 +1,17 @@
-<svg width="171" height="37" viewBox="0 0 171 37" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path id="Vector" d="M39.5 0.77H0.76V36.51L39.5 0.77Z" fill="#54C3F1"/>
-<path id="Vector_2" d="M20.13 0.77H0.76V18.65L20.13 0.77Z" fill="black"/>
-<path id="Vector_3" d="M93.59 8.53L88.53 28.74H97.47L102.52 8.53H93.59Z" fill="#0097E0"/>
-<path id="Vector_4" d="M71.91 8.52L60.42 28.74H66.33L68.24 25.37H76.44L77.05 28.74H85.77L82.06 8.52H71.91ZM73.18 20.24H71.13L74.43 14.41L75.5 20.24H73.17H73.18Z" fill="#0097E0"/>
-<path id="Vector_5" d="M134.39 8.53L129.34 28.74H138.28L143.32 8.53H134.39Z" fill="#0097E0"/>
-<path id="Vector_6" d="M130.4 8.53H121.24L113.58 15.14L115.25 8.53H106.69L101.65 28.74H110.18L111.92 21.77L116.49 28.74H126.82L119.17 18.16L130.4 8.53Z" fill="#0097E0"/>
-<path id="Vector_7" d="M52.96 8.54H50.65H39.47L34.43 28.75H49.92C56.1 28.75 62.19 24.15 62.19 17.1C62.19 8.81 52.96 8.55 52.96 8.55V8.54ZM53.41 17.72C53.41 17.72 52.83 24.29 47.23 24.29H44.06L46.85 13.39H49.72C50.75 13.39 53.72 13.66 53.4 17.73L53.41 17.72Z" fill="#0097E0"/>
-<path id="Vector_8" d="M164.66 8.52L161.68 20.43L157.71 8.52H147.77L142.73 28.74H148.9L151.91 16.74L155.89 28.74H165.79L170.84 8.52H164.66Z" fill="#0097E0"/>
+<svg width="171" height="36" viewBox="0 0 171 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_80745_3154)">
+<path d="M38.7292 0H0V35.729L38.7292 0Z" fill="#54C3F1"/>
+<path d="M19.3646 0H0V17.8645L19.3646 0Z" fill="black"/>
+<path d="M92.8137 7.74583L87.7679 27.9832H96.6866L101.76 7.74583H92.8137Z" fill="#0097E0"/>
+<path d="M71.158 7.74583L59.6756 27.9559H65.5941L67.5033 24.5739H75.7127L76.3128 27.9559H85.0405L81.3312 7.74583H71.1853H71.158ZM72.4126 19.4737H70.367L73.6672 13.637L74.7309 19.4737H72.4126Z" fill="#0097E0"/>
+<path d="M133.616 7.74583L128.57 27.9832H137.516L142.562 7.74583H133.616Z" fill="#0097E0"/>
+<path d="M129.634 7.74583H120.469L112.805 14.3734L114.496 7.74583H105.932L100.887 27.9832H109.424L111.169 21.001L115.724 27.9832H126.061L118.397 17.3736L129.634 7.74583Z" fill="#0097E0"/>
+<path d="M52.2026 7.7731H49.8843H38.7019L33.6562 27.9832H49.1479C55.3391 27.9832 61.4212 23.3739 61.4212 16.3372C61.4212 8.04584 52.2026 7.7731 52.2026 7.7731ZM52.6389 16.9372C52.6389 16.9372 52.0662 23.5102 46.475 23.5102H43.3112L46.0932 12.6006H48.9569C49.9934 12.6006 52.9662 12.8734 52.6389 16.9372Z" fill="#0097E0"/>
+<path d="M163.89 7.74583L160.917 19.6646L156.935 7.74583H147.007L141.961 27.9832H148.153L151.153 15.9553L155.135 27.9832H165.035L170.081 7.74583H163.89Z" fill="#0097E0"/>
+</g>
+<defs>
+<clipPath id="clip0_80745_3154">
+<rect width="171" height="36" fill="white"/>
+</clipPath>
+</defs>
 </svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daikin-oss/design-system-web-components",
-  "version": "1.6.0",
+  "version": "2.0.0",
   "description": "Design system using web components",
   "type": "module",
   "files": [
@@ -109,10 +109,11 @@
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.12",
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@daikin-oss/dds-tokens": "^1.1.2",
-    "@daikin-oss/tailwind": "^1.1.0",
+    "@daikin-oss/dds-tokens": "^2.0.0",
+    "@daikin-oss/tailwind": "^2.0.0",
     "@egoist/tailwindcss-icons": "^1.9.0",
     "@eslint/js": "^9.20.0",
+    "@fontsource/noto-sans-jp": "^5.3.0",
     "@fontsource/roboto": "^5.1.1",
     "@iconify/tailwind4": "^1.2.0",
     "@iconify/tools": "^5.0.2",
@@ -168,7 +169,7 @@
     "picocolors": "^1.1.1",
     "playwright": "1.46.1",
     "playwright-core": "1.46.1",
-    "postcss": "^8.5.2",
+    "postcss": "^8.5.26",
     "prettier": "^3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "react": "^19.0.0",
@@ -190,6 +191,6 @@
     "vitest": "^3.0.5"
   },
   "peerDependencies": {
-    "@daikin-oss/dds-tokens": "^1.1.1"
+    "@daikin-oss/dds-tokens": "^2.0.0"
   }
 }