impact-ui 4.0.18 → 5.0.0-beta.1

package/dist/stories/tableV36ChatApiMock.d.ts

@@ -0,0 +1,401 @@
+/**
+ * Fully API-driven mock for TableV36 + Table Chat Storybook demos.
+ * Every chatConfiguration key is wired to an async handler that logs the call
+ * and reads/writes an in-memory store (simulates REST/WebSocket backends).
+ */
+export declare const tableV36ChatRowData: {
+    id: number;
+    make: string;
+    model: string;
+    price: number;
+    year: number;
+    status: string;
+}[];
+export declare const tableV36ChatColumnDefs: ({
+    field: string;
+    checkboxSelection: boolean;
+    headerCheckboxSelection: boolean;
+    suppressMenu: boolean;
+    filter: boolean;
+    sortable: boolean;
+    pinned: string;
+    minWidth: number;
+    maxWidth: number;
+    headerName?: undefined;
+} | {
+    field: string;
+    headerName: string;
+    filter: string;
+    minWidth: number;
+    checkboxSelection?: undefined;
+    headerCheckboxSelection?: undefined;
+    suppressMenu?: undefined;
+    sortable?: undefined;
+    pinned?: undefined;
+    maxWidth?: undefined;
+})[];
+declare const seedChannels: () => ({
+    id: number;
+    title: string;
+    time: string;
+    unreadCount: number;
+    owner: number;
+} | {
+    id: number;
+    title: string;
+    time: string;
+    unreadCount: number;
+    owner?: undefined;
+} | {
+    id: number;
+    title: string;
+    time: string;
+    unreadCount?: undefined;
+    owner?: undefined;
+})[];
+export interface MockChatListItem {
+    id: string;
+    user: string;
+    text: string | null;
+    title?: string;
+    subtitle: string | null;
+    isChecked: boolean;
+    isPinned: boolean;
+    unreadCount: number;
+    messageCount: number;
+    timestamp: string;
+    otherProps: Record<string, unknown>;
+}
+declare const seedChatsByChannel: () => Record<number, MockChatListItem[]>;
+declare const generateMessages: (chatId: string, page?: number, limit?: number) => {
+    id: string;
+    author: string;
+    authorName: string;
+    content: string;
+    timestamp: string;
+    date: string;
+    showReplyBadge: boolean;
+    replyText: string | null;
+    priority: string;
+    edited: boolean;
+    deleted: boolean;
+    isPinned: boolean;
+    showActions: boolean;
+    otherProps: {
+        sender_id: number;
+        created_at: string;
+        sender_name: string;
+    };
+}[];
+export interface TableV36ChatApiStore {
+    channels: ReturnType<typeof seedChannels>;
+    chatsByChannel: ReturnType<typeof seedChatsByChannel>;
+    messagesByChat: Record<string, ReturnType<typeof generateMessages>>;
+    pinnedByChat: Record<string, unknown[]>;
+    participantsByChat: Record<string, unknown[]>;
+    threadByParent: Record<string, unknown[]>;
+    realTimeMessages: unknown[];
+    pinStateByChat: Record<string, boolean>;
+}
+export declare const createTableV36ChatApiStore: () => TableV36ChatApiStore;
+export interface CreateTableV36ApiDrivenChatConfigurationOptions {
+    store: TableV36ChatApiStore;
+    /** Bump when store mutates so React recomputes chatConfiguration */
+    revision?: number;
+    messagesClearedTrigger?: number;
+    onStoreMutate?: () => void;
+}
+/**
+ * Builds a chatConfiguration object with every key used by TableChatSidePanel /
+ * TableChatRightSection. All data flows through async API handlers backed by `store`.
+ */
+export declare const createTableV36ApiDrivenChatConfiguration: ({ store, revision, messagesClearedTrigger, onStoreMutate, }: CreateTableV36ApiDrivenChatConfigurationOptions) => {
+    title: string;
+    tooltipConfig: {
+        title: string;
+        description: string;
+    };
+    messageChatConfig: {
+        realTimeMessages: unknown[];
+        isWebSocketConnected: boolean;
+        currentTopicId: null;
+        isThreadIconVisible: boolean;
+        isPinChatIconVisible: boolean;
+        emptyChannelStateTitle: string;
+        emptyChannelStateSubTitle: string;
+        emptyChatStateTitle: string;
+        emptyChatStateSubTitle: string;
+        currentUserId: number;
+        selectedMessageId: string;
+        maxSearchPages: number;
+        highlightDuration: number;
+        scrollBehavior: string;
+        scrollBlock: string;
+        highlightColor: null;
+        onRealTimeMessageUpdate: (newMessage: unknown) => void;
+        onMessageReply: (messageId: string, message: unknown) => void;
+        onMessageBookmark: (messageId: string, message: unknown) => void;
+        onMessagePin: (messageId: string, pinned: boolean, _chatId: string, item: unknown, selectedChannelInfo?: unknown, selectedChatInfo?: unknown) => Promise<{
+            id: string;
+            isPinned: boolean;
+        }>;
+        onMessageUpdate: (messageId: string, updatedData: unknown) => Promise<{
+            success: boolean;
+            messageId: string;
+            updatedData: unknown;
+        }>;
+        onMessageDelete: (messageId: string) => Promise<{
+            success: boolean;
+            messageId: string;
+        }>;
+        onThreadClick: (messageId: string, message: unknown) => void;
+        loadThreadMessages: (parentMessageId: string) => Promise<unknown[]>;
+        loadPinnedMsg: () => Promise<{
+            user: string;
+            userInitials: string;
+            timestamp: string;
+            text: string;
+            isPinned: boolean;
+        }[]>;
+        onSearchMessage: (value: string, chatId: string) => Promise<{
+            id: string;
+            author: string;
+            authorName: string;
+            content: string;
+            timestamp: string;
+            date: string;
+            showActions: boolean;
+            searchHighlight: boolean;
+        }[]>;
+        onClearAllMessages: (chatId: string) => Promise<{
+            success: boolean;
+        }>;
+        leaveCurrentTopic: () => void;
+        markTopicAsDeleted: (topicId: string) => void;
+        messageConfig: {
+            showActions: boolean;
+            priorityOptions: {
+                value: string;
+                label: string;
+            }[];
+            quickActionProps: {
+                value: string;
+                label: string;
+                prefillText: string;
+            }[];
+            isMsgFormat: boolean;
+        };
+    };
+    headerChatConfig: {
+        participants: unknown[] | undefined;
+        loadParticipants: (radioValue: string, selectedChannelInfo: unknown, selectedChatInfo: unknown) => Promise<({
+            id: number;
+            label: string;
+            value: string;
+            role: string;
+            disabled: boolean;
+        } | {
+            id: number;
+            label: string;
+            value: string;
+            role: string;
+            disabled?: undefined;
+        })[] | {
+            id: number;
+            label: string;
+            value: number;
+            otherProps: {
+                user_name: string;
+                user_code: number;
+                email: string;
+            };
+        }[]>;
+        loadParticipantsAvatar: (selectedRadioOption: string, chatId: string) => Promise<unknown[] | undefined>;
+        onParticipantsClick: (radioValue: string) => Promise<{
+            id: number;
+            label: string;
+            value: string;
+            role: string;
+        }[]>;
+        onParticipantAdd: (participant: unknown, selectedRadioOption: string, chatId: string) => Promise<{
+            success: boolean;
+            participant: unknown;
+        }>;
+        onParticipantRemove: (participant: unknown) => Promise<{
+            success: boolean;
+            participant: unknown;
+        }>;
+        onPinnedClick: (chatId: string) => Promise<unknown[]>;
+        onSearchChange: (value: string, radioValue: string, chatId: string) => Promise<{
+            id: number;
+            label: string;
+            value: number;
+            otherProps: {
+                user_name: string;
+                user_code: number;
+            };
+        }[]>;
+        onNotificationSettingChange: (settings: unknown) => Promise<{
+            success: boolean;
+            settings: unknown;
+        }>;
+        onPinnedChatClick: (chatId: string, isPinned: boolean) => Promise<boolean>;
+        onChatClick: (chatId: string, channelId: string) => Promise<void>;
+        notificationSettings: {
+            notificationSetting: string;
+            includeChannelMentions: boolean;
+            muteChannel: boolean;
+            channelName: string;
+        };
+        headerConfig: {
+            showSearch: boolean;
+            showParticipants: boolean;
+            showPinned: boolean;
+            showNotifications: boolean;
+            selectedRadioOptionMenu: string;
+            maxAvatars: number;
+            radioOptions: {
+                label: string;
+                value: string;
+            }[];
+            searchConfig: {
+                placeholder: string;
+                debounceMs: number;
+                minChars: number;
+            };
+        };
+    };
+    inputChatConfig: {
+        onSend: (payload: {
+            content?: string;
+        }, chatId: string) => Promise<{
+            id: string;
+            author: string;
+            authorName: string;
+            content: string;
+            timestamp: string;
+            date: string;
+            showReplyBadge: boolean;
+            replyText: string | null;
+            priority: string;
+            edited: boolean;
+            deleted: boolean;
+            isPinned: boolean;
+            showActions: boolean;
+            otherProps: {
+                sender_id: number;
+                created_at: string;
+                sender_name: string;
+            };
+        }>;
+        onMessageReply: (messageId: string, chatId: string) => void;
+        onMessageBookmark: (messageId: string, chatId: string) => void;
+        onMessageMore: (messageId: string, chatId: string) => void;
+        onAttachFile: (file: unknown) => void;
+        onImageUpload: (image: unknown) => void;
+        onEmojiSelect: (emoji: unknown) => void;
+        inputConfig: {
+            placeholder: string;
+            maxLength: number;
+            showFormatting: boolean;
+            showEmojiPicker: boolean;
+            showAttachments: boolean;
+            showQuickAction: boolean;
+            quickActionLabel: string;
+            allowedFileTypes: string[];
+            quickActions: {
+                label: string;
+                action: string;
+            }[];
+        };
+    };
+    leftPanel: {
+        leftHeaderPanel: {
+            showAddChat: boolean;
+        };
+        leftChatPanel: {
+            showCheckbox: boolean;
+        };
+        rightHeaderPanel: {
+            showParticipants: boolean;
+            showPinnedChat: boolean;
+            showChatSearch: boolean;
+            showActionBtn: boolean;
+        };
+        inputPanelConfig: {
+            inputPlaceholder: string;
+            textAreaPlaceholder: string;
+        };
+        loadChannelsList: () => Promise<({
+            id: number;
+            title: string;
+            time: string;
+            unreadCount: number;
+            owner: number;
+        } | {
+            id: number;
+            title: string;
+            time: string;
+            unreadCount: number;
+            owner?: undefined;
+        } | {
+            id: number;
+            title: string;
+            time: string;
+            unreadCount?: undefined;
+            owner?: undefined;
+        })[]>;
+        loadChatList: (selectedChannelInfo: {
+            id?: number;
+        }) => Promise<MockChatListItem[]>;
+        handleChatName: (formData: {
+            chatName?: string;
+            chatDescription?: string;
+        }, selectedChannelInfo: {
+            id?: number;
+        } | null) => Promise<{
+            success: boolean;
+            formattedChat: MockChatListItem;
+        }>;
+        deleteChat: (topicId: string) => Promise<{
+            success: boolean;
+            topicId: string;
+        }>;
+        directChatList: never[];
+        hasDirectChatList: boolean;
+        selectedChatId: null;
+        clearDirectChatList: () => void;
+    };
+    rightPanel: {
+        messagesClearedTrigger: number;
+        loadMessages: (chatId: string, page?: number) => Promise<{
+            id: string;
+            author: string;
+            authorName: string;
+            content: string;
+            timestamp: string;
+            date: string;
+            showReplyBadge: boolean;
+            replyText: string | null;
+            priority: string;
+            edited: boolean;
+            deleted: boolean;
+            isPinned: boolean;
+            showActions: boolean;
+            otherProps: {
+                sender_id: number;
+                created_at: string;
+                sender_name: string;
+            };
+        }[]>;
+        loadOlderMessages: (channelId: string) => Promise<{
+            id: string;
+            author: string;
+            content: string;
+            timestamp: string;
+            date: string;
+        }[]>;
+    };
+};
+export {};
+//# sourceMappingURL=tableV36ChatApiMock.d.ts.map

