@orfium/ictinus 5.5.0 → 5.5.1

package/dist/src/storybook/Showcases/SpacingSizingShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SpacingSizingShowcase';

package/dist/src/storybook/Showcases/StateShowcase/StateShowcase.d.ts

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

package/dist/src/storybook/Showcases/StateShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './StateShowcase';

package/dist/src/storybook/Showcases/TagShowcase/TagShowcase.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TagProps } from '../../../components/Tag';
+
+type Props = Pick<TagProps, 'color' | 'size' | 'iconName'> & {
+    text: string;
+    type: 'read-only' | 'clearable' | 'selectable';
+};
+declare const TagShowcase: FC<Props>;
+export default TagShowcase;

package/dist/src/storybook/Showcases/TagShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TagShowcase';

package/dist/src/storybook/Showcases/TextColorShowcase/TextColorShowcase.d.ts

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

package/dist/src/storybook/Showcases/TextColorShowcase/TextColorShowcase.style.d.ts

@@ -0,0 +1,5 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const dividerStyle: () => SerializedStyles;
+export declare const descriptionStyle: (colorCategory: string) => (theme: Theme) => SerializedStyles;

package/dist/src/storybook/Showcases/TextColorShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextColorShowcase';

package/dist/src/storybook/Showcases/TokenColorsShowcase/TokenColorsShowcase.d.ts

@@ -0,0 +1,10 @@
+import { FCC } from 'react';
+
+type Props = {
+    type?: 'globals' | 'tokens';
+};
+/**
+ * Showcase component used on the `Colors` document
+ */
+declare const TokenColorsShowcase: FCC<Props>;
+export default TokenColorsShowcase;

package/dist/src/storybook/Showcases/TokenColorsShowcase/TokenColorsShowcase.style.d.ts

@@ -0,0 +1,7 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const typeWrapperStyle: () => (theme: Theme) => SerializedStyles;
+export declare const stateWrapperStyle: () => () => SerializedStyles;
+export declare const colorStyle: (theme: Theme) => SerializedStyles;
+export declare const descriptionStyle: (theme: Theme) => SerializedStyles;

package/dist/src/storybook/Showcases/TokenColorsShowcase/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TokenColorsShowcase';
+export * from './TokenColorsShowcase';

package/dist/src/storybook/Showcases/TokenColorsShowcase/utils.d.ts

@@ -0,0 +1,17 @@
+/** This util takes an multi-level object and flattens it into single-level object where every key's value is an array of the paths underneath
+ *
+ * e.g. given an arg:
+ *     {
+ *      b: {
+ *        c: {
+ *          e: value,
+ *          f: value
+ *         },
+ *        d: value
+ *      }
+ *
+ *      ====> {b : [c.e, c.f, d]}
+ *
+ */
+export declare function getAllPaths(obj: any, parentPath?: string): string[];
+export declare const getColors: (colorObject: any) => {};

package/dist/src/storybook/Showcases/TypographyTokensShowcase/TypographyTokensShowcase.d.ts

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

package/dist/src/storybook/Showcases/TypographyTokensShowcase/TypographyTokensShowcase.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+
+export declare const TableWrapperStyle: () => SerializedStyles;
+export declare const innerTableStyle: () => SerializedStyles;

package/dist/src/storybook/Showcases/TypographyTokensShowcase/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TypographyTokensShowcase';

package/dist/src/storybook/SubsectionHeader/SubsectionHeader.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TypographyVariant } from '../../components/Typography';
+
+export type SectionHeaderProps = {
+    title?: string;
+    variant?: TypographyVariant;
+};
+declare const SubsectionHeader: FC<SectionHeaderProps>;
+export default SubsectionHeader;

package/dist/src/storybook/SubsectionHeader/SubsectionHeader.style.d.ts

@@ -0,0 +1,3 @@
+import { SerializedStyles } from '@emotion/react';
+
+export declare const subsectionHeaderWrapper: () => () => SerializedStyles;

package/dist/src/storybook/SubsectionHeader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SubsectionHeader';

