@ssa-ui-kit/core 0.0.35-alpha → 1.0.0

package/dist/components/Tab/TabBase.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SmallTabProps } from '../TabBar/types';
 export declare const TabBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Pick<SmallTabProps, "isActive">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/TabBar/TabBarContext.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TabProps, TabBarContextProps } from './types';
 export declare const TabBarContext: import("react").Context<TabBarContextProps>;
 export declare const useTabBarContext: () => TabBarContextProps;
 export declare const TabBarContextProvider: ({ initialTab, children, }: {
-    initialTab?: TabProps | undefined;
+    initialTab?: TabProps;
     children: React.ReactNode;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TabBar/stories/helpers.d.ts

@@ -5,18 +5,13 @@ import { TabProps } from '../types';
 type Args = Parameters<typeof TabBar>[0];
 export declare const TabBarWrapper: ({ children, selectedTabId, renderContent, }: {
     children: React.ReactNode;
-    selectedTabId?: string | number | undefined;
-    renderContent?: ((tab?: {
-        [prop: string]: unknown;
-        [prop: number]: unknown;
-        [prop: symbol]: unknown;
-        tabId: string | number;
-    } | undefined, arg?: unknown) => React.ReactNode) | undefined;
+    selectedTabId?: TabProps["tabId"];
+    renderContent?: TabProps["renderContent"];
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabContents: ({ text, id, labelledBy, }: {
     text: string;
-    id?: string | undefined;
-    labelledBy?: string | undefined;
+    id?: string;
+    labelledBy?: string;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const TabBarDecorator: DecoratorFunction<{
     component: typeof TabBar;

package/dist/components/TabBar/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export interface TabProps extends CommonProps {
     tabId: number | string;

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const Table: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export default Table;

package/dist/components/Table/stories/SortableTable.d.ts

@@ -1,4 +1,4 @@
 import { SortInfo } from './types';
 export declare const SortableTable: ({ onSortingChange, }: {
-    onSortingChange?: ((sortInfo: SortInfo) => void) | undefined;
+    onSortingChange?: (sortInfo: SortInfo) => void;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableBody/TableBody.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
 export default TableBody;

package/dist/components/TableCell/TableCell.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    align?: string | undefined;
+    align?: string;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export default TableCell;

package/dist/components/TableFilters/TableFilterTrigger.d.ts

@@ -2,7 +2,7 @@ import { Theme } from '@emotion/react';
 export declare const filterButtonStyles: (count?: number) => (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const TableFilterTrigger: ({ children, count, ...rest }: {
     children?: React.ReactNode;
-    count?: number | undefined;
-    as?: string | undefined;
-    className?: string | undefined;
+    count?: number;
+    as?: string;
+    className?: string;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFilterTriggerWithNotification.d.ts

@@ -1,5 +1,5 @@
 export declare const TableFilterTriggerWithNotification: ({ children, count, visible, }: {
     children?: React.ReactNode;
-    count?: number | undefined;
-    visible?: boolean | undefined;
+    count?: number;
+    visible?: boolean;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersAccordionContent.d.ts

@@ -1,9 +1,4 @@
-/// <reference types="react" />
 import { RenderContentProps } from '../AccordionGroup';
-export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: Pick<import("../AccordionGroup").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
-    isOpened?: boolean | undefined;
-    as?: import("react").ElementType<any> | undefined;
-    className?: string | undefined;
-} & Record<string, any> & {
+export declare const TableFiltersAccordionContent: ({ isOpened, children, ...rest }: RenderContentProps & {
     children: React.ReactNode;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableFilters/TableFiltersButtons.d.ts

@@ -1,4 +1,4 @@
 export declare const TableFiltersButtons: ({ onClear, onCancel, }: {
-    onClear?: (() => void) | undefined;
-    onCancel?: (() => void) | undefined;
+    onClear?: () => void;
+    onCancel?: () => void;
 }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/components/TableHead/TableHead.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableHead: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
 export default TableHead;

package/dist/components/TableRow/TableRow.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const TableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
 export default TableRow;

package/dist/components/Tag/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 export interface TagsProps extends CommonProps {
     color?: keyof MainColors;

package/dist/components/Textarea/TextareaBase.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TextareaBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;

package/dist/components/Tooltip/TooltipContentBase.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TooltipContentBase: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Tooltip/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { useInteractions, FloatingArrow, Placement, UseFloatingReturn } from '@floating-ui/react';
 import { PointTooltipProps, Point } from '@nivo/line';
 import { MapIconsType } from '../Icon/types';

package/dist/components/Tooltip/useTooltipContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipContextType, UseTooltipContext } from './types';
 export declare const TooltipContext: import("react").Context<TooltipContextType>;
 export declare const useTooltipContext: UseTooltipContext;

package/dist/components/TooltipContent/TooltipContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipContentProps } from '../Tooltip/types';
 declare const TooltipContent: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TooltipContent;

package/dist/components/TooltipTrigger/TooltipTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipTriggerProps } from '../Tooltip/types';
 declare const TooltipTrigger: ({ children }: TooltipTriggerProps) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
 export default TooltipTrigger;

package/dist/components/Typography/Typography.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyProps } from './types';
 declare const Typography: import("react").ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export default Typography;

package/dist/components/Typography/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TypographyProps {
     variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | 'body1' | 'body2' | 'body3' | 'caption';
     weight?: 'lighter' | 'regular' | 'medium' | 'bold';

package/dist/components/WithVisibleLG/WithVisibleLG.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 declare const VisibleLG: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WithVisibleLG: <T extends object>(Component: import("react").ComponentType<T>, rest?: Parameters<typeof VisibleLG>[0]) => {
+export declare const WithVisibleLG: <T extends object>(Component: React.ComponentType<T>, rest?: Parameters<typeof VisibleLG>[0]) => {
     (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };

package/dist/components/WithVisibleMD/WithVisibleMD.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
-export declare const WithVisibleMD: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
+export declare const WithVisibleMD: <T extends object>(Component: React.ComponentType<T>, styles?: SerializedStyles) => {
     (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };

package/dist/components/WithVisibleSM/WithVisibleSM.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
-export declare const WithVisibleSM: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
+export declare const WithVisibleSM: <T extends object>(Component: React.ComponentType<T>, styles?: SerializedStyles) => {
     (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };

package/dist/components/WithVisibleUpToLG/WithVisibleUpToLG.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
-export declare const WithVisibleUpToLG: <T extends object>(Component: import("react").ComponentType<T>, styles?: SerializedStyles) => {
+export declare const WithVisibleUpToLG: <T extends object>(Component: React.ComponentType<T>, styles?: SerializedStyles) => {
     (props: T): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
 };

package/dist/components/Wrapper/Wrapper.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { CommonProps } from '../../types/emotion';
 declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    avatarSize?: number | undefined;
-    direction?: string | undefined;
-    alignItems?: string | undefined;
+    avatarSize?: number;
+    direction?: string;
+    alignItems?: string;
 } & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Wrapper;

package/dist/styles/safari-focus-outline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme, SerializedStyles } from '@emotion/react';
 type OutlineFn = (theme: Theme, color?: keyof Theme['colors'], borderRadius?: string, borderStyle?: React.CSSProperties['borderStyle']) => SerializedStyles;
 export declare const focusOutline: OutlineFn;

package/dist/types/emotion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RGBString = `rgb${string}`;
 type MakeColors<T extends Array<string>> = {
     [K in T[number]]?: RGBString;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "0.0.35-alpha",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,8 +29,8 @@
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
     "uuid": "^9.0.0",
-    "@ssa-ui-kit/utils": "^0.0.1-alpha",
-    "@ssa-ui-kit/hooks": "^0.0.2-alpha"
+    "@ssa-ui-kit/utils": "^1.0.0",
+    "@ssa-ui-kit/hooks": "^1.0.0"
   },
   "devDependencies": {
     "@emotion/jest": "^11.11.0",

package/src/components/CollapsibleNavBar/stories/Logo.tsx

@@ -4,9 +4,9 @@ import * as S from './styles';
 export const Logo = () => (
   <ResponsiveImage
     css={S.ResponsiveLogo}
-    srcSet="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Large_Left.png?alt=media&token=b6fe7ab8-fd0b-475f-bb08-360311f27693 69w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Medium_Left.png?alt=media&token=a1aeba69-7c07-40c9-aeac-c2477640870d 55w"
+    srcSet="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FUI_KIT_Large_Left_WhiteBG.png?alt=media&token=b6f7850c-2f1d-421c-a26f-f1f1280d676c 69w, https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FUI_KIT_Medium_Left_WhiteBG.png?alt=media&token=27f3fcb9-c419-4e12-a18f-a16d362f54bf 55w"
     sizes="(min-width: 900px) 55px, (min-width: 1440px) 69px"
-    src="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FCTP_Small_Left.png?alt=media&token=bff7149e-3b90-4657-8a11-040e83990e6f"
-    alt="SSA CTP logo"
+    src="https://firebasestorage.googleapis.com/v0/b/admin-themes.appspot.com/o/logo%2FUI_KIT_Small_Left_WhiteBG.png?alt=media&token=c565fdb0-4ad9-42f5-8077-3249a5d727d8"
+    alt="SSA UI Kit"
   />
 );