package/dist/stories/tableV36ChatApiMock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableV36ChatApiMock.d.ts","sourceRoot":"","sources":["../../src/stories/tableV36ChatApiMock.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,eAAO,MAAM,mBAAmB;;;;;;;GAI/B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;IAkBlC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;IAKjB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,QAAO,MAAM,CAAC,MAAM,EAAE,gBAAgB,EAAE,CA6D9D,CAAC;AAoCH,QAAA,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,aAAQ,EAAE,cAAU;;;;;;;;;;;;;;;;;;;GAG7D,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC1C,cAAc,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IACxC,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC1C,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,eAAO,MAAM,0BAA0B,QAAO,oBAc5C,CAAC;AA8BH,MAAM,WAAW,+CAA+C;IAC9D,KAAK,EAAE,oBAAoB,CAAC;IAC5B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,wCAAwC,GAAI,6DAKtD,+CAA+C;;;;;;;;;;;;;;;;;;;;;;;8CA8BN,OAAO;oCAMjB,MAAM,WAAW,OAAO;uCAIrB,MAAM,WAAW,OAAO;kCAK1C,MAAM,UACT,OAAO,WACN,MAAM,QACT,OAAO,wBACS,OAAO,qBACV,OAAO;;;;qCAYO,MAAM,eAAe,OAAO;;;;;qCAM5B,MAAM;;;;mCAMd,MAAM,WAAW,OAAO;8CAIP,MAAM;;;;;;;;iCAgCnB,MAAM,UAAU,MAAM;;;;;;;;;;qCAiBlB,MAAM;;;;sCAYX,MAAM;;;;;;;;;;;;;;;;;uCAgCtB,MAAM,uBACG,OAAO,oBACV,OAAO;;;;;;;;;;;;;;;;;;;;;;sDA4ByB,MAAM,UAAU,MAAM;0CAMlC,MAAM;;;;;;wCAU/B,OAAO,uBACC,MAAM,UACnB,MAAM;;;;2CAOyB,OAAO;;;;gCAMlB,MAAM;gCAkBN,MAAM,cAAc,MAAM,UAAU,MAAM;;;;;;;;;gDAgB1B,OAAO;;;;oCAMnB,MAAM,YAAY,OAAO;8BAQ/B,MAAM,aAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgC7B;YAAE,OAAO,CAAC,EAAE,MAAM,CAAA;SAAE,UAAU,MAAM;;;;;;;;;;;;;;;;;;;;oCAchC,MAAM,UAAU,MAAM;uCAInB,MAAM,UAAU,MAAM;mCAI1B,MAAM,UAAU,MAAM;6BAI5B,OAAO;+BAIL,OAAO;+BAIP,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA6CY;YAAE,EAAE,CAAC,EAAE,MAAM,CAAA;SAAE;mCAQ7C;YAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;YAAC,eAAe,CAAC,EAAE,MAAM,CAAA;SAAE,uBACpC;YAAE,EAAE,CAAC,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI;;;;8BAcjB,MAAM;;;;;;;;;;;+BA0BL,MAAM;;;;;;;;;;;;;;;;;;;;uCAYE,MAAM;;;;;;;;CAehD,CAAC"}