package/dist/src/storybook/Tip/Tip.d.ts

@@ -0,0 +1,7 @@
+import { FCC } from 'react';
+
+export type TipProps = {
+    title: string;
+};
+declare const Tip: FCC<TipProps>;
+export default Tip;

package/dist/src/storybook/Tip/Tip.style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const TipWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/src/storybook/Tip/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tip';
+export * from './Tip';

package/dist/src/storybook/Typography/Typography.d.ts

@@ -0,0 +1,9 @@
+import { FCC } from 'react';
+import { TypographyVariant } from '../../components/Typography';
+
+export type TypographyProps = {
+    children: string;
+    variant: TypographyVariant;
+};
+declare const Typography: FCC<TypographyProps>;
+export default Typography;

package/dist/src/storybook/Typography/Typography.style.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../../theme';
+
+export declare const TypographyWrapper: (theme: Theme) => import('@emotion/react').SerializedStyles;
+export declare const TypographyResetFontSmooth: (theme: Theme) => import('@emotion/react').SerializedStyles;

package/dist/src/storybook/Typography/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const overviewTableText: {
+    title: string;
+    description: string;
+}[];

package/dist/src/storybook/Typography/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Typography';
+export * from './Typography';

package/dist/src/storybook/UsageGuidelines/UsageGuidelines.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+export declare const UsageGuidelines: React.FCC<{
+    guidelines: string[];
+    policies?: string[];
+}>;
+export default UsageGuidelines;

package/dist/src/storybook/UsageGuidelines/UsageGuidelines.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+
+export declare const WrapperStyle: () => SerializedStyles;
+export declare const iconStyle: () => SerializedStyles;

package/dist/src/storybook/UsageGuidelines/index.d.ts

@@ -0,0 +1 @@
+export { default } from './UsageGuidelines';

package/dist/src/storybook/index.d.ts

@@ -0,0 +1,8 @@
+import { default as Note } from './Note';
+import { default as Preview } from './Preview';
+import { default as SectionHeader } from './SectionHeader';
+import { default as SubsectionHeader } from './SubsectionHeader';
+import { default as Tip } from './Tip';
+import { default as UsageGuidelines } from './UsageGuidelines';
+
+export { UsageGuidelines, Tip, Note, Preview, SectionHeader, SubsectionHeader };

package/dist/src/storybook/styles/OverviewCard.style.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+
+export declare const WrapperStyle: (theme: Theme) => SerializedStyles;

package/dist/src/storybook.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/test/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/dist/src/test/setup.d.ts

@@ -0,0 +1 @@
+

package/dist/src/test/utils.d.ts

@@ -0,0 +1,7 @@
+import { renderHook } from '@testing-library/react-hooks';
+
+export declare const selectDropdownOption: (dropdownInput: HTMLInputElement, option: string) => Promise<void>;
+declare const renderWithThemeProvider: (children: JSX.Element) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+declare function sleep(ms: number): Promise<unknown>;
+export * from '@testing-library/react';
+export { renderHook, sleep, renderWithThemeProvider as render };

package/dist/src/theme/dimension/borderRadius.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as borderRadiusFigma } from './variables/borderRadius';
+
+export type DimensionBorderRadiusKey = DotKeys<typeof borderRadiusFigma>;
+export type DimensionBorderRadius = {
+    get: (val: DimensionBorderRadiusKey, fn?: (val: string) => unknown) => string;
+};
+declare const borderRadius: DimensionBorderRadius;
+export default borderRadius;

package/dist/src/theme/dimension/borderWidth.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as borderWidthFigma } from './variables/borderWidth';
+
+export type DimensionBorderWidthKey = DotKeys<typeof borderWidthFigma>;
+export type DimensionBorderWidth = {
+    get: (val: DimensionBorderWidthKey, fn?: (val: string) => unknown) => string;
+};
+declare const borderWidth: DimensionBorderWidth;
+export default borderWidth;

package/dist/src/theme/dimension/index.d.ts

@@ -0,0 +1,10 @@
+declare const dimension: {
+    borderRadius: import('./borderRadius').DimensionBorderRadius;
+    borderWidth: import('./borderWidth').DimensionBorderWidth;
+    minHeight: import('./minHeight').DimensionMinHeight;
+    opacity: import('./opacity').DimensionOpacity;
+    sizing: import('./sizing').DimensionSizing;
+    spacing: import('./spacing').DimensionSpacing;
+    state: import('./state').DimensionState;
+};
+export default dimension;

package/dist/src/theme/dimension/minHeight.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as minHeightFigma } from './variables/minHeight';
+
+export type DimensionMinHeightKey = DotKeys<typeof minHeightFigma>;
+export type DimensionMinHeight = {
+    get: (val: DimensionMinHeightKey, fn?: (val: string) => unknown) => string;
+};
+declare const minHeight: DimensionMinHeight;
+export default minHeight;

package/dist/src/theme/dimension/opacity.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as opacityFigma } from './variables/opacity';
+
+export type DimensionOpacityKey = DotKeys<typeof opacityFigma>;
+export type DimensionOpacity = {
+    get: (val: DimensionOpacityKey, fn?: (val: string) => unknown) => string;
+};
+declare const opacity: DimensionOpacity;
+export default opacity;

package/dist/src/theme/dimension/sizing.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as sizingFigma } from './variables/sizing';
+
+export type DimensionSizingKey = DotKeys<typeof sizingFigma>;
+export type DimensionSizing = {
+    get: (val: DimensionSizingKey, fn?: (val: string) => unknown) => string;
+};
+declare const sizing: DimensionSizing;
+export default sizing;

package/dist/src/theme/dimension/spacing.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as spacingFigma } from './variables/spacing';
+
+export type DimensionSpacingKey = DotKeys<typeof spacingFigma>;
+export type DimensionSpacing = {
+    get: (val: DimensionSpacingKey, fn?: (val: string) => unknown) => string;
+};
+declare const spacing: DimensionSpacing;
+export default spacing;

package/dist/src/theme/dimension/state.d.ts

@@ -0,0 +1,9 @@
+import { DotKeys } from '../tokens/utils';
+import { default as stateFigma } from './variables/state';
+
+export type DimensionStateKey = DotKeys<typeof stateFigma>;
+export type DimensionState = {
+    get: (val: DimensionStateKey, fn?: (val: string) => unknown) => string;
+};
+declare const state: DimensionState;
+export default state;

package/dist/src/theme/dimension/variables/borderRadius.d.ts

@@ -0,0 +1,28 @@
+declare const borderRadius: {
+    readonly none: {
+        readonly value: "{borderRadius.0}";
+        readonly type: "borderRadius";
+    };
+    readonly sm: {
+        readonly value: "{borderRadius.1}";
+        readonly type: "borderRadius";
+    };
+    readonly md: {
+        readonly value: "{borderRadius.2}";
+        readonly type: "borderRadius";
+    };
+    readonly lg: {
+        readonly value: "{borderRadius.3}";
+        readonly type: "borderRadius";
+    };
+    readonly xl: {
+        readonly value: "{borderRadius.4}";
+        readonly type: "borderRadius";
+    };
+    readonly circle: {
+        readonly value: "{borderRadius.7}";
+        readonly type: "borderRadius";
+        readonly description: "Circular border radius (100%)";
+    };
+};
+export default borderRadius;

package/dist/src/theme/dimension/variables/borderWidth.d.ts

@@ -0,0 +1,23 @@
+declare const borderWidth: {
+    readonly default: {
+        readonly value: "{borderWidth.1}";
+        readonly type: "borderWidth";
+        readonly description: "Sets 'default' border width for components";
+    };
+    readonly active: {
+        readonly value: "{borderWidth.2}";
+        readonly type: "borderWidth";
+        readonly description: "Sets 'active' border width for components ";
+    };
+    readonly focused: {
+        readonly value: "{borderWidth.3}";
+        readonly type: "borderWidth";
+        readonly description: "Sets focused container borderWidth for component";
+    };
+    readonly innerFocused: {
+        readonly value: "{borderWidth.2}";
+        readonly type: "borderWidth";
+        readonly description: "Alternative borderWidth for nested focused elements";
+    };
+};
+export default borderWidth;

