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

package/README.md

@@ -2,52 +2,110 @@
 
 This project is an implementation of the Daikin Design Kit using web components.
 
-## Setup
+---
+## Usage
 
-Install dependencies:
+Start by installing the package:
 
 ```bash
-npm i
+npm i @daikin-oss/design-system-web-components
 ```
 
-## Build
+You can then import necessary components in your bundle:
 
-Rollup is used to transform TypeScript code into JavaScript that runs in modern browsers.
-Tailwind classes are also purged.
+```javascript
+import '@daikin-oss/design-system-web-components/dist/components/button/index.js';
+```
 
-Build components and output in /dist:
+By default, out-of-the-box, the styles are for Daikin brand in light mode.
+
+### Dark Mode and Brands/Themes
+
+For dark-mode support and non-daikin brands, you need to add the `tokens` package and include the CSS reference in your html:
 
 ```bash
-npm run build
+npm install '@daikin-oss/dds-tokens
 ```
 
-## Documentation
+#### Dark Mode
 
-Storybook is used to document design system components/tools/examples.
+Reference the CSS in HTML:
 
-To run in development:
+```html
+<link rel="stylesheet" href="node_modules/@daikin-oss/dds-tokens/build/css/DKN/Dark/buttons.css" media="(prefers-color-scheme: dark)">
+```
+
+Using CSS `@import` with `prefers-color-scheme`:
+
+```css
+@import '@daikin-oss/dds-tokens/css/daikin/Dark/buttons.css'
+    (prefers-color-scheme: dark);
+
+```
+
+#### Other brands/themes
+
+Reference the CSS in HTML:
+
+```html
+<link rel="stylesheet" href="node_modules/@daikin-oss/dds-tokens/build/css/AAF/Dark/buttons.css" media="(prefers-color-scheme: light)">
+<link rel="stylesheet" href="node_modules/@daikin-oss/dds-tokens/build/css/AAF/Dark/buttons.css" media="(prefers-color-scheme: dark)">
+```
+
+Using CSS `@import` with `prefers-color-scheme`:
+
+```css
+@import '@daikin-oss/dds-tokens/css/aaf/Light/buttons.css'
+    (prefers-color-scheme: light);
+@import '@daikin-oss/dds-tokens/css/aaf/Dark/buttons.css'
+    (prefers-color-scheme: dark);
+```
+
+---
+## Contributors
+
+The following are instructions for package contributors.
+
+### Setup
+
+Clone and install dependencies:
 
 ```bash
-npm run storybook
+git clone https://github.com/dsv-rp/DDS.git
+cd DDS
+npm i
 ```
 
-To produce distributable files in /storybook-static folder:
+### Build
+
+To build files for production:
 
 ```bash
-npm run storybook:build
+npm run build
 ```
 
-## Linting
+Rollup is used to transform TypeScript code into JavaScript that runs in modern browsers.
+Tailwind classes are also purged.
 