package/dist/storybook-utils/rootAttributes.d.ts

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/react-vite';
+import { Meta } from '@storybook/react';
 
 /** Builds stable `id` and `data-testid` values for Storybook stories. */
 export declare function getRootAutomationArgs(componentSlug: string): {

package/dist/storybook-utils/rootAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rootAttributes.d.ts","sourceRoot":"","sources":["../../src/storybook-utils/rootAttributes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,yEAAyE;AACzE,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM;;;EAM1D;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CAWzB,CAAC;AAEX,4EAA4E;AAC5E,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAavF;AAED,UAAU,kBAAkB;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,wBAAsB,iBAAiB,CACrC,aAAa,EAAE,WAAW,EAC1B,IAAI,EAAE,kBAAkB,GACvB,OAAO,CAAC,IAAI,CAAC,CASf"}
+{"version":3,"file":"rootAttributes.d.ts","sourceRoot":"","sources":["../../src/storybook-utils/rootAttributes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,yEAAyE;AACzE,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,MAAM;;;EAM1D;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;CAWzB,CAAC;AAEX,4EAA4E;AAC5E,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAavF;AAED,UAAU,kBAAkB;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,yFAAyF;AACzF,wBAAsB,iBAAiB,CACrC,aAAa,EAAE,WAAW,EAC1B,IAAI,EAAE,kBAAkB,GACvB,OAAO,CAAC,IAAI,CAAC,CASf"}

package/dist/styles/style.css

@@ -1 +1 @@
-@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}
+:root{--iu-primitive-color-beaver-100:#f6f5f3;--iu-primitive-color-beaver-200:#eeeae7;--iu-primitive-color-beaver-300:#ded5d0;--iu-primitive-color-beaver-400:#cec3bb;--iu-primitive-color-beaver-500:#bcafa3;--iu-primitive-color-beaver-600:#ac9a8c;--iu-primitive-color-beaver-700:#917a69;--iu-primitive-color-blue-01-100:#eceefd;--iu-primitive-color-blue-01-200:#b3bdf8;--iu-primitive-color-blue-01-300:#687af1;--iu-primitive-color-blue-01-400:#4259ee;--iu-primitive-color-blue-01-50:#eff2fa;--iu-primitive-color-blue-01-500:#3649c6;--iu-primitive-color-blue-01-600:#29399f;--iu-primitive-color-blue-01-700:#1d2977;--iu-primitive-color-blue-01-800:#121a52;--iu-primitive-color-blue-01-900:#0a0e30;--iu-primitive-color-blue-02-100:#6682d2;--iu-primitive-color-blue-02-200:#546cb1;--iu-primitive-color-blue-02-300:#4b61a0;--iu-primitive-color-blue-02-400:#425690;--iu-primitive-color-blue-02-500:#31416e;--iu-primitive-color-blue-02-600:#1f2b4d;--iu-primitive-color-blue-02-700:#0d152c;--iu-primitive-color-blue-02-800:#080d1c;--iu-primitive-color-blue-02-900:#04070f;--iu-primitive-color-bronze-100:#fbf2e9;--iu-primitive-color-bronze-200:#f8e5d3;--iu-primitive-color-bronze-300:#f0cca7;--iu-primitive-color-bronze-400:#eab57f;--iu-primitive-color-bronze-500:#e29c55;--iu-primitive-color-bronze-600:#db8229;--iu-primitive-color-bronze-700:#b3691e;--iu-primitive-color-brown-100:#f7f2ee;--iu-primitive-color-brown-200:#f1e8e0;--iu-primitive-color-brown-300:#e0d3c2;--iu-primitive-color-brown-400:#d1bba3;--iu-primitive-color-brown-500:#c1a281;--iu-primitive-color-brown-600:#b28b63;--iu-primitive-color-brown-700:#936f48;--iu-primitive-color-celtic-blue-100:#f0f4f8;--iu-primitive-color-celtic-blue-200:#e2e9f4;--iu-primitive-color-celtic-blue-300:#c0d1e7;--iu-primitive-color-celtic-blue-400:#a4bbdc;--iu-primitive-color-celtic-blue-500:#86a6d0;--iu-primitive-color-celtic-blue-600:#658ec4;--iu-primitive-color-celtic-blue-700:#4271ae;--iu-primitive-color-cyan-100:#e9f7fc;--iu-primitive-color-cyan-200:#cff0f8;--iu-primitive-color-cyan-300:#a2e1f1;--iu-primitive-color-cyan-400:#6fd2ea;--iu-primitive-color-cyan-500:#3fc2e3;--iu-primitive-color-cyan-600:#20accf;--iu-primitive-color-cyan-700:#1789a5;--iu-primitive-color-eggplant-100:#f0ebee;--iu-primitive-color-eggplant-200:#e0d6de;--iu-primitive-color-eggplant-300:#c4b1bf;--iu-primitive-color-eggplant-400:#a5889e;--iu-primitive-color-eggplant-500:#82637b;--iu-primitive-color-eggplant-600:#5c4657;--iu-primitive-color-eggplant-700:#483744;--iu-primitive-color-electric-orange-100:#fee7e1;--iu-primitive-color-electric-orange-200:#fed0c3;--iu-primitive-color-electric-orange-300:#fc9d81;--iu-primitive-color-electric-orange-400:#fb6d45;--iu-primitive-color-electric-orange-500:#fa3a07;--iu-primitive-color-electric-orange-600:#bb2c05;--iu-primitive-color-electric-orange-700:#962304;--iu-primitive-color-green-100:#ebf7f1;--iu-primitive-color-green-200:#c4e8d5;--iu-primitive-color-green-300:#89d1ab;--iu-primitive-color-green-400:#3bb273;--iu-primitive-color-green-500:#31935f;--iu-primitive-color-green-600:#26734b;--iu-primitive-color-green-700:#1c5436;--iu-primitive-color-green-800:#103822;--iu-primitive-color-green-900:#071e10;--iu-primitive-color-grey-0:#fff;--iu-primitive-color-grey-100:#f8f9fb;--iu-primitive-color-grey-1000:#404b62;--iu-primitive-color-grey-1100:#262d3d;--iu-primitive-color-grey-1200:#1f2332;--iu-primitive-color-grey-1300:#121521;--iu-primitive-color-grey-1400-alpha:#060714;--iu-primitive-color-grey-200:#f5f6fa;--iu-primitive-color-grey-300:#f2f4fa;--iu-primitive-color-grey-400:#eff2fa;--iu-primitive-color-grey-50:#fafafa;--iu-primitive-color-grey-500:#d9dde7;--iu-primitive-color-grey-600:#c3c8d4;--iu-primitive-color-grey-700:#b4bac7;--iu-primitive-color-grey-800:#7a8294;--iu-primitive-color-grey-900:#60697d;--iu-primitive-color-maroon-100:#f7e3e7;--iu-primitive-color-maroon-200:#f1cbd3;--iu-primitive-color-maroon-300:#e397a7;--iu-primitive-color-maroon-400:#d5647b;--iu-primitive-color-maroon-500:#c13453;--iu-primitive-color-maroon-600:#8c263c;--iu-primitive-color-maroon-700:#701e30;--iu-primitive-color-olive-100:#f6f6f3;--iu-primitive-color-olive-200:#edeee7;--iu-primitive-color-olive-300:#dddfd3;--iu-primitive-color-olive-400:#cccdbb;--iu-primitive-color-olive-500:#babca4;--iu-primitive-color-olive-600:#aaac8e;--iu-primitive-color-olive-700:#8c906a;--iu-primitive-color-orange-100:#fdf0ec;--iu-primitive-color-orange-200:#fce5df;--iu-primitive-color-orange-300:#f8c8ba;--iu-primitive-color-orange-400:#f4af9a;--iu-primitive-color-orange-500:#f19579;--iu-primitive-color-orange-600:#ed7955;--iu-primitive-color-orange-700:#e74b1c;--iu-primitive-color-purple-100:#f4f1f9;--iu-primitive-color-purple-200:#e9e3f2;--iu-primitive-color-purple-300:#d6cbe6;--iu-primitive-color-purple-400:#bfafd9;--iu-primitive-color-purple-500:#ad97ce;--iu-primitive-color-purple-600:#977cc1;--iu-primitive-color-purple-700:#7552ad;--iu-primitive-color-red-100:#fceeee;--iu-primitive-color-red-200:#f6cccc;--iu-primitive-color-red-300:#ed9998;--iu-primitive-color-red-400:#e15554;--iu-primitive-color-red-500:#c64746;--iu-primitive-color-red-600:#ab3939;--iu-primitive-color-red-700:#8f2c2b;--iu-primitive-color-red-800:#631b1b;--iu-primitive-color-red-900:#3b0e0e;--iu-primitive-color-sunshine-yellow-100:#fffbe5;--iu-primitive-color-sunshine-yellow-200:#fff7d1;--iu-primitive-color-sunshine-yellow-300:#ffef9e;--iu-primitive-color-sunshine-yellow-400:#ffe770;--iu-primitive-color-sunshine-yellow-500:#ffe041;--iu-primitive-color-sunshine-yellow-600:#ffd812;--iu-primitive-color-sunshine-yellow-700:#dbb702;--iu-primitive-color-turquoise-100:#edf7f8;--iu-primitive-color-turquoise-200:#dbeff0;--iu-primitive-color-turquoise-300:#b7dfe1;--iu-primitive-color-turquoise-400:#93cfd2;--iu-primitive-color-turquoise-500:#6bbec2;--iu-primitive-color-turquoise-600:#48acb2;--iu-primitive-color-turquoise-700:#3b898d;--iu-primitive-color-violet-100:#f6edfd;--iu-primitive-color-violet-200:#f0dffb;--iu-primitive-color-violet-300:#dfbbf7;--iu-primitive-color-violet-400:#d09bf3;--iu-primitive-color-violet-500:#be77ee;--iu-primitive-color-violet-600:#ae57ea;--iu-primitive-color-violet-700:#931ce3;--iu-primitive-color-yellow-100:#fcf8ea;--iu-primitive-color-yellow-200:#f6ebbf;--iu-primitive-color-yellow-300:#edd77f;--iu-primitive-color-yellow-400:#e1bc29;--iu-primitive-color-yellow-500:#bf9f22;--iu-primitive-color-yellow-600:#9d831c;--iu-primitive-color-yellow-700:#7a6615;--iu-primitive-color-yellow-800:#52430b;--iu-primitive-color-yellow-900:#2b2304;--iu-primitive-color-yellow-green-100:#f5f9ec;--iu-primitive-color-yellow-green-200:#eaf3d7;--iu-primitive-color-yellow-green-300:#d7e5b2;--iu-primitive-color-yellow-green-400:#c3da8b;--iu-primitive-color-yellow-green-500:#b1cd66;--iu-primitive-color-yellow-green-600:#99bf3e;--iu-primitive-color-yellow-green-700:#7d9a32;--iu-action-primary-icon:var(--iu-primitive-color-blue-01-500);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-400);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-300);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-100);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-100);--iu-badge-error-on-default:var(--iu-primitive-color-red-500);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-50);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-200);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-300);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-600);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-100);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-100);--iu-badge-success-on-default:var(--iu-primitive-color-green-600);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-400);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-sunshine-yellow-200);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-sunshine-yellow-100);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-700);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-sunshine-yellow-400);--iu-bg-disabled-1:var(--iu-primitive-color-grey-100);--iu-bg-disabled-2:var(--iu-primitive-color-grey-600);--iu-bg-disabled-cell:var(--iu-primitive-color-grey-50);--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-600);--iu-bg-error-lighter:var(--iu-primitive-color-red-200);--iu-bg-error-subtle:var(--iu-primitive-color-red-100);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-600);--iu-bg-success-lighter:var(--iu-primitive-color-green-200);--iu-bg-success-subtle:var(--iu-primitive-color-green-100);--iu-bg-surface:var(--iu-primitive-color-grey-800);--iu-bg-surface-body-bg:var(--iu-primitive-color-blue-01-50);--iu-bg-surface-layer-bg:var(--iu-primitive-color-grey-0);--iu-bg-surface-lighter:var(--iu-primitive-color-grey-200);--iu-bg-surface-lightest:var(--iu-primitive-color-grey-300);--iu-bg-surface-overlay-bg:#0d152c;--iu-bg-surface-subtle:var(--iu-primitive-color-grey-500);--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-600);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-border-default:var(--iu-primitive-color-grey-500);--iu-border-default-darker:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-200);--iu-border-disabled:var(--iu-primitive-color-grey-500);--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-600);--iu-border-error-lighter:var(--iu-primitive-color-red-200);--iu-border-error-subtle:var(--iu-primitive-color-red-100);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-500);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-600);--iu-border-success-lighter:var(--iu-primitive-color-green-200);--iu-border-success-subtle:var(--iu-primitive-color-green-100);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-600);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-on-disabled:var(--iu-primitive-color-grey-700);--iu-on-disabled-icon-1:var(--iu-primitive-color-grey-500);--iu-on-disabled-icon-2:var(--iu-primitive-color-grey-700);--iu-on-disabled-placeholder:var(--iu-primitive-color-grey-500);--iu-on-error-icon:var(--iu-primitive-color-red-600);--iu-on-error-text:var(--iu-primitive-color-red-600);--iu-on-info-icon:var(--iu-primitive-color-blue-01-500);--iu-on-info-text:var(--iu-primitive-color-blue-01-500);--iu-on-primary-icon:var(--iu-primitive-color-grey-0);--iu-on-primary-text:var(--iu-primitive-color-grey-0);--iu-on-success-icon:var(--iu-primitive-color-green-600);--iu-on-success-text:var(--iu-primitive-color-green-600);--iu-on-surface-body:var(--iu-primitive-color-blue-02-600);--iu-on-surface-caption:var(--iu-primitive-color-grey-800);--iu-on-surface-icon:var(--iu-primitive-color-grey-900);--iu-on-surface-label:var(--iu-primitive-color-grey-900);--iu-on-surface-placeholder-text:var(--iu-primitive-color-grey-700);--iu-on-surface-subtitle:var(--iu-primitive-color-blue-02-500);--iu-on-surface-title:var(--iu-primitive-color-blue-02-700);--iu-on-warning-icon:var(--iu-primitive-color-yellow-600);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:var(--iu-primitive-color-grey-0)}[data-iu-theme=dark]{--iu-action-primary-icon:var(--iu-primitive-color-blue-01-400);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-300);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-600);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-800);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-900);--iu-badge-error-on-default:var(--iu-primitive-color-red-200);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-300);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-800);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-900);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-200);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-500);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-1200);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-100);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-300);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-800);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-900);--iu-badge-success-on-default:var(--iu-primitive-color-green-200);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-300);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-yellow-800);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-yellow-900);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-200);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-yellow-200);--iu-bg-disabled-1:var(--iu-primitive-color-grey-1200);--iu-bg-disabled-2:var(--iu-primitive-color-grey-1000);--iu-bg-disabled-cell:var(--iu-primitive-color-grey-1100);--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-300);--iu-bg-error-lighter:var(--iu-primitive-color-red-800);--iu-bg-error-subtle:var(--iu-primitive-color-red-900);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-200);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-300);--iu-bg-success-lighter:var(--iu-primitive-color-green-800);--iu-bg-success-subtle:var(--iu-primitive-color-green-900);--iu-bg-surface:var(--iu-primitive-color-grey-700);--iu-bg-surface-body-bg:var(--iu-primitive-color-grey-1400-alpha);--iu-bg-surface-layer-bg:var(--iu-primitive-color-grey-1300);--iu-bg-surface-lighter:var(--iu-primitive-color-grey-1000);--iu-bg-surface-lightest:var(--iu-primitive-color-grey-1200);--iu-bg-surface-overlay-bg:var(--iu-primitive-color-grey-1400-alpha);--iu-bg-surface-subtle:var(--iu-primitive-color-grey-900);--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-300);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-border-default:var(--iu-primitive-color-grey-1000);--iu-border-default-darker:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-1100);--iu-border-disabled:var(--iu-primitive-color-grey-1000);--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-300);--iu-border-error-lighter:var(--iu-primitive-color-red-800);--iu-border-error-subtle:var(--iu-primitive-color-red-900);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-300);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-300);--iu-border-success-lighter:var(--iu-primitive-color-green-800);--iu-border-success-subtle:var(--iu-primitive-color-green-900);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-300);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-on-disabled:var(--iu-primitive-color-grey-900);--iu-on-disabled-icon-1:var(--iu-primitive-color-grey-900);--iu-on-disabled-icon-2:var(--iu-primitive-color-grey-1000);--iu-on-disabled-placeholder:var(--iu-primitive-color-grey-900);--iu-on-error-icon:var(--iu-primitive-color-red-200);--iu-on-error-text:var(--iu-primitive-color-red-200);--iu-on-info-icon:var(--iu-primitive-color-blue-01-400);--iu-on-info-text:var(--iu-primitive-color-blue-01-400);--iu-on-primary-icon:var(--iu-primitive-color-grey-100);--iu-on-primary-text:var(--iu-primitive-color-grey-100);--iu-on-success-icon:var(--iu-primitive-color-green-200);--iu-on-success-text:var(--iu-primitive-color-green-200);--iu-on-surface-body:var(--iu-primitive-color-grey-500);--iu-on-surface-caption:var(--iu-primitive-color-grey-400);--iu-on-surface-icon:var(--iu-primitive-color-grey-600);--iu-on-surface-label:var(--iu-primitive-color-grey-700);--iu-on-surface-placeholder-text:var(--iu-primitive-color-grey-900);--iu-on-surface-subtitle:var(--iu-primitive-color-grey-300);--iu-on-surface-title:var(--iu-primitive-color-grey-50);--iu-on-warning-icon:var(--iu-primitive-color-yellow-200);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:var(--iu-primitive-color-grey-1100)}:root{--iu-effect-shadow-overlay-navy-alpha-16:0 8px 32px 0 #101e3629;--iu-effect-shadow-elevation-16-soft:0px 0px 16px 2px #0000000f;--iu-effect-shadow-drop-4:0px 0px 4px 0px #0000001f;--iu-effect-shadow-save-view-tint:0px 0px 0px 0px #1a277c24;--iu-effect-shadow-header-bar-elevation:0px 0px 16px 2px #0000000f;--iu-effect-shadow-header-dropdown-elevated:0px 4px 16px #00000029;--iu-effect-shadow-dynamic-layout-card:0px 0px 4px 0px #ababab40;--iu-effect-gradient-header-smart-bot-main:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);--iu-effect-gradient-header-smart-bot-border:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-header-smart-bot-hover:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-homepage-toolkit-section:color-mix(in srgb,var(--iu-legacy-homepage-toolkit-bg) 89.80392%,#0000);--iu-effect-gradient-homepage-toolkit-section-dark:color-mix(in srgb,var(--iu-bg-primary-subtle) 89.80392%,#0000);--iu-effect-gradient-homepage-hero-radial:radial-gradient(65.75% 64.76% at 57.88% 39.21%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 75%,#0000) 67.79%,#0000 100%);--iu-effect-gradient-homepage-new-product-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-warning) 30%,#0000) 2.15%,color-mix(in srgb,var(--iu-bg-warning-subtle) 88%,var(--iu-bg-surface-layer-bg)) 100%);--iu-effect-gradient-homepage-release-status-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-primary-lighter) 45%,#0000) 2.15%,color-mix(in srgb,var(--iu-primitive-color-purple-500) 38%,var(--iu-bg-primary-subtle)) 96.7%);--iu-effect-gradient-homepage-client-logo-border:linear-gradient(93.56deg,color-mix(in srgb,var(--iu-primitive-color-purple-500) 52%,var(--iu-bg-error-lighter)) 22.01%,color-mix(in srgb,var(--iu-bg-primary-lighter) 72%,var(--iu-bg-primary-subtle)) 78.02%);--iu-effect-gradient-homepage-smart-pf-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 35%,#0000) 0%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 60%,#0000) 100%);--iu-effect-gradient-homepage-smart-pf-title-text:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,var(--iu-on-surface-title) 50%,var(--iu-bg-primary-lighter) 100%);--iu-effect-gradient-homepage-ia-card-border:linear-gradient(180deg,color-mix(in srgb,var(--iu-primitive-color-cyan-500) 90%,#0000) 0%,color-mix(in srgb,var(--iu-legacy-homepage-accent) 90%,#0000) 100%);--iu-effect-gradient-homepage-agent-studio-title-text:linear-gradient(90deg,var(--iu-bg-warning) 0%,var(--iu-legacy-homepage-accent) 100%);--iu-effect-gradient-homepage-agentic-hover-scrim:linear-gradient(180deg,#0000 0%,color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 59%,#0000) 100%);--iu-effect-gradient-chatbot-user-message:linear-gradient(91deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 40%,#0000) .67%,color-mix(in srgb,var(--iu-bg-primary-lighter) 32%,#0000) 56.16%,color-mix(in srgb,var(--iu-bg-error-subtle) 27%,#0000) 111.65%);--iu-effect-gradient-chatbot-sidebar-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-surface-lighter) 60%,#0000) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 44%,#0000) 50%,color-mix(in srgb,var(--iu-bg-error-subtle) 25%,#0000) 100%);--iu-effect-gradient-chatbot-sidebar-rail-border:linear-gradient(180deg,var(--iu-bg-primary-lighter) 0%,var(--iu-bg-primary-subtle) 61%,color-mix(in srgb,var(--iu-bg-warning-lighter) 70%,#0000) 100%);--iu-effect-gradient-chatbot-welcome-username:linear-gradient(82deg,var(--iu-bg-warning) 10.92%,var(--iu-primitive-color-purple-500) 81.37%);--iu-effect-gradient-chatbot-tab-bar:linear-gradient(91deg,var(--iu-bg-primary-subtle) 54.01%,#0000 107.24%);--iu-effect-gradient-chatbot-suggestion-banner-border:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 20%,#0000) 100%);--iu-effect-fill-surface-hover:color-mix(in srgb,var(--iu-primitive-color-grey-1000) 50%,#0000)}:root,[data-iu-theme=dark]{--iu-effect-mix-primary-alpha-10:color-mix(in srgb,var(--iu-bg-primary) 10%,#0000);--iu-effect-mix-primary-alpha-15:color-mix(in srgb,var(--iu-bg-primary) 15%,#0000);--iu-effect-mix-primary-alpha-20:color-mix(in srgb,var(--iu-bg-primary) 20%,#0000);--iu-effect-mix-primary-alpha-30:color-mix(in srgb,var(--iu-bg-primary) 30%,#0000);--iu-effect-mix-primary-alpha-40:color-mix(in srgb,var(--iu-bg-primary) 40%,#0000);--iu-effect-mix-primary-alpha-50:color-mix(in srgb,var(--iu-bg-primary) 50%,#0000);--iu-effect-mix-primary-alpha-60:color-mix(in srgb,var(--iu-bg-primary) 60%,#0000);--iu-effect-mix-primary-darken-5:color-mix(in srgb,var(--iu-bg-primary) 95%,#000);--iu-effect-mix-error-alpha-10:color-mix(in srgb,var(--iu-bg-error) 10%,#0000);--iu-effect-mix-modal-backdrop-80:color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 80%,#0000)}:root{--iu-legacy-black-pure:#000;--iu-legacy-box-shadow-tint:#0000001f;--iu-legacy-breadcrumbs-dot:#6b7280;--iu-legacy-chatbot-bg:#0f1937;--iu-legacy-chatbot-light-blue:#418dffab;--iu-legacy-chatbot-light-pink:#ffb4d8;--iu-legacy-dark-gray:#d4d4d4;--iu-legacy-error-background:#feeaf3;--iu-legacy-error-stroke:#f3c1c0;--iu-legacy-error-toast-text:#ec4c5c;--iu-legacy-gray-50:#f9fafb;--iu-legacy-gray-badge:#5f6673;--iu-legacy-green-badge:#108431;--iu-legacy-homepage-accent:#6962ef;--iu-legacy-homepage-accent-border:#9995ff;--iu-legacy-homepage-smart-ai-bg:#edeff6;--iu-legacy-homepage-smart-ai-patch:#eeeff7;--iu-legacy-homepage-toolkit-bg:#eaf2ff;--iu-legacy-homepage-toolkit-cta:#e9f2ff;--iu-legacy-inactive-input-bg:#f2f4fb;--iu-legacy-info-background:#e2f4ff;--iu-legacy-info-stroke:#c6cdfb;--iu-legacy-layout-body-muted:#666;--iu-legacy-layout-heading:#1a1a1a;--iu-legacy-light-blue-nav-bar:#b2c2e0;--iu-legacy-light-gray-font:#c7c7c7;--iu-legacy-menu-border:#f0f0f0;--iu-legacy-modal-backdrop:#0d152ccc;--iu-legacy-off-white:#f5f5f5;--iu-legacy-primary-badge:#5267f4;--iu-legacy-progress-bar-bg:#f3f4f6;--iu-legacy-red-badge:#ec4c5c;--iu-legacy-save-view-box-shadow:#1a277c24;--iu-legacy-shadow-light:#0000001a;--iu-legacy-shadow-medium:#0000001f;--iu-legacy-shadow-soft:#0000000f;--iu-legacy-skeleton-dark:#222425;--iu-legacy-stepper-bg:#acacac;--iu-legacy-stepper-border:#ebebf0;--iu-legacy-stepper-font:#7c7c7c;--iu-legacy-subtle-default:#f2f3f4;--iu-legacy-subtle-error:#fef4f5;--iu-legacy-subtle-error-font:#d62f2d;--iu-legacy-subtle-info:#f1f3fe;--iu-legacy-subtle-success:#f4fff7;--iu-legacy-subtle-success-font:#0b832f;--iu-legacy-subtle-warning:#fdfae9;--iu-legacy-table-bg-hover:#f1f4f9;--iu-legacy-warning-background:#fff8d5;--iu-legacy-yellow-badge:#ffe174;--iu-legacy-yellow-badge-outlined:#8c6f06;--impact-icon-light:var(--iu-on-surface-icon);--impact-icon-dark:var(--iu-on-surface-icon)}.impact-icon{display:inline-block;flex-shrink:0}.impact-icon--light{color:var(--impact-icon-light)}.impact-icon--dark{color:var(--impact-icon-dark)}.impact-icon--disabled{opacity:.5;pointer-events:none}@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}:root{--ia-focus-color:var(--iu-bg-primary);--ia-focus-bg:var(--iu-bg-surface-layer-bg);--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:var(--iu-effect-mix-modal-backdrop-80)}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:var(--iu-border-default);display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}

package/dist/styles/tokens/effects.generated.d.ts

@@ -0,0 +1,59 @@
+import { ThemeMode } from './tokens.generated';
+
+/** Fixed box-shadow values (not theme-dependent). */
+export declare const EFFECT_SHADOWS: {
+    readonly 'overlay-navy-alpha-16': "0 8px 32px 0 rgba(16, 30, 54, 0.16)";
+    readonly 'elevation-16-soft': "0px 0px 16px 2px rgba(0, 0, 0, 0.06)";
+    readonly 'drop-4': "0px 0px 4px 0px rgba(0, 0, 0, 0.12)";
+    readonly 'save-view-tint': "0px 0px 0px 0px #1a277c24";
+    readonly 'header-bar-elevation': "0px 0px 16px 2px rgba(0, 0, 0, 0.06)";
+    readonly 'header-dropdown-elevated': "0px 4px 16px rgba(0, 0, 0, 0.16)";
+    readonly 'dynamic-layout-card': "0px 0px 4px 0px rgba(171, 171, 171, 0.25)";
+};
+/** Fixed gradient background values (not theme-dependent). */
+export declare const EFFECT_GRADIENTS: {
+    readonly 'header-smart-bot-main': "linear-gradient(-45deg, #2ac2aa, #6666ef, #f26922, #8863c0, #0f1937)";
+    readonly 'header-smart-bot-border': "linear-gradient(167deg, #2ac2ee, #6962ef, #f26921)";
+    readonly 'header-smart-bot-hover': "linear-gradient(-45deg, #2ac2ee, #6962ef, #f26921)";
+    readonly 'homepage-toolkit-section': "color-mix(in srgb, var(--iu-legacy-homepage-toolkit-bg) calc(100% * 229 / 255), transparent)";
+    readonly 'homepage-toolkit-section-dark': "color-mix(in srgb, var(--iu-bg-primary-subtle) calc(100% * 229 / 255), transparent)";
+    readonly 'homepage-hero-radial': "radial-gradient(65.75% 64.76% at 57.88% 39.21%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 75%, transparent) 67.79%, transparent 100%)";
+    readonly 'homepage-new-product-ribbon': "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-warning) 30%, transparent) 2.15%, color-mix(in srgb, var(--iu-bg-warning-subtle) 88%, var(--iu-bg-surface-layer-bg)) 100%)";
+    readonly 'homepage-release-status-ribbon': "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-primary-lighter) 45%, transparent) 2.15%, color-mix(in srgb, var(--iu-primitive-color-purple-500) 38%, var(--iu-bg-primary-subtle)) 96.7%)";
+    readonly 'homepage-client-logo-border': "linear-gradient(93.56deg, color-mix(in srgb, var(--iu-primitive-color-purple-500) 52%, var(--iu-bg-error-lighter)) 22.01%, color-mix(in srgb, var(--iu-bg-primary-lighter) 72%, var(--iu-bg-primary-subtle)) 78.02%)";
+    readonly 'homepage-smart-pf-panel': "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 35%, transparent) 0%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 60%, transparent) 100%)";
+    readonly 'homepage-smart-pf-title-text': "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, var(--iu-on-surface-title) 50%, var(--iu-bg-primary-lighter) 100%)";
+    readonly 'homepage-ia-card-border': "linear-gradient(180deg, color-mix(in srgb, var(--iu-primitive-color-cyan-500) 90%, transparent) 0%, color-mix(in srgb, var(--iu-legacy-homepage-accent) 90%, transparent) 100%)";
+    readonly 'homepage-agent-studio-title-text': "linear-gradient(90deg, var(--iu-bg-warning) 0%, var(--iu-legacy-homepage-accent) 100%)";
+    readonly 'homepage-agentic-hover-scrim': "linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 59%, transparent) 100%)";
+    readonly 'chatbot-user-message': "linear-gradient(91deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 40%, transparent) 0.67%, color-mix(in srgb, var(--iu-bg-primary-lighter) 32%, transparent) 56.16%, color-mix(in srgb, var(--iu-bg-error-subtle) 27%, transparent) 111.65%)";
+    readonly 'chatbot-sidebar-panel': "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-surface-lighter) 60%, transparent) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 44%, transparent) 50%, color-mix(in srgb, var(--iu-bg-error-subtle) 25%, transparent) 100%)";
+    readonly 'chatbot-sidebar-rail-border': "linear-gradient(180deg, var(--iu-bg-primary-lighter) 0%, var(--iu-bg-primary-subtle) 61%, color-mix(in srgb, var(--iu-bg-warning-lighter) 70%, transparent) 100%)";
+    readonly 'chatbot-welcome-username': "linear-gradient(82deg, var(--iu-bg-warning) 10.92%, var(--iu-primitive-color-purple-500) 81.37%)";
+    readonly 'chatbot-tab-bar': "linear-gradient(91deg, var(--iu-bg-primary-subtle) 54.01%, transparent 107.24%)";
+    readonly 'chatbot-suggestion-banner-border': "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 20%, transparent) 100%)";
+};
+/** Fixed solid fills (not theme-dependent). */
+export declare const EFFECT_FILLS: {
+    readonly 'surface-hover': "color-mix(in srgb, var(--iu-primitive-color-grey-1000) 50%, transparent)";
+};
+/** CSS color-mix formulas referencing semantic vars (use in sx/style when CSS supports it). */
+export declare const EFFECT_COLOR_MIX_CSS: {
+    readonly 'primary-alpha-10': "color-mix(in srgb, var(--iu-bg-primary) 10%, transparent)";
+    readonly 'primary-alpha-15': "color-mix(in srgb, var(--iu-bg-primary) 15%, transparent)";
+    readonly 'primary-alpha-20': "color-mix(in srgb, var(--iu-bg-primary) 20%, transparent)";
+    readonly 'primary-alpha-30': "color-mix(in srgb, var(--iu-bg-primary) 30%, transparent)";
+    readonly 'primary-alpha-40': "color-mix(in srgb, var(--iu-bg-primary) 40%, transparent)";
+    readonly 'primary-alpha-50': "color-mix(in srgb, var(--iu-bg-primary) 50%, transparent)";
+    readonly 'primary-alpha-60': "color-mix(in srgb, var(--iu-bg-primary) 60%, transparent)";
+    readonly 'primary-darken-5': "color-mix(in srgb, var(--iu-bg-primary) 95%, black)";
+    readonly 'error-alpha-10': "color-mix(in srgb, var(--iu-bg-error) 10%, transparent)";
+    readonly 'modal-backdrop-80': "color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 80%, transparent)";
+};
+/** Precomputed rgba/hex per theme for MUI, Highcharts, canvas (approximates color-mix). */
+export declare const EFFECT_THEMED_MIX: Record<ThemeMode, Record<string, string>>;
+export type EffectShadowName = keyof typeof EFFECT_SHADOWS;
+export type EffectGradientName = keyof typeof EFFECT_GRADIENTS;
+export type EffectThemedMixName = keyof typeof EFFECT_COLOR_MIX_CSS;
+export declare function getEffectThemedMix(mode: ThemeMode, name: EffectThemedMixName): string;
+//# sourceMappingURL=effects.generated.d.ts.map

package/dist/styles/tokens/effects.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effects.generated.d.ts","sourceRoot":"","sources":["../../../src/styles/tokens/effects.generated.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,qDAAqD;AACrD,eAAO,MAAM,cAAc;;;;;;;;CAQjB,CAAC;AAEX,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CAsCnB,CAAC;AAEX,+CAA+C;AAC/C,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,+FAA+F;AAC/F,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAWvB,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAyBvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC3D,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAC/D,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,GAAG,MAAM,CAErF"}

package/dist/styles/tokens/effects.generated.js

@@ -0,0 +1,79 @@
+const EFFECT_SHADOWS = {
+  "overlay-navy-alpha-16": "0 8px 32px 0 rgba(16, 30, 54, 0.16)",
+  "elevation-16-soft": "0px 0px 16px 2px rgba(0, 0, 0, 0.06)",
+  "drop-4": "0px 0px 4px 0px rgba(0, 0, 0, 0.12)",
+  "save-view-tint": "0px 0px 0px 0px #1a277c24",
+  "header-bar-elevation": "0px 0px 16px 2px rgba(0, 0, 0, 0.06)",
+  "header-dropdown-elevated": "0px 4px 16px rgba(0, 0, 0, 0.16)",
+  "dynamic-layout-card": "0px 0px 4px 0px rgba(171, 171, 171, 0.25)"
+};
+const EFFECT_GRADIENTS = {
+  "header-smart-bot-main": "linear-gradient(-45deg, #2ac2aa, #6666ef, #f26922, #8863c0, #0f1937)",
+  "header-smart-bot-border": "linear-gradient(167deg, #2ac2ee, #6962ef, #f26921)",
+  "header-smart-bot-hover": "linear-gradient(-45deg, #2ac2ee, #6962ef, #f26921)",
+  "homepage-toolkit-section": "color-mix(in srgb, var(--iu-legacy-homepage-toolkit-bg) calc(100% * 229 / 255), transparent)",
+  "homepage-toolkit-section-dark": "color-mix(in srgb, var(--iu-bg-primary-subtle) calc(100% * 229 / 255), transparent)",
+  "homepage-hero-radial": "radial-gradient(65.75% 64.76% at 57.88% 39.21%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 75%, transparent) 67.79%, transparent 100%)",
+  "homepage-new-product-ribbon": "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-warning) 30%, transparent) 2.15%, color-mix(in srgb, var(--iu-bg-warning-subtle) 88%, var(--iu-bg-surface-layer-bg)) 100%)",
+  "homepage-release-status-ribbon": "linear-gradient(90deg, color-mix(in srgb, var(--iu-bg-primary-lighter) 45%, transparent) 2.15%, color-mix(in srgb, var(--iu-primitive-color-purple-500) 38%, var(--iu-bg-primary-subtle)) 96.7%)",
+  "homepage-client-logo-border": "linear-gradient(93.56deg, color-mix(in srgb, var(--iu-primitive-color-purple-500) 52%, var(--iu-bg-error-lighter)) 22.01%, color-mix(in srgb, var(--iu-bg-primary-lighter) 72%, var(--iu-bg-primary-subtle)) 78.02%)",
+  "homepage-smart-pf-panel": "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 35%, transparent) 0%, color-mix(in srgb, var(--iu-bg-surface-layer-bg) 60%, transparent) 100%)",
+  "homepage-smart-pf-title-text": "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, var(--iu-on-surface-title) 50%, var(--iu-bg-primary-lighter) 100%)",
+  "homepage-ia-card-border": "linear-gradient(180deg, color-mix(in srgb, var(--iu-primitive-color-cyan-500) 90%, transparent) 0%, color-mix(in srgb, var(--iu-legacy-homepage-accent) 90%, transparent) 100%)",
+  "homepage-agent-studio-title-text": "linear-gradient(90deg, var(--iu-bg-warning) 0%, var(--iu-legacy-homepage-accent) 100%)",
+  "homepage-agentic-hover-scrim": "linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 59%, transparent) 100%)",
+  "chatbot-user-message": "linear-gradient(91deg, color-mix(in srgb, var(--iu-bg-primary-subtle) 40%, transparent) 0.67%, color-mix(in srgb, var(--iu-bg-primary-lighter) 32%, transparent) 56.16%, color-mix(in srgb, var(--iu-bg-error-subtle) 27%, transparent) 111.65%)",
+  "chatbot-sidebar-panel": "linear-gradient(180deg, color-mix(in srgb, var(--iu-bg-surface-lighter) 60%, transparent) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 44%, transparent) 50%, color-mix(in srgb, var(--iu-bg-error-subtle) 25%, transparent) 100%)",
+  "chatbot-sidebar-rail-border": "linear-gradient(180deg, var(--iu-bg-primary-lighter) 0%, var(--iu-bg-primary-subtle) 61%, color-mix(in srgb, var(--iu-bg-warning-lighter) 70%, transparent) 100%)",
+  "chatbot-welcome-username": "linear-gradient(82deg, var(--iu-bg-warning) 10.92%, var(--iu-primitive-color-purple-500) 81.37%)",
+  "chatbot-tab-bar": "linear-gradient(91deg, var(--iu-bg-primary-subtle) 54.01%, transparent 107.24%)",
+  "chatbot-suggestion-banner-border": "linear-gradient(90deg, var(--iu-bg-primary-lighter) 0%, color-mix(in srgb, var(--iu-bg-primary-subtle) 20%, transparent) 100%)"
+};
+const EFFECT_COLOR_MIX_CSS = {
+  "primary-alpha-10": "color-mix(in srgb, var(--iu-bg-primary) 10%, transparent)",
+  "primary-alpha-15": "color-mix(in srgb, var(--iu-bg-primary) 15%, transparent)",
+  "primary-alpha-20": "color-mix(in srgb, var(--iu-bg-primary) 20%, transparent)",
+  "primary-alpha-30": "color-mix(in srgb, var(--iu-bg-primary) 30%, transparent)",
+  "primary-alpha-40": "color-mix(in srgb, var(--iu-bg-primary) 40%, transparent)",
+  "primary-alpha-50": "color-mix(in srgb, var(--iu-bg-primary) 50%, transparent)",
+  "primary-alpha-60": "color-mix(in srgb, var(--iu-bg-primary) 60%, transparent)",
+  "primary-darken-5": "color-mix(in srgb, var(--iu-bg-primary) 95%, black)",
+  "error-alpha-10": "color-mix(in srgb, var(--iu-bg-error) 10%, transparent)",
+  "modal-backdrop-80": "color-mix(in srgb, var(--iu-bg-surface-overlay-bg) 80%, transparent)"
+};
+const EFFECT_THEMED_MIX = {
+  light: {
+    "primary-alpha-10": "rgba(66, 89, 238, 0.1)",
+    "primary-alpha-15": "rgba(66, 89, 238, 0.15)",
+    "primary-alpha-20": "rgba(66, 89, 238, 0.2)",
+    "primary-alpha-30": "rgba(66, 89, 238, 0.3)",
+    "primary-alpha-40": "rgba(66, 89, 238, 0.4)",
+    "primary-alpha-50": "rgba(66, 89, 238, 0.5)",
+    "primary-alpha-60": "rgba(66, 89, 238, 0.6)",
+    "primary-darken-5": "#3f55e2",
+    "error-alpha-10": "rgba(225, 85, 84, 0.1)",
+    "modal-backdrop-80": "rgba(13, 21, 44, 0.8)"
+  },
+  dark: {
+    "primary-alpha-10": "rgba(66, 89, 238, 0.1)",
+    "primary-alpha-15": "rgba(66, 89, 238, 0.15)",
+    "primary-alpha-20": "rgba(66, 89, 238, 0.2)",
+    "primary-alpha-30": "rgba(66, 89, 238, 0.3)",
+    "primary-alpha-40": "rgba(66, 89, 238, 0.4)",
+    "primary-alpha-50": "rgba(66, 89, 238, 0.5)",
+    "primary-alpha-60": "rgba(66, 89, 238, 0.6)",
+    "primary-darken-5": "#3f55e2",
+    "error-alpha-10": "rgba(225, 85, 84, 0.1)",
+    "modal-backdrop-80": "rgba(6, 7, 20, 0.8)"
+  }
+};
+function getEffectThemedMix(mode, name) {
+  return EFFECT_THEMED_MIX[mode][name] ?? "";
+}
+export {
+  EFFECT_COLOR_MIX_CSS,
+  EFFECT_GRADIENTS,
+  EFFECT_SHADOWS,
+  EFFECT_THEMED_MIX,
+  getEffectThemedMix
+};