Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@gyldendal/kobber-base

Package Overview
Dependencies
Maintainers
4
Versions
66
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gyldendal/kobber-base - npm Package Compare versions

Comparing version 0.0.1 to 0.1.0

additionalTokens.ts

6

CHANGELOG.md
# @gyldendal/kobber-base
## 0.1.0
### Minor Changes
- Updated token names and created a basic layout-system
## 0.0.1

@@ -4,0 +10,0 @@

10

package.json
{
"name": "@gyldendal/kobber-base",
"version": "0.0.1",
"version": "0.1.0",
"license": "MIT",

@@ -8,5 +8,3 @@ "type": "commonjs",

"clean": "rm -rf .turbo node_modules",
"build": "yarn tokens && yarn css",
"tokens": "ts-node ./build-tokens.ts",
"css": "ts-node build-css.ts"
"build": "yarn ts-node ./buildTokens.ts && ts-node buildTypography.ts"
},

@@ -19,6 +17,6 @@ "dependencies": {},

"devDependencies": {
"style-dictionary": "^3.9.0",
"ts-node": "^10.9.1",
"typescript": "^5.2.2",
"style-dictionary": "^3.9.0"
"typescript": "^5.2.2"
}
}

18

README.md

@@ -5,8 +5,6 @@ # Base

"namespace" will be replaced when the design system has been given a name.
Design tokens can be imported as json, css variables or sass variables:
```JavaScript
import theme from "~@gyldendal/kobber-base/themes/magazine/tokens.json";
import theme from "~@gyldendal/kobber-base/themes/default/tokens.json";

@@ -19,6 +17,6 @@ export const Button = styled.button`

```css
@import "~@gyldendal/kobber-base/themes/magazine/tokens.css";
@import "~@gyldendal/kobber-base/themes/default/tokens.css";
.button {
background-color: var(--namespace-component-button-color-background);
background-color: var(--kobber-component-button-color-background);
}

@@ -28,3 +26,3 @@ ```

```scss
@use "~@gyldendal/kobber-base/themes/magazine/tokens.scss" as tokens;
@use "~@gyldendal/kobber-base/themes/default/tokens.scss" as tokens;

@@ -39,5 +37,5 @@ .button {

```html
<style>@import "~@gyldendal/kobber-base/themes/magazine/typography.css";</style>
<style>@import "~@gyldendal/kobber-base/themes/default/typography.css";</style>
<h1 class="namespace-magazine-headingXxl">Heading</h1>
<h1 class="kobber-typography-heading-xl">Heading</h1>
```

@@ -47,3 +45,3 @@

.my-heading {
composes: headingXxl from "~@gyldendal/kobber-base/themes/magazine/typography.module.css";
composes: headingXxl from "~@gyldendal/kobber-base/themes/default/typography.module.css";
}

@@ -57,3 +55,3 @@ ```

<ThemeProvider variant="magazine">
<ThemeProvider variant="default">
<Typography component="h1" variant="headingXxl" />

@@ -60,0 +58,0 @@ </TheThemeProviderme>

