@daikin-oss/design-system-web-components 0.1.0 → 0.2.0

package/package.json

@@ -1,93 +1,120 @@
 {
-    "name": "@daikin-oss/design-system-web-components",
-    "version": "0.1.0",
-    "description": "Design system using web components",
-    "main": "lib/index.js",
-    "module": "dist/index.js",
-    "exports": {
-        ".": {
-            "import": "./dist/index.js",
-            "require": "./lib/index.js"
-        },
-        "./dist/*": {
-            "import": "./dist/*",
-            "require": "./lib/*"
-        }
+  "name": "@daikin-oss/design-system-web-components",
+  "version": "0.2.0",
+  "description": "Design system using web components",
+  "type": "module",
+  "files": [
+    "dist",
+    "icons",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/es/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.cjs"
     },
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist",
-        "lib"
-    ],
-    "keywords": [
-        "design",
-        "system",
-        "lit",
-        "web",
-        "components"
-    ],
-    "author": "Daikin U.S. Corporation <contact@dsv.daikin.com> (https://www.dsv.daikin.com/)",
-    "license": "UNLICENSED",
-    "scripts": {
-        "build": "tsc && rollup -c",
-        "lint": "eslint ./ && npm run lint:analyze",
-        "lint:analyze": "lit-analyzer src",
-        "storybook": "storybook dev -p 6006",
-        "storybook:react": "storybook dev -p 6007 -c .storybook/react",
-        "build-storybook": "storybook build",
-        "storybook:test": "storybook dev -p 6006 --ci",
-        "storybook:test-react": "storybook dev -p 6006 --ci -c .storybook/react",
-        "jest:integration": "jest -c __test__/jest.config.js",
-        "test": "npm run test:web-components && npm run test:react",
-        "test:web-components": "start-server-and-test storybook:test http-get://localhost:6006 jest:integration",
-        "test:react": "start-server-and-test storybook:test-react http-get://localhost:6006 jest:integration",
-        "jest:update": "jest -c __test__/jest.config.js --updateSnapshot",
-        "test:update": "start-server-and-test storybook:test http-get://localhost:6006 jest:update"
-    },
-    "dependencies": {
-        "@daikin-oss/dds-tokens": "^0.0.0",
-        "@netlify/classnames-template-literals": "^1.0.3",
-        "class-variance-authority": "^0.7.0",
-        "lit": "^2.7.6"
-    },
-    "devDependencies": {
-        "@daikin-oss/tailwind": "^0.0.1",
-        "@fontsource/roboto": "^5.0.13",
-        "@rollup/plugin-commonjs": "^25.0.4",
-        "@rollup/plugin-node-resolve": "^15.2.1",
-        "@storybook/addon-a11y": "7.6.17",
-        "@storybook/addon-essentials": "7.6.17",
-        "@storybook/addon-links": "7.6.17",
-        "@storybook/addon-mdx-gfm": "^7.6.16",
-        "@storybook/blocks": "7.6.17",
-        "@storybook/builder-vite": "7.6.17",
-        "@storybook/core-server": "7.6.17",
-        "@storybook/manager-api": "7.6.17",
-        "@storybook/preview-api": "^7.6.17",
-        "@storybook/react": "7.6.17",
-        "@storybook/react-vite": "7.6.17",
-        "@storybook/theming": "7.6.17",
-        "@storybook/web-components": "7.6.17",
-        "@storybook/web-components-vite": "7.6.17",
-        "@trivago/prettier-plugin-sort-imports": "^4.2.1",
-        "@typescript-eslint/eslint-plugin": "^6.4.1",
-        "@typescript-eslint/parser": "^6.4.1",
-        "autoprefixer": "^10.4.15",
-        "jest": "^29.7.0",
-        "jest-image-snapshot": "^6.2.0",
-        "jest-puppeteer": "^9.0.1",
-        "lit-analyzer": "^2.0.0-pre.3",
-        "postcss": "^8.4.28",
-        "postcss-discard-comments": "^6.0.1",
-        "prettier": "^3.0.3",
-        "puppeteer": "^21.4.0",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "rollup-plugin-postcss": "^4.0.2",
-        "rollup-plugin-typescript2": "^0.36.0",
-        "start-server-and-test": "^2.0.1",
-        "storybook": "7.6.17",
-        "tailwindcss": "^3.3.3",
-        "typescript": "^5.2.2"
+    "./*": {
+      "import": "./dist/es/*",
+      "require": "./dist/cjs/*"
     }
+  },
+  "sideEffects": true,
+  "scripts": {
+    "prepare": "husky",
+    "build": "tsc -b && vite build",
+    "storybook": "storybook dev -p 6006",
+    "storybook:react": "storybook dev -p 6007 -c .storybook/react",
+    "storybook:ci-wc": "tsx scripts/storybook-ci.ts web-components",
+    "storybook:ci-react": "tsx scripts/storybook-ci.ts react",
+    "storybook:build-wc": "storybook build -o storybook-static/web-components",
+    "storybook:build-react": "storybook build -c .storybook/react -o storybook-static/react",
+    "build-storybook": "npm run storybook:build-wc && npm run storybook:build-react",
+    "storybook:preview-wc": "http-server -c-1 -d false --no-dotfiles -p 6106 storybook-static/web-components",
+    "storybook:preview-react": "http-server -c-1 -d false --no-dotfiles -p 6107 -o storybook-static/react",
+    "lint:code": "eslint && prettier -c .",
+    "lint:cspell": "cspell --no-progress .",
+    "lint:lit": "lit-analyzer --strict --rules.no-missing-import off src",
+    "lint:ls": "ls-lint",
+    "lint": "npm run lint:code && npm run lint:lit && npm run lint:cspell && npm run lint:ls",
+    "lint-fix": "eslint --fix && prettier -w .",
+    "test:interaction-wc": "start-server-and-test storybook:ci-wc http://localhost:6099 \"npx test-storybook --url http://localhost:6099\"",
+    "test:interaction-react": "start-server-and-test storybook:ci-react http://localhost:6099 \"npx test-storybook --url http://localhost:6099\"",
+    "test:interaction": "npm run test:interaction-wc && npm run test:interaction-react",
+    "test:visual-wc": "cross-env STORYBOOK_FW=web-components playwright test",
+    "test:visual-react": "cross-env STORYBOOK_FW=react playwright test",
+    "test:visual": "npm run test:visual-wc && npm run test:visual-react",
+    "test:visual-update": "npm run test:visual-wc -- --update-snapshots"
+  },
+  "dependencies": {
+    "@daikin-oss/dds-tokens": "^0.0.0",
+    "@netlify/classnames-template-literals": "^1.0.3",
+    "class-variance-authority": "^0.7.0",
+    "lit": "^3.1.4"
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.9.1",
+    "@daikin-oss/tailwind": "^0.0.1",
+    "@egoist/tailwindcss-icons": "^1.8.1",
+    "@eslint/js": "^9.6.0",
+    "@fontsource/roboto": "^5.0.13",
+    "@lit/react": "^1.0.5",
+    "@ls-lint/ls-lint": "^2.2.3",
+    "@playwright/test": "^1.45.1",
+    "@storybook/addon-a11y": "^8.1.11",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-interactions": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-mdx-gfm": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/builder-vite": "^8.1.11",
+    "@storybook/manager-api": "^8.1.11",
+    "@storybook/preview-api": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/test": "^8.1.11",
+    "@storybook/test-runner": "^0.19.0",
+    "@storybook/theming": "^8.1.11",
+    "@storybook/web-components": "^8.1.11",
+    "@storybook/web-components-vite": "^8.1.11",
+    "@types/eslint__js": "^8.42.3",
+    "@types/eslint-config-prettier": "^6.11.3",
+    "@types/jest-image-snapshot": "^6.4.0",
+    "@types/node": "^20.14.9",
+    "@types/react": "^18.3.3",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.19",
+    "cross-env": "^7.0.3",
+    "cspell": "^8.10.0",
+    "eslint": "^9.6.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-lit": "^1.14.0",
+    "eslint-plugin-lit-a11y": "^4.1.3",
+    "eslint-plugin-wc": "^2.1.0",
+    "fast-glob": "^3.3.2",
+    "http-server": "^14.1.1",
+    "husky": "^9.0.11",
+    "lightningcss": "^1.25.1",
+    "lit-analyzer": "^2.0.3",
+    "picocolors": "^1.0.1",
+    "playwright": "^1.45.1",
+    "postcss": "^8.4.39",
+    "prettier": "^3.3.2",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "shadow-dom-testing-library": "^1.11.2",
+    "start-server-and-test": "^2.0.4",
+    "storybook": "^8.1.11",
+    "tailwindcss": "^3.4.4",
+    "tsx": "^4.16.2",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.0.0-alpha.39",
+    "vite": "^5.3.3",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-externalize-deps": "^0.8.0"
+  }
 }

