@companycam/slab-web 2.2.0 → 2.2.1

package/lib/Spinner/Spinner.d.ts

@@ -23,7 +23,7 @@ type LayoutProps = {
     $layout?: Layout;
     $ccMargin?: SpinnerProps['ccMargin'];
 };
-declare const Layout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LayoutProps>> & string;
+declare const Layout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof LayoutProps> & LayoutProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof LayoutProps> & LayoutProps, never>>> & string;
 /** Use Spinner when something's happening and the user needs to wait. Versatile and customizable.  */
 export declare const Spinner: ({ accessibilityLabel, ccMargin, "data-testid": dataTestId, isCentered, label, layout, meterColor, size, trackColor, testId, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export default Spinner;

package/lib/shared/Message/Message.d.ts

@@ -9,9 +9,9 @@ export type MessageProps = HTMLDivProps & GetStatusProps & {
 type MessageContentProps = {
     $status: MessageProps['status'];
 };
-export declare const MessageContent: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components/dist/types.js').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, MessageContentProps>> & string;
-export declare const MessageIcon: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const MessageText: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const MessageContent: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$status"> & MessageContentProps, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$status"> & MessageContentProps, never>>> & string;
+export declare const MessageIcon: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
+export declare const MessageText: import('styled-components/dist/types.js').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
 /**
  * Message is used inside forms components like InputText as a DRY way of rendering a message below the input / label UI.
  * */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companycam/slab-web",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",

package/storybook/TokenDocs/FilterableTokensList.d.ts

@@ -0,0 +1 @@
+export declare const FilterableTokensList: () => import("react/jsx-runtime").JSX.Element;

package/storybook/TokenDocs/TokenItem.d.ts

@@ -0,0 +1,6 @@
+import { TokenDoc } from './types';
+type TokenItemProps = {
+    token: TokenDoc;
+};
+export declare const TokenItem: ({ token }: TokenItemProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/storybook/TokenDocs/TokenItemLeft.d.ts

@@ -0,0 +1,7 @@
+import { TokenDoc, WebTokenDocCategory } from './types';
+type TokenItemLeftProps = {
+    token: TokenDoc;
+    category: WebTokenDocCategory;
+};
+export declare const TokenItemLeft: ({ token, category }: TokenItemLeftProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/storybook/TokenDocs/TokenSearchForm.d.ts

@@ -0,0 +1,10 @@
+import { WebTokenDocCategory } from './types';
+export type TokenSearchFormValues = {
+    query: string;
+    category: WebTokenDocCategory | '';
+};
+type TokenSearchFormProps = {
+    onChange: (values: TokenSearchFormValues) => void;
+};
+export declare const TokenSearchForm: ({ onChange }: TokenSearchFormProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook/TokenDocs/TokenUsage.d.ts

@@ -0,0 +1,7 @@
+import { TokenDoc, WebTokenDocCategory } from './types';
+type TokenUsageProps = {
+    token: TokenDoc;
+    category: WebTokenDocCategory;
+};
+export declare const TokenUsage: ({ token, category }: TokenUsageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook/TokenDocs/TokensList.d.ts

@@ -0,0 +1,6 @@
+import { TokenDoc } from './types';
+type TokensListProps = {
+    tokens: TokenDoc[];
+};
+export declare const TokensList: ({ tokens }: TokensListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook/TokenDocs/types.d.ts

@@ -0,0 +1,3 @@
+import { tokenDocs } from '../../../../slab-tokens/src/index.ts';
+export type TokenDoc = (typeof tokenDocs)[number];
+export type WebTokenDocCategory = 'color' | 'sizeSpacing' | 'sizeBorderRadius' | 'sizeBorderWidth' | 'sizeText' | 'sizeAvatar' | 'sizeDepth';

package/storybook/TokenDocs/utils.d.ts

@@ -0,0 +1,6 @@
+import { TokenDoc, WebTokenDocCategory } from './types';
+export declare const getTokenWebCategory: (token: TokenDoc) => WebTokenDocCategory | null;
+export declare const getFilteredTokenDocs: ({ query, category, }: {
+    query?: string;
+    category?: WebTokenDocCategory;
+}) => TokenDoc[];