@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/tokens/modes/main-color/company.json

@@ -0,0 +1,66 @@
+{
+  "color": {
+    "main": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{color.company.background-default}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{color.company.background-subtle}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{color.company.surface-default}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{color.company.surface-hover}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{color.company.surface-active}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{color.company.border-subtle}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{color.company.border-default}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{color.company.border-strong}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{color.company.base-default}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{color.company.base-hover}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.company.base-active}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{color.company.text-subtle}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{color.company.text-default}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{color.company.contrast-default}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{color.company.contrast-subtle}"
+      }
+    }
+  }
+}

package/dist/tokens/modes/main-color/person.json

@@ -0,0 +1,66 @@
+{
+  "color": {
+    "main": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{color.person.background-default}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{color.person.background-subtle}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{color.person.surface-default}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{color.person.surface-hover}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{color.person.surface-active}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{color.person.border-subtle}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{color.person.border-default}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{color.person.border-strong}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{color.person.base-default}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{color.person.base-hover}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.person.base-active}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{color.person.text-subtle}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{color.person.text-default}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{color.person.contrast-default}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{color.person.contrast-subtle}"
+      }
+    }
+  }
+}

package/dist/tokens/modes/support-color/alert.json

@@ -0,0 +1,66 @@
+{
+  "color": {
+    "support": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{color.alert.background-default}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{color.alert.background-subtle}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{color.alert.surface-default}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{color.alert.surface-hover}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{color.alert.surface-active}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{color.alert.border-subtle}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{color.alert.border-default}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{color.alert.border-strong}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{color.alert.base-default}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{color.alert.base-hover}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.alert.base-active}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{color.alert.text-subtle}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{color.alert.text-default}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{color.alert.contrast-default}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{color.alert.contrast-subtle}"
+      }
+    }
+  }
+}

package/dist/tokens/modes/support-color/article.json

@@ -0,0 +1,66 @@
+{
+  "color": {
+    "support": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{color.article.background-default}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{color.article.background-subtle}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{color.article.surface-default}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{color.article.surface-hover}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{color.article.surface-active}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{color.article.border-subtle}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{color.article.border-default}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{color.article.border-strong}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{color.article.base-default}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{color.article.base-hover}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.article.base-active}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{color.article.text-subtle}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{color.article.text-default}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{color.article.contrast-default}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{color.article.contrast-subtle}"
+      }
+    }
+  }
+}

package/dist/tokens/modes/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/modes/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/person.css

@@ -0,0 +1,23 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.color {
+  [data-color="person"] {
+    --ds-color-background-default: var(--ds-color-person-background-default);
+    --ds-color-background-subtle: var(--ds-color-person-background-subtle);
+    --ds-color-surface-default: var(--ds-color-person-surface-default);
+    --ds-color-surface-hover: var(--ds-color-person-surface-hover);
+    --ds-color-surface-active: var(--ds-color-person-surface-active);
+    --ds-color-border-subtle: var(--ds-color-person-border-subtle);
+    --ds-color-border-default: var(--ds-color-person-border-default);
+    --ds-color-border-strong: var(--ds-color-person-border-strong);
+    --ds-color-base-default: var(--ds-color-person-base-default);
+    --ds-color-base-hover: var(--ds-color-person-base-hover);
+    --ds-color-base-active: var(--ds-color-person-base-active);
+    --ds-color-text-subtle: var(--ds-color-person-text-subtle);
+    --ds-color-text-default: var(--ds-color-person-text-default);
+    --ds-color-contrast-default: var(--ds-color-person-contrast-default);
+    --ds-color-contrast-subtle: var(--ds-color-person-contrast-subtle);
+  }
+}

package/dist/tokens/person.json

@@ -0,0 +1,66 @@
+{
+  "color": {
+    "main": {
+      "background-default": {
+        "$type": "color",
+        "$value": "{color.person.background-default}"
+      },
+      "background-subtle": {
+        "$type": "color",
+        "$value": "{color.person.background-subtle}"
+      },
+      "surface-default": {
+        "$type": "color",
+        "$value": "{color.person.surface-default}"
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": "{color.person.surface-hover}"
+      },
+      "surface-active": {
+        "$type": "color",
+        "$value": "{color.person.surface-active}"
+      },
+      "border-subtle": {
+        "$type": "color",
+        "$value": "{color.person.border-subtle}"
+      },
+      "border-default": {
+        "$type": "color",
+        "$value": "{color.person.border-default}"
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": "{color.person.border-strong}"
+      },
+      "base-default": {
+        "$type": "color",
+        "$value": "{color.person.base-default}"
+      },
+      "base-hover": {
+        "$type": "color",
+        "$value": "{color.person.base-hover}"
+      },
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.person.base-active}"
+      },
+      "text-subtle": {
+        "$type": "color",
+        "$value": "{color.person.text-subtle}"
+      },
+      "text-default": {
+        "$type": "color",
+        "$value": "{color.person.text-default}"
+      },
+      "contrast-default": {
+        "$type": "color",
+        "$value": "{color.person.contrast-default}"
+      },
+      "contrast-subtle": {
+        "$type": "color",
+        "$value": "{color.person.contrast-subtle}"
+      }
+    }
+  }
+}

package/dist/tokens/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/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;
+  }
+}