@baton8/general-components 1.2.0-alpha.2 → 1.2.0-alpha.4

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/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;
     /**
      * @defaultValue `"off"`
      */

package/dist/components/modules/contentHeader/contentTitle.d.ts

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
  * @category React コンポーネント
  */
 export declare const ContentTitle: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
-    className?: string | undefined; /** */
+    className?: string | undefined;
     id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {

package/dist/components/modules/dialog/dialogButton.d.ts

@@ -13,7 +13,7 @@ export declare const DialogButton: import("react").ForwardRefExoticComponent<imp
      * そのダイアログに関するメインの動作を行うボタンには `"submit"` を指定し、それ以外のキャンセルボタンなどには `"cancel"` を指定してください。
      * @defaultValue `"submit"`
      */
-    variant?: "cancel" | "submit" | undefined;
+    variant?: "submit" | "cancel" | undefined;
     /**
      * 無効にするかどうか。
      *

package/dist/components/modules/drawer/drawerButton.d.ts

@@ -13,7 +13,7 @@ export declare const DrawerButton: import("react").ForwardRefExoticComponent<imp
      * そのダイアログに関するメインの動作を行うボタンには `"submit"` を指定し、それ以外のキャンセルボタンなどには `"cancel"` を指定してください。
      * @defaultValue `"submit"`
      */
-    variant?: "cancel" | "submit" | undefined;
+    variant?: "submit" | "cancel" | undefined;
     /**
      * 無効にするかどうか。
      *

package/dist/components/modules/tabList/tab.d.ts

@@ -5,9 +5,11 @@ import { MouseEvent, ReactNode } from "react";
  */
 export declare const Tab: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
     className?: string | undefined;
-    id?: string | undefined; /** */
+    id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
+    /** */
+    scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
     /** */
     isActive?: boolean | undefined;
     /** */

package/dist/index.js

@@ -23,14 +23,14 @@
     &::before {
       block-size: ${$(0)};
       inline-size: ${$(0)};
-      margin-block-start: calc((1em - #{lineHeight}) * 0.5 + ${null!=r?r:"0em"});
+      margin-block-start: calc((1em - ${e}) * 0.5 + ${null!=r?r:"0em"});
       display: block;
       content: "";
     }
     &::after {
       block-size: ${$(0)};
       inline-size: ${$(0)};
-      margin-block-end: calc((1em - #{lineHeight}) * 0.5 + ${null!=r?r:"0em"});
+      margin-block-end: calc((1em - ${e}) * 0.5 + ${null!=r?r:"0em"});
       display: block;
       content: "";
     }
@@ -1746,7 +1746,7 @@
     font-size: ${$(8)};
     font-weight: ${v("bold")};
     color: ${x("primary",7)};
-  `},Xt=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,a=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,["children","className"]);return(0,e.jsx)("div",Object.assign({css:Zt.root,className:n,ref:o},a,{children:t}))}));Xt.displayName="ContentTitle";const en={root:i.css`
+  `},Xt=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,a=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,["children","className"]);return(0,e.jsx)(rr,Object.assign({css:Zt.root,className:n,lineHeight:"normalFixed",ref:o},a,{children:t}))}));Xt.displayName="ContentTitle";const en={root:i.css`
     &[data-qlib-digit="3"] {
       --qlib-inline-size: ${$(11)};
       --qlib-transform-scale: 0.75;
@@ -2291,7 +2291,7 @@
     background-color: ${x("white")};
     display: flex;
     align-items: flex-end;
-  `},Ya=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,a=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,["children","className"]);return(0,e.jsx)("div",Object.assign({css:Va.root,className:n,ref:o},a,{children:t}))}));Ya.displayName="TabList";const Ua={root:i.css`
+  `},Ya=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,a=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,["children","className"]);return(0,e.jsx)("div",Object.assign({css:Va.root,className:n,ref:o},a,{children:t}))}));Ya.displayName="TabList";const Ua=e=>i.css`
     padding-block-end: calc(${$(3)} + ${q(4)});
     padding-inline: ${$(0)};
     color: ${x("gray",5)};
@@ -2317,11 +2317,11 @@
       content: "";
     }
     &[data-active="true"] {
-      --qlib-highlight-color: ${x("primary",5)};
+      --qlib-highlight-color: ${x(e,5)};
       font-weight: ${v("bold")};
-      color: ${x("primary",5)};
+      color: ${x(e,5)};
     }
-  `},_a=(0,r.forwardRef)(((r,o)=>{var{isActive:t=!1,href:n,onClick:a,children:i,className:l}=r,s=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,["isActive","href","onClick","children","className"]);return null!=n?(0,e.jsx)("a",Object.assign({css:Ua.root,className:l,ref:o,href:n,onClick:a,"data-active":t},s,{children:i})):(0,e.jsx)("button",Object.assign({css:Ua.root,className:l,ref:o,onClick:a,"data-active":t},s,{children:i}))}));_a.displayName="Tab";const Ka={root:i.css`
+  `,_a=(0,r.forwardRef)(((r,o)=>{var{scheme:t="primary",isActive:n=!1,href:a,onClick:i,children:l,className:s}=r,c=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,["scheme","isActive","href","onClick","children","className"]);return null!=a?(0,e.jsx)("a",Object.assign({css:Ua(t),className:s,ref:o,href:a,onClick:i,"data-active":n},c,{children:l})):(0,e.jsx)("button",Object.assign({css:Ua(t),className:s,ref:o,onClick:i,"data-active":n},c,{children:l}))}));_a.displayName="Tab";const Ka={root:i.css`
     margin-inline-end: ${$("gap")};
     display: inline;
     flex-grow: 0;