{
"font": {
"action": {
"button": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"input": {
"label": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"placeholder": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"disabled": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"disabled": {
"placeholder": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"button": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
},
"content": {
"body": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"lead": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 36,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"caption": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 21,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"badge": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 18,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"heading": {
"xxxl": {
"fontSize": 64,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 76.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xxl": {
"fontSize": 48,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 57.6,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xl": {
"fontSize": 40,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 48,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"l": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 38.4,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"m": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 28.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"s": {
"fontSize": 20,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xs": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.16,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
},
"xxs": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 16.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"subheading": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.28,
"lineHeight": 16.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
}
},
"tile": {
"heading": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 28.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"body": {
"fontSize": 20,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"subheader": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"list": {
"listitem": {
"header": {
"default": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"selected": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"small": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 120,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
}
},
"listitem": {
"big": {
"header": {
"default": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"selected": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
}
},
"section": {
"input": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 32,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
},
"effect": {
"shadowdepth.default": {
"0": {
"shadowType": "dropShadow",
"radius": 16,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"1": {
"shadowType": "dropShadow",
"radius": 8,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 2,
"spread": 0
}
},
"shadowdepth.hover": {
"shadowType": "dropShadow",
"radius": 24,
"color": "#0000003d",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"focus.default": {
"shadowType": "dropShadow",
"radius": 0,
"color": "#008c8fff",
"offsetX": 0,
"offsetY": 0,
"spread": 2
},
"button.hover": {
"shadowType": "dropShadow",
"radius": 4,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 2,
"spread": 0
},
"button.default": {
"shadowType": "dropShadow",
"radius": 2,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 1,
"spread": 0
},
"modal": {
"0": {
"shadowType": "dropShadow",
"radius": 20,
"color": "#0000003d",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"1": {
"shadowType": "dropShadow",
"radius": 4,
"color": "#00000014",
"offsetX": 0,
"offsetY": 2,
"spread": 0
}
}
},
"primitives": {

@@ -682,3 +220,3 @@ "border": {

"color": {
"background": "#f4f5f6ff"
"background": "#373e43ff"
}

@@ -894,2 +432,31 @@ },

}
},
"tooltip": {
"border": {
"radius": 8
},
"color": {
"background": "#f4f5f6ff",
"foreground": "#25292dff"
},
"padding": {
"inline": 16,
"block": 8
}
},
"alert": {
"color": {
"error": {
"foreground": "#ffadcaff",
"background": "#b80040ff"
},
"info": {
"foreground": "#9be1e3ff",
"background": "#006466ff"
}
},
"padding": {
"inline": 24,
"block": 16
}
}

@@ -930,12 +497,22 @@ },

"disabled": {
"background": "#dde0e3ff",
"foreground": "#373e43ff"
"background": "#373e43ff",
"foreground": "#9aa4acff"
},
"error": {
"foreground": "#ffffffff",
"background": "#e0004eff"
"foreground": "#25292dff",
"background": "#ffadcaff"
},
"default": {
"foreground": "#000000ff",
"background": "#f4f5f6ff"
"foreground": "#f4f5f6ff",
"background": "#373e43ff"
},
"active": {
"background": "#25292dff",
"foreground": "#f4f5f6ff"
},
"focus": {
"border": "#33c4c6ff"
},
"hover": {
"background": "#5c6770ff"
}

@@ -1029,4 +606,4 @@ },

"failure": {
"primary": "#e0004eff",
"secondary": "#ffd6e4ff"
"primary": "#ffadcaff",
"secondary": "#b80040ff"
},

@@ -1043,2 +620,6 @@ "surface": {

}
},
"info": {
"primary": "#9be1e3ff",
"secondary": "#006466ff"
}

@@ -1078,2 +659,33 @@ }

},
"documentation": {
"layout": {
"page": {
"background": {
"color": {
"primary": "#d6cdbcff",
"secondary": "#fdfcfbff"
}
}
},
"separator": {
"border": {
"color": "#dde0e3ff"
}
},
"container": {
"padding": {
"large": 16,
"small": 6,
"medium": 8
}
}
},
"article": {
"container": {
"margin": {
"bottom": 96
}
}
}
},
"typography": {

@@ -1084,3 +696,3 @@ "action": {

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1096,3 +708,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1107,3 +719,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1118,3 +730,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1131,3 +743,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1142,3 +754,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1156,3 +768,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1167,3 +779,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1178,3 +790,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1189,3 +801,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1202,3 +814,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1213,3 +825,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1224,3 +836,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1235,3 +847,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1246,3 +858,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1257,3 +869,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1268,3 +880,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1280,3 +892,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1291,3 +903,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1305,3 +917,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1316,3 +928,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1327,3 +939,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1342,3 +954,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1353,3 +965,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1364,3 +976,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1381,3 +993,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1392,3 +1004,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1407,3 +1019,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1416,3 +1028,33 @@ "fontStyle": "normal",

}
},
"mediaQuery": {
"small": "(max-width: 639px)",
"medium": "(min-width: 640px) and (max-width: 1279px)",
"large": "(min-width: 1280px)"
},
"layout": {
"minWidth": 320,
"maxWidth": 1280,
"viewportWidth": {
"small": {
"max": 639
},
"medium": {
"min": 640,
"max": 1279
},
"large": {
"min": 1280
}
},
"padding": {
"min": 4,
"max": 16
},
"gap": {
"4-16": "clamp(0.25rem, calc(0.00rem + 1.25vw), 1rem)",
"4-8": "clamp(0.25rem, calc(0.17rem + 0.42vw), 0.5rem)",
"8-16": "clamp(0.5rem, calc(0.33rem + 0.83vw), 1rem)"
}
}
}

@@ -11,3 +11,3 @@ [

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -30,3 +30,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -49,3 +49,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -68,3 +68,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -87,3 +87,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -106,3 +106,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -124,3 +124,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -142,3 +142,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -160,3 +160,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -178,3 +178,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -196,3 +196,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -214,3 +214,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -232,3 +232,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -250,3 +250,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -268,3 +268,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -286,3 +286,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -304,3 +304,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -323,3 +323,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -341,3 +341,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -360,3 +360,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -378,3 +378,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -396,3 +396,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -416,3 +416,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -436,3 +436,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -456,3 +456,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -476,3 +476,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -496,3 +496,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -514,3 +514,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -517,0 +517,0 @@ "fontStyle": "normal",

{
"actionButton": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -12,5 +12,5 @@ "fontStyle": "normal",

"actionInputLabel": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -22,5 +22,5 @@ "fontStyle": "normal",

"actionInputPlaceholder": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -32,5 +32,5 @@ "fontStyle": "normal",

"actionInputDisabled": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -42,5 +42,5 @@ "fontStyle": "italic",

"actionDisabledPlaceholder": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -52,5 +52,5 @@ "fontStyle": "italic",

"actionDisabledButton": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -62,5 +62,5 @@ "fontStyle": "italic",

"contentBody": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -72,5 +72,5 @@ "fontStyle": "normal",

"contentLead": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -82,5 +82,5 @@ "fontStyle": "normal",

"contentCaption": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -92,5 +92,5 @@ "fontStyle": "normal",

"contentBadge": {
"fontSize": "12px",
"fontSize": "0.75rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -102,5 +102,5 @@ "fontStyle": "normal",

"headingXxxl": {
"fontSize": "64px",
"fontSize": "4rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -112,5 +112,5 @@ "fontStyle": "normal",

"headingXxl": {
"fontSize": "48px",
"fontSize": "3rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -122,5 +122,5 @@ "fontStyle": "normal",

"headingXl": {
"fontSize": "40px",
"fontSize": "2.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -132,5 +132,5 @@ "fontStyle": "normal",

"headingL": {
"fontSize": "32px",
"fontSize": "2rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -142,5 +142,5 @@ "fontStyle": "normal",

"headingM": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -152,5 +152,5 @@ "fontStyle": "normal",

"headingS": {
"fontSize": "20px",
"fontSize": "1.25rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -162,5 +162,5 @@ "fontStyle": "normal",

"headingXs": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -173,5 +173,5 @@ "fontStyle": "normal",

"headingXxs": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -183,5 +183,5 @@ "fontStyle": "normal",

"headingSubheading": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -194,5 +194,5 @@ "fontStyle": "normal",

"tileHeading": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -204,5 +204,5 @@ "fontStyle": "normal",

"tileBody": {
"fontSize": "20px",
"fontSize": "1.25rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -214,5 +214,5 @@ "fontStyle": "normal",

"tileSubheader": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -224,5 +224,5 @@ "fontStyle": "normal",

"listListitemHeaderDefault": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -234,5 +234,5 @@ "fontStyle": "normal",

"listListitemHeaderSelected": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -244,5 +244,5 @@ "fontStyle": "normal",

"listListitemHeaderSmall": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -254,5 +254,5 @@ "fontStyle": "normal",

"listitemBigHeaderDefault": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -264,5 +264,5 @@ "fontStyle": "normal",

"listitemBigHeaderSelected": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -274,5 +274,5 @@ "fontStyle": "normal",

"sectionInput": {
"fontSize": "32px",
"fontSize": "2rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -279,0 +279,0 @@ "fontStyle": "normal",

{
"font": {
"action": {
"button": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"input": {
"label": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"placeholder": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"disabled": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"disabled": {
"placeholder": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"button": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "italic",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
},
"content": {
"body": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"lead": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 36,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"caption": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 21,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"badge": {
"fontSize": 12,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 18,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"heading": {
"xxxl": {
"fontSize": 64,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 76.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xxl": {
"fontSize": 48,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 57.6,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xl": {
"fontSize": 40,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 48,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"l": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 38.4,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"m": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 28.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"s": {
"fontSize": 20,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"xs": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.16,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
},
"xxs": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 600,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 16.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"subheading": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0.28,
"lineHeight": 16.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "uppercase"
}
},
"tile": {
"heading": {
"fontSize": 24,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 28.8,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"body": {
"fontSize": 20,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 24,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"subheader": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
},
"list": {
"listitem": {
"header": {
"default": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"selected": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"small": {
"fontSize": 14,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 120,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
}
},
"listitem": {
"big": {
"header": {
"default": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
},
"selected": {
"fontSize": 16,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 500,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 19.2,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
}
},
"section": {
"input": {
"fontSize": 32,
"textDecoration": "none",
"fontFamily": "Inter",
"fontWeight": 400,
"fontStyle": "normal",
"fontStretch": "normal",
"letterSpacing": 0,
"lineHeight": 32,
"paragraphIndent": 0,
"paragraphSpacing": 0,
"textCase": "none"
}
}
},
"effect": {
"shadowdepth.default": {
"0": {
"shadowType": "dropShadow",
"radius": 16,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"1": {
"shadowType": "dropShadow",
"radius": 8,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 2,
"spread": 0
}
},
"shadowdepth.hover": {
"shadowType": "dropShadow",
"radius": 24,
"color": "#0000003d",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"focus.default": {
"shadowType": "dropShadow",
"radius": 0,
"color": "#008c8fff",
"offsetX": 0,
"offsetY": 0,
"spread": 2
},
"button.hover": {
"shadowType": "dropShadow",
"radius": 4,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 2,
"spread": 0
},
"button.default": {
"shadowType": "dropShadow",
"radius": 2,
"color": "#0000001f",
"offsetX": 0,
"offsetY": 1,
"spread": 0
},
"modal": {
"0": {
"shadowType": "dropShadow",
"radius": 20,
"color": "#0000003d",
"offsetX": 0,
"offsetY": 4,
"spread": 0
},
"1": {
"shadowType": "dropShadow",
"radius": 4,
"color": "#00000014",
"offsetX": 0,
"offsetY": 2,
"spread": 0
}
}
},
"primitives": {

@@ -893,2 +431,31 @@ "border": {

}
},
"tooltip": {
"border": {
"radius": 8
},
"color": {
"background": "#121516ff",
"foreground": "#ffffffff"
},
"padding": {
"inline": 16,
"block": 8
}
},
"alert": {
"color": {
"error": {
"foreground": "#e0004eff",
"background": "#ffd6e4ff"
},
"info": {
"foreground": "#006466ff",
"background": "#cbf0f1ff"
}
},
"padding": {
"inline": 24,
"block": 16
}
}

@@ -930,11 +497,21 @@ },

"background": "#dde0e3ff",
"foreground": "#373e43ff"
"foreground": "#5c6770ff"
},
"error": {
"foreground": "#ffffffff",
"foreground": "#f4f5f6ff",
"background": "#e0004eff"
},
"default": {
"foreground": "#000000ff",
"foreground": "#121516ff",
"background": "#f4f5f6ff"
},
"active": {
"background": "#ffffffff",
"foreground": "#121516ff"
},
"focus": {
"border": "#008c8fff"
},
"hover": {
"background": "#dde0e3ff"
}

@@ -1041,2 +618,6 @@ },

}
},
"info": {
"primary": "#006466ff",
"secondary": "#cbf0f1ff"
}

@@ -1076,2 +657,33 @@ }

},
"documentation": {
"layout": {
"page": {
"background": {
"color": {
"primary": "#d6cdbcff",
"secondary": "#fdfcfbff"
}
}
},
"separator": {
"border": {
"color": "#dde0e3ff"
}
},
"container": {
"padding": {
"large": 16,
"small": 6,
"medium": 8
}
}
},
"article": {
"container": {
"margin": {
"bottom": 96
}
}
}
},
"typography": {

@@ -1082,3 +694,3 @@ "action": {

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1094,3 +706,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1105,3 +717,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1116,3 +728,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1129,3 +741,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1140,3 +752,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1154,3 +766,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1165,3 +777,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1176,3 +788,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1187,3 +799,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1200,3 +812,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1211,3 +823,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1222,3 +834,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1233,3 +845,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1244,3 +856,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1255,3 +867,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1266,3 +878,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1278,3 +890,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -1289,3 +901,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1303,3 +915,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1314,3 +926,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1325,3 +937,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1340,3 +952,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1351,3 +963,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1362,3 +974,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1379,3 +991,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1390,3 +1002,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -1405,3 +1017,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -1414,3 +1026,33 @@ "fontStyle": "normal",

}
},
"mediaQuery": {
"small": "(max-width: 639px)",
"medium": "(min-width: 640px) and (max-width: 1279px)",
"large": "(min-width: 1280px)"
},
"layout": {
"minWidth": 320,
"maxWidth": 1280,
"viewportWidth": {
"small": {
"max": 639
},
"medium": {
"min": 640,
"max": 1279
},
"large": {
"min": 1280
}
},
"padding": {
"min": 4,
"max": 16
},
"gap": {
"4-16": "clamp(0.25rem, calc(0.00rem + 1.25vw), 1rem)",
"4-8": "clamp(0.25rem, calc(0.17rem + 0.42vw), 0.5rem)",
"8-16": "clamp(0.5rem, calc(0.33rem + 0.83vw), 1rem)"
}
}
}

@@ -11,3 +11,3 @@ [

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -30,3 +30,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -49,3 +49,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -68,3 +68,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -87,3 +87,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -106,3 +106,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -124,3 +124,3 @@ "fontStyle": "italic",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -142,3 +142,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -160,3 +160,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -178,3 +178,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -196,3 +196,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -214,3 +214,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -232,3 +232,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -250,3 +250,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -268,3 +268,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -286,3 +286,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -304,3 +304,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -323,3 +323,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -341,3 +341,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -360,3 +360,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -378,3 +378,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -396,3 +396,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -416,3 +416,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -436,3 +436,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -456,3 +456,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -476,3 +476,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -496,3 +496,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -514,3 +514,3 @@ "fontStyle": "normal",

"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -517,0 +517,0 @@ "fontStyle": "normal",

{
"actionButton": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -12,5 +12,5 @@ "fontStyle": "normal",

"actionInputLabel": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -22,5 +22,5 @@ "fontStyle": "normal",

"actionInputPlaceholder": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -32,5 +32,5 @@ "fontStyle": "normal",

"actionInputDisabled": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -42,5 +42,5 @@ "fontStyle": "italic",

"actionDisabledPlaceholder": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -52,5 +52,5 @@ "fontStyle": "italic",

"actionDisabledButton": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -62,5 +62,5 @@ "fontStyle": "italic",

"contentBody": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -72,5 +72,5 @@ "fontStyle": "normal",

"contentLead": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -82,5 +82,5 @@ "fontStyle": "normal",

"contentCaption": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -92,5 +92,5 @@ "fontStyle": "normal",

"contentBadge": {
"fontSize": "12px",
"fontSize": "0.75rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -102,5 +102,5 @@ "fontStyle": "normal",

"headingXxxl": {
"fontSize": "64px",
"fontSize": "4rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -112,5 +112,5 @@ "fontStyle": "normal",

"headingXxl": {
"fontSize": "48px",
"fontSize": "3rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -122,5 +122,5 @@ "fontStyle": "normal",

"headingXl": {
"fontSize": "40px",
"fontSize": "2.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -132,5 +132,5 @@ "fontStyle": "normal",

"headingL": {
"fontSize": "32px",
"fontSize": "2rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -142,5 +142,5 @@ "fontStyle": "normal",

"headingM": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -152,5 +152,5 @@ "fontStyle": "normal",

"headingS": {
"fontSize": "20px",
"fontSize": "1.25rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -162,5 +162,5 @@ "fontStyle": "normal",

"headingXs": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -173,5 +173,5 @@ "fontStyle": "normal",

"headingXxs": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 600,

@@ -183,5 +183,5 @@ "fontStyle": "normal",

"headingSubheading": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -194,5 +194,5 @@ "fontStyle": "normal",

"tileHeading": {
"fontSize": "24px",
"fontSize": "1.5rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -204,5 +204,5 @@ "fontStyle": "normal",

"tileBody": {
"fontSize": "20px",
"fontSize": "1.25rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -214,5 +214,5 @@ "fontStyle": "normal",

"tileSubheader": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -224,5 +224,5 @@ "fontStyle": "normal",

"listListitemHeaderDefault": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -234,5 +234,5 @@ "fontStyle": "normal",

"listListitemHeaderSelected": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -244,5 +244,5 @@ "fontStyle": "normal",

"listListitemHeaderSmall": {
"fontSize": "14px",
"fontSize": "0.875rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -254,5 +254,5 @@ "fontStyle": "normal",

"listitemBigHeaderDefault": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -264,5 +264,5 @@ "fontStyle": "normal",

"listitemBigHeaderSelected": {
"fontSize": "16px",
"fontSize": "1rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 500,

@@ -274,5 +274,5 @@ "fontStyle": "normal",

"sectionInput": {
"fontSize": "32px",
"fontSize": "2rem",
"textDecoration": "none",
"fontFamily": "Inter",
"fontFamily": "Inter, 'Inter Variable'",
"fontWeight": 400,

@@ -279,0 +279,0 @@ "fontStyle": "normal",

@@ -10,5 +10,6 @@ {

"files": [
"build-css.ts"
"buildTokens.ts",
"buildTypography.ts"
]
}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc