@orfium/ictinus 5.4.1 → 5.5.1

package/dist/src/theme/tokens/components/variables/listItem.d.ts

@@ -0,0 +1,13 @@
+declare const listItem: {
+    readonly height: {
+        readonly value: "{sizing.13}";
+        readonly type: "sizing";
+        readonly description: "Sets fixed height for all list items";
+    };
+    readonly heightCompact: {
+        readonly value: "{sizing.10}";
+        readonly type: "sizing";
+        readonly description: "Sets fixed height for _block pagination list item";
+    };
+};
+export default listItem;

package/dist/src/theme/tokens/components/variables/progressIndicator.d.ts

@@ -0,0 +1,15 @@
+declare const progressIndicator: {
+    readonly height: {
+        readonly linear: {
+            readonly value: "{sizing.1}";
+            readonly type: "sizing";
+            readonly description: "Sets fxed height for normal linear progress indicator";
+        };
+        readonly linearBlock: {
+            readonly value: "{sizing.2}";
+            readonly type: "sizing";
+            readonly description: "Sets fxed height for normal linearBlock progress indicator";
+        };
+    };
+};
+export default progressIndicator;

package/dist/src/theme/tokens/components/variables/search.d.ts

@@ -0,0 +1,10 @@
+declare const search: {
+    readonly height: {
+        readonly normal: {
+            readonly value: "{sizing.9}";
+            readonly type: "sizing";
+            readonly description: "Sets fixed height for search component";
+        };
+    };
+};
+export default search;

package/dist/src/theme/tokens/components/variables/tag.d.ts

@@ -0,0 +1,17 @@
+declare const tag: {
+    readonly normal: {
+        readonly height: {
+            readonly value: "{sizing.6}";
+            readonly type: "sizing";
+            readonly description: "sets fixed height for tag";
+        };
+    };
+    readonly small: {
+        readonly height: {
+            readonly value: "{sizing.5}";
+            readonly type: "sizing";
+            readonly description: "sets fixed height for small tag";
+        };
+    };
+};
+export default tag;

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

@@ -0,0 +1,10 @@
+declare const tokens: {
+    semantic: {
+        disabledState: import('./semantic/disabledState').SemanticDisabledState;
+        colors: import('./semantic/colors').SemanticColors;
+        state: import('./semantic/state').SemanticState;
+        typography: import('./semantic/typography').SemanticTypography;
+        boxShadow: import('./semantic/boxShadow').SemanticBoxShadow;
+    };
+};
+export default tokens;

package/dist/src/theme/tokens/semantic/boxShadow.d.ts

@@ -0,0 +1,8 @@
+import { default as boxShadowFigma } from './variables/boxShadow';
+
+export type SemanticBoxShadowKey = keyof typeof boxShadowFigma;
+export type SemanticBoxShadow = {
+    get: (val: SemanticBoxShadowKey, fn?: (val: string) => unknown) => string;
+};
+declare const boxShadow: SemanticBoxShadow;
+export default boxShadow;

package/dist/src/theme/tokens/semantic/colors.d.ts

@@ -0,0 +1,9 @@
+import { default as colorsFigma } from './variables/colors';
+import { DotKeys } from '../utils';
+
+export type SemanticColorsKey = DotKeys<typeof colorsFigma>;
+export type SemanticColors = {
+    get: (val: SemanticColorsKey) => string;
+};
+declare const colors: SemanticColors;
+export default colors;

package/dist/src/theme/tokens/semantic/disabledState.d.ts

@@ -0,0 +1,8 @@
+import { default as disabledStateFigma } from './variables/disabledState';
+import { DotKeys } from '../utils';
+
+export type SemanticDisabledState = {
+    get: (val: DotKeys<typeof disabledStateFigma>) => string;
+};
+declare const disabledState: SemanticDisabledState;
+export default disabledState;

package/dist/src/theme/tokens/semantic/index.d.ts

@@ -0,0 +1,8 @@
+declare const semantic: {
+    disabledState: import('./disabledState').SemanticDisabledState;
+    colors: import('./colors').SemanticColors;
+    state: import('./state').SemanticState;
+    typography: import('./typography').SemanticTypography;
+    boxShadow: import('./boxShadow').SemanticBoxShadow;
+};
+export default semantic;