-Linting is done by ESLint for general linting of TypeScript and JavaScript, and [lit-analyzer](https://www.npmjs.com/package/lit-analyzer) to type check bindings in lit-html templates.
+Build components and output in /dist:
 
-To lint the project run:
+### Documentation
+
+Storybook is used to document design system components/tools/examples.
+
+To run in development:
 
 ```bash
-npm run lint
+npm run storybook
+```
+
+To produce distributable files in /storybook-static folder:
+
+```bash
+npm run build-storybook
 ```
 
-## Testing
+### Testing
 
 Visual regression testing is done by a combination of jest and puppeteer.
 Currently, web components has full support in most major frameworks [except for React](https://custom-elements-everywhere.com/).
@@ -57,16 +115,26 @@ As such, we test both web components by themselves, and also test when imported
 npm run test
 ```
 
-## Design Tokens
+### Linting
+
+Linting is done by ESLint for general linting of TypeScript and JavaScript, and [lit-analyzer](https://www.npmjs.com/package/lit-analyzer) to type check bindings in lit-html templates.
+
+To lint the project run:
+
+```bash
+npm run lint
+```
+
+### Design Tokens
 
 1. **Source of Truth**: The `tokens` we use is the foundation of our design styles and was grabbed from https://github.com/dsv-rp/dds-tokens/tree/main.
 
 2. **Using in Components**: For the most part, we use the js variables to apply as the default style:
 
-```
+```javascript
 import {
     buttonColorBackgroundPrimaryActive
-} from '@daikinlab/dds-tokens/js/daikin/Light/variables.js';
+} from '@daikin-oss/dds-tokens/js/daikin/Light/variables.js';
 
 class DaikinButton extends LitElement implements DaikinButtonProps {
     static styles = css`
@@ -81,59 +149,9 @@ class DaikinButton extends LitElement implements DaikinButtonProps {
 }
 ```
 
-## Usage
-
-```
-import '@daikin-zen/design-system-web-components/dist/components/button/index.js';
-```
-
-By default, out-of-the-box, the styles are for Daikin brand in light mode.
-
-### Dark Mode and Brands/Themes
-
-For dark-mode support and non-daikin brands, you need to add the `tokens` package and include the CSS reference in your html:
-
-```
-npm install '@daikinlab/dds-tokens
-```
-
-#### Dark Mode
-
-Reference the CSS in HTML:
-
-```
-<link rel="stylesheet" href="node_modules/@daikinlab/dds-tokens/build/css/DKN/Dark/buttons.css" media="(prefers-color-scheme: dark)">
-```
-
-Using CSS `@import` with `prefers-color-scheme`:
-
-```
-@import '@daikinlab/dds-tokens/css/daikin/Dark/buttons.css'
-    (prefers-color-scheme: dark);
-
-```
-
-#### Other brands/themes
-
-Reference the CSS in HTML:
-
-```
-<link rel="stylesheet" href="node_modules/@daikinlab/dds-tokens/build/css/AAF/Dark/buttons.css" media="(prefers-color-scheme: light)">
-<link rel="stylesheet" href="node_modules/@daikinlab/dds-tokens/build/css/AAF/Dark/buttons.css" media="(prefers-color-scheme: dark)">
-```
-
-Using CSS `@import` with `prefers-color-scheme`:
-
-```
-@import '@daikinlab/dds-tokens/css/aaf/Light/buttons.css'
-    (prefers-color-scheme: light);
-@import '@daikinlab/dds-tokens/css/aaf/Dark/buttons.css'
-    (prefers-color-scheme: dark);
-```
-
-## Tailwind
+### Tailwind
 
-There is a custom `daikinPlugin` managed [here](https://github.com/daikin-dsv/tailwind)
+There is a custom `daikinPlugin` managed [here](https://github.com/dsv-rp/tailwind)
 
 ### Using with VSCode
 

package/dist/colors.js

@@ -1,4 +1,4 @@
-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/@daikinlab/dds-tokens/build/js/DKN/Light/variables.js';
+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;

package/dist/colors.js.map

@@ -1 +1 @@
-{"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 '@daikinlab/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;;;;;"}
+{"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,6 +1,6 @@
 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{\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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJ1dHRvbi5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxpQ0FBa0M7QUFDdEM7O0FBRUE7SUFDSTs7O0tBR0M7SUFDRCxXQUFZO0FBQ2hCO0FBQ0E7SUFDSTs7O0tBR0M7QUFDTDtBQUNBO0lBQ0k7OztLQUdDO0FBQ0w7QUFDQTtJQUNJOzs7S0FHQztBQUNMO0FBQ0E7SUFDSTs7O0tBR0M7QUFDTCIsImZpbGUiOiJidXR0b24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJ1dHRvbiB7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHlCYXNlKTtcbn1cblxuLmJ1dHRvbi1wcmltYXJ5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeUFjdGl2ZSxcbiAgICAgICAgdmFyKC0tZGVmYXVsdEJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlBY3RpdmUpXG4gICAgKTtcbiAgICBjb2xvcjogd2hpdGU7XG59XG4uYnV0dG9uLXByaW1hcnk6Zm9jdXMge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcihcbiAgICAgICAgLS1idXR0b25Db2xvckJhY2tncm91bmRQcmltYXJ5Rm9jdXMsXG4gICAgICAgIHZhcigtLWRlZmF1bHRCdXR0b25Db2xvckJhY2tncm91bmRQcmltYXJ5Rm9jdXMpXG4gICAgKTtcbn1cbi5idXR0b24tcHJpbWFyeTpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAtLWJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlIb3ZlcixcbiAgICAgICAgdmFyKC0tZGVmYXVsdEJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlIb3ZlcilcbiAgICApO1xufVxuLmJ1dHRvbi1wcmltYXJ5OmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKFxuICAgICAgICAtLWJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlQcmVzcyxcbiAgICAgICAgdmFyKC0tZGVmYXVsdEJ1dHRvbkNvbG9yQmFja2dyb3VuZFByaW1hcnlQcmVzcylcbiAgICApO1xufVxuLmJ1dHRvbi1wcmltYXJ5OmRpc2FibGVkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoXG4gICAgICAgIC0tYnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeURpc2FibGVkLFxuICAgICAgICB2YXIoLS1kZWZhdWx0QnV0dG9uQ29sb3JCYWNrZ3JvdW5kUHJpbWFyeURpc2FibGVkKVxuICAgICk7XG59XG4iXX0= */";
+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 };

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

@@ -1,21 +1,68 @@
 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: 'primary' | 'secondary' | 'tertiary' | 'primary-danger';
+    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;
-    variant: 'primary' | 'secondary' | 'tertiary' | 'primary-danger';
+    /**
+     * 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>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"daikin-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/daikin-button.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AAuDvD,MAAM,WAAW,iBAAiB;IAC9B;;OAEG;IACH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACjE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,cACM,YAAa,SAAQ,UAAW,YAAW,iBAAiB;IAC9D,MAAM,CAAC,MAAM,0BAkBX;IAGF,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CAAC;IAGjE,QAAQ,UAAS;IAEjB,iBAAiB,IAAI,IAAI;IAmBzB,MAAM;CA0BT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ;AAED,eAAe,YAAY,CAAC"}
+{"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,6 +1,5 @@
 import { __decorate } from '../../_virtual/_tslib.js';
-import { buttonColorBackgroundPrimaryActive, buttonColorBackgroundPrimaryFocus, buttonColorBackgroundPrimaryHover, buttonColorBackgroundPrimaryPress, buttonColorBackgroundPrimaryDisabled } from '../../node_modules/@daikinlab/dds-tokens/build/js/DKN/Light/variables.js';
-import ctl from '../../node_modules/@netlify/classnames-template-literals/dist/classnames-template-literals.esm.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';
@@ -9,61 +8,108 @@ import { property as n } from '../../node_modules/@lit/reactive-element/node/dec
 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 button = ctl(`
-  inline-block
-  font-daikinSerif
-  rounded-lg 
-  text-base
-  px-4
-  py-2
-  shadow-lg
-  tracking-wide 
-  disabled:cursor-default 
-  disabled:shadow-none 
-
-  md:py-3
-  md:px-6
-`);
-const buttonSecondary = ctl(`
-  border-2
-  bg-white
-  text-daikinBlue-500
-  border-daikinBlue-500
-
-  hover:bg-daikinBlue-100
-
-  disabled:bg-white
-  disabled:border-daikinNeutral-300
-  disabled:text-daikinNeutral-400
-  disabled:border
-`);
-const buttonTertiary = ctl(`
-  text-daikinBlue-400
-  bg-none
-  border-none
-  shadow-none
-
-  hover:bg-daikinNeutral-100
-  disabled:bg-transparent
-  disabled:text-daikinNeutral-400
-`);
-const buttonPrimaryDanger = ctl(`
-  bg-daikinRed
-  text-white 
-  hover:bg-daikinRed-400
-  focus:bg-daikinRed-700
-  disabled:bg-daikinNeutral-300
-`);
+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();
@@ -80,26 +126,21 @@ let DaikinButton = DaikinButton_1 = class DaikinButton extends s {
         ];
     }
     render() {
-        let CN = `${button} `;
-        switch (this.variant) {
-            case 'primary':
-                CN += 'button-primary';
-                break;
-            case 'secondary':
-                CN += buttonSecondary;
-                break;
-            case 'tertiary':
-                CN += buttonTertiary;
-                break;
-            case 'primary-danger':
-                CN += buttonPrimaryDanger;
-                break;
-            default:
-                CN += 'button-primary';
+        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="${CN}" ?disabled="${this.disabled}">
-                <slot></slot>
+            <button class="${buttonClassName}" ?disabled="${this.disabled}" type="${this.type}" role="${this.role}">
+                ${content}
             </button>
         `;
     }
@@ -112,6 +153,16 @@ DaikinButton.styles = i `
             --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 })
@@ -119,7 +170,31 @@ __decorate([
 __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

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

@@ -1 +1 @@
-{"version":3,"file":"daikin-button.js","sources":["../../../src/components/button/daikin-button.ts"],"sourcesContent":["import {\n    buttonColorBackgroundPrimaryActive,\n    buttonColorBackgroundPrimaryFocus,\n    buttonColorBackgroundPrimaryHover,\n    buttonColorBackgroundPrimaryPress,\n    buttonColorBackgroundPrimaryDisabled\n} from '@daikinlab/dds-tokens/js/daikin/Light/variables.js';\nimport ctl from '@netlify/classnames-template-literals';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport tailwindStyles from '../../tailwind.css';\nimport styles from './button.css';\n\nconst button = ctl(`\n  inline-block\n  font-daikinSerif\n  rounded-lg \n  text-base\n  px-4\n  py-2\n  shadow-lg\n  tracking-wide \n  disabled:cursor-default \n  disabled:shadow-none \n\n  md:py-3\n  md:px-6\n`);\n\nconst buttonSecondary = ctl(`\n  border-2\n  bg-white\n  text-daikinBlue-500\n  border-daikinBlue-500\n\n  hover:bg-daikinBlue-100\n\n  disabled:bg-white\n  disabled:border-daikinNeutral-300\n  disabled:text-daikinNeutral-400\n  disabled:border\n`);\n\nconst buttonTertiary = ctl(`\n  text-daikinBlue-400\n  bg-none\n  border-none\n  shadow-none\n\n  hover:bg-daikinNeutral-100\n  disabled:bg-transparent\n  disabled:text-daikinNeutral-400\n`);\n\nconst buttonPrimaryDanger = ctl(`\n  bg-daikinRed\n  text-white \n  hover:bg-daikinRed-400\n  focus:bg-daikinRed-700\n  disabled:bg-daikinNeutral-300\n`);\n\nexport interface DaikinButtonProps {\n    /**\n     * Type of action\n     */\n    variant: 'primary' | 'secondary' | 'tertiary' | 'primary-danger';\n    /**\n     * Whether to show the disabled state\n     */\n    disabled?: boolean;\n}\n\n/**\n * Primary UI component for user interaction\n */\n@customElement('daikin-button')\nclass DaikinButton extends LitElement implements DaikinButtonProps {\n    static styles = css`\n        :host {\n            --defaultButtonColorBackgroundPrimaryActive: ${unsafeCSS(\n                buttonColorBackgroundPrimaryActive\n            )};\n            --defaultButtonColorBackgroundPrimaryFocus: ${unsafeCSS(\n                buttonColorBackgroundPrimaryFocus\n            )};\n            --defaultButtonColorBackgroundPrimaryHover: ${unsafeCSS(\n                buttonColorBackgroundPrimaryHover\n            )};\n            --defaultButtonColorBackgroundPrimaryPress: ${unsafeCSS(\n                buttonColorBackgroundPrimaryPress\n            )};\n            --defaultButtonColorBackgroundPrimaryDisabled: ${unsafeCSS(\n                buttonColorBackgroundPrimaryDisabled\n            )};\n        }\n    `;\n\n    @property({ type: String })\n    variant: 'primary' | 'secondary' | 'tertiary' | 'primary-danger';\n\n    @property({ type: Boolean, reflect: true })\n    disabled = false;\n\n    connectedCallback(): void {\n        super.connectedCallback();\n\n        const tailwind = new CSSStyleSheet();\n        tailwind.replace(tailwindStyles);\n\n        const buttonStyles = new CSSStyleSheet();\n        buttonStyles.replaceSync(styles);\n\n        const defaultsVariables = new CSSStyleSheet();\n        defaultsVariables.replaceSync(DaikinButton.styles.cssText);\n\n        (this.renderRoot as ShadowRoot).adoptedStyleSheets = [\n            tailwind,\n            defaultsVariables,\n            buttonStyles\n        ];\n    }\n\n    render() {\n        let CN = `${button} `;\n\n        switch (this.variant) {\n            case 'primary':\n                CN += 'button-primary';\n                break;\n            case 'secondary':\n                CN += buttonSecondary;\n                break;\n            case 'tertiary':\n                CN += buttonTertiary;\n                break;\n            case 'primary-danger':\n                CN += buttonPrimaryDanger;\n                break;\n            default:\n                CN += 'button-primary';\n        }\n\n        return html`\n            <button class=\"${CN}\" ?disabled=\"${this.disabled}\">\n                <slot></slot>\n            </button>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'daikin-button': DaikinButton;\n    }\n}\n\nexport default DaikinButton;\n"],"names":["LitElement","tailwindStyles","styles","html","css","unsafeCSS","property","customElement"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,MAAM,GAAG,GAAG,CAAC,CAAA;;;;;;;;;;;;;;AAclB,CAAA,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,GAAG,CAAC,CAAA;;;;;;;;;;;;AAY3B,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAAG,CAAC,CAAA;;;;;;;;;AAS1B,CAAA,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,GAAG,CAAC,CAAA;;;;;;AAM/B,CAAA,CAAC,CAAC;AAaH;;AAEG;AAEH,IAAM,YAAY,GAAA,cAAA,GAAlB,MAAM,YAAa,SAAQA,CAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QAyBI,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;KA+CpB;IA7CG,iBAAiB,GAAA;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;AAE1B,QAAA,MAAM,QAAQ,GAAG,IAAI,aAAa,EAAE,CAAC;AACrC,QAAA,QAAQ,CAAC,OAAO,CAACC,QAAc,CAAC,CAAC;AAEjC,QAAA,MAAM,YAAY,GAAG,IAAI,aAAa,EAAE,CAAC;AACzC,QAAA,YAAY,CAAC,WAAW,CAACC,UAAM,CAAC,CAAC;AAEjC,QAAA,MAAM,iBAAiB,GAAG,IAAI,aAAa,EAAE,CAAC;QAC9C,iBAAiB,CAAC,WAAW,CAAC,cAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAE1D,QAAA,IAAI,CAAC,UAAyB,CAAC,kBAAkB,GAAG;YACjD,QAAQ;YACR,iBAAiB;YACjB,YAAY;SACf,CAAC;KACL;IAED,MAAM,GAAA;AACF,QAAA,IAAI,EAAE,GAAG,CAAG,EAAA,MAAM,GAAG,CAAC;QAEtB,QAAQ,IAAI,CAAC,OAAO;AAChB,YAAA,KAAK,SAAS;gBACV,EAAE,IAAI,gBAAgB,CAAC;gBACvB,MAAM;AACV,YAAA,KAAK,WAAW;gBACZ,EAAE,IAAI,eAAe,CAAC;gBACtB,MAAM;AACV,YAAA,KAAK,UAAU;gBACX,EAAE,IAAI,cAAc,CAAC;gBACrB,MAAM;AACV,YAAA,KAAK,gBAAgB;gBACjB,EAAE,IAAI,mBAAmB,CAAC;gBAC1B,MAAM;AACV,YAAA;gBACI,EAAE,IAAI,gBAAgB,CAAC;AAC9B,SAAA;AAED,QAAA,OAAOC,CAAI,CAAA,CAAA;6BACU,EAAE,CAAA,aAAA,EAAgB,IAAI,CAAC,QAAQ,CAAA;;;SAGnD,CAAC;KACL;;AAtEM,YAAM,CAAA,MAAA,GAAGC,CAAG,CAAA,CAAA;;2DAEoCC,CAAS,CACpD,kCAAkC,CACrC,CAAA;0DAC6CA,CAAS,CACnD,iCAAiC,CACpC,CAAA;0DAC6CA,CAAS,CACnD,iCAAiC,CACpC,CAAA;0DAC6CA,CAAS,CACnD,iCAAiC,CACpC,CAAA;6DACgDA,CAAS,CACtD,oCAAoC,CACvC,CAAA;;AAER,IAAA,CAlBY,CAkBX;AAGF,UAAA,CAAA;AADC,IAAAC,CAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACsC,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjE,UAAA,CAAA;IADCA,CAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC1B,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAzBf,YAAY,GAAA,cAAA,GAAA,UAAA,CAAA;IADjBC,CAAa,CAAC,eAAe,CAAC;AACzB,CAAA,EAAA,YAAY,CAwEjB"}
+{"version":3,"file":"daikin-button.js","sources":["../../../src/components/button/daikin-button.ts"],"sourcesContent":["import {\n    buttonColorBackgroundPrimaryActive,\n    buttonColorBackgroundPrimaryFocus,\n    buttonColorBackgroundPrimaryHover,\n    buttonColorBackgroundPrimaryPress,\n    buttonColorBackgroundPrimaryDisabled\n} from '@daikin-oss/dds-tokens/js/daikin/Light/variables.js';\nimport { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport tailwindStyles from '../../tailwind.css';\nimport styles from './button.css';\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { OmitNull } from \"../../typeUtils\";\n\nconst 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\"], {\n    variants: {\n        intent: {\n          primary: [\n            \"button-primary\",\n            \"focus-visible:outline-none\"\n          ],\n          secondary: [\n            \"border-2\",\n            \"bg-white\",\n            \"text-daikinBlue-500\",\n            \"border-daikinBlue-500\",\n            \"hover:text-daikinBlue-300\",\n            \"hover:border-daikinBlue-300\",\n            \"active:text-daikinBlue-600\",\n            \"active:border-daikinBlue-600\",\n            \"focus-visible:text-daikinBlue-700\",\n            \"focus-visible:border-daikinBlue-700\",\n            \"disabled:border-daikinNeutral-300\",\n            \"disabled:text-daikinNeutral-400\",\n            \"disabled:border\",\n            \"focus-visible:outline-none\"\n          ],\n          tertiary: [\n            \"text-daikinBlue-400\",\n            \"bg-none\",\n            \"border-none\",\n            \"shadow-none\",\n            \"hover:bg-daikinNeutral-100\",\n            \"disabled:bg-transparent\",\n            \"disabled:text-daikinNeutral-400\",\n          ],\n          primaryDanger: [\n            \"bg-daikinRed\",\n            \"text-white\",\n            \"hover:bg-daikinRed-400\",\n            \"focus-visible:bg-daikinRed-700\",\n            \"disabled:bg-daikinNeutral-300\",\n            \"active:bg-daikinRed-700\",\n            \"focus-visible:outline-none\"\n          ]\n        },\n        size: {\n          default: [\"px-4\", \"text-[14px]\"],\n          condensed: [\"px-[10px]\", \"text-[12px]\"],\n        },\n      },\n      defaultVariants: {\n        intent: \"primary\",\n        size: \"condensed\"\n      }\n});\n\ntype ButtonProps = OmitNull<VariantProps<typeof buttonCN>>;\nexport interface DaikinButtonProps {\n    /**\n     * Type of action\n     */\n    variant?: ButtonProps[\"intent\"];\n    /**\n     * Whether to show the disabled state\n     */\n    disabled?: boolean;\n    href?: string;\n    size?: ButtonProps[\"size\"];\n    type?: 'button' | 'submit' | 'reset';\n    role?: string;\n    isLoading?: boolean;\n}\n\n/**\n * Primary UI component for user interaction\n */\n@customElement('daikin-button')\nclass DaikinButton extends LitElement implements DaikinButtonProps {\n\n    override focus() {\n        this.shadowRoot?.querySelector(\"button\")?.focus();\n    }\n\n    static styles = css`\n        :host {\n            --defaultButtonColorBackgroundPrimaryActive: ${unsafeCSS(\n                buttonColorBackgroundPrimaryActive\n            )};\n            --defaultButtonColorBackgroundPrimaryFocus: ${unsafeCSS(\n                buttonColorBackgroundPrimaryFocus\n            )};\n            --defaultButtonColorBackgroundPrimaryHover: ${unsafeCSS(\n                buttonColorBackgroundPrimaryHover\n            )};\n            --defaultButtonColorBackgroundPrimaryPress: ${unsafeCSS(\n                buttonColorBackgroundPrimaryPress\n            )};\n            --defaultButtonColorBackgroundPrimaryDisabled: ${unsafeCSS(\n                buttonColorBackgroundPrimaryDisabled\n            )};\n        }\n        :host {\n            display: inline-block;\n            width: fit-content;\n            min-height: 42px;\n            height: 1px;\n        }\n\n        :host([size=\"condensed\"]) {\n            min-height: 32px;\n        }\n    `;\n\n    /**\n     * Type of variant.\n     */\n    @property({ type: String })\n    variant: ButtonProps[\"intent\"] = \"primary\"\n    \n    /**\n     * `true` if the button should be disabled.\n     */\n    @property({ type: Boolean, reflect: true })\n    disabled = false\n    \n    /**\n     * Set a icon in the right of button label.\n     */\n    @property({ type: String, reflect: true })\n    rightIcon = \"\";\n    \n    /**\n     * Set a icon in the left of button label.\n     */\n    @property({ type: String, reflect: true })\n    leftIcon = \"\";\n    \n    /**\n     * Link `href`. If present, this button is rendered as `<a>`.\n     */\n    @property({ type: String, reflect: true })\n    href = \"\";\n    \n    /**\n     * Specify the button size.\n     */\n    @property({type: String, reflect: true })\n    size: ButtonProps[\"size\"] = \"default\"\n    \n    /**\n     * Specify the button type.\n     */\n    @property({type: String, reflect: true })\n    type: \"button\" | \"submit\" | \"reset\" = \"button\";\t\n    \n    /**\n     * Specify the button role.\n     */\n    @property({type: String, reflect: true })\n    role: string = \"button\";\n    \n    /**\n     * Specify whether the button is loading.\n     */\n    @property({ type: Boolean })\n    isLoading = false;\n\n    connectedCallback(): void {\n        super.connectedCallback();\n\n        const tailwind = new CSSStyleSheet();\n        tailwind.replace(tailwindStyles);\n\n        const buttonStyles = new CSSStyleSheet();\n        buttonStyles.replaceSync(styles);\n\n        const defaultsVariables = new CSSStyleSheet();\n        defaultsVariables.replaceSync(DaikinButton.styles.cssText);\n\n        (this.renderRoot as ShadowRoot).adoptedStyleSheets = [\n            tailwind,\n            defaultsVariables,\n            buttonStyles\n        ];\n    }\n\n    render() {\n\n        const buttonClassName = buttonCN({intent: this.variant, size: this.size})\n\n        const content = html`\n                        <slot name=\"leftIcon\"></slot>\n                        <span><slot></slot></span>\n                        <slot name=\"rightIcon\"></slot>\n                        `; \n        if(this.href) {\n            return html`\n                <a href=\"${this.href}\" class=\"${buttonClassName}\" role=\"${this.role as AnyRole}\">\n                    ${content}\n                </a>`\n        }\n        return html`\n            <button class=\"${buttonClassName}\" ?disabled=\"${this.disabled}\" type=\"${this.type}\" role=\"${this.role as AnyRole}\">\n                ${content}\n            </button>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'daikin-button': DaikinButton;\n    }\n}\n\nexport default DaikinButton;\n"],"names":["LitElement","tailwindStyles","styles","html","css","unsafeCSS","property","customElement"],"mappings":"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"}

package/dist/components/button/index.d.ts

@@ -1,2 +1,2 @@
-import './daikin-button';
+export { default as DaikinButton } from './daikin-button';
 //# sourceMappingURL=index.d.ts.map