es-components 21.14.3 → 21.14.4

package/types/shared/ESTheme.d.ts

@@ -0,0 +1,167 @@
+import * as CSS from 'csstype';
+import { IconName } from './IconNames';
+export declare const buttonSizes: readonly ["lg", "sm", "xs", "default"];
+export type ButtonSize = (typeof buttonSizes)[number];
+export interface ButtonSizeBlock {
+    borderRadius: CSS.Property.BorderRadius;
+    fontSize: CSS.Property.FontSize;
+    fontWeight?: CSS.Property.FontWeight;
+    lineHeight: CSS.Property.LineHeight;
+    paddingTop: CSS.Property.PaddingTop;
+    paddingSides: CSS.Property.PaddingLeft;
+    paddingBottom: CSS.Property.PaddingBottom;
+    textTransform?: CSS.Property.TextTransform;
+}
+export type ButtonSizeBlocks = {
+    [key in ButtonSize]: ButtonSizeBlock;
+};
+export declare const buttonVariantStyleTypes: readonly ["primary", "default", "darkDefault", "success", "danger", "warning", "info", "information", "magenta", "violet"];
+export type ButtonVariantStyleType = (typeof buttonVariantStyleTypes)[number];
+export declare const validationStyleTypes: readonly ["success", "info", "warning", "danger", "advisor", "default"];
+export type ValidationStyleType = (typeof validationStyleTypes)[number];
+export interface ValidationAddOn {
+    textColor: CSS.Property.Color;
+    backgroundColor: CSS.Property.BackgroundColor;
+    borderColor?: CSS.Property.BorderColor;
+}
+export interface ButtonVariant {
+    bgColor?: CSS.Property.BackgroundColor;
+    textColor?: CSS.Property.Color;
+    hoverBgColor?: CSS.Property.BackgroundColor;
+    hoverColor?: CSS.Property.Color;
+}
+export interface BGColorButtonVariant extends ButtonVariant {
+    bgColor: NonNullable<CSS.Property.BackgroundColor>;
+}
+export interface TextColorButtonVariant extends ButtonVariant {
+    textColor: NonNullable<CSS.Property.BackgroundColor>;
+}
+export type ButtonVariants<T extends ButtonVariant> = {
+    [key in ButtonVariantStyleType]: T;
+} & {
+    inherited: T;
+};
+export type ButtonStyles<T extends ButtonVariant> = {
+    variant: ButtonVariants<T>;
+} & (T extends BGColorButtonVariant ? {
+    size: ButtonSizeBlocks;
+} : {
+    size?: ButtonSizeBlocks;
+});
+export interface NotificationStyleBlock {
+    bgColor: CSS.Property.BackgroundColor;
+    textColor: CSS.Property.Color;
+    borderColor?: CSS.Property.BorderColor;
+    borderStyle?: CSS.Property.BorderStyle;
+    borderWidth?: CSS.Property.BorderWidth;
+}
+export declare const notificationStyleTypes: readonly ["base", "light", "messageOnly"];
+export type NotificationStyleType = (typeof notificationStyleTypes)[number];
+export type NotificationStyle = {
+    [key in NotificationStyleType]: NotificationStyleBlock;
+};
+export type NotificationStyles = {
+    [key in ValidationStyleType]: NotificationStyle;
+};
+declare const colorNames: readonly ["white", "gray0", "gray1", "gray2", "gray3", "gray4", "gray5", "gray6", "gray7", "gray8", "gray9", "black", "blue25", "blue50", "blue100", "blue300", "blue500", "blue700", "blue900", "green50", "green100", "green300", "green500", "green700", "green900", "magenta50", "magenta100", "magenta300", "magenta500", "magenta700", "magenta900", "violet50", "violet100", "violet300", "violet500", "violet700", "violet900", "yellow50", "yellow100", "yellow300", "yellow500", "yellow700", "yellow900", "primary", "primaryHover", "primaryLight", "success", "successHover", "successLight", "info", "infoHover", "infoLight", "warning", "warningHover", "warningLight", "danger", "dangerHover", "dangerLight", "advisor", "advisorLight", "boxShadowLight", "boxShadowDark", "inputFocus", "disabled"];
+export type ColorName = (typeof colorNames)[number];
+export type Colors = {
+    [key in ColorName]: CSS.Property.Color;
+};
+export declare const screenSizeNames: readonly ["retina", "phone", "tablet", "desktop", "widescreen"];
+export type ScreenSizeName = (typeof screenSizeNames)[number];
+export type FormStyle = 'default' | 'flat';
+export type ValidationInputColor = {
+    backgroundColor: CSS.Property.BackgroundColor;
+    backgroundColorFlat: CSS.Property.BackgroundColor;
+    borderColor: CSS.Property.BorderColor;
+    boxShadow: CSS.Property.BoxShadow;
+    focusBorderColor: CSS.Property.BorderColor;
+    focusBoxShadow: CSS.Property.BoxShadow;
+    focusBoxShadowFlat: CSS.Property.BoxShadow;
+    addOn: ValidationAddOn;
+};
+export type DatepickerColors = {
+    dpBackground: CSS.Property.BackgroundColor;
+    navArrow: CSS.Property.BorderColor;
+    navArrowHover: CSS.Property.BorderColor;
+    selected: CSS.Property.BackgroundColor;
+    hover: CSS.Property.BackgroundColor;
+    keyboard: CSS.Property.BackgroundColor;
+    inRange: CSS.Property.BackgroundColor;
+    highlight: CSS.Property.BackgroundColor;
+    highlightHover: CSS.Property.BackgroundColor;
+};
+export declare const headingLevel: readonly [1, 2, 3, 4, 5, 6];
+export type HeadingLevel = (typeof headingLevel)[number];
+export type BannerBlock = {
+    bgColor: CSS.Property.BackgroundColor;
+    textColor: CSS.Property.Color;
+};
+export type PromptBlock = {
+    bgColor: CSS.Property.BackgroundColor;
+    bannerBgColor: CSS.Property.BackgroundColor;
+    bannerTextColor: CSS.Property.Color;
+    textColor: CSS.Property.Color;
+    iconColor: CSS.Property.Color;
+    iconName: IconName;
+};
+export declare const promptStyles: readonly ["readAloud", "doNotReadAloud"];
+export type PromptStyle = (typeof promptStyles)[number];
+export default interface ESTheme {
+    themeName: string;
+    colors: Colors;
+    brandColors: {
+        primary1: CSS.Property.Color;
+        primary2: CSS.Property.Color;
+        primary3: CSS.Property.Color;
+        secondary1: CSS.Property.Color;
+        secondary2: CSS.Property.Color;
+    };
+    font: {
+        [key: string]: string | number | object | undefined;
+        baseFontSize: CSS.Property.FontSize;
+        baseFontFace: CSS.Property.FontFamily;
+        baseLineHeight: CSS.Property.LineHeight;
+        headingDesktop: Record<HeadingLevel, string>;
+        headingMobile: Record<HeadingLevel, string>;
+        labelFontSize?: CSS.Property.FontSize;
+        labelFontWeight?: CSS.Property.FontWeight;
+    };
+    screenSize: {
+        [key in ScreenSizeName]: CSS.Property.Width;
+    };
+    spacing: {
+        defaultMargin: CSS.Property.Padding;
+    };
+    validationIconName: {
+        [key in ValidationStyleType]: IconName;
+    };
+    validationTextColor: {
+        [key in ValidationStyleType]: CSS.Property.Color;
+    };
+    validationInputColor: {
+        [key in ValidationStyleType]: ValidationInputColor;
+    };
+    notificationStyles: NotificationStyles;
+    buttonStyles: {
+        button: ButtonStyles<BGColorButtonVariant>;
+        outlineButton: ButtonStyles<BGColorButtonVariant>;
+        linkButton: ButtonStyles<TextColorButtonVariant>;
+    };
+    inputStyles: {
+        borderRadius: CSS.Property.BorderRadius;
+        defaultFormStyle: FormStyle;
+        dropdownArrow: CSS.Property.BackgroundImage;
+        inputHeight: CSS.Property.Height;
+        dropdownLineHeight: CSS.Property.LineHeight;
+    };
+    bannerStyles: {
+        [key in ValidationStyleType]: BannerBlock;
+    };
+    promptStyles: {
+        [key in PromptStyle]: PromptBlock;
+    };
+    datepickerColors: DatepickerColors;
+}
+export {};

