@baton8/general-components 3.1.0-alpha.4 → 3.1.0-alpha.5

package/dist/components/atoms/badge/badge.d.ts

@@ -21,7 +21,7 @@ export declare const Badge: import("react").ForwardRefExoticComponent<import("..
      * 見た目のバリアント。
      * @defaultValue `"solid"`
      */
-    variant?: "solid" | "light" | "outline" | undefined;
+    variant?: "outline" | "solid" | "light" | undefined;
     /**
      * サイズ。
      * @defaultValue `"medium"`

package/dist/components/atoms/generalIcon/generalIcon.d.ts

@@ -42,7 +42,7 @@ export declare const GeneralIcon: import("react").ForwardRefExoticComponent<impo
      * アイコンの反転。
      * @defaultValue `"none"`
      */
-    flip?: "both" | "none" | "horizontal" | "vertical" | undefined;
+    flip?: "none" | "both" | "horizontal" | "vertical" | undefined;
     /**
      * アイコンの回転角度。
      * @defaultValue `0`

package/dist/components/atoms/input/input.d.ts

@@ -53,6 +53,8 @@ export declare const Input: import("react").ForwardRefExoticComponent<import("..
     type?: "date" | "time" | "search" | "month" | "text" | "tel" | "url" | "email" | "datetime-local" | "week" | undefined;
     /** */
     inputMode?: "search" | "numeric" | "decimal" | "text" | "none" | "tel" | "url" | "email" | undefined;
+    /** */
+    placeholder?: string | undefined;
     /**
      * @defaultValue `"off"`
      */

package/dist/components/atoms/textarea/textarea.d.ts

@@ -23,7 +23,7 @@ export declare const Textarea: import("react").ForwardRefExoticComponent<import(
      * リサイズ可能な方向。
      * @defaultValue `"vertical"`
      */
-    resize?: "both" | "none" | "horizontal" | "vertical" | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
     /** */
     inputMode?: "search" | "numeric" | "decimal" | "text" | "none" | "tel" | "url" | "email" | undefined;
     /**

package/dist/components/modules/stepper/stepperItem.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { MouseEvent, ReactNode } from "react";
 /**
  * @group React コンポーネント
  * @category React コンポーネント
@@ -11,6 +11,10 @@ export declare const StepperItem: import("react").ForwardRefExoticComponent<impo
     /** */
     scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
     /** */
+    href?: string | undefined;
+    /** */
+    onClick?: ((event: MouseEvent<HTMLElement>) => unknown) | undefined;
+    /** */
     children?: ReactNode;
     /** */
     className?: string | undefined;

package/dist/index.js

@@ -888,6 +888,9 @@
     box-sizing: content-box;
     flex-grow: 1;
     flex-shrink: 1;
+    &::placeholder {
+      color: ${x("gray",5)};
+    }
     &:disabled {
       cursor: inherit;
     }
@@ -906,7 +909,7 @@
     color: ${x("gray",5)};
     flex-grow: 0;
     flex-shrink: 0;
-  `},Ir=(0,r.forwardRef)(((o,t)=>{var n,i,{value:a,name:l,size:c="medium",isCompact:d=!1,type:b="text",inputMode:p,autoComplete:u="off",autoFocus:f,isError:m,isRequired:y,isDisabled:g,onSet:h,onChange:O,onBlur:v,children:x,className:j,inputClassName:w,inputId:$}=o,q=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["value","name","size","isCompact","type","inputMode","autoComplete","autoFocus","isError","isRequired","isDisabled","onSet","onChange","onBlur","children","className","inputClassName","inputId"]);const k=(0,r.useContext)(Ve),N=null!==(n=null!=m?m:null==k?void 0:k.isError)&&void 0!==n&&n,P=null!==(i=null!=g?g:null==k?void 0:k.isDisabled)&&void 0!==i&&i,S=(0,r.useCallback)((e=>{const r=e.target.value;null==h||h(r),null==O||O(e)}),[h,O]),C=Se(x),z=C.find((e=>e.type===Pr)),I=C.find((e=>e.type===Cr));return(0,e.jsx)("label",{className:j,css:zr.root,"data-qlib-size":c,"data-qlib-compact":d,"data-qlib-disabled":P,"data-qlib-error":N,children:(0,e.jsxs)("div",{css:zr.inputContainer,children:[z,(0,e.jsx)("input",Object.assign({css:zr.input,className:w,id:$,ref:t,value:a,name:l,type:b,inputMode:p,autoComplete:u,autoFocus:f,required:y,disabled:P,onChange:null!=h||null!=O?S:void 0,onBlur:v,"aria-invalid":N},q)),Er(b)&&(0,e.jsx)("div",{css:zr.builtinAddon,children:(0,e.jsx)(gr,{icon:"time"===b?s.faClock:s.faCalendar})}),I]})})}));Ir.displayName="Input";const Er=e=>"date"===e||"time"===e||"datetime-local"===e||"month"===e||"week"===e;const Dr=e=>a.css`
+  `},Ir=(0,r.forwardRef)(((o,t)=>{var n,i,{value:a,name:l,size:c="medium",isCompact:d=!1,type:b="text",inputMode:p,placeholder:u,autoComplete:f="off",autoFocus:m,isError:y,isRequired:g,isDisabled:h,onSet:O,onChange:v,onBlur:x,children:j,className:w,inputClassName:$,inputId:q}=o,k=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["value","name","size","isCompact","type","inputMode","placeholder","autoComplete","autoFocus","isError","isRequired","isDisabled","onSet","onChange","onBlur","children","className","inputClassName","inputId"]);const N=(0,r.useContext)(Ve),P=null!==(n=null!=y?y:null==N?void 0:N.isError)&&void 0!==n&&n,S=null!==(i=null!=h?h:null==N?void 0:N.isDisabled)&&void 0!==i&&i,C=(0,r.useCallback)((e=>{const r=e.target.value;null==O||O(r),null==v||v(e)}),[O,v]),z=Se(j),I=z.find((e=>e.type===Pr)),E=z.find((e=>e.type===Cr));return(0,e.jsx)("label",{className:w,css:zr.root,"data-qlib-size":c,"data-qlib-compact":d,"data-qlib-disabled":S,"data-qlib-error":P,children:(0,e.jsxs)("div",{css:zr.inputContainer,children:[I,(0,e.jsx)("input",Object.assign({css:zr.input,className:$,id:q,ref:t,value:a,name:l,type:b,inputMode:p,placeholder:u,autoComplete:f,autoFocus:m,required:g,disabled:S,onChange:null!=O||null!=v?C:void 0,onBlur:x,"aria-invalid":P},k)),Er(b)&&(0,e.jsx)("div",{css:zr.builtinAddon,children:(0,e.jsx)(gr,{icon:"time"===b?s.faClock:s.faCalendar})}),E]})})}));Ir.displayName="Input";const Er=e=>"date"===e||"time"===e||"datetime-local"===e||"month"===e||"week"===e;const Dr=e=>a.css`
     // 文字サイズ
     &[data-qlib-size="small"] {
       --qlib-font-size: ${$(3)};
@@ -2339,14 +2342,21 @@
         stroke: ${x(e,5)};
       }
     }
-  `},Ui=(0,r.forwardRef)(((r,o)=>{var{rank:t,scheme:n="primary",useMedalColors:i=!0,className:a}=r,l=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["rank","scheme","useMedalColors","className"]);const{trans:s,transNumber:c}=D("rankView"),d=i?t<=1?"gold":t<=2?"silver":t<=3?"bronze":"normal":"normal";return(0,e.jsx)("span",Object.assign({css:Yi.root,className:a,ref:o},l,{children:(0,e.jsxs)("svg",{css:Yi.icon(n),viewBox:"0 0 576 512","aria-label":s("label",{rank:t}),"data-qlib-type":d,children:[(0,e.jsx)("path",{d:"M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)})]})}))}));Ui.displayName="RankView";const _i=(0,r.createContext)({activeIndex:-1,count:0}),Gi=_i.Provider,Ki=(0,r.createContext)({index:0}),Qi=Ki.Provider;var Wi=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o};const Ji=e=>a.css`
+  `},Ui=(0,r.forwardRef)(((r,o)=>{var{rank:t,scheme:n="primary",useMedalColors:i=!0,className:a}=r,l=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["rank","scheme","useMedalColors","className"]);const{trans:s,transNumber:c}=D("rankView"),d=i?t<=1?"gold":t<=2?"silver":t<=3?"bronze":"normal":"normal";return(0,e.jsx)("span",Object.assign({css:Yi.root,className:a,ref:o},l,{children:(0,e.jsxs)("svg",{css:Yi.icon(n),viewBox:"0 0 576 512","aria-label":s("label",{rank:t}),"data-qlib-type":d,children:[(0,e.jsx)("path",{d:"M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)})]})}))}));Ui.displayName="RankView";const _i=(0,r.createContext)({activeIndex:-1,count:0}),Gi=_i.Provider,Ki=(0,r.createContext)({index:0}),Qi=Ki.Provider;var Wi=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o};const Ji={root:e=>a.css`
     --qlib-highlight-color: ${x(e,5)};
+    list-style: none;
+    flex-grow: 0;
+    flex-shrink: 0;
+  `,inner:a.css` 
     column-gap: ${$(2)};
     display: flex;
     flex-direction: column;
     flex-grow: 0;
     flex-shrink: 0;
-  `,Zi=(0,r.forwardRef)(((o,t)=>{var{scheme:n="primary",children:i,className:a}=o;const l=Wi(o,["scheme","children","className"]),{index:s}=l,c=Wi(l,["index"]),d=(0,r.useMemo)((()=>({index:s})),[s]);return(0,e.jsx)("li",Object.assign({css:Ji(n),className:a,ref:t},c,{children:(0,e.jsx)(Qi,{value:d,children:i})}))}));Zi.displayName="StepperItem";const Xi={root:a.css`
+    &[data-clickable="true"] {
+      cursor: pointer;
+    }
+  `},Zi=(0,r.forwardRef)(((o,t)=>{var{scheme:n="primary",href:i,onClick:a,children:l,className:s}=o;const c=Wi(o,["scheme","href","onClick","children","className"]),{index:d}=c,b=Wi(c,["index"]),p=(0,r.useMemo)((()=>({index:d})),[d]);return(0,e.jsx)("li",Object.assign({css:Ji.root(n),className:s,ref:t},b,{children:(0,e.jsx)(Qi,{value:p,children:null!=i?(0,e.jsx)("a",{css:Ji.inner,href:i,onClick:a,"data-clickable":!0,children:l}):null!=a?(0,e.jsx)("button",{css:Ji.inner,onClick:a,"data-clickable":!0,children:l}):(0,e.jsx)("div",{css:Ji.inner,children:l})})}))}));Zi.displayName="StepperItem";const Xi={root:a.css`
     column-gap: ${$(4)};
     row-gap: ${$(4)};
     display: flex;
@@ -2380,7 +2390,7 @@
     &[data-status="completed"] {
       border-color: var(--qlib-highlight-color);
       background-color: ${x("white")};
-      color: ${x("primary",5)};
+      color: var(--qlib-highlight-color);
     }
     &[data-status="active"] {
       border-color: var(--qlib-highlight-color);