@altinn/altinn-components 0.12.0 → 0.13.0

package/dist/tokens/themes/altinn-ds.json

@@ -0,0 +1,364 @@
+{
+  "color": {
+    "company": {
+      "1": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.1}"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.2}"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.3}"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.4}"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.5}"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.6}"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.7}"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.8}"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.9}"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.10}"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.11}"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.12}"
+      },
+      "13": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.13}"
+      },
+      "contrast-1": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.contrast-1}"
+      },
+      "contrast-2": {
+        "$type": "color",
+        "$value": "{altinn-ds.company.contrast-2}"
+      }
+    },
+    "person": {
+      "1": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.1}"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.2}"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.3}"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.4}"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.5}"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.6}"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.7}"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.8}"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.9}"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.10}"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.11}"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.12}"
+      },
+      "13": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.13}"
+      },
+      "contrast-1": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.contrast-1}"
+      },
+      "contrast-2": {
+        "$type": "color",
+        "$value": "{altinn-ds.person.contrast-2}"
+      }
+    },
+    "neutral": {
+      "1": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.1}"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.2}"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.3}"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.4}"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.5}"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.6}"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.7}"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.8}"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.9}"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.10}"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.11}"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.12}"
+      },
+      "13": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.13}"
+      },
+      "contrast-1": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.contrast-1}"
+      },
+      "contrast-2": {
+        "$type": "color",
+        "$value": "{altinn-ds.neutral.contrast-2}"
+      }
+    },
+    "article": {
+      "1": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.1}"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.2}"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.3}"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.4}"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.5}"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.6}"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.7}"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.8}"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.9}"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.10}"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.11}"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.12}"
+      },
+      "13": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.13}"
+      },
+      "contrast-1": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.contrast-1}"
+      },
+      "contrast-2": {
+        "$type": "color",
+        "$value": "{altinn-ds.article.contrast-2}"
+      }
+    },
+    "alert": {
+      "1": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.1}"
+      },
+      "2": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.2}"
+      },
+      "3": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.3}"
+      },
+      "4": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.4}"
+      },
+      "5": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.5}"
+      },
+      "6": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.6}"
+      },
+      "7": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.7}"
+      },
+      "8": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.8}"
+      },
+      "9": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.9}"
+      },
+      "10": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.10}"
+      },
+      "11": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.11}"
+      },
+      "12": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.12}"
+      },
+      "13": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.13}"
+      },
+      "contrast-1": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.contrast-1}"
+      },
+      "contrast-2": {
+        "$type": "color",
+        "$value": "{altinn-ds.alert.contrast-2}"
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "$type": "fontFamilies",
+      "$value": "{altinn-ds.main}"
+    }
+  },
+  "font-weight": {
+    "medium": {
+      "$type": "fontWeights",
+      "$value": "{altinn-ds.bold}"
+    },
+    "semibold": {
+      "$type": "fontWeights",
+      "$value": "{altinn-ds.extra-bold}"
+    },
+    "regular": {
+      "$type": "fontWeights",
+      "$value": "{altinn-ds.regular}"
+    }
+  },
+  "border-radius": {
+    "1": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *1)"
+    },
+    "2": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *2)"
+    },
+    "3": {
+      "$type": "borderRadius",
+      "$value": "min( {border-radius.base} , {border-radius.scale} *5)"
+    },
+    "4": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.base}"
+    },
+    "5": {
+      "$type": "borderRadius",
+      "$value": "9999"
+    },
+    "base": {
+      "$type": "borderRadius",
+      "$value": "4"
+    },
+    "scale": {
+      "$type": "borderRadius",
+      "$value": "4"
+    }
+  }
+}

package/dist/tokens/typography/primary/altinn-ds.json

@@ -0,0 +1,20 @@
+{
+  "altinn-ds": {
+    "main": {
+      "$type": "fontFamilies",
+      "$value": "Inter"
+    },
+    "bold": {
+      "$type": "fontWeights",
+      "$value": "Medium"
+    },
+    "extra-bold": {
+      "$type": "fontWeights",
+      "$value": "Semi bold"
+    },
+    "regular": {
+      "$type": "fontWeights",
+      "$value": "Regular"
+    }
+  }
+}

package/dist/tokens/typography/primary.css

