@altinn/altinn-components 0.52.3 → 0.52.4

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

@@ -1,70 +0,0 @@
-{
-  "color": {
-    "main": {
-      "background-default": {
-        "$type": "color",
-        "$value": "{color.person.background-default}"
-      },
-      "background-tinted": {
-        "$type": "color",
-        "$value": "{color.person.background-tinted}"
-      },
-      "surface-default": {
-        "$type": "color",
-        "$value": "{color.person.surface-default}"
-      },
-      "surface-tinted": {
-        "$type": "color",
-        "$value": "{color.person.surface-tinted}"
-      },
-      "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}"
-      },
-      "text-subtle": {
-        "$type": "color",
-        "$value": "{color.person.text-subtle}"
-      },
-      "text-default": {
-        "$type": "color",
-        "$value": "{color.person.text-default}"
-      },
-      "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}"
-      },
-      "base-contrast-subtle": {
-        "$type": "color",
-        "$value": "{color.person.base-contrast-subtle}"
-      },
-      "base-contrast-default": {
-        "$type": "color",
-        "$value": "{color.person.base-contrast-default}"
-      }
-    }
-  }
-}

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

@@ -1,70 +0,0 @@
-{
-  "color": {
-    "support": {
-      "background-default": {
-        "$type": "color",
-        "$value": "{color.alert.background-default}"
-      },
-      "background-tinted": {
-        "$type": "color",
-        "$value": "{color.alert.background-tinted}"
-      },
-      "surface-default": {
-        "$type": "color",
-        "$value": "{color.alert.surface-default}"
-      },
-      "surface-tinted": {
-        "$type": "color",
-        "$value": "{color.alert.surface-tinted}"
-      },
-      "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}"
-      },
-      "text-subtle": {
-        "$type": "color",
-        "$value": "{color.alert.text-subtle}"
-      },
-      "text-default": {
-        "$type": "color",
-        "$value": "{color.alert.text-default}"
-      },
-      "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}"
-      },
-      "base-contrast-subtle": {
-        "$type": "color",
-        "$value": "{color.alert.base-contrast-subtle}"
-      },
-      "base-contrast-default": {
-        "$type": "color",
-        "$value": "{color.alert.base-contrast-default}"
-      }
-    }
-  }
-}

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

@@ -1,70 +0,0 @@
-{
-  "color": {
-    "support": {
-      "background-default": {
-        "$type": "color",
-        "$value": "{color.article.background-default}"
-      },
-      "background-tinted": {
-        "$type": "color",
-        "$value": "{color.article.background-tinted}"
-      },
-      "surface-default": {
-        "$type": "color",
-        "$value": "{color.article.surface-default}"
-      },
-      "surface-tinted": {
-        "$type": "color",
-        "$value": "{color.article.surface-tinted}"
-      },
-      "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}"
-      },
-      "text-subtle": {
-        "$type": "color",
-        "$value": "{color.article.text-subtle}"
-      },
-      "text-default": {
-        "$type": "color",
-        "$value": "{color.article.text-default}"
-      },
-      "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}"
-      },
-      "base-contrast-subtle": {
-        "$type": "color",
-        "$value": "{color.article.base-contrast-subtle}"
-      },
-      "base-contrast-default": {
-        "$type": "color",
-        "$value": "{color.article.base-contrast-default}"
-      }
-    }
-  }
-}

package/dist/tokens/semantic/style.json