package/dist/src/theme/tokens/semantic/state.d.ts

@@ -0,0 +1,8 @@
+import { default as stateFigma } from './variables/state';
+import { DotKeys } from '../utils';
+
+export type SemanticState = {
+    get: (val: DotKeys<typeof stateFigma>) => string;
+};
+declare const state: SemanticState;
+export default state;

package/dist/src/theme/tokens/semantic/tests/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const tokensObject: {
+    colorToken: {
+        type: string;
+        value: string;
+    };
+    hexToken: {
+        type: string;
+        value: string;
+    };
+    rgbaToken: {
+        type: string;
+        value: string;
+    };
+    opacityToken: {
+        type: string;
+        value: string;
+    };
+};
+export declare const token: {
+    type: string;
+    value: string;
+};

package/dist/src/theme/tokens/semantic/tests/utils.test.d.ts

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

package/dist/src/theme/tokens/semantic/typography.d.ts

@@ -0,0 +1,12 @@
+import { default as typographyFigma } from './variables/typography';
+import { DotKeys } from '../utils';
+
+export type TypographyKeys = 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing' | 'textCase' | 'textDecoration';
+export type SemanticTypographyKey = DotKeys<typeof typographyFigma>;
+export type FontSpacing = keyof typeof typographyFigma;
+export type TypographyObject = Record<TypographyKeys, string>;
+export type SemanticTypography = {
+    get: (val: SemanticTypographyKey) => TypographyObject;
+};
+declare const typography: SemanticTypography;
+export default typography;

package/dist/src/theme/tokens/semantic/variables/boxShadow.d.ts

@@ -0,0 +1,71 @@
+declare const boxShadow: {
+    readonly '0': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "0";
+            readonly blur: "0";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+        readonly description: "No shadow variant";
+    };
+    readonly '1': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "2";
+            readonly blur: "4";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '2': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "4";
+            readonly blur: "8";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '3': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "8";
+            readonly blur: "16";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '4': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "16";
+            readonly blur: "24";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+    };
+    readonly '5': {
+        readonly value: {
+            readonly x: "0";
+            readonly y: "-2";
+            readonly blur: "4";
+            readonly spread: "0";
+            readonly color: "rgba(200,206,255,0.45)";
+            readonly type: "dropShadow";
+        };
+        readonly type: "boxShadow";
+        readonly description: "Used for sticky/fixed components";
+    };
+};
+export default boxShadow;

package/dist/src/theme/tokens/semantic/variables/colors.d.ts

