@baton8/general-components 1.2.0-alpha.0 → 1.2.0-alpha.1

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

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

package/dist/components/atoms/root/defaultGlobalStyle.d.ts

@@ -1 +1 @@
-export declare const defaultGlobalStyle: (rootFontSize: string) => import("@emotion/utils").SerializedStyles;
+export declare const defaultGlobalStyle: (rootFontSize: string, resetAll: boolean) => import("@emotion/utils").SerializedStyles;

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

@@ -39,6 +39,8 @@ type RootProps = {
     /** */
     defaultReady?: boolean;
     /** */
+    resetCssAll?: boolean;
+    /** */
     children: ReactNode;
 };
 /**

package/dist/index.js

@@ -1338,7 +1338,7 @@
     row-gap: ${$(2)};
     display: flex;
     flex-direction: var(--qlib-flex-direction);
-  `},oo=(0,r.forwardRef)((({orientation:r="vertical",children:o},t)=>(0,e.jsx)(eo,{children:(0,e.jsx)("div",{css:ro.root,ref:t,"aria-orientation":r,"data-qlib-orientation":r,children:o})})));oo.displayName="AlignedRadioGroup";const to=e=>i.css`
+  `},oo=(0,r.forwardRef)((({orientation:r="vertical",children:o},t)=>(0,e.jsx)(eo,{children:(0,e.jsx)("div",{css:ro.root,ref:t,"aria-orientation":r,"data-qlib-orientation":r,children:o})})));oo.displayName="AlignedRadioGroup";const to=(e,r)=>i.css`
   @import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+JP:wght@400;700&family=Noto+Sans:wght@400;700&display=swap");
   :root {
     --qlib-root-font-size: ${e};
@@ -1365,8 +1365,7 @@
     scrollbar-width: thin;
   }
   *:where(:not(iframe, canvas, img, svg, video):not(svg *):not(.sbdocs *:not(.docs-story *))) {
-    all: unset;
-    display: revert;
+    ${r?"\n      all: unset;\n      display: revert;\n     ":""}
     min-block-size: 0rem;
     min-inline-size: 0rem;
     background-origin: border-box;
@@ -1396,7 +1395,7 @@
     inline-size: ${$(0)};
     opacity: 0;
     position: fixed;
-  `},Do=({})=>(0,e.jsxs)("svg",{css:Ro.root,viewBox:"0 0 1 1","aria-hidden":!0,children:[(0,e.jsxs)("linearGradient",{id:"qlib-rank-gold",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("gold",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("gold",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("gold",5)})]}),(0,e.jsxs)("linearGradient",{id:"qlib-rank-silver",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("silver",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("silver",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("silver",5)})]}),(0,e.jsxs)("linearGradient",{id:"qlib-rank-bronze",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("bronze",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("bronze",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("bronze",5)})]})]}),Mo=({messages:o,rootFontSize:t={desktop:"16px",smartphone:"13px"},smartphoneQuery:n="(max-width: 767px)",colorDefinitions:a={},globalStyle:l,appElement:s,defaultReady:c=!1,children:d})=>{const b=So(),p=zo(),u=$o(ko),f=jo(t),m=(0,r.useMemo)((()=>({rootFontSize:Oo(t),smartphoneQuery:n})),[t,n]),[y,g]=(0,r.useState)(c);return(0,r.useEffect)((()=>{g(!0)}),[]),(0,r.useEffect)((()=>{const e=go([null!=o?o:{},yo]),r=(0,C.createIntlCache)(),t=(0,C.createIntl)({locale:b,messages:e[b],onError:e=>null},r);ko.next(t)}),[b,o]),(0,r.useEffect)((()=>{var e;"undefined"!=typeof localStorage&&p(null!==(e=localStorage.getItem("qlib-locale"))&&void 0!==e?e:"ja")}),[p]),(0,r.useEffect)((()=>{const e="next"in window?"#__next":s;e&&Lr().setAppElement(e)}),[s]),(0,e.jsxs)(r.Fragment,{children:[(0,e.jsx)(i.Global,{styles:to(f)}),(0,e.jsx)(i.Global,{styles:h(a)}),(0,e.jsx)(i.Global,{styles:l}),(0,e.jsx)(Do,{}),(0,e.jsx)(C.RawIntlProvider,{value:u,children:(0,e.jsx)(lo,{value:m,children:(0,e.jsx)(fo,{children:(0,e.jsx)(ao,{children:y&&d})})})})]})};const Lo={root:i.css`
+  `},Do=({})=>(0,e.jsxs)("svg",{css:Ro.root,viewBox:"0 0 1 1","aria-hidden":!0,children:[(0,e.jsxs)("linearGradient",{id:"qlib-rank-gold",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("gold",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("gold",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("gold",5)})]}),(0,e.jsxs)("linearGradient",{id:"qlib-rank-silver",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("silver",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("silver",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("silver",5)})]}),(0,e.jsxs)("linearGradient",{id:"qlib-rank-bronze",x1:"0",y1:"0",x2:"576",y2:"512",gradientUnits:"userSpaceOnUse",children:[(0,e.jsx)("stop",{offset:"5%",stopColor:x("bronze",5)}),(0,e.jsx)("stop",{offset:"50%",stopColor:x("bronze",3)}),(0,e.jsx)("stop",{offset:"95%",stopColor:x("bronze",5)})]})]}),Mo=({messages:o,rootFontSize:t={desktop:"16px",smartphone:"13px"},smartphoneQuery:n="(max-width: 767px)",colorDefinitions:a={},globalStyle:l,appElement:s,defaultReady:c=!1,resetCssAll:d=!0,children:b})=>{const p=So(),u=zo(),f=$o(ko),m=jo(t),y=(0,r.useMemo)((()=>({rootFontSize:Oo(t),smartphoneQuery:n})),[t,n]),[g,O]=(0,r.useState)(c);return(0,r.useEffect)((()=>{O(!0)}),[]),(0,r.useEffect)((()=>{const e=go([null!=o?o:{},yo]),r=(0,C.createIntlCache)(),t=(0,C.createIntl)({locale:p,messages:e[p],onError:e=>null},r);ko.next(t)}),[p,o]),(0,r.useEffect)((()=>{var e;"undefined"!=typeof localStorage&&u(null!==(e=localStorage.getItem("qlib-locale"))&&void 0!==e?e:"ja")}),[u]),(0,r.useEffect)((()=>{const e="next"in window?"#__next":s;e&&Lr().setAppElement(e)}),[s]),(0,e.jsxs)(r.Fragment,{children:[(0,e.jsx)(i.Global,{styles:to(m,d)}),(0,e.jsx)(i.Global,{styles:h(a)}),(0,e.jsx)(i.Global,{styles:l}),(0,e.jsx)(Do,{}),(0,e.jsx)(C.RawIntlProvider,{value:f,children:(0,e.jsx)(lo,{value:y,children:(0,e.jsx)(fo,{children:(0,e.jsx)(ao,{children:g&&b})})})})]})};const Lo={root:i.css`
     font-size: ${$(4.5)};
     font-weight: ${v("bold")};
     color: ${x("primary",6)};