@baton8/general-components 2.0.0 → 2.1.0-alpha.0

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/root/defaultGlobalStyle.d.ts

@@ -1 +1,11 @@
-export declare const defaultGlobalStyle: (rootFontSize: string, resetAll: boolean) => import("@emotion/utils").SerializedStyles;
+export interface GlobalCssSetting {
+    resetAll?: boolean;
+    font?: boolean;
+    wrap?: boolean;
+}
+export declare const DEFAULT_GLOBAL_CSS_SETTING: {
+    resetAll: true;
+    font: true;
+    wrap: true;
+};
+export declare const defaultGlobalStyle: (rootFontSize: string, setting: GlobalCssSetting) => import("@emotion/utils").SerializedStyles;

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

@@ -3,6 +3,7 @@ import { FunctionComponent, ReactNode } from "react";
 import { ColorDefinitions } from "../../../modules/color";
 import { LocalizationMessages } from "../../../modules/message";
 import { ResponsiveValue } from "../../../modules/responsive";
+import { GlobalCssSetting } from "./defaultGlobalStyle";
 type RootProps = {
     /**
      * ローカライズメッセージ。
@@ -29,6 +30,10 @@ type RootProps = {
      * グローバル CSS。
      */
     globalStyle?: Interpolation<{}>;
+    /**
+     * デフォルトで適用されるグローバル CSS の設定。
+     */
+    globalCssSetting?: GlobalCssSetting;
     /**
      * アプリ全体のルートとなる HTML 要素。
      * モーダルを表示したときにスクリーンリーダーに対してモーダル以外の部分を隠すのに必要となるので、可能な限り指定してください。
@@ -39,8 +44,6 @@ type RootProps = {
     /** */
     defaultReady?: boolean;
     /** */
-    resetCssAll?: boolean;
-    /** */
     children: ReactNode;
 };
 /**

package/dist/components/modules/countIndicator/countIndicator.d.ts

@@ -5,10 +5,7 @@ import { ReactNode } from "react";
  */
 export declare const CountIndicator: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
     className?: string | undefined;
-    id?: string | undefined; /**
-     * 表示する数値。
-     * `undefined` の場合は「?」が表示されます。
-     */
+    id?: string | undefined;
     style?: import("react").CSSProperties | undefined;
 } & {
     /**