@@ -0,0 +1,308 @@
+declare const colors: {
+    readonly backgroundColor: {
+        readonly default: {
+            readonly value: "{colors.neutral.1}";
+            readonly type: "color";
+            readonly description: "default backgroundColor variant";
+        };
+        readonly transparent: {
+            readonly value: "{colors.transparent.1}";
+            readonly type: "color";
+            readonly description: "transparent backgroundColor variant";
+        };
+        readonly alt: {
+            readonly value: "{colors.neutral.2}";
+            readonly type: "color";
+            readonly description: "alt backgroundColor variant";
+        };
+        readonly inverted: {
+            readonly value: "{colors.neutral.6}";
+            readonly type: "color";
+            readonly description: "invertedBackgroundColor default variant";
+        };
+        readonly invertedAlt: {
+            readonly value: "{colors.neutral.5}";
+            readonly type: "color";
+            readonly description: "invertedBackgroundColor, alt variant";
+        };
+    };
+    readonly backdrop: {
+        readonly default: {
+            readonly value: "{colors.transparent.5}";
+            readonly type: "color";
+            readonly description: "backdrop shade";
+        };
+    };
+    readonly palette: {
+        readonly error: {
+            readonly muted: {
+                readonly type: "color";
+                readonly value: "{colors.red.1}";
+            };
+            readonly base: {
+                readonly type: "color";
+                readonly value: "{colors.red.2}";
+            };
+            readonly contrast: {
+                readonly type: "color";
+                readonly value: "{colors.red.3}";
+            };
+        };
+        readonly warning: {
+            readonly muted: {
+                readonly type: "color";
+                readonly value: "{colors.orange.1}";
+            };
+            readonly base: {
+                readonly type: "color";
+                readonly value: "{colors.orange.2}";
+            };
+            readonly contrast: {
+                readonly type: "color";
+                readonly value: "{colors.orange.3}";
+            };
+        };
+        readonly primary: {
+            readonly muted: {
+                readonly type: "color";
+                readonly value: "{colors.blue.5}";
+            };
+            readonly base: {
+                readonly type: "color";
+                readonly value: "{colors.blue.6}";
+            };
+            readonly contrast: {
+                readonly type: "color";
+                readonly value: "{colors.blue.7}";
+            };
+        };
+        readonly secondary: {
+            readonly muted: {
+                readonly type: "color";
+                readonly value: "{colors.transparent.2}";
+            };
+            readonly base: {
+                readonly type: "color";
+                readonly value: "{colors.transparent.3}";
+            };
+            readonly contrast: {
+                readonly type: "color";
+                readonly value: "{colors.transparent.4}";
+            };
+        };
+        readonly success: {
+            readonly muted: {
+                readonly type: "color";
+                readonly value: "{colors.teal.1}";
+            };
+            readonly base: {
+                readonly type: "color";
+                readonly value: "{colors.teal.2}";
+            };
+            readonly contrast: {
+                readonly type: "color";
+                readonly value: "{colors.teal.3}";
+            };
+        };
+        readonly tertiary: {
+            readonly muted: {
+                readonly value: "{colors.transparent.2}";
+                readonly type: "color";
+            };
+            readonly base: {
+                readonly value: "{colors.transparent.1}";
+                readonly type: "color";
+            };
+            readonly contrast: {
+                readonly value: "{colors.transparent.3}";
+                readonly type: "color";
+            };
+        };
+        readonly upsell: {
+            readonly muted: {
+                readonly value: "{colors.purple.1}";
+                readonly type: "color";
+            };
+            readonly base: {
+                readonly value: "{colors.purple.2}";
+                readonly type: "color";
+            };
+            readonly contrast: {
+                readonly value: "{colors.purple.3}";
+                readonly type: "color";
+            };
+        };
+        readonly primaryAlt: {
+            readonly muted: {
+                readonly value: "{colors.blue.1}";
+                readonly type: "color";
+            };
+            readonly base: {
+                readonly value: "{colors.blue.2}";
+                readonly type: "color";
+            };
+            readonly contrast: {
+                readonly value: "{colors.blue.3}";
+                readonly type: "color";
+            };
+        };
+    };
+    readonly textColor: {
+        readonly default: {
+            readonly primary: {
+                readonly value: "{colors.neutral.6}";
+                readonly type: "color";
+                readonly description: "Sets color for primary text";
+            };
+            readonly secondary: {
+                readonly value: "{colors.neutral.4}";
+                readonly type: "color";
+                readonly description: "Sets color for secondary text";
+            };
+            readonly error: {
+                readonly value: "{colors.red.7}";
+                readonly type: "color";
+                readonly description: "Sets color for error text";
+            };
+            readonly active: {
+                readonly value: "{colors.blue.7}";
+                readonly type: "color";
+                readonly description: "Sets color for active text";
+            };
+            readonly visited: {
+                readonly value: "{colors.purple.7}";
+                readonly type: "color";
+                readonly description: "Sets color for visited text (link)";
+            };
+            readonly warning: {
+                readonly value: "{colors.orange.7}";
+                readonly type: "color";
+                readonly description: "Sets color for warning text";
+            };
+            readonly success: {
+                readonly value: "{colors.teal.7}";
+                readonly type: "color";
+                readonly description: "Sets color for success text";
+            };
+        };
+        readonly inverted: {
+            readonly visited: {
+                readonly value: "{colors.purple.4}";
+                readonly type: "color";
+                readonly description: "Sets color for visited text (link)";
+            };
+            readonly primary: {
+                readonly value: "{colors.neutral.1}";
+                readonly type: "color";
+                readonly description: "Sets color for inverted primary text";
+            };
+            readonly secondary: {
+                readonly value: "{colors.neutral.3}";
+                readonly type: "color";
+                readonly description: "Sets color for inverted secondary text";
+            };
+            readonly error: {
+                readonly value: "{colors.red.4}";
+                readonly type: "color";
+                readonly description: "Sets color for inverted error text";
+            };
+            readonly active: {
+                readonly value: "{colors.blue.4}";
+                readonly type: "color";
+                readonly description: "Sets color for inverted active text";
+            };
+            readonly warning: {
+                readonly value: "{colors.orange.4}";
+                readonly type: "color";
+            };
+            readonly success: {
+                readonly value: "{colors.teal.4}";
+                readonly type: "color";
+                readonly description: "Sets color for inverted success text";
+            };
+        };
+    };
+    readonly borderColor: {
+        readonly decorative: {
+            readonly transparent: {
+                readonly value: "{colors.transparent.1}";
+                readonly type: "color";
+                readonly description: "transparent borderColor variant";
+            };
+            readonly default: {
+                readonly value: "{colors.transparent.5}";
+                readonly type: "color";
+                readonly description: "Default decorative borderColor";
+            };
+            readonly inverted: {
+                readonly value: "{colors.transparent.10}";
+                readonly type: "color";
+                readonly description: "Inverted decorative borderColor";
+            };
+        };
+        readonly interactive: {
+            readonly default: {
+                readonly value: "{colors.blue.4}";
+                readonly type: "color";
+                readonly description: "Used in default component state";
+            };
+            readonly active: {
+                readonly value: "{colors.blue.6}";
+                readonly type: "color";
+                readonly description: "Used in active component state";
+            };
+            readonly error: {
+                readonly value: "{colors.red.5}";
+                readonly type: "color";
+                readonly description: "Sets borderColor for error";
+            };
+            readonly upsell: {
+                readonly value: "{colors.purple.5}";
+                readonly type: "color";
+                readonly description: "Sets borderColor for upsell";
+            };
+            readonly warning: {
+                readonly value: "{colors.orange.5}";
+                readonly type: "color";
+                readonly description: "Sets borderColor for warning";
+            };
+            readonly success: {
+                readonly value: "{colors.teal.5}";
+                readonly type: "color";
+                readonly description: "Sets borderColor for success";
+            };
+            readonly focused: {
+                readonly value: "{colors.purple.5}";
+                readonly type: "color";
+                readonly description: "Sets focused container borderColor for component";
+            };
+        };
+    };
+    readonly indicators: {
+        readonly brand: {
+            readonly value: "{colors.blue.5}";
+            readonly type: "color";
+        };
+        readonly success: {
+            readonly value: "{colors.teal.5}";
+            readonly type: "color";
+        };
+        readonly pending: {
+            readonly value: "{colors.purple.4}";
+            readonly type: "color";
+        };
+        readonly warning: {
+            readonly value: "{colors.orange.4}";
+            readonly type: "color";
+        };
+        readonly error: {
+            readonly value: "{colors.red.5}";
+            readonly type: "color";
+        };
+        readonly inactive: {
+            readonly value: "{colors.neutral.3}";
+            readonly type: "color";
+        };
+    };
+};
+export default colors;

package/dist/src/theme/tokens/semantic/variables/disabledState.d.ts

@@ -0,0 +1,7 @@
+declare const disabledState: {
+    readonly default: {
+        readonly value: "{opacity.4}";
+        readonly type: "opacity";
+    };
+};
+export default disabledState;

package/dist/src/theme/tokens/semantic/variables/state.d.ts

@@ -0,0 +1,24 @@
+declare const state: {
+    readonly borderRadius: {
+        readonly hover: {
+            readonly value: "{borderRadius.7}";
+            readonly type: "borderRadius";
+            readonly description: "Sets border radius for circular hover shape";
+        };
+    };
+    readonly backgroundColor: {
+        readonly hover: {
+            readonly value: "{colors.transparent.2}";
+            readonly type: "color";
+            readonly description: "Sets transparent overlay for interactive icon on hover";
+        };
+    };
+    readonly loading: {
+        readonly gradient: {
+            readonly value: "{colors.gradient.1}";
+            readonly type: "color";
+            readonly description: "Alt loading state gradient";
+        };
+    };
+};
+export default state;