package/types/shared/IconNames.d.ts

@@ -0,0 +1,2 @@
+export declare const iconNames: readonly ["accessibility", "add-circle", "add", "agent", "alarm-clock", "align-center", "align-justify", "align-left", "align-right", "archive-folder", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "asterisk", "attachment", "bathtub", "being-sick", "bell", "bicycle", "blood-drop", "bold", "bone", "book", "bookmark", "bot", "boy", "brain", "briefcase", "broken-leg", "bullhorn", "calculator", "calendar", "call-transfer", "camera", "cash-in-hand", "cell", "certificate-ribbon", "certificate", "change", "check-document", "checkbox-checked", "checkbox", "checked", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "christmas-gift", "circle-arrow-down", "circle-arrow-left", "circle-arrow-right", "circle-arrow-up", "clear-filters", "click-and-collect", "clinic", "cog", "comment", "comments", "compass", "confusion", "copy", "cut", "dashboard", "denied", "desktop", "detour", "disabled-access", "discussion", "divide", "dna-helix", "doctors-bag", "dollar-sign", "double-chevron-down", "double-chevron-left", "double-chevron-right", "double-chevron-up", "download-alt", "download", "edit-document", "edit", "element-block", "element-page", "element-section", "envelope", "exclamation-circle", "exclamation-sign", "exclamation", "exit", "export", "external-link", "eye-closed", "eye-open", "federal", "file-download", "file-open", "file", "fill", "film", "fire", "flag-empty", "flag-filled", "flash", "folder-close", "folder-open", "folder-up-level", "font", "for-you", "form-agreement", "form-checkbox", "form-dropdown", "form-number", "form-radio", "form-text-box", "form-text", "fullscreen", "funnel", "girl", "glasses", "globe", "glucometer", "hand-down", "hand-left", "hand-right", "hand-up", "handshake-heart", "header", "health-checkup", "health", "hearing-aid", "hearing", "heart-empty", "heart-filled", "heart-plus", "helping-hand", "history", "home", "hourglass", "house", "household", "hyperlink", "idea", "in-progress", "inbox", "indent-left", "indent-right", "info-circle", "info-popup", "info-squared", "info", "internal-call", "italic", "keyhole-shield", "kidney", "leaf", "lightning-bolt", "list-numbered", "list-thumbnails", "list-unordered", "list", "liver", "lock-open", "lock", "log-in", "log-out", "logout-rounded-left", "lungs", "mailbox-closed-flag-down", "male-user", "man", "map-marker", "map-with-marker", "measuring-tape", "medical-doctor", "medical", "menu-btn", "message", "minus-circle", "minus", "molecule", "moleskine", "money", "move", "muscle", "network", "neuron", "new-window", "no-symbol", "non-smoker", "notepad", "ok-circle", "ok", "options-horizontal", "options-vertical", "out-of-network", "out-patient-department", "outgoing-call", "paragraph", "paste", "pause", "paycheck", "paycheque", "phone-analog", "phone", "physical-therapy", "picture", "piggy-bank", "play-circle", "play", "policy-document", "power", "prescription-pill-bottle", "prescription", "print", "profile", "profit", "purchase-order", "push-pin", "question-circle", "question", "questions", "random", "read-message", "redo", "refresh", "remove-circle", "remove", "repeat", "reply-arrow", "resize-full", "resize-horizontal", "resize-small", "resize-vertical", "retweet", "road", "rod-of-asclepius", "rubber-stamp", "rx", "save", "scale", "screenshot", "search-property", "search", "security-checked", "share", "shopping-cart", "skin", "skip-to-start", "smoker", "sms", "sort-alpha-reverse", "sort-alpha", "sort-ascending", "sort-descending", "sort-num-reverse", "sort-num", "sort", "speak-to-expert", "speech-bubble-with-dots", "speech-bubble", "spouse", "star-empty", "star-filled", "stats", "stethoscope", "stock-growth", "stomach", "submit-document", "switch", "tag", "tags", "tasks", "text-color", "text-height", "text-size", "text-width", "thumbnails-large", "thumbnails", "thumbs-down", "thumbs-up", "time", "today", "tooth", "transfer", "trash", "trophy", "truck", "trust", "tune", "umbrella", "underline", "undo", "upload", "urgent-message", "user-secured", "user-shield", "user", "users", "video", "voice-check", "walker", "wallet", "woman", "wrench", "zoom-in", "zoom-out"];
+export type IconName = (typeof iconNames)[number];

