@orfium/ictinus 5.5.0 → 5.5.2

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

@@ -0,0 +1,295 @@
+declare const colors: {
+    readonly gradient: {
+        readonly '1': {
+            readonly value: "linear-gradient(-90deg, #F814A1 0%, #4945EE 100%)";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "linear-gradient(90deg, #B9CDFC 0%, #B9C0FF 100%)";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "linear-gradient(-90deg, #1B214F 0%, #020D25 100%)";
+            readonly type: "color";
+        };
+    };
+    readonly blue: {
+        readonly '1': {
+            readonly value: "#E9EFFB";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#DAE4FB";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#B8CCFA";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#8EAAEC";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#5E8DF8";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#175BF5";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "#194DCC";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "#173DA0";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "#173382";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "#12204E";
+            readonly type: "color";
+        };
+    };
+    readonly neutral: {
+        readonly '1': {
+            readonly value: "#ffffff";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#F2F4FF";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#B3B5CC";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#52567a";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#262C59";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#111530";
+            readonly type: "color";
+        };
+    };
+    readonly transparent: {
+        readonly '1': {
+            readonly value: "rgba(200,206,255,0)";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "rgba(200,206,255,0.20)";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "rgba(200,206,255,0.30)";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "rgba(200,206,255,0.45)";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "rgba(200,206,255,0.70)";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "rgba(76,86,164,0)";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "rgba(76,86,164,0.20)";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "rgba(76,86,164,0.30)";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "rgba(76,86,164,0.45)";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "rgba(76,86,164,0.70)";
+            readonly type: "color";
+        };
+    };
+    readonly red: {
+        readonly '1': {
+            readonly value: "#FFEBF1";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#FFD6E5";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#FFB2CE";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#FF80AD";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#FF4D8D";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#D4165F";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "#BF1250";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "#831650";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "#601649";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "#33123A";
+            readonly type: "color";
+        };
+    };
+    readonly orange: {
+        readonly '1': {
+            readonly value: "#FFF0D1";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#FFE2A8";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#FFC95C";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#F5A300";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#D67D00";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#9E4214";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "#8B391D";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "#66301E";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "#4D2A24";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "#29201E";
+            readonly type: "color";
+        };
+    };
+    readonly purple: {
+        readonly '1': {
+            readonly value: "#F3EBFF";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#EBDBFF";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#D8BDFF";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#BD8FFF";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#A566FF";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#7531DE";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "#5F33AC";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "#492A89";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "#38246E";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "#211A47";
+            readonly type: "color";
+        };
+    };
+    readonly teal: {
+        readonly '1': {
+            readonly value: "#DCF9F2";
+            readonly type: "color";
+        };
+        readonly '2': {
+            readonly value: "#BFF4E7";
+            readonly type: "color";
+        };
+        readonly '3': {
+            readonly value: "#86EAD1";
+            readonly type: "color";
+        };
+        readonly '4': {
+            readonly value: "#3CDDB4";
+            readonly type: "color";
+        };
+        readonly '5': {
+            readonly value: "#1EBE96";
+            readonly type: "color";
+        };
+        readonly '6': {
+            readonly value: "#107962";
+            readonly type: "color";
+        };
+        readonly '7': {
+            readonly value: "#11695B";
+            readonly type: "color";
+        };
+        readonly '8': {
+            readonly value: "#0F514C";
+            readonly type: "color";
+        };
+        readonly '9': {
+            readonly value: "#104042";
+            readonly type: "color";
+        };
+        readonly '10': {
+            readonly value: "#0E2834";
+            readonly type: "color";
+        };
+    };
+};
+export default colors;

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

@@ -0,0 +1,12 @@
+declare const fontFamily: {
+    readonly roboto: {
+        readonly value: "Roboto";
+        readonly type: "fontFamilies";
+    };
+    readonly robotoMono: {
+        readonly value: "Roboto Mono";
+        readonly type: "fontFamilies";
+        readonly description: "alternative font family used for numerical table cells";
+    };
+};
+export default fontFamily;

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