package/dist/_virtual/_tslib.js

@@ -1,31 +0,0 @@
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-export { __decorate };
-//# sourceMappingURL=_tslib.js.map

package/dist/_virtual/_tslib.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoElB,CAAC"}

package/dist/colors.js

@@ -1,81 +0,0 @@
-import { colorBlue10, colorBlue20, colorBlue30, colorBlue50, colorBlue70, colorBlue80, colorBlue90, colorBlue100, colorGrey10, colorGrey20, colorGrey30, colorGrey40, colorGrey50, colorGrey60, colorGrey80, colorGrey100, colorRed10, colorRed20, colorRed30, colorRed40, colorRed50, colorRed70, colorRed80, colorRed90, colorRed100, colorRed110, colorYellow10, colorYellow20, colorYellow30, colorYellow40, colorYellow60, colorYellow70, colorYellow80, colorYellow90, colorYellow100, colorYellow110, colorGreen10, colorGreen20, colorGreen30, colorGreen40, colorGreen50, colorGreen70, colorGreen80, colorGreen90, colorGreen100, colorGreen110, colorBrandPrimary, colorBlue40, colorGrey90, colorGrey70, colorRed60, colorYellow50, colorGreen60 } from './node_modules/@daikin-oss/dds-tokens/build/js/DKN/Light/variables.js';
-
-const DAIKIN_PRIMARY_BLUE = colorBrandPrimary;
-const DAIKIN_SECONDARY_BLUE = colorBlue40;
-const DAIKIN_DARK_GREY = colorGrey90;
-const DAIKIN_MEDIUM_GREY = colorGrey70;
-const DAIKIN_NEGATIVE = colorRed60;
-const DAIKIN_WARNING = colorYellow50;
-const DAIKIN_POSITIVE = colorGreen60;
-const colors = {
-    daikinBlue: {
-        50: colorBlue10,
-        100: colorBlue20,
-        200: colorBlue30,
-        300: DAIKIN_SECONDARY_BLUE,
-        400: colorBlue50,
-        500: DAIKIN_PRIMARY_BLUE,
-        600: colorBlue70,
-        700: colorBlue80,
-        800: colorBlue90,
-        900: colorBlue100,
-        DEFAULT: DAIKIN_PRIMARY_BLUE
-    },
-    daikinNeutral: {
-        50: colorGrey10,
-        100: colorGrey20,
-        200: colorGrey30,
-        300: colorGrey40,
-        400: colorGrey50,
-        500: colorGrey60,
-        600: DAIKIN_MEDIUM_GREY,
-        700: colorGrey80,
-        800: DAIKIN_DARK_GREY,
-        900: colorGrey100
-    },
-    daikinRed: {
-        50: colorRed10,
-        100: colorRed20,
-        200: colorRed30,
-        300: colorRed40,
-        400: colorRed50,
-        500: DAIKIN_NEGATIVE,
-        600: colorRed70,
-        700: colorRed80,
-        800: colorRed90,
-        900: colorRed100,
-        1000: colorRed110,
-        DEFAULT: DAIKIN_NEGATIVE
-    },
-    daikinYellow: {
-        50: colorYellow10,
-        100: colorYellow20,
-        200: colorYellow30,
-        300: colorYellow40,
-        400: DAIKIN_WARNING,
-        500: colorYellow60,
-        600: colorYellow70,
-        700: colorYellow80,
-        800: colorYellow90,
-        900: colorYellow100,
-        1000: colorYellow110,
-        DEFAULT: DAIKIN_WARNING
-    },
-    daikinGreen: {
-        50: colorGreen10,
-        100: colorGreen20,
-        200: colorGreen30,
-        300: colorGreen40,
-        400: colorGreen50,
-        500: DAIKIN_POSITIVE,
-        600: colorGreen70,
-        700: colorGreen80,
-        800: colorGreen90,
-        900: colorGreen100,
-        1000: colorGreen110,
-        DEFAULT: DAIKIN_POSITIVE
-    }
-};
-
-export { colors };
-//# sourceMappingURL=colors.js.map