package/dist/src/theme/dimension/variables/minHeight.d.ts

@@ -0,0 +1,20 @@
+declare const minHeight: {
+    readonly tableRow: {
+        readonly sm: {
+            readonly value: "{sizing.11}";
+            readonly type: "sizing";
+            readonly description: "Sets min.height for small table row (44px)";
+        };
+        readonly md: {
+            readonly value: "{sizing.13}";
+            readonly type: "sizing";
+            readonly description: "Sets min. height for medium table row (52px)";
+        };
+        readonly lg: {
+            readonly value: "{sizing.15}";
+            readonly type: "sizing";
+            readonly description: "Sets min. height for large table row (60px)";
+        };
+    };
+};
+export default minHeight;

package/dist/src/theme/dimension/variables/opacity.d.ts

@@ -0,0 +1,18 @@
+declare const opacity: {
+    readonly disabled: {
+        readonly value: "50%";
+        readonly type: "opacity";
+        readonly description: "'Disabled' state";
+    };
+    readonly enabled: {
+        readonly value: "100%";
+        readonly type: "opacity";
+        readonly description: "'enabled' state";
+    };
+    readonly hidden: {
+        readonly value: "0%";
+        readonly type: "opacity";
+        readonly description: "'hidden' state";
+    };
+};
+export default opacity;

package/dist/src/theme/dimension/variables/sizing.d.ts

@@ -0,0 +1,30 @@
+declare const sizing: {
+    readonly icon: {
+        readonly xs: {
+            readonly value: "{sizing.3}";
+            readonly type: "sizing";
+            readonly description: "Sets extra small size for icon";
+        };
+        readonly sm: {
+            readonly value: "{sizing.4}";
+            readonly type: "sizing";
+            readonly description: "Sets small size for icon";
+        };
+        readonly md: {
+            readonly value: "{sizing.5}";
+            readonly type: "sizing";
+            readonly description: "Sets medium size for icon";
+        };
+        readonly lg: {
+            readonly value: "{sizing.6}";
+            readonly type: "sizing";
+            readonly description: "Sets large size for icon";
+        };
+        readonly xl: {
+            readonly value: "{sizing.9}";
+            readonly type: "sizing";
+            readonly description: "Sets extra large size for icon";
+        };
+    };
+};
+export default sizing;

package/dist/src/theme/dimension/variables/spacing.d.ts

@@ -0,0 +1,43 @@
+declare const spacing: {
+    readonly none: {
+        readonly value: "{spacing.0}";
+        readonly type: "spacing";
+    };
+    readonly '2xs': {
+        readonly value: "{spacing.2}";
+        readonly type: "spacing";
+    };
+    readonly xs: {
+        readonly value: "{spacing.3}";
+        readonly type: "spacing";
+    };
+    readonly sm: {
+        readonly value: "{spacing.4}";
+        readonly type: "spacing";
+    };
+    readonly md: {
+        readonly value: "{spacing.5}";
+        readonly type: "spacing";
+    };
+    readonly lg: {
+        readonly value: "{spacing.6}";
+        readonly type: "spacing";
+    };
+    readonly xl: {
+        readonly value: "{spacing.7}";
+        readonly type: "spacing";
+    };
+    readonly '2xl': {
+        readonly value: "{spacing.8}";
+        readonly type: "spacing";
+    };
+    readonly '3xl': {
+        readonly value: "{spacing.9}";
+        readonly type: "spacing";
+    };
+    readonly '4xl': {
+        readonly value: "{spacing.12}";
+        readonly type: "spacing";
+    };
+};
+export default spacing;

package/dist/src/theme/dimension/variables/state.d.ts