@@ -0,0 +1,128 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.typography.primary {
+  :root,
+  [data-ds-typography="primary"] {
+    --ds-font-family: Inter;
+    --ds-font-weight-medium: 500;
+    --ds-font-weight-semibold: 600;
+    --ds-font-weight-regular: 400;
+    --ds-heading-2xl-font-weight: 500;
+    --ds-heading-2xl-line-height: 1.3;
+    --ds-heading-2xl-font-size: 3.75rem;
+    --ds-heading-2xl-letter-spacing: -1%;
+    --ds-heading-xl-font-weight: 500;
+    --ds-heading-xl-line-height: 1.3;
+    --ds-heading-xl-font-size: 3rem;
+    --ds-heading-xl-letter-spacing: -1%;
+    --ds-heading-lg-font-weight: 500;
+    --ds-heading-lg-line-height: 1.3;
+    --ds-heading-lg-font-size: 2.25rem;
+    --ds-heading-lg-letter-spacing: -0.5%;
+    --ds-heading-md-font-weight: 500;
+    --ds-heading-md-line-height: 1.3;
+    --ds-heading-md-font-size: 1.875rem;
+    --ds-heading-md-letter-spacing: -0.25%;
+    --ds-heading-sm-font-weight: 500;
+    --ds-heading-sm-line-height: 1.3;
+    --ds-heading-sm-font-size: 1.5rem;
+    --ds-heading-sm-letter-spacing: 0%;
+    --ds-heading-xs-font-weight: 500;
+    --ds-heading-xs-line-height: 1.3;
+    --ds-heading-xs-font-size: 1.3125rem;
+    --ds-heading-xs-letter-spacing: 0.15%;
+    --ds-heading-2xs-font-weight: 500;
+    --ds-heading-2xs-line-height: 1.3;
+    --ds-heading-2xs-font-size: 1.125rem;
+    --ds-heading-2xs-letter-spacing: 0.15%;
+    --ds-body-xl-font-weight: 400;
+    --ds-body-xl-line-height: 1.5;
+    --ds-body-xl-font-size: 1.5rem;
+    --ds-body-xl-letter-spacing: 0.5%;
+    --ds-body-lg-font-weight: 400;
+    --ds-body-lg-line-height: 1.5;
+    --ds-body-lg-font-size: 1.3125rem;
+    --ds-body-lg-letter-spacing: 0.5%;
+    --ds-body-md-font-weight: 400;
+    --ds-body-md-line-height: 1.5;
+    --ds-body-md-font-size: 1.125rem;
+    --ds-body-md-letter-spacing: 0.5%;
+    --ds-body-sm-font-weight: 400;
+    --ds-body-sm-line-height: 1.5;
+    --ds-body-sm-font-size: 1rem;
+    --ds-body-sm-letter-spacing: 0.25%;
+    --ds-body-xs-font-weight: 400;
+    --ds-body-xs-line-height: 1.5;
+    --ds-body-xs-font-size: 0.875rem;
+    --ds-body-xs-letter-spacing: 0.15%;
+    --ds-body-short-xl-font-weight: 400;
+    --ds-body-short-xl-line-height: 1.3;
+    --ds-body-short-xl-font-size: 1.5rem;
+    --ds-body-short-xl-letter-spacing: 0.5%;
+    --ds-body-short-lg-font-weight: 400;
+    --ds-body-short-lg-line-height: 1.3;
+    --ds-body-short-lg-font-size: 1.3125rem;
+    --ds-body-short-lg-letter-spacing: 0.5%;
+    --ds-body-short-md-font-weight: 400;
+    --ds-body-short-md-line-height: 1.3;
+    --ds-body-short-md-font-size: 1.125rem;
+    --ds-body-short-md-letter-spacing: 0.5%;
+    --ds-body-short-sm-font-weight: 400;
+    --ds-body-short-sm-line-height: 1.3;
+    --ds-body-short-sm-font-size: 1rem;
+    --ds-body-short-sm-letter-spacing: 0.25%;
+    --ds-body-short-xs-font-weight: 400;
+    --ds-body-short-xs-line-height: 1.3;
+    --ds-body-short-xs-font-size: 0.875rem;
+    --ds-body-short-xs-letter-spacing: 0.15%;
+    --ds-body-long-xl-font-weight: 400;
+    --ds-body-long-xl-line-height: 1.7;
+    --ds-body-long-xl-font-size: 1.5rem;
+    --ds-body-long-xl-letter-spacing: 0.5%;
+    --ds-body-long-lg-font-weight: 400;
+    --ds-body-long-lg-line-height: 1.7;
+    --ds-body-long-lg-font-size: 1.3125rem;
+    --ds-body-long-lg-letter-spacing: 0.5%;
+    --ds-body-long-md-font-weight: 400;
+    --ds-body-long-md-line-height: 1.7;
+    --ds-body-long-md-font-size: 1.125rem;
+    --ds-body-long-md-letter-spacing: 0.5%;
+    --ds-body-long-sm-font-weight: 400;
+    --ds-body-long-sm-line-height: 1.7;
+    --ds-body-long-sm-font-size: 1rem;
+    --ds-body-long-sm-letter-spacing: 0.25%;
+    --ds-body-long-xs-font-weight: 400;
+    --ds-body-long-xs-line-height: 1.7;
+    --ds-body-long-xs-font-size: 0.875rem;
+    --ds-body-long-xs-letter-spacing: 0.15%;
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.8125rem;
+    --ds-font-size-3: 0.875rem;
+    --ds-font-size-4: 1rem;
+    --ds-font-size-5: 1.125rem;
+    --ds-font-size-6: 1.3125rem;
+    --ds-font-size-7: 1.5rem;
+    --ds-font-size-8: 1.875rem;
+    --ds-font-size-9: 2.25rem;
+    --ds-font-size-10: 3rem;
+    --ds-font-size-11: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
+    --ds-altinn-ds-main: Inter;
+    --ds-altinn-ds-bold: 500;
+    --ds-altinn-ds-extra-bold: 600;
+    --ds-altinn-ds-regular: 400;
+  }
+}