@@ -1,378 +0,0 @@
-{
-  "typography": {
-    "heading": {
-      "2xl": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.10}",
-          "letterSpacing": "{letter-spacing.1}"
-        }
-      },
-      "xl": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.9}",
-          "letterSpacing": "{letter-spacing.1}"
-        }
-      },
-      "lg": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.8}",
-          "letterSpacing": "{letter-spacing.2}"
-        }
-      },
-      "md": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.7}",
-          "letterSpacing": "{letter-spacing.3}"
-        }
-      },
-      "sm": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.6}",
-          "letterSpacing": "{letter-spacing.5}"
-        }
-      },
-      "xs": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.5}",
-          "letterSpacing": "{letter-spacing.6}"
-        }
-      },
-      "2xs": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.medium}",
-          "lineHeight": "{line-height.sm}",
-          "fontSize": "{font-size.4}",
-          "letterSpacing": "{letter-spacing.6}"
-        }
-      }
-    },
-    "body": {
-      "xl": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.regular}",
-          "lineHeight": "{line-height.md}",
-          "fontSize": "{font-size.6}",
-          "letterSpacing": "{letter-spacing.8}"
-        }
-      },
-      "lg": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.regular}",
-          "lineHeight": "{line-height.md}",
-          "fontSize": "{font-size.5}",
-          "letterSpacing": "{letter-spacing.8}"
-        }
-      },
-      "md": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.regular}",
-          "lineHeight": "{line-height.md}",
-          "fontSize": "{font-size.4}",
-          "letterSpacing": "{letter-spacing.8}"
-        }
-      },
-      "sm": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.regular}",
-          "lineHeight": "{line-height.md}",
-          "fontSize": "{font-size.3}",
-          "letterSpacing": "{letter-spacing.7}"
-        }
-      },
-      "xs": {
-        "$type": "typography",
-        "$value": {
-          "fontFamily": "{font-family}",
-          "fontWeight": "{font-weight.regular}",
-          "lineHeight": "{line-height.md}",
-          "fontSize": "{font-size.2}",
-          "letterSpacing": "{letter-spacing.6}"
-        }
-      },
-      "short": {
-        "xl": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.sm}",
-            "fontSize": "{font-size.6}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "lg": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.sm}",
-            "fontSize": "{font-size.5}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "md": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.sm}",
-            "fontSize": "{font-size.4}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "sm": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.sm}",
-            "fontSize": "{font-size.3}",
-            "letterSpacing": "{letter-spacing.7}"
-          }
-        },
-        "xs": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.sm}",
-            "fontSize": "{font-size.2}",
-            "letterSpacing": "{letter-spacing.6}"
-          }
-        }
-      },
-      "long": {
-        "xl": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.lg}",
-            "fontSize": "{font-size.6}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "lg": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.lg}",
-            "fontSize": "{font-size.5}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "md": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.lg}",
-            "fontSize": "{font-size.4}",
-            "letterSpacing": "{letter-spacing.8}"
-          }
-        },
-        "sm": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.lg}",
-            "fontSize": "{font-size.3}",
-            "letterSpacing": "{letter-spacing.7}"
-          }
-        },
-        "xs": {
-          "$type": "typography",
-          "$value": {
-            "fontFamily": "{font-family}",
-            "fontWeight": "{font-weight.regular}",
-            "lineHeight": "{line-height.lg}",
-            "fontSize": "{font-size.2}",
-            "letterSpacing": "{letter-spacing.6}"
-          }
-        }
-      }
-    }
-  },
-  "opacity": {
-    "disabled": {
-      "$type": "opacity",
-      "$value": "{opacity.30}"
-    }
-  },
-  "border-width": {
-    "default": {
-      "$type": "borderWidth",
-      "$value": "{border-width.1}"
-    },
-    "focus": {
-      "$type": "borderWidth",
-      "$value": "{border-width.3}"
-    }
-  },
-  "shadow": {
-    "xs": {
-      "$type": "boxShadow",
-      "$value": "{shadow.100}"
-    },
-    "sm": {
-      "$type": "boxShadow",
-      "$value": "{shadow.200}"
-    },
-    "md": {
-      "$type": "boxShadow",
-      "$value": "{shadow.300}"
-    },
-    "lg": {
-      "$type": "boxShadow",
-      "$value": "{shadow.400}"
-    },
-    "xl": {
-      "$type": "boxShadow",
-      "$value": "{shadow.500}"
-    }
-  },
-  "border-radius": {
-    "sm": {
-      "$type": "dimension",
-      "$value": "{border-radius.1}"
-    },
-    "md": {
-      "$type": "dimension",
-      "$value": "{border-radius.2}"
-    },
-    "lg": {
-      "$type": "dimension",
-      "$value": "{border-radius.3}"
-    },
-    "xl": {
-      "$type": "dimension",
-      "$value": "{border-radius.4}"
-    },
-    "default": {
-      "$type": "dimension",
-      "$value": "{border-radius.5}"
-    },
-    "full": {
-      "$type": "dimension",
-      "$value": "{border-radius.6}"
-    }
-  },
-  "size": {
-    "0": {
-      "$type": "dimension",
-      "$value": "{_size.0}"
-    },
-    "1": {
-      "$type": "dimension",
-      "$value": "{_size.1}"
-    },
-    "2": {
-      "$type": "dimension",
-      "$value": "{_size.2}"
-    },
-    "3": {
-      "$type": "dimension",
-      "$value": "{_size.3}"
-    },
-    "4": {
-      "$type": "dimension",
-      "$value": "{_size.4}"
-    },
-    "5": {
-      "$type": "dimension",
-      "$value": "{_size.5}"
-    },
-    "6": {
-      "$type": "dimension",
-      "$value": "{_size.6}"
-    },
-    "7": {
-      "$type": "dimension",
-      "$value": "{_size.7}"
-    },
-    "8": {
-      "$type": "dimension",
-      "$value": "{_size.8}"
-    },
-    "9": {
-      "$type": "dimension",
-      "$value": "{_size.9}"
-    },
-    "10": {
-      "$type": "dimension",
-      "$value": "{_size.10}"
-    },
-    "11": {
-      "$type": "dimension",
-      "$value": "{_size.11}"
-    },
-    "12": {
-      "$type": "dimension",
-      "$value": "{_size.12}"
-    },
-    "13": {
-      "$type": "dimension",
-      "$value": "{_size.13}"
-    },
-    "14": {
-      "$type": "dimension",
-      "$value": "{_size.14}"
-    },
-    "15": {
-      "$type": "dimension",
-      "$value": "{_size.15}"
-    },
-    "18": {
-      "$type": "dimension",
-      "$value": "{_size.18}"
-    },
-    "22": {
-      "$type": "dimension",
-      "$value": "{_size.22}"
-    },
-    "26": {
-      "$type": "dimension",
-      "$value": "{_size.26}"
-    },
-    "30": {
-      "$type": "dimension",
-      "$value": "{_size.30}"
-    }
-  }
-}

