@aivenio/aquarium 1.22.0-rc1 → 1.23.0

package/dist/_variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 24 May 2023 12:23:43 GMT
+// Generated on Tue, 06 Jun 2023 12:55:43 GMT
 
 $border-radius-none: 0px !default;
 $border-radius-sm: 0.125rem !default;
@@ -82,24 +82,24 @@ $colors-secondary-20: #f8c99c !default;
 $colors-secondary-10: #fee8d0 !default;
 $colors-secondary-5: #fff3e8 !default;
 $colors-secondary-0: #fffbf8 !default;
-$colors-primary-100: 0e1652 !default;
-$colors-primary-90: #222f95 !default;
-$colors-primary-80: #3545be !default;
-$colors-primary-70: #5865cd !default;
-$colors-primary-60: #818eec !default;
-$colors-primary-50: #000000 !default;
-$colors-primary-40: #b9c5ef !default;
-$colors-primary-30: #000000 !default;
-$colors-primary-20: #000000 !default;
-$colors-primary-10: #e3e9ff !default;
-$colors-primary-5: #f3f6ff !default;
-$colors-primary-0: #ffffff !default;
+$colors-primary-100: #a70045 !default;
+$colors-primary-90: #c60443 !default;
+$colors-primary-80: #e41a4a !default;
+$colors-primary-70: #ff3554 !default;
+$colors-primary-60: #ff5275 !default;
+$colors-primary-50: #ff6f94 !default;
+$colors-primary-40: #ff8db0 !default;
+$colors-primary-30: #ffa9c9 !default;
+$colors-primary-20: #ffc4de !default;
+$colors-primary-10: #ffdeef !default;
+$colors-primary-5: #ffe8f4 !default;
+$colors-primary-0: #fff9fc !default;
 $colors-grey-20: #d2d2d6 !default;
+$colors-navy-blue-100: #30375e !default;
 $colors-transparent: transparent !default;
 $colors-white: white !default;
 $colors-black: black !default;
 $colors-current: currentColor !default;
-$colors-navy-blue-100: #30375E !default;
 $box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08) !default;
 $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !default;
 $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16) !default;

package/dist/_variables_timescale.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 24 May 2023 12:23:44 GMT
+// Generated on Tue, 06 Jun 2023 12:55:43 GMT
 
 $border-radius-none: 0px;
 $border-radius-sm: 0.125rem;
@@ -95,11 +95,11 @@ $colors-primary-20: #b4e5fb;
 $colors-primary-10: #e0f5fe;
 $colors-primary-5: #effaff;
 $colors-primary-0: #f9fdff;
+$colors-navy-blue-100: #30375e;
 $colors-transparent: transparent;
 $colors-white: white;
 $colors-black: black;
 $colors-current: currentColor;
-$colors-navy-blue-100: #30375E;
 $box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
 $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
 $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);

package/dist/atoms.cjs