package/dist/tokens/typography/secondary/altinn-ds.json

@@ -0,0 +1,20 @@
+{
+  "altinn-ds": {
+    "main": {
+      "$type": "fontFamilies",
+      "$value": "Inter"
+    },
+    "bold": {
+      "$type": "fontWeights",
+      "$value": "Medium"
+    },
+    "extra-bold": {
+      "$type": "fontWeights",
+      "$value": "Semi bold"
+    },
+    "regular": {
+      "$type": "fontWeights",
+      "$value": "Regular"
+    }
+  }
+}

package/dist/tokens/typography/secondary.css

@@ -0,0 +1,127 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.typography.secondary {
+  [data-ds-typography="secondary"] {
+    --ds-font-family: Inter;
+    --ds-font-weight-medium: 500;
+    --ds-font-weight-semibold: 600;
+    --ds-font-weight-regular: 400;
+    --ds-heading-2xl-font-weight: 500;
+    --ds-heading-2xl-line-height: 1.3;
+    --ds-heading-2xl-font-size: 3.75rem;
+    --ds-heading-2xl-letter-spacing: -1%;
+    --ds-heading-xl-font-weight: 500;
+    --ds-heading-xl-line-height: 1.3;
+    --ds-heading-xl-font-size: 3rem;
+    --ds-heading-xl-letter-spacing: -1%;
+    --ds-heading-lg-font-weight: 500;
+    --ds-heading-lg-line-height: 1.3;
+    --ds-heading-lg-font-size: 2.25rem;
+    --ds-heading-lg-letter-spacing: -0.5%;
+    --ds-heading-md-font-weight: 500;
+    --ds-heading-md-line-height: 1.3;
+    --ds-heading-md-font-size: 1.875rem;
+    --ds-heading-md-letter-spacing: -0.25%;
+    --ds-heading-sm-font-weight: 500;
+    --ds-heading-sm-line-height: 1.3;
+    --ds-heading-sm-font-size: 1.5rem;
+    --ds-heading-sm-letter-spacing: 0%;
+    --ds-heading-xs-font-weight: 500;
+    --ds-heading-xs-line-height: 1.3;
+    --ds-heading-xs-font-size: 1.3125rem;
+    --ds-heading-xs-letter-spacing: 0.15%;
+    --ds-heading-2xs-font-weight: 500;
+    --ds-heading-2xs-line-height: 1.3;
+    --ds-heading-2xs-font-size: 1.125rem;
+    --ds-heading-2xs-letter-spacing: 0.15%;
+    --ds-body-xl-font-weight: 400;
+    --ds-body-xl-line-height: 1.5;
+    --ds-body-xl-font-size: 1.5rem;
+    --ds-body-xl-letter-spacing: 0.5%;
+    --ds-body-lg-font-weight: 400;
+    --ds-body-lg-line-height: 1.5;
+    --ds-body-lg-font-size: 1.3125rem;
+    --ds-body-lg-letter-spacing: 0.5%;
+    --ds-body-md-font-weight: 400;
+    --ds-body-md-line-height: 1.5;
+    --ds-body-md-font-size: 1.125rem;
+    --ds-body-md-letter-spacing: 0.5%;
+    --ds-body-sm-font-weight: 400;
+    --ds-body-sm-line-height: 1.5;
+    --ds-body-sm-font-size: 1rem;
+    --ds-body-sm-letter-spacing: 0.25%;
+    --ds-body-xs-font-weight: 400;
+    --ds-body-xs-line-height: 1.5;
+    --ds-body-xs-font-size: 0.875rem;
+    --ds-body-xs-letter-spacing: 0.15%;
+    --ds-body-short-xl-font-weight: 400;
+    --ds-body-short-xl-line-height: 1.3;
+    --ds-body-short-xl-font-size: 1.5rem;
+    --ds-body-short-xl-letter-spacing: 0.5%;
+    --ds-body-short-lg-font-weight: 400;
+    --ds-body-short-lg-line-height: 1.3;
+    --ds-body-short-lg-font-size: 1.3125rem;
+    --ds-body-short-lg-letter-spacing: 0.5%;
+    --ds-body-short-md-font-weight: 400;
+    --ds-body-short-md-line-height: 1.3;
+    --ds-body-short-md-font-size: 1.125rem;
+    --ds-body-short-md-letter-spacing: 0.5%;
+    --ds-body-short-sm-font-weight: 400;
+    --ds-body-short-sm-line-height: 1.3;
+    --ds-body-short-sm-font-size: 1rem;
+    --ds-body-short-sm-letter-spacing: 0.25%;
+    --ds-body-short-xs-font-weight: 400;
+    --ds-body-short-xs-line-height: 1.3;
+    --ds-body-short-xs-font-size: 0.875rem;
+    --ds-body-short-xs-letter-spacing: 0.15%;
+    --ds-body-long-xl-font-weight: 400;
+    --ds-body-long-xl-line-height: 1.7;
+    --ds-body-long-xl-font-size: 1.5rem;
+    --ds-body-long-xl-letter-spacing: 0.5%;
+    --ds-body-long-lg-font-weight: 400;
+    --ds-body-long-lg-line-height: 1.7;
+    --ds-body-long-lg-font-size: 1.3125rem;
+    --ds-body-long-lg-letter-spacing: 0.5%;
+    --ds-body-long-md-font-weight: 400;
+    --ds-body-long-md-line-height: 1.7;
+    --ds-body-long-md-font-size: 1.125rem;
+    --ds-body-long-md-letter-spacing: 0.5%;
+    --ds-body-long-sm-font-weight: 400;
+    --ds-body-long-sm-line-height: 1.7;
+    --ds-body-long-sm-font-size: 1rem;
+    --ds-body-long-sm-letter-spacing: 0.25%;
+    --ds-body-long-xs-font-weight: 400;
+    --ds-body-long-xs-line-height: 1.7;
+    --ds-body-long-xs-font-size: 0.875rem;
+    --ds-body-long-xs-letter-spacing: 0.15%;
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.8125rem;
+    --ds-font-size-3: 0.875rem;
+    --ds-font-size-4: 1rem;
+    --ds-font-size-5: 1.125rem;
+    --ds-font-size-6: 1.3125rem;
+    --ds-font-size-7: 1.5rem;
+    --ds-font-size-8: 1.875rem;
+    --ds-font-size-9: 2.25rem;
+    --ds-font-size-10: 3rem;
+    --ds-font-size-11: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
+    --ds-altinn-ds-main: Inter;
+    --ds-altinn-ds-bold: 500;
+    --ds-altinn-ds-extra-bold: 600;
+    --ds-altinn-ds-regular: 400;
+  }
+}

