@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/tokens/style.json

@@ -0,0 +1,456 @@
+{
+  "typography": {
+    "heading": {
+      "2xl": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.11}",
+          "letterSpacing": "{letter-spacing.1}"
+        }
+      },
+      "xl": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.10}",
+          "letterSpacing": "{letter-spacing.1}"
+        }
+      },
+      "lg": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.9}",
+          "letterSpacing": "{letter-spacing.2}"
+        }
+      },
+      "md": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.8}",
+          "letterSpacing": "{letter-spacing.3}"
+        }
+      },
+      "sm": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.7}",
+          "letterSpacing": "{letter-spacing.5}"
+        }
+      },
+      "xs": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.6}",
+          "letterSpacing": "{letter-spacing.6}"
+        }
+      },
+      "2xs": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.medium}",
+          "lineHeight": "{line-height.sm}",
+          "fontSize": "{font-size.5}",
+          "letterSpacing": "{letter-spacing.6}"
+        }
+      }
+    },
+    "body": {
+      "xl": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.regular}",
+          "lineHeight": "{line-height.md}",
+          "fontSize": "{font-size.7}",
+          "letterSpacing": "{letter-spacing.8}"
+        }
+      },
+      "lg": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.regular}",
+          "lineHeight": "{line-height.md}",
+          "fontSize": "{font-size.6}",
+          "letterSpacing": "{letter-spacing.8}"
+        }
+      },
+      "md": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.regular}",
+          "lineHeight": "{line-height.md}",
+          "fontSize": "{font-size.5}",
+          "letterSpacing": "{letter-spacing.8}"
+        }
+      },
+      "sm": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.regular}",
+          "lineHeight": "{line-height.md}",
+          "fontSize": "{font-size.4}",
+          "letterSpacing": "{letter-spacing.7}"
+        }
+      },
+      "xs": {
+        "$type": "typography",
+        "$value": {
+          "fontFamily": "{font.family}",
+          "fontWeight": "{font-weight.regular}",
+          "lineHeight": "{line-height.md}",
+          "fontSize": "{font-size.3}",
+          "letterSpacing": "{letter-spacing.6}"
+        }
+      },
+      "short": {
+        "xl": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.sm}",
+            "fontSize": "{font-size.7}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "lg": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.sm}",
+            "fontSize": "{font-size.6}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "md": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.sm}",
+            "fontSize": "{font-size.5}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "sm": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.sm}",
+            "fontSize": "{font-size.4}",
+            "letterSpacing": "{letter-spacing.7}"
+          }
+        },
+        "xs": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.sm}",
+            "fontSize": "{font-size.3}",
+            "letterSpacing": "{letter-spacing.6}"
+          }
+        }
+      },
+      "long": {
+        "xl": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.lg}",
+            "fontSize": "{font-size.7}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "lg": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.lg}",
+            "fontSize": "{font-size.6}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "md": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.lg}",
+            "fontSize": "{font-size.5}",
+            "letterSpacing": "{letter-spacing.8}"
+          }
+        },
+        "sm": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.lg}",
+            "fontSize": "{font-size.4}",
+            "letterSpacing": "{letter-spacing.7}"
+          }
+        },
+        "xs": {
+          "$type": "typography",
+          "$value": {
+            "fontFamily": "{font.family}",
+            "fontWeight": "{font-weight.regular}",
+            "lineHeight": "{line-height.lg}",
+            "fontSize": "{font-size.3}",
+            "letterSpacing": "{letter-spacing.6}"
+          }
+        }
+      }
+    }
+  },
+  "disabled": {
+    "opacity": {
+      "$type": "opacity",
+      "$value": "{opacity.30}"
+    }
+  },
+  "border-radius": {
+    "sm": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.1}"
+    },
+    "md": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.2}"
+    },
+    "lg": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.3}"
+    },
+    "default": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.4}"
+    },
+    "full": {
+      "$type": "borderRadius",
+      "$value": "{border-radius.5}"
+    }
+  },
+  "spacing": {
+    "0": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*0"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*1"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*2"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*3"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*4"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*5"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*6"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*7"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*8"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*9"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*10"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*11"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*12"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*13"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*14"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*15"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*18"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*22"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*26"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "{spacing.scale}*30"
+    }
+  },
+  "sizing": {
+    "0": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*0"
+    },
+    "1": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*1"
+    },
+    "2": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*2"
+    },
+    "3": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*3"
+    },
+    "4": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*4"
+    },
+    "5": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*5"
+    },
+    "6": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*6"
+    },
+    "7": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*7"
+    },
+    "8": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*8"
+    },
+    "9": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*9"
+    },
+    "10": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*10"
+    },
+    "11": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*11"
+    },
+    "12": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*12"
+    },
+    "13": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*13"
+    },
+    "14": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*14"
+    },
+    "15": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*15"
+    },
+    "18": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*18"
+    },
+    "22": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*22"
+    },
+    "26": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*26"
+    },
+    "30": {
+      "$type": "dimension",
+      "$value": "{sizing.scale}*30"
+    }
+  },
+  "border-width": {
+    "default": {
+      "$type": "borderWidth",
+      "$value": "{border-width.1}"
+    },
+    "highlight": {
+      "$type": "borderWidth",
+      "$value": "{border-width.2}"
+    }
+  },
+  "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}"
+    }
+  }
+}

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