package/types/shared/index.d.ts

@@ -0,0 +1,4 @@
+import type ESTheme from './ESTheme';
+export * from './IconNames';
+export * from './ESTheme';
+export type { ESTheme as default };

package/types/src/components/base/icons/Icon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type * as CSS from 'csstype';
-import { IconName } from "../../../../../../../shared/types/dist/src";
+import { IconName } from "../../../../shared";
 export declare const iconBasics: import("styled-components").FlattenSimpleInterpolation;
 export type IconBaseProps = {
     size?: CSS.Property.FontSize;
@@ -8,7 +8,7 @@ export type IconBaseProps = {
 export declare const iconBaseStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<IconBaseProps, import("styled-components").DefaultTheme>>;
 type IconInternalProps = {
     name?: IconName;
-    size?: CSS.Property.FontSize | number;
+    size?: Exclude<CSS.Property.FontSize, 0> | number;
 };
 export type IconProps = Override<JSXElementProps<'i'>, IconInternalProps>;
 declare const Icon: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "key">, "ref">, keyof IconInternalProps> & IconInternalProps & React.RefAttributes<HTMLElement>>;

package/types/src/components/base/icons/useIconStyles.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconName } from "../../../../../../../shared/types/dist/src";
+import { IconName } from "../../../../shared";
 import { IconBaseProps, IconProps } from "./Icon";
 type IconElement = HTMLElement;
 export type HiddenIconConfig = {

package/types/src/components/containers/banner/Banner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ValidationStyleType } from "../../../../../../../shared/types/dist/src";
+import { ValidationStyleType } from "../../../../shared";
 export type BannerProps = Override<JSXElementProps<'div'>, {
     type: ValidationStyleType;
 }>;
@@ -9,6 +9,6 @@ declare const Banner: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.Detai
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const propTypes: {
     /** The type of notification to render */
-    type: PropTypes.Validator<NonNullable<"default" | "info" | "success" | "warning" | "danger" | "advisor">>;
+    type: PropTypes.Validator<NonNullable<"default" | "success" | "info" | "warning" | "danger" | "advisor">>;
 };
 export default Banner;

package/types/src/components/containers/drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DrawerItem, DrawerItemBody, DrawerItemOpener } from "./DrawerItem";
 import DrawerPanel, { DrawerPanelProps } from "./DrawerPanel";
-import { IconName } from "../../../../../../../shared/types/dist/src";
+import { IconName } from "../../../../shared";
 export { useDrawerItemContext, DrawerItemContext } from "./DrawerItem";
 export type ActiveKeys = string | string[];
 export type PanelChild = React.ReactElement<DrawerPanelProps>;

