@abgov/react-components 4.0.0-alpha.33 → 4.0.0-alpha.34

package/react-components.umd.js

@@ -1509,7 +1509,7 @@
 	    }
 
 	  };
-	} // (41:2) {#if showIcon}
+	} // (40:2) {#if showIcon}
 
 
 	function create_if_block_1$b(ctx) {
@@ -1542,7 +1542,7 @@
 	    }
 
 	  };
-	} // (46:2) {#if content}
+	} // (45:2) {#if content}
 
 
 	function create_if_block$i(ctx) {
@@ -1733,7 +1733,6 @@
 	        warning: "alert-circle",
 	        information: "information-circle",
 	        emergency: "warning",
-	        inactive: "information-circle",
 	        dark: "information-circle",
 	        midtone: "information-circle",
 	        light: "information-circle"
@@ -1747,7 +1746,7 @@
 	class Badge extends SvelteElement {
 	  constructor(options) {
 	    super();
-	    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--fw-regular);margin:0.25rem}.icon-only{padding:0.25rem}.goa-badge-content{text-transform:capitalize;font-size:var(--fs-sm);line-height:var(--lh-sm);padding-bottom:var(--font-valign-fix)}.goa-badge.badge-information{background-color:var(--color-gray-100);color:var(--goa-color-status-info)}.goa-badge.badge-success{background-color:var(--goa-color-status-success);color:var(--goa-color-text-light)}.goa-badge.badge-warning{background-color:var(--goa-color-status-warning);color:var(--goa-color-text)}.goa-badge.badge-emergency{background-color:var(--goa-color-status-emergency);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--color-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--color-gray-600);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--color-white);color:var(--goa-color-text)}.goa-badge.badge-inactive{background-color:var(--color-white);color:var(--goa-color-text)}</style>`;
+	    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}.goa-badge{display:inline-flex;align-items:center;border-radius:0.25rem;padding:3px 0.5rem;gap:0.25rem;font-weight:var(--fw-regular);margin:0.25rem}.icon-only{padding:0.25rem}.goa-badge-content{text-transform:capitalize;font-size:var(--fs-sm);line-height:var(--lh-sm);padding-bottom:var(--font-valign-fix)}.goa-badge.badge-information{background-color:var(--color-gray-100);color:var(--goa-color-status-info)}.goa-badge.badge-success{background-color:var(--goa-color-status-success);color:var(--goa-color-text-light)}.goa-badge.badge-warning{background-color:var(--goa-color-status-warning);color:var(--goa-color-text)}.goa-badge.badge-emergency{background-color:var(--goa-color-status-emergency);color:var(--goa-color-text-light)}.goa-badge.badge-dark{background-color:var(--color-black);color:var(--goa-color-text-light)}.goa-badge.badge-midtone{background-color:var(--color-gray-600);color:var(--goa-color-text-light)}.goa-badge.badge-light{background-color:var(--color-white);color:var(--goa-color-text)}</style>`;
 	    init(this, {
 	      target: this.shadowRoot,
 	      props: attribute_to_object(this.attributes),
@@ -2172,7 +2171,7 @@
 	  let isButtonDark;
 	  const BUTTON_TYPES = ["primary", "secondary", "tertiary", "start"];
 	  const SIZES = ["", "compact"];
-	  const VARIANTS = ["", "danger"]; // type check functions
+	  const VARIANTS = ["", "destructive"]; // type check functions
 
 	  function isButtonType(value) {
 	    return BUTTON_TYPES.includes(value);
@@ -2256,7 +2255,7 @@
 	  constructor(options) {
 	    super();
 	    this.shadowRoot.innerHTML = `<style>:host{box-sizing:border-box;font-family:var(--font-family)}@media(max-width: 480px){:host{width:100%}button{width:100%}}button{display:inline-flex;box-sizing:border-box;border-radius:0.25rem;border:2px solid var(--goa-color-interactive);box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--fs-lg);font-weight:400;height:var(--button-height);letter-spacing:0.5px;line-height:100%;padding:0 0.75rem;gap:0.5rem;align-items:center;justify-content:center;transition:transform 0.1s ease-in-out, background-color 0.2s ease-in-out,
-      border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.primary.danger{color:var(--color-white);background:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.primary.danger:hover{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.primary.danger:focus,.primary.danger:active{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.danger{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background:var(--color-white)}.secondary.danger:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.secondary.danger:focus,.secondary.danger:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.danger{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background:var(--color-white)}.tertiary.danger:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.danger:focus,.tertiary.danger:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}</style>`;
+      border-color 0.2s ease-in-out}.text{padding-bottom:var(--font-valign-fix)}button:disabled{pointer-events:none;opacity:0.5}button.compact{height:var(--button-height-compact);font-size:var(--fs-base)}button.start{height:var(--button-height-tall);font-weight:var(--fw-bold)}button.start,button.primary{border:2px solid var(--goa-color-interactive);background:var(--goa-color-interactive);color:var(--goa-color-text-light)}button.start:hover,button.primary:hover{border-color:var(--goa-color-interactive--hover);background:var(--goa-color-interactive--hover)}button.start:focus,button.start:active,button.primary:focus,button.primary:active{box-shadow:0 0 0 3px var(--goa-color-interactive--focus);border-color:var(--goa-color-interactive--active);background:var(--goa-color-interactive--active);outline:none}button.secondary{border:2px solid var(--goa-color-interactive);background:var(--color-white);color:var(--goa-color-interactive)}button.secondary:hover{border-color:var(--goa-color-interactive--hover);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.secondary:focus,button.secondary:active{border-color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);background:var(--color-gray-100);outline:none}button.tertiary{border:1px solid transparent;background:transparent;color:var(--goa-color-interactive);text-decoration:underline}button.tertiary:hover{border-color:var(--color-gray-100);color:var(--goa-color-interactive--hover);background:var(--color-gray-100)}button.tertiary:focus,button.tertiary:active{border-color:var(--color-gray-100);background:var(--color-gray-100);color:var(--goa-color-interactive--active);box-shadow:0 0 0 3px var(--goa-color-interactive--focus);outline:none}.primary.destructive{color:var(--color-white);background:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency)}.primary.destructive:hover{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.primary.destructive:focus,.primary.destructive:active{background:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark)}.secondary.destructive{color:var(--goa-color-status-emergency);border-color:var(--goa-color-status-emergency);background:var(--color-white)}.secondary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.secondary.destructive:focus,.secondary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive{color:var(--goa-color-status-emergency);border-color:var(--color-gray-200);background:var(--color-white)}.tertiary.destructive:hover{border-color:var(--goa-color-status-emergency-dark);color:var(--goa-color-status-emergency-dark);background:var(--color-white)}.tertiary.destructive:focus,.tertiary.destructive:active{color:var(--goa-color-status-emergency-dark);border-color:var(--goa-color-status-emergency-dark);background:var(--color-white)}</style>`;
 	    init(this, {
 	      target: this.shadowRoot,
 	      props: attribute_to_object(this.attributes),
@@ -6658,7 +6657,7 @@
 	    }
 
 	  };
-	} // (96:4) {#if trailingicon && !handlesTrailingIconClick}
+	} // (102:4) {#if trailingicon && !handlesTrailingIconClick}
 
 
 	function create_if_block_4$1(ctx) {
@@ -6693,7 +6692,7 @@
 	    }
 
 	  };
-	} // (106:4) {#if trailingicon && handlesTrailingIconClick}
+	} // (112:4) {#if trailingicon && handlesTrailingIconClick}
 
 
 	function create_if_block_3$3(ctx) {
@@ -6706,7 +6705,7 @@
 	      set_custom_element_data(goa_icon_button, "class", "goa-input-trailing-icon");
 	      set_custom_element_data(goa_icon_button, "disabled",
 	      /*isDisabled*/
-	      ctx[13]);
+	      ctx[16]);
 	      set_custom_element_data(goa_icon_button, "variant", "nocolor");
 	      set_custom_element_data(goa_icon_button, "size", "medium");
 	      set_custom_element_data(goa_icon_button, "type",
@@ -6727,10 +6726,10 @@
 	    p(ctx, dirty) {
 	      if (dirty &
 	      /*isDisabled*/
-	      8192) {
+	      65536) {
 	        set_custom_element_data(goa_icon_button, "disabled",
 	        /*isDisabled*/
-	        ctx[13]);
+	        ctx[16]);
 	      }
 
 	      if (dirty &
@@ -6749,7 +6748,7 @@
 	    }
 
 	  };
-	} // (120:2) {#if showCounter}
+	} // (126:2) {#if showCounter}
 
 
 	function create_if_block$a(ctx) {
@@ -6758,7 +6757,7 @@
 	  function select_block_type(ctx, dirty) {
 	    if (
 	    /*maxcharcount*/
-	    ctx[10] > 0) return create_if_block_1$6;
+	    ctx[13] > 0) return create_if_block_1$6;
 	    if (
 	    /*value*/
 	    ctx[0].length > 0) return create_if_block_2$5;
@@ -6800,7 +6799,7 @@
 	    }
 
 	  };
-	} // (125:31) 
+	} // (131:31) 
 
 
 	function create_if_block_2$5(ctx) {
@@ -6834,7 +6833,7 @@
 	    }
 
 	  };
-	} // (121:4) {#if maxcharcount > 0}
+	} // (127:4) {#if maxcharcount > 0}
 
 
 	function create_if_block_1$6(ctx) {
@@ -6845,7 +6844,7 @@
 	  let t0;
 	  let t1_value = `/${
   /*maxcharcount*/
-  ctx[10]}` + "";
+  ctx[13]}` + "";
 	  let t1;
 	  return {
 	    c() {
@@ -6857,7 +6856,7 @@
 	      /*value*/
 	      ctx[0].length >
 	      /*maxcharcount*/
-	      ctx[10]);
+	      ctx[13]);
 	    },
 
 	    m(target, anchor) {
@@ -6874,18 +6873,18 @@
 	      ctx[0].length + "")) set_data(t0, t0_value);
 	      if (dirty &
 	      /*maxcharcount*/
-	      1024 && t1_value !== (t1_value = `/${
+	      8192 && t1_value !== (t1_value = `/${
       /*maxcharcount*/
-      ctx[10]}` + "")) set_data(t1, t1_value);
+      ctx[13]}` + "")) set_data(t1, t1_value);
 
 	      if (dirty &
 	      /*value, maxcharcount*/
-	      1025) {
+	      8193) {
 	        toggle_class(div, "counter-error",
 	        /*value*/
 	        ctx[0].length >
 	        /*maxcharcount*/
-	        ctx[10]);
+	        ctx[13]);
 	      }
 	    },
 