package/dist/tokens/semantic.css

@@ -1,70 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.semantic {
-  :root {
-    --ds-size-base: 18;
-    --ds-size-step: 4;
-    --ds-border-radius-base: 0.25rem;
-    --ds-border-radius-scale: 0.25rem;
-    --ds-border-radius-sm: min(var(--ds-border-radius-base) * 0.5, var(--ds-border-radius-scale));
-    --ds-border-radius-md: min(var(--ds-border-radius-base), var(--ds-border-radius-scale) * 2);
-    --ds-border-radius-lg: min(var(--ds-border-radius-base) * 2, var(--ds-border-radius-scale) * 5);
-    --ds-border-radius-xl: min(var(--ds-border-radius-base) * 3, var(--ds-border-radius-scale) * 7);
-    --ds-border-radius-default: var(--ds-border-radius-base);
-    --ds-border-radius-full: 624.9375rem;
-    --ds-opacity-disabled: 30%;
-    --ds-border-width-default: 1px;
-    --ds-border-width-focus: 3px;
-    --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
-    --ds-shadow-sm: 0 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-    --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
-    --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
-    --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
-
-    --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
-    --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
-    --ds-size-2: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2);
-    --ds-size-3: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3);
-    --ds-size-4: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4);
-    --ds-size-5: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5);
-    --ds-size-6: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6);
-    --ds-size-7: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7);
-    --ds-size-8: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8);
-    --ds-size-9: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9);
-    --ds-size-10: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10);
-    --ds-size-11: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11);
-    --ds-size-12: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12);
-    --ds-size-13: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13);
-    --ds-size-14: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14);
-    --ds-size-15: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15);
-    --ds-size-18: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18);
-    --ds-size-22: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22);
-    --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26);
-    --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30);
-
-    @supports (width: round(down, .1em, 1px)) {
-      --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0), 0.0625rem);
-      --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1), 0.0625rem);
-      --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2), 0.0625rem);
-      --ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 3), 0.0625rem);
-      --ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 4), 0.0625rem);
-      --ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 5), 0.0625rem);
-      --ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 6), 0.0625rem);
-      --ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 7), 0.0625rem);
-      --ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 8), 0.0625rem);
-      --ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 9), 0.0625rem);
-      --ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 10), 0.0625rem);
-      --ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 11), 0.0625rem);
-      --ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 12), 0.0625rem);
-      --ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 13), 0.0625rem);
-      --ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 14), 0.0625rem);
-      --ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 15), 0.0625rem);
-      --ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 18), 0.0625rem);
-      --ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 22), 0.0625rem);
-      --ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26), 0.0625rem);
-      --ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30), 0.0625rem);
-    }
-  }
-}