@@ -0,0 +1,44 @@
+declare const fontSize: {
+    readonly '1': {
+        readonly value: "10px";
+        readonly type: "fontSizes";
+        readonly description: "smallest possible body size. Used only for avatar initials";
+    };
+    readonly '2': {
+        readonly value: "12px";
+        readonly type: "fontSizes";
+    };
+    readonly '3': {
+        readonly value: "14px";
+        readonly type: "fontSizes";
+    };
+    readonly '4': {
+        readonly value: "16px";
+        readonly type: "fontSizes";
+    };
+    readonly '5': {
+        readonly value: "18px";
+        readonly type: "fontSizes";
+    };
+    readonly '6': {
+        readonly value: "20px";
+        readonly type: "fontSizes";
+    };
+    readonly '7': {
+        readonly value: "22px";
+        readonly type: "fontSizes";
+    };
+    readonly '8': {
+        readonly value: "24px";
+        readonly type: "fontSizes";
+    };
+    readonly '9': {
+        readonly value: "28px";
+        readonly type: "fontSizes";
+    };
+    readonly '10': {
+        readonly value: "32px";
+        readonly type: "fontSizes";
+    };
+};
+export default fontSize;

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

@@ -0,0 +1,18 @@
+declare const fontWeight: {
+    readonly regular: {
+        readonly value: "400";
+        readonly type: "fontWeights";
+        readonly description: "fontWeight=Regular";
+    };
+    readonly medium: {
+        readonly value: "500";
+        readonly type: "fontWeights";
+        readonly description: "FontWeight=Medium";
+    };
+    readonly bold: {
+        readonly value: "700";
+        readonly type: "fontWeights";
+        readonly description: "FontWeight=Bold";
+    };
+};
+export default fontWeight;

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

@@ -0,0 +1,19 @@
+declare const letterSpacing: {
+    readonly '0': {
+        readonly value: "0px";
+        readonly type: "letterSpacing";
+    };
+    readonly '1': {
+        readonly value: "0.1px";
+        readonly type: "letterSpacing";
+    };
+    readonly '2': {
+        readonly value: "0.25px";
+        readonly type: "letterSpacing";
+    };
+    readonly '3': {
+        readonly value: "0.5px";
+        readonly type: "letterSpacing";
+    };
+};
+export default letterSpacing;

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

@@ -0,0 +1,48 @@
+declare const lineHeight: {
+    readonly '1': {
+        readonly value: "14px";
+        readonly type: "lineHeights";
+        readonly description: "For form field labels only";
+    };
+    readonly '2': {
+        readonly value: "16px";
+        readonly type: "lineHeights";
+    };
+    readonly '3': {
+        readonly value: "18px";
+        readonly type: "lineHeights";
+    };
+    readonly '4': {
+        readonly value: "20px";
+        readonly type: "lineHeights";
+    };
+    readonly '5': {
+        readonly value: "22px";
+        readonly type: "lineHeights";
+    };
+    readonly '6': {
+        readonly value: "24px";
+        readonly type: "lineHeights";
+    };
+    readonly '7': {
+        readonly value: "28px";
+        readonly type: "lineHeights";
+    };
+    readonly '8': {
+        readonly value: "32px";
+        readonly type: "lineHeights";
+    };
+    readonly '9': {
+        readonly value: "36px";
+        readonly type: "lineHeights";
+    };
+    readonly '10': {
+        readonly value: "40px";
+        readonly type: "lineHeights";
+    };
+    readonly '11': {
+        readonly value: "48px";
+        readonly type: "lineHeights";
+    };
+};
+export default lineHeight;

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

@@ -0,0 +1,29 @@
+declare const opacity: {
+    readonly '0': {
+        readonly value: "0";
+        readonly type: "opacity";
+    };
+    readonly '1': {
+        readonly value: "7%";
+        readonly type: "opacity";
+    };
+    readonly '2': {
+        readonly value: "14%";
+        readonly type: "opacity";
+    };
+    readonly '3': {
+        readonly value: "21%";
+        readonly type: "opacity";
+    };
+    readonly '4': {
+        readonly value: "50%";
+        readonly type: "opacity";
+        readonly description: "used in disabled state";
+    };
+    readonly '5': {
+        readonly value: "75%";
+        readonly type: "opacity";
+        readonly description: "used in backdrop overlays";
+    };
+};
+export default opacity;

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

@@ -0,0 +1,95 @@
+declare const sizing: {
+    readonly '0': {
+        readonly value: "0px";
+        readonly type: "sizing";
+    };
+    readonly '1': {
+        readonly value: "4px";
+        readonly type: "sizing";
+    };
+    readonly '2': {
+        readonly value: "8px";
+        readonly type: "sizing";
+    };
+    readonly '3': {
+        readonly value: "12px";
+        readonly type: "sizing";
+    };
+    readonly '4': {
+        readonly value: "16px";
+        readonly type: "sizing";
+    };
+    readonly '5': {
+        readonly value: "20px";
+        readonly type: "sizing";
+    };
+    readonly '6': {
+        readonly value: "24px";
+        readonly type: "sizing";
+    };
+    readonly '7': {
+        readonly value: "28px";
+        readonly type: "sizing";
+    };
+    readonly '8': {
+        readonly value: "32px";
+        readonly type: "sizing";
+    };
+    readonly '9': {
+        readonly value: "36px";
+        readonly type: "sizing";
+    };
+    readonly '10': {
+        readonly value: "40px";
+        readonly type: "sizing";
+    };
+    readonly '11': {
+        readonly value: "44px";
+        readonly type: "sizing";
+    };
+    readonly '12': {
+        readonly value: "48px";
+        readonly type: "sizing";
+    };
+    readonly '13': {
+        readonly value: "52px";
+        readonly type: "sizing";
+    };
+    readonly '14': {
+        readonly value: "56px";
+        readonly type: "sizing";
+    };
+    readonly '15': {
+        readonly value: "60px";
+        readonly type: "sizing";
+    };
+    readonly '16': {
+        readonly value: "72px";
+        readonly type: "sizing";
+    };
+    readonly '17': {
+        readonly value: "80px";
+        readonly type: "sizing";
+    };
+    readonly '18': {
+        readonly value: "88px";
+        readonly type: "sizing";
+    };
+    readonly '19': {
+        readonly value: "92px";
+        readonly type: "sizing";
+    };
+    readonly '20': {
+        readonly value: "100px";
+        readonly type: "sizing";
+    };
+    readonly '21': {
+        readonly value: "120px";
+        readonly type: "sizing";
+    };
+    readonly '22': {
+        readonly value: "140px";
+        readonly type: "sizing";
+    };
+};
+export default sizing;

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

@@ -0,0 +1,55 @@
+declare const spacing: {
+    readonly '0': {
+        readonly value: "0px";
+        readonly type: "spacing";
+    };
+    readonly '1': {
+        readonly value: "1px";
+        readonly type: "spacing";
+    };
+    readonly '2': {
+        readonly value: "2px";
+        readonly type: "spacing";
+    };
+    readonly '3': {
+        readonly value: "4px";
+        readonly type: "spacing";
+    };
+    readonly '4': {
+        readonly value: "8px";
+        readonly type: "spacing";
+    };
+    readonly '5': {
+        readonly value: "12px";
+        readonly type: "spacing";
+    };
+    readonly '6': {
+        readonly value: "16px";
+        readonly type: "spacing";
+    };
+    readonly '7': {
+        readonly value: "20px";
+        readonly type: "spacing";
+    };
+    readonly '8': {
+        readonly value: "24px";
+        readonly type: "spacing";
+    };
+    readonly '9': {
+        readonly value: "32px";
+        readonly type: "spacing";
+    };
+    readonly '10': {
+        readonly value: "36px";
+        readonly type: "spacing";
+    };
+    readonly '11': {
+        readonly value: "40px";
+        readonly type: "spacing";
+    };
+    readonly '12': {
+        readonly value: "44px";
+        readonly type: "spacing";
+    };
+};
+export default spacing;

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

@@ -0,0 +1,11 @@
+declare const textCase: {
+    readonly none: {
+        readonly value: "none";
+        readonly type: "textCase";
+    };
+    readonly uppercase: {
+        readonly value: "uppercase";
+        readonly type: "textCase";
+    };
+};
+export default textCase;

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

@@ -0,0 +1,12 @@
+declare const textDecoration: {
+    readonly link: {
+        readonly value: "underline";
+        readonly type: "textDecoration";
+        readonly description: "underline that appears on link while hovering";
+    };
+    readonly none: {
+        readonly value: "none";
+        readonly type: "textDecoration";
+    };
+};
+export default textDecoration;

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

@@ -0,0 +1,8 @@
+export type Elevation = {
+    '01': string;
+    '02': string;
+    '03': string;
+    '04': string;
+};
+declare const elevation: Elevation;
+export default elevation;

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

@@ -0,0 +1,12 @@
+declare const globals: {
+    oldColors: import('../palette').Palette;
+    colors: import('./colors').Colors;
+    typography: import('./typography').Typography;
+    spacing: import('./spacing').Spacing;
+    elevation: import('./elevation').Elevation;
+    borderRadius: import('./borderRadius').BorderRadius;
+    borderWidth: import('./borderWidth').BorderWidth;
+    opacity: import('./opacity').Opacity;
+    sizing: import('./sizing').Sizing;
+};
+export default globals;

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

@@ -0,0 +1,2 @@
+declare const oldColors: import('../palette').Palette;
+export default oldColors;

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

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

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

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