@jigowatts/jigowatts-ui 2.1.2 → 2.3.0

package/README.md

@@ -8,6 +8,27 @@ pnpm install @Jigowatts/jigowatts-ui
 
 で導入することができます
 
+## 変更内容をアプリで確認する方法
+
+このライブラリを変更したあと、実際のアプリ側で反映を確認したいときは、先に `package.json` の `version` を更新してからビルドと pack を実行します。  
+そうすると、ローカルに `jigowatts-jigowatts-ui-<version>.tgz` が作られます。
+
+```shell
+pnpm run vite:build
+pnpm pack
+```
+
+`pnpm run vite:build` で `dist/` を生成し、`pnpm pack` でローカル確認用の成果物を作れます。
+アプリ側では `package.json` に次のように `file:` 形式で指定してインストールし直すことで、変更を反映した状態を確認できます。
+
+```json
+{
+  "@jigowatts/jigowatts-ui": "file:./jigowatts-jigowatts-ui-2.2.1.tgz"
+}
+```
+
+この指定にしたあとで `pnpm install` を実行すると、ローカルの tgz を使って確認できます。
+
 ## storybook
 
 storybookによるドキュメントを生成できます。
@@ -33,3 +54,10 @@ npx http-server .
 ```
 
 や、vscodeのlivepreview機能を利用してhttpサーバ経由でカタログを確認することができます。
+
+## Theme
+
+Theme の詳しい設定方法は [docs/theme.md](docs/theme.md) を見てください。
+palette の詳細は [docs/theme-palette.md](docs/theme-palette.md)、
+semantic の詳細は [docs/theme-semantic.md](docs/theme-semantic.md) を見てください。
+Storybook では `theme/Theme` の下に `Palette`、`SideMenu`、`Semantic Token` が並びます。

package/dist/assets/index11.css

@@ -1 +1 @@
-._errorMessage_1x344_1{color:#de3b35;text-align:center;white-space:pre-line}
+._errorMessage_j3ttm_1{color:var(--jigowatts-color-negative, #de3b35);text-align:center;white-space:pre-line}

package/dist/assets/index17.css

@@ -1 +1 @@
-._inputContainer_1gij2_1{display:flex;flex-direction:column;gap:8px;width:100%}._input_1gij2_1{width:100%;outline:none;padding:16px;border:1px solid #c4c4c4;border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._input_1gij2_1::-moz-placeholder{color:#c4c4c4;font-weight:300}._input_1gij2_1::placeholder{color:#c4c4c4;font-weight:300}._error_1gij2_22{border:1px solid #de3b35}._errorMessage_1gij2_26{color:#de3b35;font-size:12px}
+._inputContainer_1mcgg_1{display:flex;flex-direction:column;gap:8px;width:100%}._input_1mcgg_1{width:100%;box-sizing:border-box;outline:none;padding:16px;border:1px solid var(--jigowatts-color-input-border, #c4c4c4);border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._input_1mcgg_1::-moz-placeholder{color:var(--jigowatts-color-input-placeholder, #c4c4c4);font-weight:300}._input_1mcgg_1::placeholder{color:var(--jigowatts-color-input-placeholder, #c4c4c4);font-weight:300}._error_1mcgg_23{border:1px solid var(--jigowatts-color-negative, #de3b35)}._errorMessage_1mcgg_27{color:var(--jigowatts-color-negative, #de3b35);font-size:12px}

package/dist/assets/index19.css

@@ -1 +1 @@
-._required_1f4sr_1{font-size:12px;color:#de3b35}
+._required_18kq5_1{font-size:12px;color:var(--jigowatts-color-negative, #de3b35)}

package/dist/assets/index2.css

@@ -1 +1 @@
-._inputContainer_qfvgb_1{display:flex;flex-direction:column;gap:8px;width:100%}._textArea_qfvgb_8{width:100%;outline:none;padding:16px;border:1px solid #c4c4c4;border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._textArea_qfvgb_8::-moz-placeholder{color:#c4c4c4;font-weight:300}._textArea_qfvgb_8::placeholder{color:#c4c4c4;font-weight:300}._error_qfvgb_22{border:1px solid #de3b35}._errorMessage_qfvgb_26{color:#de3b35;font-size:12px}
+._inputContainer_1kt9j_1{display:flex;flex-direction:column;gap:8px;width:100%}._textArea_1kt9j_8{width:100%;box-sizing:border-box;outline:none;padding:16px;border:1px solid var(--jigowatts-color-input-border, #c4c4c4);border-radius:8px;font-family:Noto Sans JP,sans-serif;font-size:16px}._textArea_1kt9j_8::-moz-placeholder{color:var(--jigowatts-color-input-placeholder, #c4c4c4);font-weight:300}._textArea_1kt9j_8::placeholder{color:var(--jigowatts-color-input-placeholder, #c4c4c4);font-weight:300}._error_1kt9j_23{border:1px solid var(--jigowatts-color-negative, #de3b35)}._errorMessage_1kt9j_27{color:var(--jigowatts-color-negative, #de3b35);font-size:12px}

package/dist/assets/index20.css

@@ -1 +1 @@
-._container_1gimn_1{display:flex;flex-direction:column;gap:10px}._label_1gimn_7{font-weight:600;font-size:small;color:#363636}._label_1gimn_7 ._required_1gimn_12{color:#de3b35}._content_1gimn_16{font-size:small;font-weight:300;display:contents;white-space:pre-line;word-wrap:break-word}
+._container_1q7vi_1{display:flex;flex-direction:column;gap:10px}._label_1q7vi_7{font-weight:600;font-size:small;color:var(--jigowatts-color-text-secondary, #363636)}._label_1q7vi_7 ._required_1q7vi_12{color:var(--jigowatts-color-negative, #de3b35)}._content_1q7vi_16{font-size:small;font-weight:300;display:contents;white-space:pre-line;word-wrap:break-word}

package/dist/assets/index21.css

@@ -1 +1 @@
-._overlay_igez4_1{width:100vw;height:100vh;background-color:#00000080;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center}
+._overlay_s4zdy_1{width:100vw;height:100vh;background-color:var(--jigowatts-color-overlay, rgba(0, 0, 0, .5));position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center}

package/dist/assets/index25.css

@@ -1 +1 @@
-._inputContainer_18h3l_1{display:flex;flex-direction:column;gap:8px;width:100%}._radioGroup_18h3l_8{display:flex;align-items:center;gap:16px 40px;flex-wrap:wrap}._radio_18h3l_8{display:flex;align-items:center;gap:8px}._input_18h3l_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:24px;height:24px;padding:6px;background-clip:content-box;border:1px solid #c4c4c4;border-radius:50%}._input_18h3l_1:checked{background-color:#354e57}._error_18h3l_36{border:1px solid #de3b35}._errorMessage_18h3l_40{color:#de3b35;font-size:12px}
+._inputContainer_8ghgd_1{display:flex;flex-direction:column;gap:8px;width:100%}._radioGroup_8ghgd_8{display:flex;align-items:center;gap:16px 40px;flex-wrap:wrap}._radio_8ghgd_8{display:flex;align-items:center;gap:8px}._input_8ghgd_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:24px;height:24px;padding:6px;background-clip:content-box;border:1px solid var(--jigowatts-color-input-border, #c4c4c4);border-radius:50%}._input_8ghgd_1:checked{background-color:var(--jigowatts-color-radio-checked, #354e57)}._error_8ghgd_36{border:1px solid var(--jigowatts-color-negative, #de3b35)}._errorMessage_8ghgd_40{color:var(--jigowatts-color-negative, #de3b35);font-size:12px}

package/dist/assets/index28.css

@@ -1 +1 @@
-@charset "UTF-8";._inputContainer_1sj6d_2{display:flex;flex-direction:column;gap:8px;width:100%}._selectWrapper_1sj6d_9{display:flex;position:relative;align-items:center}._selectWrapper_1sj6d_9:after{content:"▼";font-size:11px;color:#000;right:8px;padding:8px 0;position:absolute}._select_1sj6d_9{-webkit-appearance:none;width:100%;font-family:Noto Sans JP,sans-serif;font-size:16px;color:#000;padding:4px 16px 4px 8px;border:1px solid #c4c4c4;border-radius:8px;background-color:#fff;text-overflow:ellipsis}._placeholder_1sj6d_36{color:gray}._error_1sj6d_40{border:1px solid #de3b35}._errorMessage_1sj6d_44{color:#de3b35;font-size:12px}
+@charset "UTF-8";._inputContainer_5mxj8_2{display:flex;flex-direction:column;gap:8px;width:100%}._selectWrapper_5mxj8_9{display:flex;position:relative;align-items:center}._selectWrapper_5mxj8_9:after{content:"▼";font-size:11px;color:var(--jigowatts-color-text, #000000);right:8px;padding:8px 0;position:absolute}._select_5mxj8_9{-webkit-appearance:none;width:100%;box-sizing:border-box;font-family:Noto Sans JP,sans-serif;font-size:16px;color:var(--jigowatts-color-text, #000000);padding:4px 16px 4px 8px;border:1px solid var(--jigowatts-color-input-border, #c4c4c4);border-radius:8px;background-color:var(--jigowatts-color-surface, #ffffff);text-overflow:ellipsis}._placeholder_5mxj8_37{color:var(--jigowatts-color-text-muted, gray)}._error_5mxj8_41{border:1px solid var(--jigowatts-color-negative, #de3b35)}._errorMessage_5mxj8_45{color:var(--jigowatts-color-negative, #de3b35);font-size:12px}

package/dist/assets/index33.css

@@ -1 +1 @@
-._paginationWrapper_vmodx_1{display:flex;justify-content:center;gap:20px;list-style:none}@media (max-width: 1024px){._paginationWrapper_vmodx_1{gap:4px}}._pageLink_vmodx_13{width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}@media (max-width: 1024px){._pageLink_vmodx_13{width:32px;height:32px}}._paginationItem_vmodx_29{border-radius:100%}._paginationItem_vmodx_29 ._pageLink_vmodx_13{color:#071d2e}._paginationItem_vmodx_29._white_vmodx_35{border:1px solid #fff}._paginationItem_vmodx_29._white_vmodx_35 ._pageLink_vmodx_13{color:#fff}._paginationItem_vmodx_29:hover{background-color:#071d2e}._paginationItem_vmodx_29:hover ._pageLink_vmodx_13{color:#fff}._paginationItem_vmodx_29:hover._white_vmodx_35{background-color:#fff}._paginationItem_vmodx_29:hover._white_vmodx_35 ._pageLink_vmodx_13{color:#071d2e}._arrow_vmodx_55:hover{background-color:#071d2e;border-radius:100%;color:#fff}._paginationItemActive_vmodx_61{background-color:#071d2e}._paginationItemActive_vmodx_61 ._pageLink_vmodx_13{color:#fff}._paginationItemActive_vmodx_61._white_vmodx_35{background-color:#fff}._paginationItemActive_vmodx_61._white_vmodx_35 ._pageLink_vmodx_13{color:#071d2e}._disable_vmodx_74{color:#d3d3d3;pointer-events:none}._marginLeft_vmodx_79{margin-left:16px}._marginRight_vmodx_83{margin-right:16px}
+._paginationWrapper_1xjjw_1{display:flex;justify-content:center;gap:20px;list-style:none}@media (max-width: 1024px){._paginationWrapper_1xjjw_1{gap:4px}}._pageLink_1xjjw_13{width:30px;height:30px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}@media (max-width: 1024px){._pageLink_1xjjw_13{width:32px;height:32px}}._paginationItem_1xjjw_29{border-radius:100%}._paginationItem_1xjjw_29 ._pageLink_1xjjw_13{color:var(--jigowatts-color-text, #000)}._paginationItem_1xjjw_29._white_1xjjw_35{border:1px solid var(--jigowatts-color-pagination-contrast-text, #fff)}._paginationItem_1xjjw_29._white_1xjjw_35 ._pageLink_1xjjw_13{color:var(--jigowatts-color-text, #000)}._paginationItem_1xjjw_29:hover{background-color:var(--jigowatts-color-pagination-selected, #071d2e)}._paginationItem_1xjjw_29:hover ._pageLink_1xjjw_13{color:var(--jigowatts-color-pagination-contrast-text, #fff)}._paginationItem_1xjjw_29:hover._white_1xjjw_35{background-color:var(--jigowatts-color-pagination-contrast-text, #fff)}._paginationItem_1xjjw_29:hover._white_1xjjw_35 ._pageLink_1xjjw_13{color:var(--jigowatts-color-text, #000)}._arrow_1xjjw_55:hover{background-color:var(--jigowatts-color-pagination-selected, #071d2e);border-radius:100%;color:var(--jigowatts-color-pagination-contrast-text, white)}._paginationItemActive_1xjjw_61{background-color:var(--jigowatts-color-pagination-selected, #071d2e)}._paginationItemActive_1xjjw_61 ._pageLink_1xjjw_13{color:var(--jigowatts-color-pagination-contrast-text, #fff)}._paginationItemActive_1xjjw_61._white_1xjjw_35{background-color:var(--jigowatts-color-pagination-contrast-text, #fff)}._paginationItemActive_1xjjw_61._white_1xjjw_35 ._pageLink_1xjjw_13{color:var(--jigowatts-color-text, #000)}._disable_1xjjw_74{color:var(--jigowatts-color-pagination-disabled, lightgray);pointer-events:none}._marginLeft_1xjjw_79{margin-left:16px}._marginRight_1xjjw_83{margin-right:16px}

package/dist/assets/index4.css

@@ -1 +1 @@
-._sideMenu_1qefs_1{height:100vh;background-color:#fff;overflow-y:auto}._logo_1qefs_7{height:56px;padding:16px}._logoImage_1qefs_12{-o-object-fit:contain;object-fit:contain}._menus_1qefs_16{display:flex;flex-direction:column;gap:8px;margin:32px 0}._menuTitle_1qefs_23{padding:8px 16px;font-size:10px;font-weight:700;color:#000;margin-top:8px}._menuItem_1qefs_31{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#000}._menuItem_1qefs_31:hover{background-color:#6471e833;color:#000;border-radius:0 100px 100px 0}._selected_1qefs_45{background-color:#6672e8;color:#fff;border-radius:0 100px 100px 0}
+._sideMenu_i4h48_1{height:100vh;background-color:var(--jigowatts-color-surface, white);overflow-y:auto}._logo_i4h48_7{height:56px;padding:16px}._logoImage_i4h48_12{-o-object-fit:contain;object-fit:contain}._menus_i4h48_16{display:flex;flex-direction:column;gap:8px;margin:32px 0}._menuTitle_i4h48_23{padding:8px 16px;font-size:10px;font-weight:700;color:var(--jigowatts-color-text, #000);margin-top:8px}._menuItem_i4h48_31{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--jigowatts-color-text, #000)}._menuItem_i4h48_31:hover{background-color:var(--jigowatts-color-primary-hover, rgba(100, 113, 232, .2));color:var(--jigowatts-color-text, #000);border-radius:0 100px 100px 0}._selected_i4h48_45{background-color:var(--jigowatts-color-primary, #6672e8);color:var(--jigowatts-color-primary-contrast, white);border-radius:0 100px 100px 0}

package/dist/assets/index6.css

@@ -1 +1 @@
-._container_89suu_1{background:#fff;border:1px solid #ccc}._header_89suu_6{padding:8px 16px!important;min-height:0!important;font-size:small;font-weight:800;display:flex;align-items:center;justify-content:space-between}._header_89suu_6 div{margin:0!important}._mainContent_89suu_19{border-top:1px solid #ccc;padding:16px 24px!important;display:flex;flex-direction:column;gap:32px}._searchForm_89suu_27{display:flex;flex-direction:column;gap:32px}._inputItems_89suu_33{display:grid;gap:16px 48px;grid-template-columns:1fr 1fr 1fr}._clearButton_89suu_39{text-align:center;padding:4px 8px;background:#fff;border:1px solid #6672e8;border-radius:5px;color:#6672e8}._submitButton_89suu_48{align-items:center;justify-content:center;background:#6672e8;color:#fff;padding:4px 8px;border:none;border-radius:5px;transition:background-color .2s}@media (max-width: 1600px){._inputItems_89suu_33{grid-template-columns:1fr 1fr}}@media (max-width: 800px){._inputItems_89suu_33{grid-template-columns:1fr}}
+._container_vj5gz_1{background:var(--jigowatts-color-surface, white);border:1px solid var(--jigowatts-color-border, #ccc)}._header_vj5gz_6{padding:8px 16px!important;min-height:0!important;font-size:small;font-weight:800;display:flex;align-items:center;justify-content:space-between}._header_vj5gz_6 div{margin:0!important}._mainContent_vj5gz_19{border-top:1px solid #ccc;padding:16px 24px!important;display:flex;flex-direction:column;gap:32px}._searchForm_vj5gz_27{display:flex;flex-direction:column;gap:32px}._inputItems_vj5gz_33{display:grid;gap:16px 48px;grid-template-columns:1fr 1fr 1fr}._clearButton_vj5gz_39{text-align:center;padding:4px 8px;background:var(--jigowatts-color-surface, white);border-radius:5px;width:128px}._submitButton_vj5gz_47{align-items:center;justify-content:center;padding:4px 8px;border:none;border-radius:5px;transition:background-color .2s;width:128px}@media (max-width: 1600px){._inputItems_vj5gz_33{grid-template-columns:1fr 1fr}}@media (max-width: 800px){._inputItems_vj5gz_33{grid-template-columns:1fr}}

package/dist/components/Button/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),t=require("@mui/material"),{palette:s}=t.createTheme(),{augmentColor:i}=s,e=(r,o="#fff")=>i({color:{main:r,contrastText:o}}),u=t.createTheme({palette:{primary:e("#6672E8"),secondary:e("#00AD79"),thirdly:e("#1E2D50"),normal:e("#808181"),negative:e("#CA0000")}}),a=r=>{const{children:o,color:c="primary",...l}=r;return n.jsx(t.ThemeProvider,{theme:u,children:n.jsx(t.Button,{...l,color:c,children:o})})};exports.Button=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("@mui/material"),c=require("@mui/material/styles"),l=require("../../theme/index.cjs.js"),t=r=>{const{children:o,color:s="primary",...u}=r,{muiTheme:n}=l.useJigowattsTheme();return e.jsx(c.ThemeProvider,{theme:n,children:e.jsx(i.Button,{...u,color:s,children:o})})};exports.Button=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Button/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":"4KA0BM,CAAE,QAAAA,CAAA,EAAYC,cAAA,EACd,CAAE,aAAAC,GAAiBF,EACnBG,EAAc,CAACC,EAAmBC,EAAuB,SAC7DH,EAAa,CAAE,MAAO,CAAE,KAAME,EAAW,aAAAC,CAAA,EAA8B,EACnEC,EAAQL,EAAAA,YAAY,CACxB,QAAS,CACP,QAASE,EAAY,SAAS,EAC9B,UAAWA,EAAY,SAAS,EAChC,QAASA,EAAY,SAAS,EAC9B,OAAQA,EAAY,SAAS,EAC7B,SAAUA,EAAY,SAAS,CAAA,CAEnC,CAAC,EAgBYI,EAAUC,GAAuB,CAC5C,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQ,UAAW,GAAGC,GAAgBH,EAExD,OACEI,EAAAA,IAACC,EAAAA,eAAc,MAAAP,EACb,SAAAM,EAAAA,IAACE,UAAW,GAAGH,EAAa,MAAAD,EACzB,SAAAD,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n} from \"@mui/material\";\nimport { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\n\nimport { useJigowattsTheme } from \"../../theme\";\n\ntype ButtonProps = MuiButtonProps;\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n  const { muiTheme } = useJigowattsTheme();\n\n  return (\n    <MuiThemeProvider theme={muiTheme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </MuiThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["Button","props","children","color","buttonProps","muiTheme","useJigowattsTheme","jsx","MuiThemeProvider","MuiButton"],"mappings":"oPAaaA,EAAUC,GAAuB,CAC5C,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQ,UAAW,GAAGC,GAAgBH,EAClD,CAAE,SAAAI,CAAA,EAAaC,oBAAA,EAErB,OACEC,EAAAA,IAACC,EAAAA,cAAA,CAAiB,MAAOH,EACvB,SAAAE,EAAAA,IAACE,EAAAA,QAAW,GAAGL,EAAa,MAAAD,EACzB,SAAAD,CAAA,CACH,CAAA,CACF,CAEJ"}

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

@@ -1,26 +1,6 @@
-import { ButtonProps as MuiButtonProps, PaletteColorOptions } from '@mui/material';
+import { ButtonProps as MuiButtonProps } from '@mui/material';
 
-declare module "@mui/material/styles" {
-    interface CustomPalette {
-        thirdly: PaletteColorOptions;
-        normal: PaletteColorOptions;
-        negative: PaletteColorOptions;
-    }
-    interface Palette extends CustomPalette {
-    }
-    interface PaletteOptions extends CustomPalette {
-    }
-}
-declare module "@mui/material/Button" {
-    interface ButtonPropsColorOverrides {
-        thirdly: true;
-        normal: true;
-        negative: true;
-    }
-}
-type ButtonProps = MuiButtonProps & {
-    color?: "primary" | "secondary" | "thirdly" | "normal" | "negative" | "error" | "warning";
-};
+type ButtonProps = MuiButtonProps;
 /** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。
  * primary, secondary, thirdly , normal, negative
  */

package/dist/components/Button/index.es.js

@@ -1,16 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createTheme as n, ThemeProvider as m, Button as l } from "@mui/material";
-const { palette: s } = n(), { augmentColor: i } = s, t = (o, r = "#fff") => i({ color: { main: o, contrastText: r } }), p = n({
-  palette: {
-    primary: t("#6672E8"),
-    secondary: t("#00AD79"),
-    thirdly: t("#1E2D50"),
-    normal: t("#808181"),
-    negative: t("#CA0000")
-  }
-}), f = (o) => {
-  const { children: r, color: a = "primary", ...c } = o;
-  return /* @__PURE__ */ e(m, { theme: p, children: /* @__PURE__ */ e(l, { ...c, color: a, children: r }) });
+import { jsx as o } from "react/jsx-runtime";
+import { Button as n } from "@mui/material";
+import { ThemeProvider as s } from "@mui/material/styles";
+import { useJigowattsTheme as u } from "../../theme/index.es.js";
+const f = (t) => {
+  const { children: r, color: e = "primary", ...m } = t, { muiTheme: i } = u();
+  return /* @__PURE__ */ o(s, { theme: i, children: /* @__PURE__ */ o(n, { ...m, color: e, children: r }) });
 };
 export {
   f as Button,

package/dist/components/Button/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  createTheme,\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n  PaletteColorOptions,\n  ThemeProvider,\n} from \"@mui/material\";\n\ndeclare module \"@mui/material/styles\" {\n  interface CustomPalette {\n    thirdly: PaletteColorOptions;\n    normal: PaletteColorOptions;\n    negative: PaletteColorOptions;\n  }\n  interface Palette extends CustomPalette {}\n  interface PaletteOptions extends CustomPalette {}\n}\n\ndeclare module \"@mui/material/Button\" {\n  interface ButtonPropsColorOverrides {\n    thirdly: true;\n    normal: true;\n    negative: true;\n  }\n}\n\nconst { palette } = createTheme();\nconst { augmentColor } = palette;\nconst createColor = (mainColor: string, contrastText: string = \"#fff\") =>\n  augmentColor({ color: { main: mainColor, contrastText: contrastText } });\nconst theme = createTheme({\n  palette: {\n    primary: createColor(\"#6672E8\"),\n    secondary: createColor(\"#00AD79\"),\n    thirdly: createColor(\"#1E2D50\"),\n    normal: createColor(\"#808181\"),\n    negative: createColor(\"#CA0000\"),\n  },\n});\n\ntype ButtonProps = MuiButtonProps & {\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"thirdly\"\n    | \"normal\"\n    | \"negative\"\n    | \"error\"\n    | \"warning\";\n};\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </ThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["palette","createTheme","augmentColor","createColor","mainColor","contrastText","theme","Button","props","children","color","buttonProps","jsx","ThemeProvider","MuiButton"],"mappings":";;AA0BA,MAAM,EAAE,SAAAA,EAAA,IAAYC,EAAA,GACd,EAAE,cAAAC,MAAiBF,GACnBG,IAAc,CAACC,GAAmBC,IAAuB,WAC7DH,EAAa,EAAE,OAAO,EAAE,MAAME,GAAW,cAAAC,EAAA,GAA8B,GACnEC,IAAQL,EAAY;AAAA,EACxB,SAAS;AAAA,IACP,SAASE,EAAY,SAAS;AAAA,IAC9B,WAAWA,EAAY,SAAS;AAAA,IAChC,SAASA,EAAY,SAAS;AAAA,IAC9B,QAAQA,EAAY,SAAS;AAAA,IAC7B,UAAUA,EAAY,SAAS;AAAA,EAAA;AAEnC,CAAC,GAgBYI,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,WAAW,GAAGC,MAAgBH;AAExD,SACE,gBAAAI,EAACC,KAAc,OAAAP,GACb,UAAA,gBAAAM,EAACE,KAAW,GAAGH,GAAa,OAAAD,GACzB,UAAAD,EAAA,CACH,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import {\n  Button as MuiButton,\n  ButtonProps as MuiButtonProps,\n} from \"@mui/material\";\nimport { ThemeProvider as MuiThemeProvider } from \"@mui/material/styles\";\n\nimport { useJigowattsTheme } from \"../../theme\";\n\ntype ButtonProps = MuiButtonProps;\n\n/** MuiButtonを継承したプロジェクトのテーマカラーを適用したボタンです。\n * primary, secondary, thirdly , normal, negative\n */\nexport const Button = (props: ButtonProps) => {\n  const { children, color = \"primary\", ...buttonProps } = props;\n  const { muiTheme } = useJigowattsTheme();\n\n  return (\n    <MuiThemeProvider theme={muiTheme}>\n      <MuiButton {...buttonProps} color={color}>\n        {children}\n      </MuiButton>\n    </MuiThemeProvider>\n  );\n};\n\nexport default Button;\n"],"names":["Button","props","children","color","buttonProps","muiTheme","useJigowattsTheme","jsx","MuiThemeProvider","MuiButton"],"mappings":";;;;AAaO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQ,WAAW,GAAGC,MAAgBH,GAClD,EAAE,UAAAI,EAAA,IAAaC,EAAA;AAErB,SACE,gBAAAC,EAACC,GAAA,EAAiB,OAAOH,GACvB,UAAA,gBAAAE,EAACE,KAAW,GAAGL,GAAa,OAAAD,GACzB,UAAAD,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/components/ErrorMessage/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const o=require("react/jsx-runtime"),t="_errorMessage_1x344_1",a={errorMessage:t},e=r=>{const{errorMessage:s}=r;return o.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index11.css');const t=require("react/jsx-runtime"),o="_errorMessage_j3ttm_1",a={errorMessage:o},e=r=>{const{errorMessage:s}=r;return t.jsx("p",{className:a.errorMessage,children:s})};exports.ErrorMessage=e;exports.default=e;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/ErrorMessage/index.es.js

@@ -1,9 +1,9 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../assets/index11.css';const o = "_errorMessage_1x344_1", a = {
+import '../../assets/index11.css';const o = "_errorMessage_j3ttm_1", t = {
   errorMessage: o
 }, c = (r) => {
   const { errorMessage: e } = r;
-  return /* @__PURE__ */ s("p", { className: a.errorMessage, children: e });
+  return /* @__PURE__ */ s("p", { className: t.errorMessage, children: e });
 };
 export {
   c as ErrorMessage,

package/dist/components/Input/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index17.css');const s=require("react/jsx-runtime"),_=require("classnames"),g="_inputContainer_1gij2_1",m="_input_1gij2_1",d="_error_1gij2_22",j="_errorMessage_1gij2_26",e={inputContainer:g,input:m,error:d,errorMessage:j},t=n=>{const{type:o,id:i,name:a,autoComplete:u,register:c,placeholder:l,maxLength:p,errorMessage:r}=n;return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("input",{type:o,id:i,name:a,autoComplete:u,...c,className:_(e.input,{[e.error]:r}),placeholder:l,maxLength:p}),r&&s.jsx("small",{className:e.errorMessage,children:r})]})};exports.Input=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index17.css');const s=require("react/jsx-runtime"),p=require("classnames"),m="_inputContainer_1mcgg_1",_="_input_1mcgg_1",d="_error_1mcgg_23",M="_errorMessage_1mcgg_27",e={inputContainer:m,input:_,error:d,errorMessage:M},t=n=>{const{type:o,id:a,name:i,autoComplete:u,register:c,placeholder:l,maxLength:g,errorMessage:r}=n;return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("input",{type:o,id:a,name:i,autoComplete:u,...c,className:p(e.input,{[e.error]:r}),placeholder:l,maxLength:g}),r&&s.jsx("small",{className:e.errorMessage,children:r})]})};exports.Input=t;exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Input/index.es.js

@@ -1,22 +1,22 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import m from "classnames";
-import '../../assets/index17.css';const _ = "_inputContainer_1gij2_1", g = "_input_1gij2_1", d = "_error_1gij2_22", j = "_errorMessage_1gij2_26", r = {
-  inputContainer: _,
-  input: g,
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import l from "classnames";
+import '../../assets/index17.css';const u = "_inputContainer_1mcgg_1", _ = "_input_1mcgg_1", d = "_error_1mcgg_23", C = "_errorMessage_1mcgg_27", r = {
+  inputContainer: u,
+  input: _,
   error: d,
-  errorMessage: j
-}, h = (t) => {
+  errorMessage: C
+}, x = (t) => {
   const {
     type: n,
     id: o,
     name: a,
     autoComplete: i,
-    register: p,
-    placeholder: c,
-    maxLength: l,
+    register: c,
+    placeholder: m,
+    maxLength: p,
     errorMessage: e
   } = t;
-  return /* @__PURE__ */ u("div", { className: r.inputContainer, children: [
+  return /* @__PURE__ */ g("div", { className: r.inputContainer, children: [
     /* @__PURE__ */ s(
       "input",
       {
@@ -24,17 +24,17 @@ import '../../assets/index17.css';const _ = "_inputContainer_1gij2_1", g = "_inp
         id: o,
         name: a,
         autoComplete: i,
-        ...p,
-        className: m(r.input, { [r.error]: e }),
-        placeholder: c,
-        maxLength: l
+        ...c,
+        className: l(r.input, { [r.error]: e }),
+        placeholder: m,
+        maxLength: p
       }
     ),
     e && /* @__PURE__ */ s("small", { className: r.errorMessage, children: e })
   ] });
 };
 export {
-  h as Input,
-  h as default
+  x as Input,
+  x as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/InputController/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),g=require("@mui/icons-material"),t=require("@mui/material"),F=require("react-hook-form"),C=m=>{const{control:x,type:l,textareaOption:r,name:v,autoComplete:h,placeholder:p,defaultValue:i,emptyValue:u,inputProps:e}=m,s=u===void 0&&i!==void 0?null:u;return n.jsx(F.Controller,{control:x,name:v,defaultValue:i,render:({field:o,fieldState:d})=>{var c;return n.jsxs(t.FormControl,{error:d.invalid,children:[n.jsx(t.TextField,{...o,type:l==="textarea"?void 0:l,multiline:l==="textarea",autoComplete:h,placeholder:p,value:o.value??"",onChange:a=>{o.onChange(a),a.target.value?o.onChange(a):o.onChange(s)},InputProps:{...e,rows:r?r.rows:void 0,minRows:r?r.minRows:void 0,maxRows:r?r.minRows:void 0,endAdornment:o.value&&!(e!=null&&e.readOnly)&&!(e!=null&&e.disabled)?n.jsx(t.InputAdornment,{position:"end",children:n.jsx(t.IconButton,{onClick:()=>o.onChange(s),edge:"end",children:n.jsx(g.Clear,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"#CCCCCC"},"& .MuiInputBase-root":{backgroundColor:"#FFFFFF"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px white inset"}},fullWidth:!0}),n.jsx(t.FormHelperText,{children:(c=d.error)==null?void 0:c.message})]})}})};exports.InputController=C;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),w=require("@mui/icons-material"),n=require("@mui/material"),h=require("react-hook-form"),v=m=>{const{control:C,type:a,textareaOption:r,name:x,autoComplete:p,placeholder:g,defaultValue:l,emptyValue:i,inputProps:e}=m,u=i===void 0&&l!==void 0?null:i;return o.jsx(h.Controller,{control:C,name:x,defaultValue:l,render:({field:t,fieldState:s})=>{var d;return o.jsxs(n.FormControl,{error:s.invalid,children:[o.jsx(n.TextField,{...t,type:a==="textarea"?void 0:a,multiline:a==="textarea",autoComplete:p,placeholder:g,value:t.value??"",onChange:j=>{const c=j.target.value;t.onChange(c||u)},InputProps:{...e,rows:r?r.rows:void 0,minRows:r?r.minRows:void 0,maxRows:r?r.minRows:void 0,endAdornment:t.value&&!(e!=null&&e.readOnly)&&!(e!=null&&e.disabled)?o.jsx(n.InputAdornment,{position:"end",children:o.jsx(n.IconButton,{onClick:()=>t.onChange(u),edge:"end",children:o.jsx(w.Clear,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"var(--jigowatts-color-border, #CCCCCC)"},"& .MuiInputBase-root":{backgroundColor:"var(--jigowatts-color-surface, #FFFFFF)"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px var(--jigowatts-color-surface, white) inset"}},fullWidth:!0}),o.jsx(n.FormHelperText,{children:(d=s.error)==null?void 0:d.message})]})}})};exports.InputController=v;exports.default=v;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/InputController/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n  rows?: number;\n  minRows?: number;\n  maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  type: Type;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue?: PathValue<T, FieldPath<T>>;\n  emptyValue?: \"\" | null | undefined;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n  const {\n    control,\n    type,\n    textareaOption,\n    name,\n    autoComplete,\n    placeholder,\n    defaultValue,\n    emptyValue,\n    inputProps,\n  } = props;\n\n  const convertedEmptyValue =\n    emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={type === \"textarea\" ? undefined : type}\n            multiline={type === \"textarea\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            onChange={(e) => {\n              field.onChange(e);\n              e.target.value\n                ? field.onChange(e)\n                : field.onChange(convertedEmptyValue);\n            }}\n            InputProps={{\n              ...inputProps,\n              rows: textareaOption ? textareaOption.rows : undefined,\n              minRows: textareaOption ? textareaOption.minRows : undefined,\n              maxRows: textareaOption ? textareaOption.minRows : undefined,\n              endAdornment:\n                field.value &&\n                !inputProps?.readOnly &&\n                !inputProps?.disabled ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      onClick={() => field.onChange(convertedEmptyValue)}\n                      edge=\"end\"\n                    >\n                      <Clear />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"#CCCCCC\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"#FFFFFF\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow: \"0 0 0 1000px white inset\",\n              },\n            }}\n            fullWidth={true}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":"0OA0CaA,EAA0CC,GAAoB,CACzE,KAAM,CACJ,QAAAC,EACA,KAAAC,EACA,eAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACET,EAEEU,EACJF,IAAe,QAAaD,IAAiB,OAAY,KAAOC,EAElE,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAX,EACA,KAAAG,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAM,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,UAAA,CACE,GAAGJ,EACJ,KAAMX,IAAS,WAAa,OAAYA,EACxC,UAAWA,IAAS,WACpB,aAAAG,EACA,YAAAC,EACA,MAAOO,EAAM,OAAS,GACtB,SAAWK,GAAM,CACfL,EAAM,SAASK,CAAC,EAChBA,EAAE,OAAO,MACLL,EAAM,SAASK,CAAC,EAChBL,EAAM,SAASH,CAAmB,CACxC,EACA,WAAY,CACV,GAAGD,EACH,KAAMN,EAAiBA,EAAe,KAAO,OAC7C,QAASA,EAAiBA,EAAe,QAAU,OACnD,QAASA,EAAiBA,EAAe,QAAU,OACnD,aACEU,EAAM,OACN,EAACJ,GAAA,MAAAA,EAAY,WACb,EAACA,GAAA,MAAAA,EAAY,UACXE,EAAAA,IAACQ,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAR,EAAAA,IAACS,EAAAA,WAAA,CACC,QAAS,IAAMP,EAAM,SAASH,CAAmB,EACjD,KAAK,MAEL,eAACW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EACE,MAAA,EAER,GAAI,CACF,+BAAgC,CAC9B,YAAa,SAAA,EAEf,uBAAwB,CACtB,gBAAiB,SAAA,EAEnB,yBAA0B,CACxB,gBAAiB,0BAAA,CACnB,EAEF,UAAW,EAAA,CAAA,EAEbV,EAAAA,IAACW,EAAAA,eAAA,CAAgB,UAAAC,EAAAT,EAAW,QAAX,YAAAS,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n  rows?: number;\n  minRows?: number;\n  maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  type: Type;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue?: PathValue<T, FieldPath<T>>;\n  emptyValue?: \"\" | null | undefined;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n  const {\n    control,\n    type,\n    textareaOption,\n    name,\n    autoComplete,\n    placeholder,\n    defaultValue,\n    emptyValue,\n    inputProps,\n  } = props;\n\n  const convertedEmptyValue =\n    emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={type === \"textarea\" ? undefined : type}\n            multiline={type === \"textarea\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            onChange={(e) => {\n              const value = e.target.value;\n              field.onChange(value ? value : convertedEmptyValue);\n            }}\n            InputProps={{\n              ...inputProps,\n              rows: textareaOption ? textareaOption.rows : undefined,\n              minRows: textareaOption ? textareaOption.minRows : undefined,\n              maxRows: textareaOption ? textareaOption.minRows : undefined,\n              endAdornment:\n                field.value &&\n                !inputProps?.readOnly &&\n                !inputProps?.disabled ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      onClick={() => field.onChange(convertedEmptyValue)}\n                      edge=\"end\"\n                    >\n                      <Clear />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"var(--jigowatts-color-border, #CCCCCC)\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"var(--jigowatts-color-surface, #FFFFFF)\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow:\n                  \"0 0 0 1000px var(--jigowatts-color-surface, white) inset\",\n              },\n            }}\n            fullWidth={true}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","value","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":"0OA0CaA,EAA0CC,GAAoB,CACzE,KAAM,CACJ,QAAAC,EACA,KAAAC,EACA,eAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACET,EAEEU,EACJF,IAAe,QAAaD,IAAiB,OAAY,KAAOC,EAElE,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAX,EACA,KAAAG,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAM,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,UAAA,CACE,GAAGJ,EACJ,KAAMX,IAAS,WAAa,OAAYA,EACxC,UAAWA,IAAS,WACpB,aAAAG,EACA,YAAAC,EACA,MAAOO,EAAM,OAAS,GACtB,SAAWK,GAAM,CACf,MAAMC,EAAQD,EAAE,OAAO,MACvBL,EAAM,SAASM,GAAgBT,CAAmB,CACpD,EACA,WAAY,CACV,GAAGD,EACH,KAAMN,EAAiBA,EAAe,KAAO,OAC7C,QAASA,EAAiBA,EAAe,QAAU,OACnD,QAASA,EAAiBA,EAAe,QAAU,OACnD,aACEU,EAAM,OACN,EAACJ,GAAA,MAAAA,EAAY,WACb,EAACA,GAAA,MAAAA,EAAY,UACXE,EAAAA,IAACS,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAT,EAAAA,IAACU,EAAAA,WAAA,CACC,QAAS,IAAMR,EAAM,SAASH,CAAmB,EACjD,KAAK,MAEL,eAACY,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EACE,MAAA,EAER,GAAI,CACF,+BAAgC,CAC9B,YAAa,wCAAA,EAEf,uBAAwB,CACtB,gBAAiB,yCAAA,EAEnB,yBAA0B,CACxB,gBACE,0DAAA,CACJ,EAEF,UAAW,EAAA,CAAA,EAEbX,EAAAA,IAACY,EAAAA,eAAA,CAAgB,UAAAC,EAAAV,EAAW,QAAX,YAAAU,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}

package/dist/components/InputController/index.es.js

@@ -1,76 +1,77 @@
-import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { Clear as x } from "@mui/icons-material";
-import { FormControl as g, TextField as w, InputAdornment as F, IconButton as b, FormHelperText as I } from "@mui/material";
-import { Controller as y } from "react-hook-form";
-const f = (C) => {
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { Clear as h } from "@mui/icons-material";
+import { FormControl as g, TextField as F, InputAdornment as b, IconButton as f, FormHelperText as I } from "@mui/material";
+import { Controller as j } from "react-hook-form";
+const V = (m) => {
   const {
-    control: s,
-    type: t,
-    textareaOption: n,
-    name: p,
-    autoComplete: c,
-    placeholder: h,
-    defaultValue: l,
-    emptyValue: i,
+    control: c,
+    type: n,
+    textareaOption: e,
+    name: v,
+    autoComplete: C,
+    placeholder: p,
+    defaultValue: a,
+    emptyValue: l,
     inputProps: o
-  } = C, d = i === void 0 && l !== void 0 ? null : i;
+  } = m, i = l === void 0 && a !== void 0 ? null : l;
   return /* @__PURE__ */ r(
-    y,
+    j,
     {
-      control: s,
-      name: p,
-      defaultValue: l,
-      render: ({ field: e, fieldState: u }) => {
-        var m;
-        return /* @__PURE__ */ v(g, { error: u.invalid, children: [
+      control: c,
+      name: v,
+      defaultValue: a,
+      render: ({ field: t, fieldState: d }) => {
+        var u;
+        return /* @__PURE__ */ x(g, { error: d.invalid, children: [
           /* @__PURE__ */ r(
-            w,
+            F,
             {
-              ...e,
-              type: t === "textarea" ? void 0 : t,
-              multiline: t === "textarea",
-              autoComplete: c,
-              placeholder: h,
-              value: e.value ?? "",
-              onChange: (a) => {
-                e.onChange(a), a.target.value ? e.onChange(a) : e.onChange(d);
+              ...t,
+              type: n === "textarea" ? void 0 : n,
+              multiline: n === "textarea",
+              autoComplete: C,
+              placeholder: p,
+              value: t.value ?? "",
+              onChange: (w) => {
+                const s = w.target.value;
+                t.onChange(s || i);
               },
               InputProps: {
                 ...o,
-                rows: n ? n.rows : void 0,
-                minRows: n ? n.minRows : void 0,
-                maxRows: n ? n.minRows : void 0,
-                endAdornment: e.value && !(o != null && o.readOnly) && !(o != null && o.disabled) ? /* @__PURE__ */ r(F, { position: "end", children: /* @__PURE__ */ r(
-                  b,
+                rows: e ? e.rows : void 0,
+                minRows: e ? e.minRows : void 0,
+                maxRows: e ? e.minRows : void 0,
+                endAdornment: t.value && !(o != null && o.readOnly) && !(o != null && o.disabled) ? /* @__PURE__ */ r(b, { position: "end", children: /* @__PURE__ */ r(
+                  f,
                   {
-                    onClick: () => e.onChange(d),
+                    onClick: () => t.onChange(i),
                     edge: "end",
-                    children: /* @__PURE__ */ r(x, {})
+                    children: /* @__PURE__ */ r(h, {})
                   }
                 ) }) : void 0
               },
               sx: {
                 "& .MuiInput-underline:before": {
-                  borderColor: "#CCCCCC"
+                  borderColor: "var(--jigowatts-color-border, #CCCCCC)"
                 },
                 "& .MuiInputBase-root": {
-                  backgroundColor: "#FFFFFF"
+                  backgroundColor: "var(--jigowatts-color-surface, #FFFFFF)"
                 },
                 "input:-webkit-autofill": {
-                  WebkitBoxShadow: "0 0 0 1000px white inset"
+                  WebkitBoxShadow: "0 0 0 1000px var(--jigowatts-color-surface, white) inset"
                 }
               },
               fullWidth: !0
             }
           ),
-          /* @__PURE__ */ r(I, { children: (m = u.error) == null ? void 0 : m.message })
+          /* @__PURE__ */ r(I, { children: (u = d.error) == null ? void 0 : u.message })
         ] });
       }
     }
   );
 };
 export {
-  f as InputController,
-  f as default
+  V as InputController,
+  V as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/InputController/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n  rows?: number;\n  minRows?: number;\n  maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  type: Type;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue?: PathValue<T, FieldPath<T>>;\n  emptyValue?: \"\" | null | undefined;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n  const {\n    control,\n    type,\n    textareaOption,\n    name,\n    autoComplete,\n    placeholder,\n    defaultValue,\n    emptyValue,\n    inputProps,\n  } = props;\n\n  const convertedEmptyValue =\n    emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={type === \"textarea\" ? undefined : type}\n            multiline={type === \"textarea\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            onChange={(e) => {\n              field.onChange(e);\n              e.target.value\n                ? field.onChange(e)\n                : field.onChange(convertedEmptyValue);\n            }}\n            InputProps={{\n              ...inputProps,\n              rows: textareaOption ? textareaOption.rows : undefined,\n              minRows: textareaOption ? textareaOption.minRows : undefined,\n              maxRows: textareaOption ? textareaOption.minRows : undefined,\n              endAdornment:\n                field.value &&\n                !inputProps?.readOnly &&\n                !inputProps?.disabled ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      onClick={() => field.onChange(convertedEmptyValue)}\n                      edge=\"end\"\n                    >\n                      <Clear />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"#CCCCCC\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"#FFFFFF\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow: \"0 0 0 1000px white inset\",\n              },\n            }}\n            fullWidth={true}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":";;;;AA0CO,MAAMA,IAAkB,CAAwBC,MAAoB;AACzE,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GAEEU,IACJF,MAAe,UAAaD,MAAiB,SAAY,OAAOC;AAElE,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAG;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMX,MAAS,aAAa,SAAYA;AAAA,cACxC,WAAWA,MAAS;AAAA,cACpB,cAAAG;AAAA,cACA,aAAAC;AAAA,cACA,OAAOO,EAAM,SAAS;AAAA,cACtB,UAAU,CAACK,MAAM;AACf,gBAAAL,EAAM,SAASK,CAAC,GAChBA,EAAE,OAAO,QACLL,EAAM,SAASK,CAAC,IAChBL,EAAM,SAASH,CAAmB;AAAA,cACxC;AAAA,cACA,YAAY;AAAA,gBACV,GAAGD;AAAA,gBACH,MAAMN,IAAiBA,EAAe,OAAO;AAAA,gBAC7C,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,cACEU,EAAM,SACN,EAACJ,KAAA,QAAAA,EAAY,aACb,EAACA,KAAA,QAAAA,EAAY,YACX,gBAAAE,EAACQ,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAR;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAAS,MAAMP,EAAM,SAASH,CAAmB;AAAA,oBACjD,MAAK;AAAA,oBAEL,4BAACW,GAAA,CAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA,GAEX,IACE;AAAA,cAAA;AAAA,cAER,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBAAA;AAAA,gBAEf,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBAAA;AAAA,gBAEnB,0BAA0B;AAAA,kBACxB,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAEF,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,gBAAAV,EAACW,GAAA,EAAgB,WAAAC,IAAAT,EAAW,UAAX,gBAAAS,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n  FilledInputProps,\n  FormControl,\n  FormHelperText,\n  IconButton,\n  InputAdornment,\n  InputProps,\n  OutlinedInputProps,\n  TextField,\n} from \"@mui/material\";\nimport {\n  Controller,\n  FieldPath,\n  PathValue,\n  type Control,\n  type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n  rows?: number;\n  minRows?: number;\n  maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n  control: Control<T>;\n  type: Type;\n  textareaOption?: MultilineOption;\n  name: FieldPath<T>;\n  defaultValue?: PathValue<T, FieldPath<T>>;\n  emptyValue?: \"\" | null | undefined;\n  autoComplete?: string;\n  placeholder?: string;\n  inputProps?:\n    | Partial<FilledInputProps>\n    | Partial<OutlinedInputProps>\n    | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n  const {\n    control,\n    type,\n    textareaOption,\n    name,\n    autoComplete,\n    placeholder,\n    defaultValue,\n    emptyValue,\n    inputProps,\n  } = props;\n\n  const convertedEmptyValue =\n    emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      defaultValue={defaultValue}\n      render={({ field, fieldState }) => (\n        <FormControl error={fieldState.invalid}>\n          <TextField\n            {...field}\n            type={type === \"textarea\" ? undefined : type}\n            multiline={type === \"textarea\"}\n            autoComplete={autoComplete}\n            placeholder={placeholder}\n            value={field.value ?? \"\"}\n            onChange={(e) => {\n              const value = e.target.value;\n              field.onChange(value ? value : convertedEmptyValue);\n            }}\n            InputProps={{\n              ...inputProps,\n              rows: textareaOption ? textareaOption.rows : undefined,\n              minRows: textareaOption ? textareaOption.minRows : undefined,\n              maxRows: textareaOption ? textareaOption.minRows : undefined,\n              endAdornment:\n                field.value &&\n                !inputProps?.readOnly &&\n                !inputProps?.disabled ? (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      onClick={() => field.onChange(convertedEmptyValue)}\n                      edge=\"end\"\n                    >\n                      <Clear />\n                    </IconButton>\n                  </InputAdornment>\n                ) : undefined,\n            }}\n            sx={{\n              \"& .MuiInput-underline:before\": {\n                borderColor: \"var(--jigowatts-color-border, #CCCCCC)\",\n              },\n              \"& .MuiInputBase-root\": {\n                backgroundColor: \"var(--jigowatts-color-surface, #FFFFFF)\",\n              },\n              \"input:-webkit-autofill\": {\n                WebkitBoxShadow:\n                  \"0 0 0 1000px var(--jigowatts-color-surface, white) inset\",\n              },\n            }}\n            fullWidth={true}\n          />\n          <FormHelperText>{fieldState.error?.message}</FormHelperText>\n        </FormControl>\n      )}\n    />\n  );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","value","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":";;;;AA0CO,MAAMA,IAAkB,CAAwBC,MAAoB;AACzE,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GAEEU,IACJF,MAAe,UAAaD,MAAiB,SAAY,OAAOC;AAElE,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAG;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMX,MAAS,aAAa,SAAYA;AAAA,cACxC,WAAWA,MAAS;AAAA,cACpB,cAAAG;AAAA,cACA,aAAAC;AAAA,cACA,OAAOO,EAAM,SAAS;AAAA,cACtB,UAAU,CAACK,MAAM;AACf,sBAAMC,IAAQD,EAAE,OAAO;AACvB,gBAAAL,EAAM,SAASM,KAAgBT,CAAmB;AAAA,cACpD;AAAA,cACA,YAAY;AAAA,gBACV,GAAGD;AAAA,gBACH,MAAMN,IAAiBA,EAAe,OAAO;AAAA,gBAC7C,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,cACEU,EAAM,SACN,EAACJ,KAAA,QAAAA,EAAY,aACb,EAACA,KAAA,QAAAA,EAAY,YACX,gBAAAE,EAACS,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAT;AAAA,kBAACU;AAAA,kBAAA;AAAA,oBACC,SAAS,MAAMR,EAAM,SAASH,CAAmB;AAAA,oBACjD,MAAK;AAAA,oBAEL,4BAACY,GAAA,CAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA,GAEX,IACE;AAAA,cAAA;AAAA,cAER,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBAAA;AAAA,gBAEf,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBAAA;AAAA,gBAEnB,0BAA0B;AAAA,kBACxB,iBACE;AAAA,gBAAA;AAAA,cACJ;AAAA,cAEF,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,gBAAAX,EAACY,GAAA,EAAgB,WAAAC,IAAAV,EAAW,UAAX,gBAAAU,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/Label/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index19.css');const e=require("react/jsx-runtime"),i="_required_1f4sr_1",n={required:i},r=s=>{const{label:l,isRequired:t,htmlFor:u}=s;return e.jsxs("label",{htmlFor:u,children:[l,t&&e.jsx("span",{className:n.required,children:"※"})]})};exports.Label=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index19.css');const e=require("react/jsx-runtime"),i="_required_18kq5_1",n={required:i},r=s=>{const{label:l,isRequired:t,htmlFor:u}=s;return e.jsxs("label",{htmlFor:u,children:[l,t&&e.jsx("span",{className:n.required,children:"※"})]})};exports.Label=r;exports.default=r;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/Label/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import '../../assets/index19.css';const a = "_required_1f4sr_1", d = {
+import '../../assets/index19.css';const a = "_required_18kq5_1", d = {
   required: a
 }, o = (e) => {
   const { label: r, isRequired: s, htmlFor: l } = e;

package/dist/components/LabeledContent/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index20.css');const e=require("react/jsx-runtime"),r=require("classnames"),o="_container_1gimn_1",d="_label_1gimn_7",u="_required_1gimn_12",_="_content_1gimn_16",n={container:o,label:d,required:u,content:_},t=s=>{const{label:a,content:c,className:l,isRequired:i}=s;return e.jsxs("div",{"data-testid":"labeled-content",className:r(n.container,l),children:[e.jsxs("div",{className:n.label,children:[a,i&&e.jsx("span",{className:n.required,children:"*"})]}),e.jsx("div",{className:n.content,children:c})]})};exports.LabeledContent=t;exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index20.css');const e=require("react/jsx-runtime"),r=require("classnames"),o="_container_1q7vi_1",d="_label_1q7vi_7",u="_required_1q7vi_12",_="_content_1q7vi_16",t={container:o,label:d,required:u,content:_},n=s=>{const{label:a,content:c,className:l,isRequired:i}=s;return e.jsxs("div",{"data-testid":"labeled-content",className:r(t.container,l),children:[e.jsxs("div",{className:t.label,children:[a,i&&e.jsx("span",{className:t.required,children:"*"})]}),e.jsx("div",{className:t.content,children:c})]})};exports.LabeledContent=n;exports.default=n;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/LabeledContent/index.es.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import r from "classnames";
-import '../../assets/index20.css';const o = "_container_1gimn_1", d = "_label_1gimn_7", m = "_required_1gimn_12", _ = "_content_1gimn_16", e = {
+import '../../assets/index20.css';const o = "_container_1q7vi_1", d = "_label_1q7vi_7", _ = "_required_1q7vi_12", m = "_content_1q7vi_16", e = {
   container: o,
   label: d,
-  required: m,
-  content: _
-}, N = (s) => {
+  required: _,
+  content: m
+}, u = (s) => {
   const { label: a, content: c, className: l, isRequired: i } = s;
   return /* @__PURE__ */ n(
     "div",
@@ -23,7 +23,7 @@ import '../../assets/index20.css';const o = "_container_1gimn_1", d = "_label_1g
   );
 };
 export {
-  N as LabeledContent,
-  N as default
+  u as LabeledContent,
+  u as default
 };
 //# sourceMappingURL=index.es.js.map

package/dist/components/LoadingOverlay/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index21.css');const e=require("react/jsx-runtime"),o=require("react-spinners"),t="_overlay_igez4_1",a={overlay:t},r=()=>e.jsx("div",{className:a.overlay,children:e.jsx(o.RingLoader,{color:"#071d2e","data-testid":"loader"})});exports.LoadingOverLay=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index21.css');const e=require("react/jsx-runtime"),o=require("react-spinners"),a="_overlay_s4zdy_1",t={overlay:a},r=()=>e.jsx("div",{className:t.overlay,children:e.jsx(o.RingLoader,{color:"var(--jigowatts-color-loader, #071d2e)","data-testid":"loader"})});exports.LoadingOverLay=r;exports.default=r;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/LoadingOverlay/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":"gNAIaA,EAAiB,IAE1BC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAACE,EAAAA,WAAA,CAAW,MAAM,UAAU,cAAY,QAAA,CAAS,EACnD"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader\n        color=\"var(--jigowatts-color-loader, #071d2e)\"\n        data-testid=\"loader\"\n      />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":"gNAIaA,EAAiB,IAE1BC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,QACrB,SAAAD,EAAAA,IAACE,EAAAA,WAAA,CACC,MAAM,yCACN,cAAY,QAAA,CAAA,EAEhB"}

package/dist/components/LoadingOverlay/index.es.js

@@ -1,8 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { RingLoader as e } from "react-spinners";
-import '../../assets/index21.css';const r = "_overlay_igez4_1", a = {
-  overlay: r
-}, s = () => /* @__PURE__ */ o("div", { className: a.overlay, children: /* @__PURE__ */ o(e, { color: "#071d2e", "data-testid": "loader" }) });
+import { RingLoader as r } from "react-spinners";
+import '../../assets/index21.css';const a = "_overlay_s4zdy_1", e = {
+  overlay: a
+}, s = () => /* @__PURE__ */ o("div", { className: e.overlay, children: /* @__PURE__ */ o(
+  r,
+  {
+    color: "var(--jigowatts-color-loader, #071d2e)",
+    "data-testid": "loader"
+  }
+) });
 export {
   s as LoadingOverLay,
   s as default

package/dist/components/LoadingOverlay/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader color=\"#071d2e\" data-testid=\"loader\" />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":";;;;GAIaA,IAAiB,MAE1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD,EAACE,GAAA,EAAW,OAAM,WAAU,eAAY,SAAA,CAAS,GACnD;"}
+{"version":3,"file":"index.es.js","sources":["../../../src/components/LoadingOverlay/index.tsx"],"sourcesContent":["import { RingLoader } from \"react-spinners\";\n\nimport styles from \"./index.module.scss\";\n\nexport const LoadingOverLay = () => {\n  return (\n    <div className={styles.overlay}>\n      <RingLoader\n        color=\"var(--jigowatts-color-loader, #071d2e)\"\n        data-testid=\"loader\"\n      />\n    </div>\n  );\n};\n\nexport default LoadingOverLay;\n"],"names":["LoadingOverLay","jsx","styles","RingLoader"],"mappings":";;;;GAIaA,IAAiB,MAE1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,eAAY;AAAA,EAAA;AAAA,GAEhB;"}

package/dist/components/PageSizeSelector/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index24.css');const e=require("react/jsx-runtime"),S=require("../../index-SHLzSoKB.cjs"),g="_pageSelectorWrapper_1ylkc_1",x="_pageSelectorContainer_1ylkc_5",_="_selectBoxWrapper_1ylkc_14",l={pageSelectorWrapper:g,pageSelectorContainer:x,selectBoxWrapper:_},r=o=>{const{startRecordNum:c,endRecordNum:s,totalCount:n,values:p,defaultValue:u,onChangePageSize:t}=o,i=p||[{label:"10",value:10},{label:"50",value:50},{label:"100",value:100}],d=a=>{t&&t(a)};return e.jsx("div",{className:l.pageSelectorWrapper,children:e.jsxs("div",{className:l.pageSelectorContainer,children:[e.jsx("p",{children:"表示件数"}),e.jsx("div",{className:l.selectBoxWrapper,children:e.jsx(S.SelectBox,{values:i,defaultValue:u,onChange:a=>d(a.value)})}),e.jsxs("p",{children:[c,"-",s," of ",n]})]})})};exports.PageSizeSelector=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index24.css');const e=require("react/jsx-runtime"),S=require("../../index-DNu4-rkL.cjs"),g="_pageSelectorWrapper_1ylkc_1",x="_pageSelectorContainer_1ylkc_5",_="_selectBoxWrapper_1ylkc_14",l={pageSelectorWrapper:g,pageSelectorContainer:x,selectBoxWrapper:_},r=o=>{const{startRecordNum:c,endRecordNum:s,totalCount:n,values:p,defaultValue:u,onChangePageSize:t}=o,i=p||[{label:"10",value:10},{label:"50",value:50},{label:"100",value:100}],d=a=>{t&&t(a)};return e.jsx("div",{className:l.pageSelectorWrapper,children:e.jsxs("div",{className:l.pageSelectorContainer,children:[e.jsx("p",{children:"表示件数"}),e.jsx("div",{className:l.selectBoxWrapper,children:e.jsx(S.SelectBox,{values:i,defaultValue:u,onChange:a=>d(a.value)})}),e.jsxs("p",{children:[c,"-",s," of ",n]})]})})};exports.PageSizeSelector=r;exports.default=r;
 //# sourceMappingURL=index.cjs.js.map