@@ -0,0 +1,25 @@
+declare const state: {
+    readonly hover: {
+        readonly xs: {
+            readonly value: "{sizing.7}";
+            readonly type: "sizing";
+            readonly description: "Sets extra small hover size";
+        };
+        readonly sm: {
+            readonly value: "{sizing.8}";
+            readonly type: "sizing";
+            readonly description: "Sets small hover size";
+        };
+        readonly md: {
+            readonly value: "{sizing.9}";
+            readonly type: "sizing";
+            readonly description: "Sets medium hover size";
+        };
+        readonly lg: {
+            readonly value: "{sizing.10}";
+            readonly type: "sizing";
+            readonly description: "Sets large hover size";
+        };
+    };
+};
+export default state;

package/dist/src/theme/functions.d.ts

@@ -0,0 +1,9 @@
+export declare const grid: import('@emotion/react').SerializedStyles;
+export declare const well: import('@emotion/react').SerializedStyles;
+export declare const centerAbsoluteVertical: import('@emotion/react').SerializedStyles;
+export declare const transition: (s: number, type?: string) => import('@emotion/react').SerializedStyles;
+export declare const lineEllipsis: import('@emotion/react').SerializedStyles;
+export declare const flex: import('@emotion/react').SerializedStyles;
+export declare const flexCenter: import('@emotion/react').SerializedStyles;
+export declare const flexCenterVertical: import('@emotion/react').SerializedStyles;
+export declare const plainTextButton: import('@emotion/react').SerializedStyles;

package/dist/src/theme/globals/borderRadius.d.ts

@@ -0,0 +1,8 @@
+import { default as borderRadiusFigma } from './constants/borderRadius';
+
+export type BorderRadiusKey = keyof typeof borderRadiusFigma;
+export type BorderRadius = {
+    get: (val: BorderRadiusKey, fn?: (val: string) => unknown) => string;
+};
+declare const borderRadius: BorderRadius;
+export default borderRadius;

package/dist/src/theme/globals/borderWidth.d.ts

@@ -0,0 +1,8 @@
+import { default as borderWidthFigma } from './constants/borderWidth';
+
+export type BorderWidthKey = keyof typeof borderWidthFigma;
+export type BorderWidth = {
+    get: (val: BorderWidthKey, fn?: (val: string) => unknown) => string;
+};
+declare const borderWidth: BorderWidth;
+export default borderWidth;

package/dist/src/theme/globals/colors.d.ts

@@ -0,0 +1,9 @@
+import { default as colorsFigma } from './constants/colors';
+import { DotKeys } from '../tokens/utils';
+
+export type ColorsKey = DotKeys<typeof colorsFigma>;
+export type Colors = {
+    get: (val: ColorsKey, fn?: (val: string) => unknown) => string;
+};
+declare const colors: Colors;
+export default colors;

package/dist/src/theme/globals/constants/borderRadius.d.ts

@@ -0,0 +1,43 @@
+declare const borderRadius: {
+    readonly '0': {
+        readonly value: "0 px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 0px";
+    };
+    readonly '1': {
+        readonly value: "2px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 2px";
+    };
+    readonly '2': {
+        readonly value: "4px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 4px";
+    };
+    readonly '3': {
+        readonly value: "8px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 8px";
+    };
+    readonly '4': {
+        readonly value: "16px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 16px";
+    };
+    readonly '5': {
+        readonly value: "36px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 36px";
+    };
+    readonly '6': {
+        readonly value: "48px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 48px";
+    };
+    readonly '7': {
+        readonly value: "9999px";
+        readonly type: "borderRadius";
+        readonly description: "Corner radius = 100px used for circles and pill shaped elements";
+    };
+};
+export default borderRadius;

package/dist/src/theme/globals/constants/borderWidth.d.ts

@@ -0,0 +1,17 @@
+declare const borderWidth: {
+    readonly '1': {
+        readonly value: "1px";
+        readonly type: "borderWidth";
+        readonly description: "Default 1pxs stroke";
+    };
+    readonly '2': {
+        readonly value: "2px";
+        readonly type: "borderWidth";
+        readonly description: "Default 2pxs stroke";
+    };
+    readonly '3': {
+        readonly value: "4px";
+        readonly type: "borderWidth";
+    };
+};
+export default borderWidth;