package/dist/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../src/colors.ts"],"sourcesContent":["import {\n    colorBrandPrimary, \n    // 💣 Missing in tokens - fix later\n    colorBlue40 as colorBrandSecondary,\n    colorGrey70 as colorBrandMediumgrey,\n    colorGrey90 as colorBrandDarkgrey,\n    colorGreen60 as colorFeedbackPositive,\n    colorYellow50 as colorFeedbackWarning,\n    colorRed60 as colorFeedbackNegative,\n    colorBlue10,\n    colorBlue20,\n    colorBlue30,\n    colorBlue50,\n    colorBlue70,\n    colorBlue80,\n    colorBlue90,\n    colorBlue100,\n    colorGrey10,\n    colorGrey20,\n    colorGrey30,\n    colorGrey40,\n    colorGrey50,\n    colorGrey60,\n    colorGrey80,\n    colorGrey100,\n    colorRed10,\n    colorRed20,\n    colorRed30,\n    colorRed40,\n    colorRed50,\n    colorRed70,\n    colorRed80,\n    colorRed90,\n    colorRed100,\n    colorRed110,\n    colorYellow10,\n    colorYellow20,\n    colorYellow30,\n    colorYellow40,\n    colorYellow70,\n    colorYellow60,\n    colorYellow80,\n    colorYellow90,\n    colorYellow100,\n    colorYellow110,\n    colorGreen10,\n    colorGreen20,\n    colorGreen30,\n    colorGreen40,\n    colorGreen50,\n    colorGreen70,\n    colorGreen80,\n    colorGreen90,\n    colorGreen100,\n    colorGreen110\n} from '@daikin-oss/dds-tokens/js/daikin/Light/variables.js';\n\nconst DAIKIN_PRIMARY_BLUE = colorBrandPrimary;\nconst DAIKIN_SECONDARY_BLUE = colorBrandSecondary;\n\nconst DAIKIN_DARK_GREY = colorBrandDarkgrey;\nconst DAIKIN_MEDIUM_GREY = colorBrandMediumgrey;\n\nconst DAIKIN_NEGATIVE = colorFeedbackNegative;\nconst DAIKIN_WARNING = colorFeedbackWarning;\nconst DAIKIN_POSITIVE = colorFeedbackPositive;\n\nexport const colors = {\n    daikinBlue: {\n        50: colorBlue10,\n        100: colorBlue20,\n        200: colorBlue30,\n        300: DAIKIN_SECONDARY_BLUE,\n        400: colorBlue50,\n        500: DAIKIN_PRIMARY_BLUE,\n        600: colorBlue70,\n        700: colorBlue80,\n        800: colorBlue90,\n        900: colorBlue100,\n        DEFAULT: DAIKIN_PRIMARY_BLUE\n    },\n    daikinNeutral: {\n        50: colorGrey10,\n        100: colorGrey20,\n        200: colorGrey30,\n        300: colorGrey40,\n        400: colorGrey50,\n        500: colorGrey60,\n        600: DAIKIN_MEDIUM_GREY,\n        700: colorGrey80,\n        800: DAIKIN_DARK_GREY,\n        900: colorGrey100\n    },\n    daikinRed: {\n        50: colorRed10,\n        100: colorRed20,\n        200: colorRed30,\n        300: colorRed40,\n        400: colorRed50,\n        500: DAIKIN_NEGATIVE,\n        600: colorRed70,\n        700: colorRed80,\n        800: colorRed90,\n        900: colorRed100,\n        1000: colorRed110,\n        DEFAULT: DAIKIN_NEGATIVE\n    },\n    daikinYellow: {\n        50: colorYellow10,\n        100: colorYellow20,\n        200: colorYellow30,\n        300: colorYellow40,\n        400: DAIKIN_WARNING,\n        500: colorYellow60,\n        600: colorYellow70,\n        700: colorYellow80,\n        800: colorYellow90,\n        900: colorYellow100,\n        1000: colorYellow110,\n        DEFAULT: DAIKIN_WARNING\n    },\n    daikinGreen: {\n        50: colorGreen10,\n        100: colorGreen20,\n        200: colorGreen30,\n        300: colorGreen40,\n        400: colorGreen50,\n        500: DAIKIN_POSITIVE,\n        600: colorGreen70,\n        700: colorGreen80,\n        800: colorGreen90,\n        900: colorGreen100,\n        1000: colorGreen110,\n        DEFAULT: DAIKIN_POSITIVE\n    }\n};\n"],"names":["colorBrandSecondary","colorBrandDarkgrey","colorBrandMediumgrey","colorFeedbackNegative","colorFeedbackWarning","colorFeedbackPositive"],"mappings":";;AAyDA,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAC9C,MAAM,qBAAqB,GAAGA,WAAmB,CAAC;AAElD,MAAM,gBAAgB,GAAGC,WAAkB,CAAC;AAC5C,MAAM,kBAAkB,GAAGC,WAAoB,CAAC;AAEhD,MAAM,eAAe,GAAGC,UAAqB,CAAC;AAC9C,MAAM,cAAc,GAAGC,aAAoB,CAAC;AAC5C,MAAM,eAAe,GAAGC,YAAqB,CAAC;AAEjC,MAAA,MAAM,GAAG;AAClB,IAAA,UAAU,EAAE;AACR,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,qBAAqB;AAC1B,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,mBAAmB;AACxB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,OAAO,EAAE,mBAAmB;AAC/B,KAAA;AACD,IAAA,aAAa,EAAE;AACX,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,GAAG,EAAE,gBAAgB;AACrB,QAAA,GAAG,EAAE,YAAY;AACpB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,eAAe;AACpB,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,UAAU;AACf,QAAA,GAAG,EAAE,WAAW;AAChB,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,OAAO,EAAE,eAAe;AAC3B,KAAA;AACD,IAAA,YAAY,EAAE;AACV,QAAA,EAAE,EAAE,aAAa;AACjB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,cAAc;AACnB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,GAAG,EAAE,cAAc;AACnB,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,OAAO,EAAE,cAAc;AAC1B,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,eAAe;AACpB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,YAAY;AACjB,QAAA,GAAG,EAAE,aAAa;AAClB,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,OAAO,EAAE,eAAe;AAC3B,KAAA;;;;;"}

package/dist/components/button/button.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".button{\n    font-family:var(--fontFamilyBase);\n}\n\n.button-primary{\n    background-color:var(\n        --buttonColorBackgroundPrimaryActive,\n        var(--defaultButtonColorBackgroundPrimaryActive)\n    );\n    color:white;\n}\n.button-primary:focus-visible{\n    background-color:var(\n        --buttonColorBackgroundPrimaryFocus,\n        var(--defaultButtonColorBackgroundPrimaryFocus)\n    );\n}\n.button-primary:hover{\n    background-color:var(\n        --buttonColorBackgroundPrimaryHover,\n        var(--defaultButtonColorBackgroundPrimaryHover)\n    );\n}\n.button-primary:active{\n    background-color:var(\n        --buttonColorBackgroundPrimaryPress,\n        var(--defaultButtonColorBackgroundPrimaryPress)\n    );\n}\n.button-primary:disabled{\n    background-color:var(\n        --buttonColorBackgroundPrimaryDisabled,\n        var(--defaultButtonColorBackgroundPrimaryDisabled)\n    );\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQ0FBa0M7QUFDdEM7O0FBRUE7SUFDSTs7O0tBR0M7SUFDRCxXQUFZO0FBQ2hCO0FBQ0E7SUFDSTs7O0tBR0M7QUFDTDtBQUNBO0lBQ0k7OztLQUdDO0FBQ0w7QUFDQTtJQUNJOzs7S0FHQztBQUNMO0FBQ0E7SUFDSTs7O0tBR0M7QUFDTCIsImZpbGUiOiJidXR0b24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJ1dHRvbiB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHlCYXNlKTtcbn1cblxuLmJ1dHRvbi1wcmltYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeUFjdGl2ZSxcbiAgICAgICAgdmFyKC0tZGVmYXVsdEJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlBY3RpdmUpXG4gICAgKTtcbiAgICBjb2xvcjogd2hpdGU7XG59XG4uYnV0dG9uLXByaW1hcnk6Zm9jdXMtdmlzaWJsZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAtLWJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlGb2N1cyxcbiAgICAgICAgdmFyKC0tZGVmYXVsdEJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlGb2N1cylcbiAgICApO1xufVxuLmJ1dHRvbi1wcmltYXJ5OmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeUhvdmVyLFxuICAgICAgICB2YXIoLS1kZWZhdWx0QnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeUhvdmVyKVxuICAgICk7XG59XG4uYnV0dG9uLXByaW1hcnk6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeVByZXNzLFxuICAgICAgICB2YXIoLS1kZWZhdWx0QnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeVByZXNzKVxuICAgICk7XG59XG4uYnV0dG9uLXByaW1hcnk6ZGlzYWJsZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgLS1idXR0b25Db2xvckJhY2tncm91bmRQcmltYXJ5RGlzYWJsZWQsXG4gICAgICAgIHZhcigtLWRlZmF1bHRCdXR0b25Db2xvckJhY2tncm91bmRQcmltYXJ5RGlzYWJsZWQpXG4gICAgKTtcbn1cbiJdfQ== */";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=button.css.js.map

package/dist/components/button/button.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/button/daikin-button.d.ts

@@ -1,75 +0,0 @@
-import { LitElement } from 'lit';
-import { type VariantProps } from "class-variance-authority";
-import type { OmitNull } from "../../typeUtils";
-declare const buttonCN: (props?: ({
-    intent?: "primary" | "secondary" | "tertiary" | "primaryDanger" | null | undefined;
-    size?: "default" | "condensed" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type ButtonProps = OmitNull<VariantProps<typeof buttonCN>>;
-export interface DaikinButtonProps {
-    /**
-     * Type of action
-     */
-    variant?: ButtonProps["intent"];
-    /**
-     * Whether to show the disabled state
-     */
-    disabled?: boolean;
-    href?: string;
-    size?: ButtonProps["size"];
-    type?: 'button' | 'submit' | 'reset';
-    role?: string;
-    isLoading?: boolean;
-}
-/**
- * Primary UI component for user interaction
- */
-declare class DaikinButton extends LitElement implements DaikinButtonProps {
-    focus(): void;
-    static styles: import("lit").CSSResult;
-    /**
-     * Type of variant.
-     */
-    variant: ButtonProps["intent"];
-    /**
-     * `true` if the button should be disabled.
-     */
-    disabled: boolean;
-    /**
-     * Set a icon in the right of button label.
-     */
-    rightIcon: string;
-    /**
-     * Set a icon in the left of button label.
-     */
-    leftIcon: string;
-    /**
-     * Link `href`. If present, this button is rendered as `<a>`.
-     */
-    href: string;
-    /**
-     * Specify the button size.
-     */
-    size: ButtonProps["size"];
-    /**
-     * Specify the button type.
-     */
-    type: "button" | "submit" | "reset";
-    /**
-     * Specify the button role.
-     */
-    role: string;
-    /**
-     * Specify whether the button is loading.
-     */
-    isLoading: boolean;
-    connectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'daikin-button': DaikinButton;
-    }
-}
-export default DaikinButton;
-//# sourceMappingURL=daikin-button.d.ts.map

package/dist/components/button/daikin-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"daikin-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/daikin-button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAKvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,QAAA,MAAM,QAAQ;;;8EAmDZ,CAAC;AAEH,KAAK,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;AAC3D,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,cACM,YAAa,SAAQ,UAAW,YAAW,iBAAiB;IAErD,KAAK;IAId,MAAM,CAAC,MAAM,0BA4BX;IAEF;;OAEG;IAEH,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAY;IAE1C;;OAEG;IAEH,QAAQ,UAAQ;IAEhB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAY;IAErC;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAY;IAExB;;OAEG;IAEH,SAAS,UAAS;IAElB,iBAAiB,IAAI,IAAI;IAmBzB,MAAM;CAqBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ;AAED,eAAe,YAAY,CAAC"}

package/dist/components/button/daikin-button.js

@@ -1,200 +0,0 @@
-import { __decorate } from '../../_virtual/_tslib.js';
-import { buttonColorBackgroundPrimaryActive, buttonColorBackgroundPrimaryFocus, buttonColorBackgroundPrimaryHover, buttonColorBackgroundPrimaryPress, buttonColorBackgroundPrimaryDisabled } from '../../node_modules/@daikin-oss/dds-tokens/build/js/DKN/Light/variables.js';
-import '../../node_modules/@lit/reactive-element/node/reactive-element.js';
-import { html as T } from '../../node_modules/lit-html/node/lit-html.js';
-import { LitElement as s } from '../../node_modules/lit-element/lit-element.js';
-import { customElement as e } from '../../node_modules/@lit/reactive-element/node/decorators/custom-element.js';
-import { property as n } from '../../node_modules/@lit/reactive-element/node/decorators/property.js';
-import '../../node_modules/@lit/reactive-element/node/decorators/query-assigned-elements.js';
-import css_248z from '../../tailwind.css.js';
-import css_248z$1 from './button.css.js';
-import { cva } from '../../node_modules/class-variance-authority/dist/index.js';
-import { css as i, unsafeCSS as r } from '../../node_modules/@lit/reactive-element/node/css-tag.js';
-
-var DaikinButton_1;
-const buttonCN = cva(["inline-flex", "justify-center", "items-center", "font-daikinSerif", "font-bold", "rounded-lg", "tracking-wide", "text-wrap", "disabled:cursor-default", "h-full", "w-full"], {
-    variants: {
-        intent: {
-            primary: [
-                "button-primary",
-                "focus-visible:outline-none"
-            ],
-            secondary: [
-                "border-2",
-                "bg-white",
-                "text-daikinBlue-500",
-                "border-daikinBlue-500",
-                "hover:text-daikinBlue-300",
-                "hover:border-daikinBlue-300",
-                "active:text-daikinBlue-600",
-                "active:border-daikinBlue-600",
-                "focus-visible:text-daikinBlue-700",
-                "focus-visible:border-daikinBlue-700",
-                "disabled:border-daikinNeutral-300",
-                "disabled:text-daikinNeutral-400",
-                "disabled:border",
-                "focus-visible:outline-none"
-            ],
-            tertiary: [
-                "text-daikinBlue-400",
-                "bg-none",
-                "border-none",
-                "shadow-none",
-                "hover:bg-daikinNeutral-100",
-                "disabled:bg-transparent",
-                "disabled:text-daikinNeutral-400",
-            ],
-            primaryDanger: [
-                "bg-daikinRed",
-                "text-white",
-                "hover:bg-daikinRed-400",
-                "focus-visible:bg-daikinRed-700",
-                "disabled:bg-daikinNeutral-300",
-                "active:bg-daikinRed-700",
-                "focus-visible:outline-none"
-            ]
-        },
-        size: {
-            default: ["px-4", "text-[14px]"],
-            condensed: ["px-[10px]", "text-[12px]"],
-        },
-    },
-    defaultVariants: {
-        intent: "primary",
-        size: "condensed"
-    }
-});
-/**
- * Primary UI component for user interaction
- */
-let DaikinButton = DaikinButton_1 = class DaikinButton extends s {
-    constructor() {
-        super(...arguments);
-        /**
-         * Type of variant.
-         */
-        this.variant = "primary";
-        /**
-         * `true` if the button should be disabled.
-         */
-        this.disabled = false;
-        /**
-         * Set a icon in the right of button label.
-         */
-        this.rightIcon = "";
-        /**
-         * Set a icon in the left of button label.
-         */
-        this.leftIcon = "";
-        /**
-         * Link `href`. If present, this button is rendered as `<a>`.
-         */
-        this.href = "";
-        /**
-         * Specify the button size.
-         */
-        this.size = "default";
-        /**
-         * Specify the button type.
-         */
-        this.type = "button";
-        /**
-         * Specify the button role.
-         */
-        this.role = "button";
-        /**
-         * Specify whether the button is loading.
-         */
-        this.isLoading = false;
-    }
-    focus() {
-        var _a, _b;
-        (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        const tailwind = new CSSStyleSheet();
-        tailwind.replace(css_248z);
-        const buttonStyles = new CSSStyleSheet();
-        buttonStyles.replaceSync(css_248z$1);
-        const defaultsVariables = new CSSStyleSheet();
-        defaultsVariables.replaceSync(DaikinButton_1.styles.cssText);
-        this.renderRoot.adoptedStyleSheets = [
-            tailwind,
-            defaultsVariables,
-            buttonStyles
-        ];
-    }
-    render() {
-        const buttonClassName = buttonCN({ intent: this.variant, size: this.size });
-        const content = T `
-                        <slot name="leftIcon"></slot>
-                        <span><slot></slot></span>
-                        <slot name="rightIcon"></slot>
-                        `;
-        if (this.href) {
-            return T `
-                <a href="${this.href}" class="${buttonClassName}" role="${this.role}">
-                    ${content}
-                </a>`;
-        }
-        return T `
-            <button class="${buttonClassName}" ?disabled="${this.disabled}" type="${this.type}" role="${this.role}">
-                ${content}
-            </button>
-        `;
-    }
-};
-DaikinButton.styles = i `
-        :host {
-            --defaultButtonColorBackgroundPrimaryActive: ${r(buttonColorBackgroundPrimaryActive)};
-            --defaultButtonColorBackgroundPrimaryFocus: ${r(buttonColorBackgroundPrimaryFocus)};
-            --defaultButtonColorBackgroundPrimaryHover: ${r(buttonColorBackgroundPrimaryHover)};
-            --defaultButtonColorBackgroundPrimaryPress: ${r(buttonColorBackgroundPrimaryPress)};
-            --defaultButtonColorBackgroundPrimaryDisabled: ${r(buttonColorBackgroundPrimaryDisabled)};
-        }
-        :host {
-            display: inline-block;
-            width: fit-content;
-            min-height: 42px;
-            height: 1px;
-        }
-
-        :host([size="condensed"]) {
-            min-height: 32px;
-        }
-    `;
-__decorate([
-    n({ type: String })
-], DaikinButton.prototype, "variant", void 0);
-__decorate([
-    n({ type: Boolean, reflect: true })
-], DaikinButton.prototype, "disabled", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "rightIcon", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "leftIcon", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "href", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "size", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "type", void 0);
-__decorate([
-    n({ type: String, reflect: true })
-], DaikinButton.prototype, "role", void 0);
-__decorate([
-    n({ type: Boolean })
-], DaikinButton.prototype, "isLoading", void 0);
-DaikinButton = DaikinButton_1 = __decorate([
-    e('daikin-button')
-], DaikinButton);
-var DaikinButton$1 = DaikinButton;
-
-export { DaikinButton$1 as default };
-//# sourceMappingURL=daikin-button.js.map