@@ -6918,15 +6917,15 @@
 	  /*trailingicon*/
 	  ctx[5] && !
 	  /*handlesTrailingIconClick*/
-	  ctx[16] && create_if_block_4$1(ctx);
+	  ctx[19] && create_if_block_4$1(ctx);
 	  let if_block2 =
 	  /*trailingicon*/
 	  ctx[5] &&
 	  /*handlesTrailingIconClick*/
-	  ctx[16] && create_if_block_3$3(ctx);
+	  ctx[19] && create_if_block_3$3(ctx);
 	  let if_block3 =
 	  /*showCounter*/
-	  ctx[12] && create_if_block$a(ctx);
+	  ctx[15] && create_if_block$a(ctx);
 	  return {
 	    c() {
 	      div1 = element("div");
@@ -6949,10 +6948,10 @@
       ctx[5] ? "-0.5rem" : "0"}`);
 	      input.readOnly =
 	      /*isReadonly*/
-	      ctx[15];
+	      ctx[18];
 	      input.disabled =
 	      /*isDisabled*/
-	      ctx[13];
+	      ctx[16];
 	      attr(input, "data-testid",
 	      /*testid*/
 	      ctx[7]);
@@ -6968,6 +6967,15 @@
 	      attr(input, "placeholder",
 	      /*placeholder*/
 	      ctx[3]);
+	      attr(input, "min",
+	      /*min*/
+	      ctx[10]);
+	      attr(input, "max",
+	      /*max*/
+	      ctx[11]);
+	      attr(input, "step",
+	      /*step*/
+	      ctx[12]);
 	      attr(input, "role", "textbox");
 	      attr(input, "aria-label", input_aria_label_value =
 	      /*arialabel*/
@@ -6978,7 +6986,7 @@
       goa-input
       ${
       /*isDisabled*/
-      ctx[13] ? "goa-input--disabled" : ""}
+      ctx[16] ? "goa-input--disabled" : ""}
       variant--${
       /*variant*/
       ctx[6]}
@@ -6988,7 +6996,7 @@
     `);
 	      toggle_class(div0, "error",
 	      /*isError*/
-	      ctx[14]);
+	      ctx[17]);
 	      attr(div1, "class", "container");
 	      attr(div1, "style", div1_style_value = `
     --width: ${
@@ -7005,7 +7013,7 @@
 	      append(div0, input);
 	      /*input_binding*/
 
-	      ctx[25](input);
+	      ctx[28](input);
 	      append(div0, t1);
 	      if (if_block1) if_block1.m(div0, null);
 	      append(div0, t2);
@@ -7016,9 +7024,9 @@
 	      if (!mounted) {
 	        dispose = [listen(input, "keyup",
 	        /*onKeyUp*/
-	        ctx[17]), listen(input, "change",
+	        ctx[20]), listen(input, "change",
 	        /*onKeyUp*/
-	        ctx[17])];
+	        ctx[20])];
 	        mounted = true;
 	      }
 	    },
@@ -7057,18 +7065,18 @@
 
 	      if (dirty &
 	      /*isReadonly*/
-	      32768) {
+	      262144) {
 	        input.readOnly =
 	        /*isReadonly*/
-	        ctx[15];
+	        ctx[18];
 	      }
 
 	      if (dirty &
 	      /*isDisabled*/
-	      8192) {
+	      65536) {
 	        input.disabled =
 	        /*isDisabled*/
-	        ctx[13];
+	        ctx[16];
 	      }
 
 	      if (dirty &
@@ -7113,6 +7121,30 @@
 	        ctx[3]);
 	      }
 
+	      if (dirty &
+	      /*min*/
+	      1024) {
+	        attr(input, "min",
+	        /*min*/
+	        ctx[10]);
+	      }
+
+	      if (dirty &
+	      /*max*/
+	      2048) {
+	        attr(input, "max",
+	        /*max*/
+	        ctx[11]);
+	      }
+
+	      if (dirty &
+	      /*step*/
+	      4096) {
+	        attr(input, "step",
+	        /*step*/
+	        ctx[12]);
+	      }
+
 	      if (dirty &
 	      /*arialabel, name*/
 	      516 && input_aria_label_value !== (input_aria_label_value =
@@ -7127,7 +7159,7 @@
 	      /*trailingicon*/
 	      ctx[5] && !
 	      /*handlesTrailingIconClick*/
-	      ctx[16]) {
+	      ctx[19]) {
 	        if (if_block1) {
 	          if_block1.p(ctx, dirty);
 	        } else {
@@ -7144,7 +7176,7 @@
 	      /*trailingicon*/
 	      ctx[5] &&
 	      /*handlesTrailingIconClick*/
-	      ctx[16]) {
+	      ctx[19]) {
 	        if (if_block2) {
 	          if_block2.p(ctx, dirty);
 	        } else {
@@ -7159,11 +7191,11 @@
 
 	      if (dirty &
 	      /*isDisabled, variant, type*/
-	      8258 && div0_class_value !== (div0_class_value = `
+	      65602 && div0_class_value !== (div0_class_value = `
       goa-input
       ${
       /*isDisabled*/
-      ctx[13] ? "goa-input--disabled" : ""}
+      ctx[16] ? "goa-input--disabled" : ""}
       variant--${
       /*variant*/
       ctx[6]}
@@ -7176,15 +7208,15 @@
 
 	      if (dirty &
 	      /*isDisabled, variant, type, isError*/
-	      24642) {
+	      196674) {
 	        toggle_class(div0, "error",
 	        /*isError*/
-	        ctx[14]);
+	        ctx[17]);
 	      }
 
 	      if (
 	      /*showCounter*/
-	      ctx[12]) {
+	      ctx[15]) {
 	        if (if_block3) {
 	          if_block3.p(ctx, dirty);
 	        } else {
@@ -7216,7 +7248,7 @@
 	      if (if_block0) if_block0.d();
 	      /*input_binding*/
 
-	      ctx[25](null);
+	      ctx[28](null);
 	      if (if_block1) if_block1.d();
 	      if (if_block2) if_block2.d();
 	      if (if_block3) if_block3.d();
@@ -7285,6 +7317,15 @@
 	  let {
 	    arialabel = ""
 	  } = $$props;
+	  let {
+	    min = ""
+	  } = $$props;
+	  let {
+	    max = ""
+	  } = $$props;
+	  let {
+	    step
+	  } = $$props;
 	  let {
 	    showcounter = "false"
 	  } = $$props;
@@ -7309,7 +7350,7 @@
 	  function input_binding($$value) {
 	    binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 	      inputEl = $$value;
-	      $$invalidate(11, inputEl);
+	      $$invalidate(14, inputEl);
 	    });
 	  }
 
@@ -7321,58 +7362,61 @@
 	    if ('leadingicon' in $$props) $$invalidate(4, leadingicon = $$props.leadingicon);
 	    if ('trailingicon' in $$props) $$invalidate(5, trailingicon = $$props.trailingicon);
 	    if ('variant' in $$props) $$invalidate(6, variant = $$props.variant);
-	    if ('disabled' in $$props) $$invalidate(18, disabled = $$props.disabled);
-	    if ('handletrailingiconclick' in $$props) $$invalidate(19, handletrailingiconclick = $$props.handletrailingiconclick);
-	    if ('focused' in $$props) $$invalidate(20, focused = $$props.focused);
-	    if ('readonly' in $$props) $$invalidate(21, readonly = $$props.readonly);
-	    if ('error' in $$props) $$invalidate(22, error = $$props.error);
+	    if ('disabled' in $$props) $$invalidate(21, disabled = $$props.disabled);
+	    if ('handletrailingiconclick' in $$props) $$invalidate(22, handletrailingiconclick = $$props.handletrailingiconclick);
+	    if ('focused' in $$props) $$invalidate(23, focused = $$props.focused);
+	    if ('readonly' in $$props) $$invalidate(24, readonly = $$props.readonly);
+	    if ('error' in $$props) $$invalidate(25, error = $$props.error);
 	    if ('testid' in $$props) $$invalidate(7, testid = $$props.testid);
 	    if ('width' in $$props) $$invalidate(8, width = $$props.width);
 	    if ('arialabel' in $$props) $$invalidate(9, arialabel = $$props.arialabel);
-	    if ('showcounter' in $$props) $$invalidate(23, showcounter = $$props.showcounter);
-	    if ('maxcharcount' in $$props) $$invalidate(10, maxcharcount = $$props.maxcharcount);
+	    if ('min' in $$props) $$invalidate(10, min = $$props.min);
+	    if ('max' in $$props) $$invalidate(11, max = $$props.max);
+	    if ('step' in $$props) $$invalidate(12, step = $$props.step);
+	    if ('showcounter' in $$props) $$invalidate(26, showcounter = $$props.showcounter);
+	    if ('maxcharcount' in $$props) $$invalidate(13, maxcharcount = $$props.maxcharcount);
 	  };
 
 	  $$self.$$.update = () => {
 	    if ($$self.$$.dirty &
 	    /*handletrailingiconclick*/
-	    524288) {
-	      $$invalidate(16, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
+	    4194304) {
+	      $$invalidate(19, handlesTrailingIconClick = toBoolean(handletrailingiconclick));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*focused*/
-	    1048576) {
-	      $$invalidate(24, isFocused = toBoolean(focused));
+	    8388608) {
+	      $$invalidate(27, isFocused = toBoolean(focused));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*readonly*/
-	    2097152) {
-	      $$invalidate(15, isReadonly = toBoolean(readonly));
+	    16777216) {
+	      $$invalidate(18, isReadonly = toBoolean(readonly));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*error*/
-	    4194304) {
-	      $$invalidate(14, isError = toBoolean(error));
+	    33554432) {
+	      $$invalidate(17, isError = toBoolean(error));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*disabled*/
-	    262144) {
-	      $$invalidate(13, isDisabled = toBoolean(disabled));
+	    2097152) {
+	      $$invalidate(16, isDisabled = toBoolean(disabled));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*showcounter*/
-	    8388608) {
-	      $$invalidate(12, showCounter = toBoolean(showcounter));
+	    67108864) {
+	      $$invalidate(15, showCounter = toBoolean(showcounter));
 	    }
 
 	    if ($$self.$$.dirty &
 	    /*isFocused, inputEl*/
-	    16779264) {
+	    134234112) {
 	      if (isFocused && inputEl) {
 	        setTimeout(() => inputEl.focus(), 1);
 	      }
@@ -7380,7 +7424,7 @@
 
 	    if ($$self.$$.dirty &
 	    /*inputEl, type*/
-	    2050) {
+	    16386) {
 	      if (inputEl && type === "search") {
 	        inputEl.addEventListener("search", e => {
 	          onKeyUp(e);
@@ -7389,7 +7433,7 @@
 	    }
 	  };
 
-	  return [value, type, name, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, maxcharcount, inputEl, showCounter, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, showcounter, isFocused, input_binding];
+	  return [value, type, name, placeholder, leadingicon, trailingicon, variant, testid, width, arialabel, min, max, step, maxcharcount, inputEl, showCounter, isDisabled, isError, isReadonly, handlesTrailingIconClick, onKeyUp, disabled, handletrailingiconclick, focused, readonly, error, showcounter, isFocused, input_binding];
 	}
 
 	class Input extends SvelteElement {
@@ -7409,16 +7453,19 @@
 	      leadingicon: 4,
 	      trailingicon: 5,
 	      variant: 6,
-	      disabled: 18,
-	      handletrailingiconclick: 19,
-	      focused: 20,
-	      readonly: 21,
-	      error: 22,
+	      disabled: 21,
+	      handletrailingiconclick: 22,
+	      focused: 23,
+	      readonly: 24,
+	      error: 25,
 	      testid: 7,
 	      width: 8,
 	      arialabel: 9,
-	      showcounter: 23,
-	      maxcharcount: 10
+	      min: 10,
+	      max: 11,
+	      step: 12,
+	      showcounter: 26,
+	      maxcharcount: 13
 	    }, null);
 
 	    if (options) {
@@ -7434,7 +7481,7 @@
 	  }
 
 	  static get observedAttributes() {
-	    return ["type", "name", "value", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "showcounter", "maxcharcount"];
+	    return ["type", "name", "value", "placeholder", "leadingicon", "trailingicon", "variant", "disabled", "handletrailingiconclick", "focused", "readonly", "error", "testid", "width", "arialabel", "min", "max", "step", "showcounter", "maxcharcount"];
 	  }
 
 	  get type() {
@@ -7515,7 +7562,7 @@
 	  }
 
 	  get disabled() {
-	    return this.$$.ctx[18];
+	    return this.$$.ctx[21];
 	  }
 
 	  set disabled(disabled) {
@@ -7526,7 +7573,7 @@
 	  }
 
 	  get handletrailingiconclick() {
-	    return this.$$.ctx[19];
+	    return this.$$.ctx[22];
 	  }
 
 	  set handletrailingiconclick(handletrailingiconclick) {
@@ -7537,7 +7584,7 @@
 	  }
 
 	  get focused() {
-	    return this.$$.ctx[20];
+	    return this.$$.ctx[23];
 	  }
 
 	  set focused(focused) {
@@ -7548,7 +7595,7 @@
 	  }
 
 	  get readonly() {
-	    return this.$$.ctx[21];
+	    return this.$$.ctx[24];
 	  }
 
 	  set readonly(readonly) {
@@ -7559,7 +7606,7 @@
 	  }
 
 	  get error() {
-	    return this.$$.ctx[22];
+	    return this.$$.ctx[25];
 	  }
 
 	  set error(error) {
@@ -7602,8 +7649,41 @@
 	    flush();
 	  }
 
+	  get min() {
+	    return this.$$.ctx[10];
+	  }
+
+	  set min(min) {
+	    this.$$set({
+	      min
+	    });
+	    flush();
+	  }
+
+	  get max() {
+	    return this.$$.ctx[11];
+	  }
+
+	  set max(max) {
+	    this.$$set({
+	      max
+	    });
+	    flush();
+	  }
+
+	  get step() {
+	    return this.$$.ctx[12];
+	  }
+
+	  set step(step) {
+	    this.$$set({
+	      step
+	    });
+	    flush();
+	  }
+
 	  get showcounter() {
-	    return this.$$.ctx[23];
+	    return this.$$.ctx[26];
 	  }
 
 	  set showcounter(showcounter) {
@@ -7614,7 +7694,7 @@
 	  }
 
 	  get maxcharcount() {
-	    return this.$$.ctx[10];
+	    return this.$$.ctx[13];
 	  }
 
 	  set maxcharcount(maxcharcount) {
@@ -13828,6 +13908,9 @@
 	      showCounter = _a.showCounter,
 	      maxCharCount = _a.maxCharCount,
 	      testId = _a.testId,
+	      min = _a.min,
+	      max = _a.max,
+	      step = _a.step,
 	      onTrailingIconClick = _a.onTrailingIconClick,
 	      onChange = _a.onChange;
 	  var ref = react.useRef(null);
@@ -13872,6 +13955,9 @@
 	    "data-testid": testId,
 	    value: value,
 	    width: width,
+	    min: min,
+	    max: max,
+	    step: step,
 	    showcounter: showCounter,
 	    maxcharcount: maxCharCount,
 	    handletrailingiconclick: !!onTrailingIconClick
@@ -13941,16 +14027,20 @@
 	    type: "month"
 	  }), void 0);
 	};
-	var GoAInputNumber = function GoAInputNumber(props) {
+	var GoAInputNumber = function GoAInputNumber(_a) {
+	  var min = _a.min,
+	      max = _a.max,
+	      value = _a.value,
+	      props = __rest(_a, ["min", "max", "value"]);
+
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
-	    value: props.value.toString(),
+	    min: min === null || min === void 0 ? void 0 : min.toString(),
+	    max: max === null || max === void 0 ? void 0 : max.toString(),
+	    value: value.toString(),
 	    type: "number"
 	  }), void 0);
 	};
-	var GoAInputRange = function GoAInputRange(_a) {
-	  _a.step;
-	      var props = __rest(_a, ["step"]);
-
+	var GoAInputRange = function GoAInputRange(props) {
 	  return jsxRuntime.jsx(GoAInput, __assign({}, props, {
 	    type: "range"
 	  }), void 0);