package/dist/types/lib/components/Autocomplete/AutocompleteItem.d.ts

@@ -21,7 +21,7 @@ export interface BookmarkAutocompleteItemProps extends AutoCompleteItemWithType,
 }
 export interface InformationAutocompleteItemProps extends AutoCompleteItemWithType, ListItemProps {
     type: 'information';
-    badge?: BadgeProps;
+    badge?: BadgeProps | undefined;
 }
 export type AutocompleteItemProps = ScopeAutocompleteItemProps | DialogAutocompleteItemProps | BookmarkAutocompleteItemProps | InformationAutocompleteItemProps;
 export declare const AutocompleteItem: ({ type, ...props }: AutocompleteItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Autocomplete/ScopeListItem.d.ts

@@ -5,7 +5,7 @@ export interface ScopeListItemProps extends ListItemInputProps {
     as?: ElementType;
     href?: string;
     onClick?: () => void;
-    badge?: BadgeProps;
+    badge?: BadgeProps | undefined;
     loading?: boolean;
 }
 export declare const ScopeListItem: ({ as, label, ...rest }: ScopeListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export type BadgeColor = 'subtle' | 'alert';
-export type BadgeSize = 'sm';
+export type BadgeColor = 'neutral' | 'alert';
+export type BadgeSize = 'sm' | 'xs';
 export interface BadgeProps {
     label?: string | number;
     color?: BadgeColor;

package/dist/types/lib/components/Badge/Badge.stories.d.ts

@@ -12,4 +12,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Alert: Story;
+export declare const AlertXs: Story;
 export declare const UnreadCount: Story;
+export declare const UnreadCountXs: Story;