package/types/src/components/containers/drawer/DrawerPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { IconName, HeadingLevel } from "../../../../../../../shared/types/dist/src";
+import { IconName, HeadingLevel } from "../../../../shared";
 export declare const PanelButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
 export type DrawerPanelProps = Omit<JSXElementProps<'div'>, 'title'> & {
     children: any;
@@ -42,9 +42,9 @@ export declare const propTypes: {
     headingLevel: React.Validator<6 | 1 | 2 | 3 | 4 | 5 | null | undefined> | undefined;
     open: PropTypes.Requireable<boolean>;
     /** @ignore */
-    closedIconName: PropTypes.Requireable<"header" | "picture" | "search" | "time" | "video" | "switch" | "fill" | "rx" | "scale" | "download" | "checked" | "list" | "font" | "repeat" | "bold" | "cell" | "checkbox" | "copy" | "move" | "sort" | "change" | "cut" | "paste" | "pause" | "play" | "message" | "file" | "home" | "user" | "archive" | "accessibility" | "add-circle" | "add" | "agent" | "alarm-clock" | "align-center" | "align-justify" | "align-left" | "align-right" | "archive-folder" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "attachment" | "bathtub" | "being-sick" | "bell" | "bicycle" | "blood-drop" | "bone" | "book" | "bookmark" | "bot" | "boy" | "brain" | "briefcase" | "broken-leg" | "bullhorn" | "calculator" | "calendar" | "call-transfer" | "camera" | "cash-in-hand" | "certificate-ribbon" | "certificate" | "check-document" | "checkbox-checked" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "christmas-gift" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-right" | "circle-arrow-up" | "clear-filters" | "click-and-collect" | "clinic" | "cog" | "comment" | "comments" | "compass" | "confusion" | "dashboard" | "denied" | "desktop" | "detour" | "disabled-access" | "discussion" | "divide" | "dna-helix" | "doctors-bag" | "dollar-sign" | "double-chevron-down" | "double-chevron-left" | "double-chevron-right" | "double-chevron-up" | "download-alt" | "edit-document" | "edit" | "element-block" | "element-page" | "element-section" | "envelope" | "exclamation-circle" | "exclamation-sign" | "exclamation" | "exit" | "export" | "external-link" | "eye-closed" | "eye-open" | "federal" | "file-download" | "file-open" | "film" | "fire" | "flag-empty" | "flag-filled" | "flash" | "folder-close" | "folder-open" | "folder-up-level" | "for-you" | "form-agreement" | "form-checkbox" | "form-dropdown" | "form-number" | "form-radio" | "form-text-box" | "form-text" | "fullscreen" | "funnel" | "girl" | "glasses" | "globe" | "glucometer" | "hand-down" | "hand-left" | "hand-right" | "hand-up" | "handshake-heart" | "health-checkup" | "health" | "hearing-aid" | "hearing" | "heart-empty" | "heart-filled" | "heart-plus" | "helping-hand" | "history" | "hourglass" | "house" | "household" | "hyperlink" | "idea" | "in-progress" | "inbox" | "indent-left" | "indent-right" | "info-circle" | "info-popup" | "info-squared" | "info" | "internal-call" | "italic" | "keyhole-shield" | "kidney" | "leaf" | "lightning-bolt" | "list-numbered" | "list-thumbnails" | "list-unordered" | "liver" | "lock-open" | "lock" | "log-in" | "log-out" | "logout-rounded-left" | "lungs" | "mailbox-closed-flag-down" | "male-user" | "man" | "map-marker" | "map-with-marker" | "measuring-tape" | "medical-doctor" | "medical" | "menu-btn" | "minus-circle" | "minus" | "molecule" | "moleskine" | "money" | "muscle" | "network" | "neuron" | "new-window" | "no-symbol" | "non-smoker" | "notepad" | "ok-circle" | "ok" | "options-horizontal" | "options-vertical" | "out-of-network" | "out-patient-department" | "outgoing-call" | "paragraph" | "paycheck" | "paycheque" | "phone-analog" | "phone" | "physical-therapy" | "piggy-bank" | "play-circle" | "policy-document" | "power" | "prescription-pill-bottle" | "prescription" | "print" | "profile" | "profit" | "purchase-order" | "push-pin" | "question-circle" | "question" | "questions" | "random" | "read-message" | "redo" | "refresh" | "remove-circle" | "remove" | "reply-arrow" | "resize-full" | "resize-horizontal" | "resize-small" | "resize-vertical" | "retweet" | "road" | "rod-of-asclepius" | "rubber-stamp" | "save" | "screenshot" | "search-property" | "security-checked" | "share" | "shopping-cart" | "skin" | "skip-to-start" | "smoker" | "sms" | "sort-alpha-reverse" | "sort-alpha" | "sort-ascending" | "sort-descending" | "sort-num-reverse" | "sort-num" | "speak-to-expert" | "speech-bubble-with-dots" | "speech-bubble" | "spouse" | "star-empty" | "star-filled" | "stats" | "stethoscope" | "stock-growth" | "stomach" | "submit-document" | "tag" | "tags" | "tasks" | "text-color" | "text-height" | "text-size" | "text-width" | "thumbnails-large" | "thumbnails" | "thumbs-down" | "thumbs-up" | "today" | "tooth" | "transfer" | "trash" | "trophy" | "truck" | "trust" | "tune" | "umbrella" | "underline" | "undo" | "upload" | "urgent-message" | "user-secured" | "user-shield" | "users" | "voice-check" | "walker" | "wallet" | "woman" | "wrench" | "zoom-in" | "zoom-out">;
+    closedIconName: PropTypes.Requireable<"header" | "picture" | "search" | "time" | "video" | "switch" | "fill" | "rx" | "scale" | "download" | "checked" | "list" | "font" | "repeat" | "bold" | "cell" | "checkbox" | "copy" | "move" | "sort" | "change" | "cut" | "paste" | "pause" | "play" | "message" | "info" | "phone" | "desktop" | "accessibility" | "add-circle" | "add" | "agent" | "alarm-clock" | "align-center" | "align-justify" | "align-left" | "align-right" | "archive-folder" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "attachment" | "bathtub" | "being-sick" | "bell" | "bicycle" | "blood-drop" | "bone" | "book" | "bookmark" | "bot" | "boy" | "brain" | "briefcase" | "broken-leg" | "bullhorn" | "calculator" | "calendar" | "call-transfer" | "camera" | "cash-in-hand" | "certificate-ribbon" | "certificate" | "check-document" | "checkbox-checked" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "christmas-gift" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-right" | "circle-arrow-up" | "clear-filters" | "click-and-collect" | "clinic" | "cog" | "comment" | "comments" | "compass" | "confusion" | "dashboard" | "denied" | "detour" | "disabled-access" | "discussion" | "divide" | "dna-helix" | "doctors-bag" | "dollar-sign" | "double-chevron-down" | "double-chevron-left" | "double-chevron-right" | "double-chevron-up" | "download-alt" | "edit-document" | "edit" | "element-block" | "element-page" | "element-section" | "envelope" | "exclamation-circle" | "exclamation-sign" | "exclamation" | "exit" | "export" | "external-link" | "eye-closed" | "eye-open" | "federal" | "file-download" | "file-open" | "file" | "film" | "fire" | "flag-empty" | "flag-filled" | "flash" | "folder-close" | "folder-open" | "folder-up-level" | "for-you" | "form-agreement" | "form-checkbox" | "form-dropdown" | "form-number" | "form-radio" | "form-text-box" | "form-text" | "fullscreen" | "funnel" | "girl" | "glasses" | "globe" | "glucometer" | "hand-down" | "hand-left" | "hand-right" | "hand-up" | "handshake-heart" | "health-checkup" | "health" | "hearing-aid" | "hearing" | "heart-empty" | "heart-filled" | "heart-plus" | "helping-hand" | "history" | "home" | "hourglass" | "house" | "household" | "hyperlink" | "idea" | "in-progress" | "inbox" | "indent-left" | "indent-right" | "info-circle" | "info-popup" | "info-squared" | "internal-call" | "italic" | "keyhole-shield" | "kidney" | "leaf" | "lightning-bolt" | "list-numbered" | "list-thumbnails" | "list-unordered" | "liver" | "lock-open" | "lock" | "log-in" | "log-out" | "logout-rounded-left" | "lungs" | "mailbox-closed-flag-down" | "male-user" | "man" | "map-marker" | "map-with-marker" | "measuring-tape" | "medical-doctor" | "medical" | "menu-btn" | "minus-circle" | "minus" | "molecule" | "moleskine" | "money" | "muscle" | "network" | "neuron" | "new-window" | "no-symbol" | "non-smoker" | "notepad" | "ok-circle" | "ok" | "options-horizontal" | "options-vertical" | "out-of-network" | "out-patient-department" | "outgoing-call" | "paragraph" | "paycheck" | "paycheque" | "phone-analog" | "physical-therapy" | "piggy-bank" | "play-circle" | "policy-document" | "power" | "prescription-pill-bottle" | "prescription" | "print" | "profile" | "profit" | "purchase-order" | "push-pin" | "question-circle" | "question" | "questions" | "random" | "read-message" | "redo" | "refresh" | "remove-circle" | "remove" | "reply-arrow" | "resize-full" | "resize-horizontal" | "resize-small" | "resize-vertical" | "retweet" | "road" | "rod-of-asclepius" | "rubber-stamp" | "save" | "screenshot" | "search-property" | "security-checked" | "share" | "shopping-cart" | "skin" | "skip-to-start" | "smoker" | "sms" | "sort-alpha-reverse" | "sort-alpha" | "sort-ascending" | "sort-descending" | "sort-num-reverse" | "sort-num" | "speak-to-expert" | "speech-bubble-with-dots" | "speech-bubble" | "spouse" | "star-empty" | "star-filled" | "stats" | "stethoscope" | "stock-growth" | "stomach" | "submit-document" | "tag" | "tags" | "tasks" | "text-color" | "text-height" | "text-size" | "text-width" | "thumbnails-large" | "thumbnails" | "thumbs-down" | "thumbs-up" | "today" | "tooth" | "transfer" | "trash" | "trophy" | "truck" | "trust" | "tune" | "umbrella" | "underline" | "undo" | "upload" | "urgent-message" | "user-secured" | "user-shield" | "user" | "users" | "voice-check" | "walker" | "wallet" | "woman" | "wrench" | "zoom-in" | "zoom-out">;
     /** @ignore */
-    openedIconName: PropTypes.Requireable<"header" | "picture" | "search" | "time" | "video" | "switch" | "fill" | "rx" | "scale" | "download" | "checked" | "list" | "font" | "repeat" | "bold" | "cell" | "checkbox" | "copy" | "move" | "sort" | "change" | "cut" | "paste" | "pause" | "play" | "message" | "file" | "home" | "user" | "archive" | "accessibility" | "add-circle" | "add" | "agent" | "alarm-clock" | "align-center" | "align-justify" | "align-left" | "align-right" | "archive-folder" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "attachment" | "bathtub" | "being-sick" | "bell" | "bicycle" | "blood-drop" | "bone" | "book" | "bookmark" | "bot" | "boy" | "brain" | "briefcase" | "broken-leg" | "bullhorn" | "calculator" | "calendar" | "call-transfer" | "camera" | "cash-in-hand" | "certificate-ribbon" | "certificate" | "check-document" | "checkbox-checked" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "christmas-gift" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-right" | "circle-arrow-up" | "clear-filters" | "click-and-collect" | "clinic" | "cog" | "comment" | "comments" | "compass" | "confusion" | "dashboard" | "denied" | "desktop" | "detour" | "disabled-access" | "discussion" | "divide" | "dna-helix" | "doctors-bag" | "dollar-sign" | "double-chevron-down" | "double-chevron-left" | "double-chevron-right" | "double-chevron-up" | "download-alt" | "edit-document" | "edit" | "element-block" | "element-page" | "element-section" | "envelope" | "exclamation-circle" | "exclamation-sign" | "exclamation" | "exit" | "export" | "external-link" | "eye-closed" | "eye-open" | "federal" | "file-download" | "file-open" | "film" | "fire" | "flag-empty" | "flag-filled" | "flash" | "folder-close" | "folder-open" | "folder-up-level" | "for-you" | "form-agreement" | "form-checkbox" | "form-dropdown" | "form-number" | "form-radio" | "form-text-box" | "form-text" | "fullscreen" | "funnel" | "girl" | "glasses" | "globe" | "glucometer" | "hand-down" | "hand-left" | "hand-right" | "hand-up" | "handshake-heart" | "health-checkup" | "health" | "hearing-aid" | "hearing" | "heart-empty" | "heart-filled" | "heart-plus" | "helping-hand" | "history" | "hourglass" | "house" | "household" | "hyperlink" | "idea" | "in-progress" | "inbox" | "indent-left" | "indent-right" | "info-circle" | "info-popup" | "info-squared" | "info" | "internal-call" | "italic" | "keyhole-shield" | "kidney" | "leaf" | "lightning-bolt" | "list-numbered" | "list-thumbnails" | "list-unordered" | "liver" | "lock-open" | "lock" | "log-in" | "log-out" | "logout-rounded-left" | "lungs" | "mailbox-closed-flag-down" | "male-user" | "man" | "map-marker" | "map-with-marker" | "measuring-tape" | "medical-doctor" | "medical" | "menu-btn" | "minus-circle" | "minus" | "molecule" | "moleskine" | "money" | "muscle" | "network" | "neuron" | "new-window" | "no-symbol" | "non-smoker" | "notepad" | "ok-circle" | "ok" | "options-horizontal" | "options-vertical" | "out-of-network" | "out-patient-department" | "outgoing-call" | "paragraph" | "paycheck" | "paycheque" | "phone-analog" | "phone" | "physical-therapy" | "piggy-bank" | "play-circle" | "policy-document" | "power" | "prescription-pill-bottle" | "prescription" | "print" | "profile" | "profit" | "purchase-order" | "push-pin" | "question-circle" | "question" | "questions" | "random" | "read-message" | "redo" | "refresh" | "remove-circle" | "remove" | "reply-arrow" | "resize-full" | "resize-horizontal" | "resize-small" | "resize-vertical" | "retweet" | "road" | "rod-of-asclepius" | "rubber-stamp" | "save" | "screenshot" | "search-property" | "security-checked" | "share" | "shopping-cart" | "skin" | "skip-to-start" | "smoker" | "sms" | "sort-alpha-reverse" | "sort-alpha" | "sort-ascending" | "sort-descending" | "sort-num-reverse" | "sort-num" | "speak-to-expert" | "speech-bubble-with-dots" | "speech-bubble" | "spouse" | "star-empty" | "star-filled" | "stats" | "stethoscope" | "stock-growth" | "stomach" | "submit-document" | "tag" | "tags" | "tasks" | "text-color" | "text-height" | "text-size" | "text-width" | "thumbnails-large" | "thumbnails" | "thumbs-down" | "thumbs-up" | "today" | "tooth" | "transfer" | "trash" | "trophy" | "truck" | "trust" | "tune" | "umbrella" | "underline" | "undo" | "upload" | "urgent-message" | "user-secured" | "user-shield" | "users" | "voice-check" | "walker" | "wallet" | "woman" | "wrench" | "zoom-in" | "zoom-out">;
+    openedIconName: PropTypes.Requireable<"header" | "picture" | "search" | "time" | "video" | "switch" | "fill" | "rx" | "scale" | "download" | "checked" | "list" | "font" | "repeat" | "bold" | "cell" | "checkbox" | "copy" | "move" | "sort" | "change" | "cut" | "paste" | "pause" | "play" | "message" | "info" | "phone" | "desktop" | "accessibility" | "add-circle" | "add" | "agent" | "alarm-clock" | "align-center" | "align-justify" | "align-left" | "align-right" | "archive-folder" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "attachment" | "bathtub" | "being-sick" | "bell" | "bicycle" | "blood-drop" | "bone" | "book" | "bookmark" | "bot" | "boy" | "brain" | "briefcase" | "broken-leg" | "bullhorn" | "calculator" | "calendar" | "call-transfer" | "camera" | "cash-in-hand" | "certificate-ribbon" | "certificate" | "check-document" | "checkbox-checked" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "christmas-gift" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-right" | "circle-arrow-up" | "clear-filters" | "click-and-collect" | "clinic" | "cog" | "comment" | "comments" | "compass" | "confusion" | "dashboard" | "denied" | "detour" | "disabled-access" | "discussion" | "divide" | "dna-helix" | "doctors-bag" | "dollar-sign" | "double-chevron-down" | "double-chevron-left" | "double-chevron-right" | "double-chevron-up" | "download-alt" | "edit-document" | "edit" | "element-block" | "element-page" | "element-section" | "envelope" | "exclamation-circle" | "exclamation-sign" | "exclamation" | "exit" | "export" | "external-link" | "eye-closed" | "eye-open" | "federal" | "file-download" | "file-open" | "file" | "film" | "fire" | "flag-empty" | "flag-filled" | "flash" | "folder-close" | "folder-open" | "folder-up-level" | "for-you" | "form-agreement" | "form-checkbox" | "form-dropdown" | "form-number" | "form-radio" | "form-text-box" | "form-text" | "fullscreen" | "funnel" | "girl" | "glasses" | "globe" | "glucometer" | "hand-down" | "hand-left" | "hand-right" | "hand-up" | "handshake-heart" | "health-checkup" | "health" | "hearing-aid" | "hearing" | "heart-empty" | "heart-filled" | "heart-plus" | "helping-hand" | "history" | "home" | "hourglass" | "house" | "household" | "hyperlink" | "idea" | "in-progress" | "inbox" | "indent-left" | "indent-right" | "info-circle" | "info-popup" | "info-squared" | "internal-call" | "italic" | "keyhole-shield" | "kidney" | "leaf" | "lightning-bolt" | "list-numbered" | "list-thumbnails" | "list-unordered" | "liver" | "lock-open" | "lock" | "log-in" | "log-out" | "logout-rounded-left" | "lungs" | "mailbox-closed-flag-down" | "male-user" | "man" | "map-marker" | "map-with-marker" | "measuring-tape" | "medical-doctor" | "medical" | "menu-btn" | "minus-circle" | "minus" | "molecule" | "moleskine" | "money" | "muscle" | "network" | "neuron" | "new-window" | "no-symbol" | "non-smoker" | "notepad" | "ok-circle" | "ok" | "options-horizontal" | "options-vertical" | "out-of-network" | "out-patient-department" | "outgoing-call" | "paragraph" | "paycheck" | "paycheque" | "phone-analog" | "physical-therapy" | "piggy-bank" | "play-circle" | "policy-document" | "power" | "prescription-pill-bottle" | "prescription" | "print" | "profile" | "profit" | "purchase-order" | "push-pin" | "question-circle" | "question" | "questions" | "random" | "read-message" | "redo" | "refresh" | "remove-circle" | "remove" | "reply-arrow" | "resize-full" | "resize-horizontal" | "resize-small" | "resize-vertical" | "retweet" | "road" | "rod-of-asclepius" | "rubber-stamp" | "save" | "screenshot" | "search-property" | "security-checked" | "share" | "shopping-cart" | "skin" | "skip-to-start" | "smoker" | "sms" | "sort-alpha-reverse" | "sort-alpha" | "sort-ascending" | "sort-descending" | "sort-num-reverse" | "sort-num" | "speak-to-expert" | "speech-bubble-with-dots" | "speech-bubble" | "spouse" | "star-empty" | "star-filled" | "stats" | "stethoscope" | "stock-growth" | "stomach" | "submit-document" | "tag" | "tags" | "tasks" | "text-color" | "text-height" | "text-size" | "text-width" | "thumbnails-large" | "thumbnails" | "thumbs-down" | "thumbs-up" | "today" | "tooth" | "transfer" | "trash" | "trophy" | "truck" | "trust" | "tune" | "umbrella" | "underline" | "undo" | "upload" | "urgent-message" | "user-secured" | "user-shield" | "user" | "users" | "voice-check" | "walker" | "wallet" | "woman" | "wrench" | "zoom-in" | "zoom-out">;
     /** @ignore */
     panelKey: PropTypes.Requireable<string>;
     slot?: React.Validator<string | null | undefined> | undefined;

package/types/src/components/containers/form/Form.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FormStyle } from "../../../../../../../shared/types/dist/src";
+import { FormStyle } from "../../../../shared";
 export type FormContextShape = {
     [key in FormStyle]?: boolean;
 };

package/types/src/components/containers/heading/Heading.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DefaultTheme } from 'styled-components';
-import { HeadingLevel } from "../../../../../../../shared/types/dist/src";
+import { HeadingLevel } from "../../../../shared";
 export declare const globalHeadingsCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
 export type HeadingProps = JSXElementProps<'h1'> & {
     children?: React.ReactNode;

package/types/src/components/containers/menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import MenuSection from "./MenuSection";
-import { ButtonVariantStyleType } from "../../../../../../../shared/types/dist/src";
+import { ButtonVariantStyleType } from "../../../../shared";
 declare const Menu: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key">, "ref">, "children" | "inline" | "headerContent" | "buttonContent" | "openButtonType" | "rootClose" | "hasBackdrop"> & {
     children: NonNullable<React.ReactNode>;
     buttonContent: NonNullable<React.ReactNode>;

package/types/src/components/containers/modal/ModalHeader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { HeadingLevel } from "../../../../../../../shared/types/dist/src";
+import { HeadingLevel } from "../../../../shared";
 interface ModalHeaderProps {
     hideCloseButton: boolean;
     children: React.ReactNode;

package/types/src/components/containers/notification/BaseNotification.d.ts

@@ -1,7 +1,7 @@
 import React, { AriaRole } from 'react';
 import type * as CSS from 'csstype';
 import { CSSProperties } from 'styled-components';
-import type { ValidationStyleType, NotificationStyleType, IconName } from "../../../../../../../shared/types/dist/src";
+import type { ValidationStyleType, NotificationStyleType, IconName } from "../../../../shared";
 interface NotificationContentProps extends Omit<JSXElementProps<'div'>, 'color'> {
     includeIcon?: boolean;
     isDismissable?: boolean;

package/types/src/components/containers/notification/Notification.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseNotificationProps } from "./BaseNotification";
-import { ValidationStyleType } from "../../../../../../../shared/types/dist/src";
+import { ValidationStyleType } from "../../../../shared";
 export interface NotificationProps extends BaseNotificationProps {
     type: ValidationStyleType;
 }

package/types/src/components/containers/prompt/PromptType.d.ts

@@ -1,4 +1,4 @@
-import { PromptStyle } from "../../../../../../../shared/types/dist/src";
+import { PromptStyle } from "../../../../shared";
 export declare const PromptType: {
     [index in PromptStyle]: PromptStyle;
 };

package/types/src/components/containers/sliding-pane/SlidingPane.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { OnAfterOpenCallback, Props as ReactModalProps } from 'react-modal';
-import { HeadingLevel } from "../../../../../../../shared/types/dist/src";
+import { HeadingLevel } from "../../../../shared";
 import noop from "../../util/noop";
 type SlidingPaneProps = Override<ReactModalProps, {
     children: NonNullable<React.ReactNode>;

package/types/src/components/controls/Control.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as CSS from 'csstype';
 import { Orientation } from "./OrientationContext";
-import { ValidationStyleType } from "../../../../../../shared/types/dist/src";
+import { ValidationStyleType } from "../../../shared";
 interface ControlDisplayProps {
     borderOffset?: CSS.Property.PaddingRight;
     validationState?: ValidationStyleType;

package/types/src/components/controls/ValidationContext.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const ValidationContext: React.Context<"default" | "info" | "success" | "warning" | "danger" | "advisor">;
+declare const ValidationContext: React.Context<"default" | "success" | "info" | "warning" | "danger" | "advisor">;
 export default ValidationContext;
-export declare const useValidationState: () => "default" | "info" | "success" | "warning" | "danger" | "advisor";
+export declare const useValidationState: () => "default" | "success" | "info" | "warning" | "danger" | "advisor";

package/types/src/components/controls/answer-group/AnswerButton.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import * as CSS from 'csstype';
 import { HTMLInputProps } from "../../util/htmlProps";
-import { BGColorButtonVariant, ButtonSize, ButtonVariantStyleType } from "../../../../../../../shared/types/dist/src";
+import { BGColorButtonVariant, ButtonSize, ButtonVariantStyleType } from "../../../../shared";
 export interface AnswerButtonVariant extends BGColorButtonVariant {
     borderColor?: CSS.Property.BorderColor;
 }
@@ -22,8 +22,8 @@ declare const AnswerButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React
 } & React.RefAttributes<HTMLInputElement>>;
 export declare const propTypes: {
     itemWidth: PropTypes.Requireable<string>;
-    styleType: PropTypes.Requireable<"default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information">;
-    selectedType: PropTypes.Requireable<"default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information">;
+    styleType: PropTypes.Requireable<"default" | "magenta" | "violet" | "primary" | "success" | "info" | "warning" | "danger" | "darkDefault" | "information">;
+    selectedType: PropTypes.Requireable<"default" | "magenta" | "violet" | "primary" | "success" | "info" | "warning" | "danger" | "darkDefault" | "information">;
     size: PropTypes.Requireable<"default" | "lg" | "sm" | "xs">;
     isOutline: PropTypes.Requireable<boolean>;
     form: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;

package/types/src/components/controls/buttons/ActionButton.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 declare const ActionButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key">, "ref"> & {
     waiting?: Maybe<boolean>;
 } & {
-    size?: import("../../../../../../../shared/types/dist/src").ButtonSize;
+    size?: import("../../../../shared").ButtonSize;
     styleType?: import("./Button").ButtonStyleType;
     mobileBlock?: boolean;
     flatLeftEdge?: boolean;
@@ -13,7 +13,7 @@ declare const ActionButton: React.ForwardRefExoticComponent<Omit<Omit<React.Deta
 export declare const propTypes: {
     children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
     /** Select the color style of the button, types come from theme buttonStyles.button */
-    styleType: PropTypes.Requireable<"default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information" | "inherited" | undefined> | PropTypes.Validator<"default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information" | "inherited" | undefined>;
+    styleType: PropTypes.Requireable<"default" | "magenta" | "violet" | "primary" | "success" | "info" | "warning" | "danger" | "darkDefault" | "information" | "inherited" | undefined> | PropTypes.Validator<"default" | "magenta" | "violet" | "primary" | "success" | "info" | "warning" | "danger" | "darkDefault" | "information" | "inherited" | undefined>;
     form: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     slot: PropTypes.Requireable<string | undefined> | PropTypes.Validator<string | undefined>;
     style: PropTypes.Requireable<React.CSSProperties | undefined> | PropTypes.Validator<React.CSSProperties | undefined>;

package/types/src/components/controls/buttons/Button.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { DefaultTheme } from 'styled-components';
 import { ButtonBaseProps } from "./ButtonBase";
 import type * as CSS from 'csstype';
-import { ButtonSize } from "../../../../../../../shared/types/dist/src";
+import { ButtonSize } from "../../../../shared";
 export declare const globalButtonCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
 export declare const buttonStyleTypes: readonly ["primary", "default", "darkDefault", "success", "danger", "warning", "info", "information", "magenta", "violet", "inherited"];
 export type ButtonStyleType = (typeof buttonStyleTypes)[number];

package/types/src/components/controls/buttons/IconButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type * as CSS from 'csstype';
-import { IconName } from "../../../../../../../shared/types/dist/src";
+import { IconName } from "../../../../shared";
 import { ButtonProps } from "./Button";
 export type IconButtonProps = Override<JSXElementProps<'div'>, {
     iconName: IconName;

package/types/src/components/controls/buttons/OutlineButton.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 declare const OutlineButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key">, "ref"> & {
     waiting?: Maybe<boolean>;
 } & {
-    size?: import("../../../../../../../shared/types/dist/src").ButtonSize;
+    size?: import("../../../../shared").ButtonSize;
     styleType?: import("./Button").ButtonStyleType;
     mobileBlock?: boolean;
     flatLeftEdge?: boolean;
@@ -13,7 +13,7 @@ declare const OutlineButton: React.ForwardRefExoticComponent<Omit<Omit<React.Det
 } & React.RefAttributes<HTMLButtonElement>>;
 export declare const propTypes: {
     /** Select the color style of the button, types come from theme buttonStyles.outlineButton */
-    styleType: React.Validator<"default" | "magenta" | "violet" | "info" | "success" | "warning" | "danger" | "primary" | "darkDefault" | "information" | "inherited" | null | undefined> | undefined;
+    styleType: React.Validator<"default" | "magenta" | "violet" | "primary" | "success" | "info" | "warning" | "danger" | "darkDefault" | "information" | "inherited" | null | undefined> | undefined;
     form?: React.Validator<string | null | undefined> | undefined;
     slot?: React.Validator<string | null | undefined> | undefined;
     style?: React.Validator<React.CSSProperties | null | undefined> | undefined;

package/types/src/components/controls/buttons/PopoverLink.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LinkButtonProps } from "./LinkButton";
-import { ButtonVariantStyleType } from "../../../../../../../shared/types/dist/src";
+import { ButtonVariantStyleType } from "../../../../shared";
 export type PopoverLinkProps = LinkButtonProps & {
     suppressUnderline?: Maybe<boolean>;
     styleType?: Maybe<ButtonVariantStyleType>;

package/types/src/components/controls/buttons/ToggleButton.d.ts

@@ -7,7 +7,7 @@ export type ToggleButtonProps = ButtonProps & {
 declare const ToggleButton: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key">, "ref"> & {
     waiting?: Maybe<boolean>;
 } & {
-    size?: import("../../..").ButtonSize;
+    size?: import("../../../../shared").ButtonSize;
     styleType?: import("./Button").ButtonStyleType;
     mobileBlock?: boolean;
     flatLeftEdge?: boolean;

package/types/src/components/controls/radio-buttons/RadioButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as CSS from 'csstype';
 import { DefaultTheme } from 'styled-components';
-import { ValidationStyleType } from "../../../../../../../shared/types/dist/src";
+import { ValidationStyleType } from "../../../../shared";
 import { HTMLInputProps } from "../../util/htmlProps";
 import { RadioGroupContextShape } from "./RadioGroupContext";
 export declare const RadioDisplayWrapper: import("styled-components").StyledComponent<"div", DefaultTheme, {}, never>;

package/types/src/components/controls/radio-buttons/RadioGroupContext.d.ts

@@ -2,7 +2,7 @@ import * as CSS from 'csstype';
 import PropTypes from 'prop-types';
 import { HTMLInputProps } from "../../util/htmlProps";
 import type { RadioButtonProps } from "./RadioButton";
-import type { ButtonSize, ButtonVariantStyleType } from "../../../../../../../shared/types/dist/src";
+import type { ButtonSize, ButtonVariantStyleType } from "../../../../shared";
 export type IsAnswerGroup = boolean | undefined;
 export type RadioGroupContextShape<A extends IsAnswerGroup = undefined> = Override<RadioButtonProps, {
     name: string;

package/types/src/components/controls/switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonVariantStyleType, ValidationStyleType } from "../../../../../../../shared/types/dist/src";
+import { ButtonVariantStyleType, ValidationStyleType } from "../../../../shared";
 type SwitchStyleType = ButtonVariantStyleType | ValidationStyleType;
 declare const Directions: {
     readonly top: "column-reverse";

package/types/src/components/controls/textbox/InputBase.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { DefaultTheme } from 'styled-components';
 import * as CSS from 'csstype';
 import { ESThemeProps } from "../../util/getStyledProp";
-import { ValidationInputColor, ValidationStyleType } from "../../../../../../../shared/types/dist/src";
+import { ValidationInputColor, ValidationStyleType } from "../../../../shared";
 export declare const noInset = "inset 0 0 0 0 rgba(0, 0, 0, 0)";
 export type ValidationStateHighlightProps = Pick<ValidationInputColor, 'focusBorderColor' | 'focusBoxShadow'>;
 export type FlatInputProps = {