@@ -3873,7 +3873,8 @@ var require_tokens = __commonJS({
             "primary-20": "#b4e5fb",
             "primary-10": "#e0f5fe",
             "primary-5": "#effaff",
-            "primary-0": "#f9fdff"
+            "primary-0": "#f9fdff",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -4421,19 +4422,20 @@ var require_tokens = __commonJS({
             "secondary-10": "#fee8d0",
             "secondary-5": "#fff3e8",
             "secondary-0": "#fffbf8",
-            "primary-100": "0e1652",
-            "primary-90": "#222f95",
-            "primary-80": "#3545be",
-            "primary-70": "#5865cd",
-            "primary-60": "#818eec",
-            "primary-50": "#000000",
-            "primary-40": "#b9c5ef",
-            "primary-30": "#000000",
-            "primary-20": "#000000",
-            "primary-10": "#e3e9ff",
-            "primary-5": "#f3f6ff",
-            "primary-0": "#ffffff",
-            "grey-20": "#d2d2d6"
+            "primary-100": "#a70045",
+            "primary-90": "#c60443",
+            "primary-80": "#e41a4a",
+            "primary-70": "#ff3554",
+            "primary-60": "#ff5275",
+            "primary-50": "#ff6f94",
+            "primary-40": "#ff8db0",
+            "primary-30": "#ffa9c9",
+            "primary-20": "#ffc4de",
+            "primary-10": "#ffdeef",
+            "primary-5": "#ffe8f4",
+            "primary-0": "#fff9fc",
+            "grey-20": "#d2d2d6",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -5329,24 +5331,24 @@ var tailwind_theme_default = {
     "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
     "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
     "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
-    "primary-100": "var(--aquarium-colors-primary-100, 0e1652)",
-    "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
-    "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
-    "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
-    "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
-    "primary-50": "var(--aquarium-colors-primary-50, #000000)",
-    "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
-    "primary-30": "var(--aquarium-colors-primary-30, #000000)",
-    "primary-20": "var(--aquarium-colors-primary-20, #000000)",
-    "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
-    "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
-    "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
+    "primary-100": "var(--aquarium-colors-primary-100, #a70045)",
+    "primary-90": "var(--aquarium-colors-primary-90, #c60443)",
+    "primary-80": "var(--aquarium-colors-primary-80, #e41a4a)",
+    "primary-70": "var(--aquarium-colors-primary-70, #ff3554)",
+    "primary-60": "var(--aquarium-colors-primary-60, #ff5275)",
+    "primary-50": "var(--aquarium-colors-primary-50, #ff6f94)",
+    "primary-40": "var(--aquarium-colors-primary-40, #ff8db0)",
+    "primary-30": "var(--aquarium-colors-primary-30, #ffa9c9)",
+    "primary-20": "var(--aquarium-colors-primary-20, #ffc4de)",
+    "primary-10": "var(--aquarium-colors-primary-10, #ffdeef)",
+    "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
+    "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
     "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
+    "navyBlue-100": "var(--aquarium-colors-navyBlue-100, #30375e)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
     white: "var(--aquarium-colors-white, white)",
     black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)",
-    "navyBlue-100": "#30375E"
+    current: "var(--aquarium-colors-current, currentColor)"
   },
   gap: {
     "0": "0",
@@ -6508,12 +6510,9 @@ var Arrow = (props) => {
 
 // src/utils/constants.ts
 var ghostButtonStyle = tw(
-  "text-primary-80 active:text-primary-70 focus-visible:text-primary-90 hover:text-primary-70 disabled:text-primary-40"
-);
-var linkStyle = classNames(
-  ghostButtonStyle,
-  tw("visited:text-primary-80 underline hover:no-underline focusable")
+  "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
 );
+var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
 
 // src/utils/string.ts
 var capitalize = (a) => a.charAt(0).toUpperCase() + a.slice(1);
@@ -6523,12 +6522,12 @@ var import_chevronDown2 = __toESM(require_chevronDown());
 var import_loading2 = __toESM(require_loading());
 var COLOR_CLASSNAMES = {
   "primary": tw(
-    "text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-40"
+    "text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5"
   ),
   "secondary": tw(
-    "text-primary-80 bg-white ring-1 ring-primary-80 ring-inset active:bg-primary-5 active:ring-primary-90 active:text-primary-80",
-    "focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-80",
-    "hover:ring-primary-70 hover:text-primary-70 disabled:text-primary-40 disabled:ring-primary-40"
+    "text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80",
+    "focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80",
+    "hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
   ),
   "ghost": ghostButtonStyle,
   "text": ghostButtonStyle,
@@ -6536,12 +6535,15 @@ var COLOR_CLASSNAMES = {
     "text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
   )
 };
-var LoadingSpinner = ({ size = "20px" }) => {
+var LoadingSpinner = ({
+  size = "20px",
+  kind = "primary"
+}) => {
   return /* @__PURE__ */ import_react18.default.createElement(InlineIcon, {
     icon: import_loading2.default,
     width: size,
     height: size,
-    color: "primary-80",
+    color: kind === "primary" ? "primary-60" : "grey-60",
     "data-testid": "loading-button"
   });
 };
@@ -6639,7 +6641,6 @@ var asButton = (Component, isDropdownButton) => {
               "text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
               "typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
               "typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
-              "underline hover:no-underline": kind === "text",
               "py-3 px-4": !dense && isButton,
               "py-2 px-3": dense && isButton,
               "py-3": !dense && isGhost,
@@ -6656,7 +6657,8 @@ var asButton = (Component, isDropdownButton) => {
         className: tw("absolute left-1/2 top-0 bottom-0 flex"),
         style: { transform: "translate(-50%)" }
       }, /* @__PURE__ */ import_react18.default.createElement(LoadingSpinner, {
-        size: iconSize
+        size: iconSize,
+        kind: kind === "primary" ? "primary" : "secondary"
       })), /* @__PURE__ */ import_react18.default.createElement("div", {
         className: tw({ invisible: loading2 })
       }, buttonContent())) : buttonContent());
@@ -6813,6 +6815,7 @@ var Alert = (_a) => {
     "dense"
   ]);
   return /* @__PURE__ */ import_react20.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    role: type === "error" || type === "warning" ? "alert" : "status",
     className: classNames(
       tw("rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2", {
         "bg-error-5": type === "error",
@@ -6946,7 +6949,7 @@ var Checkbox = import_react22.default.forwardRef(
     var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
     return /* @__PURE__ */ import_react22.default.createElement("span", {
       className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
-        "hover:border-grey-50 peer-checked:border-primary-80": !disabled,
+        "hover:border-grey-50 peer-checked:border-navyBlue-100": !disabled,
         "border-grey-5": disabled
       })
     }, /* @__PURE__ */ import_react22.default.createElement("input", __spreadProps(__spreadValues({
@@ -6957,8 +6960,8 @@ var Checkbox = import_react22.default.forwardRef(
     }, props), {
       className: classNames(
         tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
-          "cursor-pointer checked:bg-primary-80": !disabled,
-          "cursor-not-allowed bg-grey-0 checked:bg-primary-40": disabled
+          "cursor-pointer checked:bg-navyBlue-100": !disabled,
+          "cursor-not-allowed bg-grey-0": disabled
         })
       ),
       readOnly,
@@ -6973,8 +6976,8 @@ var Checkbox = import_react22.default.forwardRef(
           "rounded-sm border border-grey-20 peer-focus:border-info-70"
         ),
         {
-          "peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80": !disabled,
-          "border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40": disabled
+          "peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100": !disabled,
+          "border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
         }
       )
     }));
@@ -7560,10 +7563,10 @@ var RadioButton = import_react33.default.forwardRef(
         tw(
           "inline-flex justify-center items-center self-center appearance-none",
           "w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
-          "outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset",
+          "outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
           {
-            "hover:border-grey-50 checked:border-primary-80": !disabled,
-            "cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40": disabled
+            "hover:border-grey-50 checked:border-navyBlue-100": !disabled,
+            "cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
           }
         )
       ),
@@ -7845,8 +7848,8 @@ var Switch = import_react36.default.forwardRef(
           "outline-none focus:border border-info-70 bg-grey-20",
           "cursor-pointer disabled:cursor-not-allowed",
           {
-            "hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80": !disabled,
-            "bg-grey-5 checked:opacity-40 checked:bg-primary-40": disabled
+            "hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100": !disabled,
+            "bg-grey-5 checked:opacity-40": disabled
           }
         )
       ),

package/dist/atoms.mjs

@@ -3867,7 +3867,8 @@ var require_tokens = __commonJS({
             "primary-20": "#b4e5fb",
             "primary-10": "#e0f5fe",
             "primary-5": "#effaff",
-            "primary-0": "#f9fdff"
+            "primary-0": "#f9fdff",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -4415,19 +4416,20 @@ var require_tokens = __commonJS({
             "secondary-10": "#fee8d0",
             "secondary-5": "#fff3e8",
             "secondary-0": "#fffbf8",
-            "primary-100": "0e1652",
-            "primary-90": "#222f95",
-            "primary-80": "#3545be",
-            "primary-70": "#5865cd",
-            "primary-60": "#818eec",
-            "primary-50": "#000000",
-            "primary-40": "#b9c5ef",
-            "primary-30": "#000000",
-            "primary-20": "#000000",
-            "primary-10": "#e3e9ff",
-            "primary-5": "#f3f6ff",
-            "primary-0": "#ffffff",
-            "grey-20": "#d2d2d6"
+            "primary-100": "#a70045",
+            "primary-90": "#c60443",
+            "primary-80": "#e41a4a",
+            "primary-70": "#ff3554",
+            "primary-60": "#ff5275",
+            "primary-50": "#ff6f94",
+            "primary-40": "#ff8db0",
+            "primary-30": "#ffa9c9",
+            "primary-20": "#ffc4de",
+            "primary-10": "#ffdeef",
+            "primary-5": "#ffe8f4",
+            "primary-0": "#fff9fc",
+            "grey-20": "#d2d2d6",
+            "navyBlue-100": "#30375e"
           },
           typography: {
             sizes: [
@@ -5288,24 +5290,24 @@ var tailwind_theme_default = {
     "secondary-10": "var(--aquarium-colors-secondary-10, #fee8d0)",
     "secondary-5": "var(--aquarium-colors-secondary-5, #fff3e8)",
     "secondary-0": "var(--aquarium-colors-secondary-0, #fffbf8)",
-    "primary-100": "var(--aquarium-colors-primary-100, 0e1652)",
-    "primary-90": "var(--aquarium-colors-primary-90, #222f95)",
-    "primary-80": "var(--aquarium-colors-primary-80, #3545be)",
-    "primary-70": "var(--aquarium-colors-primary-70, #5865cd)",
-    "primary-60": "var(--aquarium-colors-primary-60, #818eec)",
-    "primary-50": "var(--aquarium-colors-primary-50, #000000)",
-    "primary-40": "var(--aquarium-colors-primary-40, #b9c5ef)",
-    "primary-30": "var(--aquarium-colors-primary-30, #000000)",
-    "primary-20": "var(--aquarium-colors-primary-20, #000000)",
-    "primary-10": "var(--aquarium-colors-primary-10, #e3e9ff)",
-    "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
-    "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
+    "primary-100": "var(--aquarium-colors-primary-100, #a70045)",
+    "primary-90": "var(--aquarium-colors-primary-90, #c60443)",
+    "primary-80": "var(--aquarium-colors-primary-80, #e41a4a)",
+    "primary-70": "var(--aquarium-colors-primary-70, #ff3554)",
+    "primary-60": "var(--aquarium-colors-primary-60, #ff5275)",
+    "primary-50": "var(--aquarium-colors-primary-50, #ff6f94)",
+    "primary-40": "var(--aquarium-colors-primary-40, #ff8db0)",
+    "primary-30": "var(--aquarium-colors-primary-30, #ffa9c9)",
+    "primary-20": "var(--aquarium-colors-primary-20, #ffc4de)",
+    "primary-10": "var(--aquarium-colors-primary-10, #ffdeef)",
+    "primary-5": "var(--aquarium-colors-primary-5, #ffe8f4)",
+    "primary-0": "var(--aquarium-colors-primary-0, #fff9fc)",
     "grey-20": "var(--aquarium-colors-grey-20, #d2d2d6)",
+    "navyBlue-100": "var(--aquarium-colors-navyBlue-100, #30375e)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
     white: "var(--aquarium-colors-white, white)",
     black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)",
-    "navyBlue-100": "#30375E"
+    current: "var(--aquarium-colors-current, currentColor)"
   },
   gap: {
     "0": "0",
@@ -6470,12 +6472,9 @@ var Arrow = (props) => {
 
 // src/utils/constants.ts
 var ghostButtonStyle = tw(
-  "text-primary-80 active:text-primary-70 focus-visible:text-primary-90 hover:text-primary-70 disabled:text-primary-40"
-);
-var linkStyle = classNames(
-  ghostButtonStyle,
-  tw("visited:text-primary-80 underline hover:no-underline focusable")
+  "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
 );
+var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80 focusable"));
 
 // src/utils/string.ts
 var capitalize = (a) => a.charAt(0).toUpperCase() + a.slice(1);
@@ -6485,12 +6484,12 @@ var import_chevronDown2 = __toESM(require_chevronDown());
 var import_loading2 = __toESM(require_loading());
 var COLOR_CLASSNAMES = {
   "primary": tw(
-    "text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-40"
+    "text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5"
   ),
   "secondary": tw(
-    "text-primary-80 bg-white ring-1 ring-primary-80 ring-inset active:bg-primary-5 active:ring-primary-90 active:text-primary-80",
-    "focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-80",
-    "hover:ring-primary-70 hover:text-primary-70 disabled:text-primary-40 disabled:ring-primary-40"
+    "text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80",
+    "focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80",
+    "hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
   ),
   "ghost": ghostButtonStyle,
   "text": ghostButtonStyle,
@@ -6498,12 +6497,15 @@ var COLOR_CLASSNAMES = {
     "text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
   )
 };
-var LoadingSpinner = ({ size = "20px" }) => {
+var LoadingSpinner = ({
+  size = "20px",
+  kind = "primary"
+}) => {
   return /* @__PURE__ */ React14.createElement(InlineIcon, {
     icon: import_loading2.default,
     width: size,
     height: size,
-    color: "primary-80",
+    color: kind === "primary" ? "primary-60" : "grey-60",
     "data-testid": "loading-button"
   });
 };
@@ -6601,7 +6603,6 @@ var asButton = (Component, isDropdownButton) => {
               "text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
               "typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
               "typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
-              "underline hover:no-underline": kind === "text",
               "py-3 px-4": !dense && isButton,
               "py-2 px-3": dense && isButton,
               "py-3": !dense && isGhost,
@@ -6618,7 +6619,8 @@ var asButton = (Component, isDropdownButton) => {
         className: tw("absolute left-1/2 top-0 bottom-0 flex"),
         style: { transform: "translate(-50%)" }
       }, /* @__PURE__ */ React14.createElement(LoadingSpinner, {
-        size: iconSize
+        size: iconSize,
+        kind: kind === "primary" ? "primary" : "secondary"
       })), /* @__PURE__ */ React14.createElement("div", {
         className: tw({ invisible: loading2 })
       }, buttonContent())) : buttonContent());
@@ -6775,6 +6777,7 @@ var Alert = (_a) => {
     "dense"
   ]);
   return /* @__PURE__ */ React16.createElement("div", __spreadProps(__spreadValues({}, rest), {
+    role: type === "error" || type === "warning" ? "alert" : "status",
     className: classNames(
       tw("rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2", {
         "bg-error-5": type === "error",
@@ -6908,7 +6911,7 @@ var Checkbox = React18.forwardRef(
     var _b = _a, { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
     return /* @__PURE__ */ React18.createElement("span", {
       className: classNames(tw("inline-flex justify-center items-center self-center relative"), {
-        "hover:border-grey-50 peer-checked:border-primary-80": !disabled,
+        "hover:border-grey-50 peer-checked:border-navyBlue-100": !disabled,
         "border-grey-5": disabled
       })
     }, /* @__PURE__ */ React18.createElement("input", __spreadProps(__spreadValues({
@@ -6919,8 +6922,8 @@ var Checkbox = React18.forwardRef(
     }, props), {
       className: classNames(
         tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
-          "cursor-pointer checked:bg-primary-80": !disabled,
-          "cursor-not-allowed bg-grey-0 checked:bg-primary-40": disabled
+          "cursor-pointer checked:bg-navyBlue-100": !disabled,
+          "cursor-not-allowed bg-grey-0": disabled
         })
       ),
       readOnly,
@@ -6935,8 +6938,8 @@ var Checkbox = React18.forwardRef(
           "rounded-sm border border-grey-20 peer-focus:border-info-70"
         ),
         {
-          "peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80": !disabled,
-          "border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40": disabled
+          "peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100": !disabled,
+          "border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30": disabled
         }
       )
     }));
@@ -7522,10 +7525,10 @@ var RadioButton = React29.forwardRef(
         tw(
           "inline-flex justify-center items-center self-center appearance-none",
           "w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20",
-          "outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset",
+          "outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset",
           {
-            "hover:border-grey-50 checked:border-primary-80": !disabled,
-            "cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40": disabled
+            "hover:border-grey-50 checked:border-navyBlue-100": !disabled,
+            "cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40": disabled
           }
         )
       ),
@@ -7807,8 +7810,8 @@ var Switch = React32.forwardRef(
           "outline-none focus:border border-info-70 bg-grey-20",
           "cursor-pointer disabled:cursor-not-allowed",
           {
-            "hover:bg-grey-30 checked:bg-primary-80 hover:checked:bg-primary-80": !disabled,
-            "bg-grey-5 checked:opacity-40 checked:bg-primary-40": disabled
+            "hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100": !disabled,
+            "bg-grey-5 checked:opacity-40": disabled
           }
         )
       ),

package/dist/src/atoms/Alert/Alert.js

@@ -39,7 +39,7 @@ const alertTypes = {
 };
 export const Alert = (_a) => {
     var { children, className, type, dense } = _a, rest = __rest(_a, ["children", "className", "type", "dense"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
+    return (React.createElement("div", Object.assign({}, rest, { role: type === 'error' || type === 'warning' ? 'alert' : 'status', className: classNames(tw('rounded grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2', {
             'bg-error-5': type === 'error',
             'bg-info-5': type === 'information',
             'bg-success-5': type === 'success',
@@ -71,4 +71,4 @@ Alert.Dismiss = (_a) => {
     return (React.createElement("div", { className: tw('h-[20px] col-start-3 row-start-1') },
         React.createElement(IconButton, Object.assign({}, rest, { UNSAFE_className: tw('-m-2'), tooltip: "Dismiss", icon: cross }))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSxzQkFBc0IsQ0FBQztBQUMzQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQWxlcnQvQWxlcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxvQkFBb0IsQ0FBQztBQUN0QyxPQUFPLE9BQU8sTUFBTSxzQkFBc0IsQ0FBQztBQUMzQyxPQUFPLE9BQU8sTUFBTSx1QkFBdUIsQ0FBQztBQXdCNUMsTUFBTSxVQUFVLEdBQWU7SUFDN0IsV0FBVyxFQUFFO1FBQ1gsSUFBSSxFQUFFLElBQUk7UUFDVixLQUFLLEVBQUUsU0FBUztLQUNqQjtJQUNELE9BQU8sRUFBRTtRQUNQLElBQUksRUFBRSxPQUFPO1FBQ2IsS0FBSyxFQUFFLFlBQVk7S0FDcEI7SUFDRCxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsS0FBSztRQUNYLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0lBQ0QsT0FBTyxFQUFFO1FBQ1AsSUFBSSxFQUFFLE9BQU87UUFDYixLQUFLLEVBQUUsWUFBWTtLQUNwQjtDQUNGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlELENBQUMsRUFNM0UsRUFBRSxFQUFFO1FBTnVFLEVBQzFFLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLEtBQUssT0FFTixFQURJLElB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

package/dist/src/atoms/Banner/Banner.js

@@ -26,8 +26,8 @@ export const Banner = (_a) => {
         })) }), children));
 };
 Banner.Title = (_a) => {
-    var { children, className, layout } = _a, rest = __rest(_a, ["children", "className", "layout"]);
-    return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: "grey-100", className: classNames(className, tw('whitespace-nowrap', {
+    var { children, className, layout, titleVariant = 'primary' } = _a, rest = __rest(_a, ["children", "className", "layout", "titleVariant"]);
+    return (React.createElement(Typography, Object.assign({}, rest, { variant: "subheading", color: titleVariant === 'secondary' ? 'primary-80' : 'grey-100', className: classNames(className, tw('whitespace-nowrap', {
             'mb-3': layout === 'vertical',
         })) }), children));
 };
@@ -54,4 +54,4 @@ Banner.DismissContainer = (_a) => {
     var { layout, children, className } = _a, rest = __rest(_a, ["layout", "children", "className"]);
     return (React.createElement("div", Object.assign({}, rest, { className: classNames(className, tw({ 'self-start': layout === 'vertical', 'self-center': layout === 'horizontal' })) }), children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBaUIsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFXLEVBQU4sSUFBSSxjQUF0QyxtQ0FBd0MsQ0FBRjtJQUFPLE9BQUEsQ0FDM0Qs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Jhbm5lci9CYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFFM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sT0FBTyxHQUFHO0lBQ2QsbUJBQW1CLEVBQUUsS0FBSztJQUMxQix1QkFBdUIsRUFBRSxJQUFpQztDQUMzRCxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFzRixDQUFDLEVBTXpHLEVBQUUsRUFBRTtRQU5xRyxFQUN4RyxRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixPQUFPLE9BRVIsRUFESSxJQUFJLGNBTGlHLDhDQU16RyxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixTQUFTLEVBQ1QsRUFBRSxDQUFDLGtEQUFrRCxPQUFPLENBQUMsbUJBQW1CLEVBQUUsRUFBRTtZQUNsRixjQUFjLEVBQUUsTUFBTSxLQUFLLFlBQVk7WUFDdkMsV0FBVyxFQUFFLE9BQU8sS0FBSyxTQUFTO1lBQ2xDLCtCQUErQixFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3hELENBQUMsQ0FDSCxLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWtFLEVBQUUsRUFBRTtRQUF0RSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFlBQVksR0FBRyxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQWhFLG1EQUFrRSxD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

package/dist/src/atoms/Checkbox/Checkbox.js

@@ -17,18 +17,18 @@ import tick from '../../../src/icons/tick';
 export const Checkbox = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false, indeterminate = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly", "indeterminate"]);
     return (React.createElement("span", { className: classNames(tw('inline-flex justify-center items-center self-center relative'), {
-            'hover:border-grey-50 peer-checked:border-primary-80': !disabled,
+            'hover:border-grey-50 peer-checked:border-navyBlue-100': !disabled,
             'border-grey-5': disabled,
         }) },
         React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('peer appearance-none outline-none w-5 h-5', 'rounded-sm border border-transparent', {
-                'cursor-pointer checked:bg-primary-80': !disabled,
-                'cursor-not-allowed bg-grey-0 checked:bg-primary-40': disabled,
+                'cursor-pointer checked:bg-navyBlue-100': !disabled,
+                'cursor-not-allowed bg-grey-0': disabled,
             })), readOnly: readOnly, disabled: disabled })),
         React.createElement(Icon, { icon: indeterminate ? minus : tick, className: classNames(tw('absolute top-0 right-0', 'pointer-events-none p-[2px] w-5 h-5', 'text-transparent [&>path]:stroke-transparent', 'rounded-sm border border-grey-20 peer-focus:border-info-70'), 
             // It seems that we can't combine peer selectors and use 'peer-checked:peer-disabled:bg-gray-0' style instead.
             {
-                'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-80': !disabled,
-                'border-grey-5 peer-checked:text-primary-10 peer-checked:[&>path]:stroke-primary-10 peer-checked:border-primary-40': disabled,
+                'peer-hover:border-grey-50 peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-navyBlue-100': !disabled,
+                'border-grey-5 peer-checked:text-grey-30 peer-checked:[&>path]:stroke-grey-30': disabled,
             }) })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYscURBQXFELEVBQUUsQ0FBQyxRQUFRO1lBQ2hFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtnQkFDakQsb0RBQW9ELEVBQUUsUUFBUTthQUMvRCxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsOENBQThDLEVBQzlDLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSxxSEFBcUgsRUFDbkgsQ0FBQyxRQUFRO2dCQUNYLG1IQUFtSCxFQUNqSCxRQUFRO2FBQ1gsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBWWxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxDQUFDLEVBQTJGLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBcEcsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsYUFBYSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBekYsbUVBQTJGLENBQUY7SUFBWSxPQUFBLENBQ3BHLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLDhEQUE4RCxDQUFDLEVBQUU7WUFDeEYsdURBQXVELEVBQUUsQ0FBQyxRQUFRO1lBQ2xFLGVBQWUsRUFBRSxRQUFRO1NBQzFCLENBQUM7UUFFRiw2Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFVBQVUsRUFDZixJQUFJLEVBQUUsSUFBSSxJQUNOLEtBQUssSUFDVCxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMkNBQTJDLEVBQUUsc0NBQXNDLEVBQUU7Z0JBQ3RGLHdDQUF3QyxFQUFFLENBQUMsUUFBUTtnQkFDbkQsOEJBQThCLEVBQUUsUUFBUTthQUN6QyxDQUFDLENBQ0gsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLG9CQUFDLElBQUksSUFDSCxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDbEMsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLHdCQUF3QixFQUN4QixxQ0FBcUMsRUFDckMsOENBQThDLEVBQzlDLDREQUE0RCxDQUM3RDtZQUNELDhHQUE4RztZQUM5RztnQkFDRSx1SEFBdUgsRUFDckgsQ0FBQyxRQUFRO2dCQUNYLDhFQUE4RSxFQUFFLFFBQVE7YUFDekYsQ0FDRixHQUNELENBQ0csQ0FDUixDQUFBO0NBQUEsQ0FDRixDQUFDIn0=

package/dist/src/atoms/RadioButton/RadioButton.js

@@ -13,9 +13,9 @@ import React from 'react';
 import { classNames, tw } from '../../../src/utils/tailwind';
 export const RadioButton = React.forwardRef((_a, ref) => {
     var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
-    return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-primary-80 checked:shadow-whiteInset', {
-            'hover:border-grey-50 checked:border-primary-80': !disabled,
-            'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40 checked:bg-primary-40 checked:border-primary-40': disabled,
+    return (React.createElement("input", Object.assign({ id: id, ref: ref, type: "radio", name: name }, props, { className: classNames(tw('inline-flex justify-center items-center self-center appearance-none', 'w-5 h-5 p-[3px] rounded-full cursor-pointer border border-grey-20', 'outline-none focus:border-info-70 checked:bg-navyBlue-100 checked:shadow-whiteInset', {
+            'hover:border-grey-50 checked:border-navyBlue-100': !disabled,
+            'cursor-not-allowed border-grey-5 bg-grey-0 checked:bg-opacity-40': disabled,
         })), readOnly: readOnly, disabled: disabled })));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxxRUFBcUUsRUFDckUsbUVBQW1FLEVBQ25FLG1GQUFtRixFQUNuRjtZQUNFLGdEQUFnRCxFQUFFLENBQUMsUUFBUTtZQUMzRCxrSEFBa0gsRUFDaEgsUUFBUTtTQUNYLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCLENBQ0gsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUmFkaW9CdXR0b24vUmFkaW9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3pDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDZDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUMsT0FBTyxFQUNaLElBQUksRUFBRSxJQUFJLElBQ04sS0FBSyxJQUNULFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FDQSxxRUFBcUUsRUFDckUsbUVBQW1FLEVBQ25FLHFGQUFxRixFQUNyRjtZQUNFLGtEQUFrRCxFQUFFLENBQUMsUUFBUTtZQUM3RCxrRUFBa0UsRUFBRSxRQUFRO1NBQzdFLENBQ0YsQ0FDRixFQUNELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFFBQVEsRUFBRSxRQUFRLElBQ2xCLENBQ0gsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9