@equinor/eds-tokens 2.2.0 → 2.3.0-beta.0

package/build/ts/spacing/comfortable.ts

@@ -0,0 +1,558 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const spacing = {
+  sizing: {
+    icon: {
+      xs: 14,
+      sm: 16,
+      md: 18,
+      lg: 20,
+      xl: 24,
+      twoXl: 28,
+      threeXl: 32,
+      fourXl: 37,
+      fiveXl: 42,
+      sixXl: 48,
+    },
+    selectable: {
+      xs: 16,
+      sm: 20,
+      md: 24,
+      lg: 36,
+      xl: 44,
+      twoXl: 52,
+    },
+    stroke: {
+      thin: 1,
+      thick: 2,
+      none: 0,
+    },
+  },
+  spacing: {
+    icon: {
+      xs: {
+        gapHorizontal: 5.5,
+        gapVertical: 5.5,
+      },
+      sm: {
+        gapHorizontal: 6.5,
+        gapVertical: 6.5,
+      },
+      md: {
+        gapHorizontal: 7.5,
+        gapVertical: 7.5,
+      },
+      lg: {
+        gapHorizontal: 8.5,
+        gapVertical: 8.5,
+      },
+      xl: {
+        gapHorizontal: 10,
+        gapVertical: 10,
+      },
+      twoXl: {
+        gapHorizontal: 11.5,
+        gapVertical: 11.5,
+      },
+      threeXl: {
+        gapHorizontal: 13,
+        gapVertical: 13,
+      },
+      fourXl: {
+        gapHorizontal: 15,
+        gapVertical: 15,
+      },
+      fiveXl: {
+        gapHorizontal: 17.5,
+        gapVertical: 17.5,
+      },
+      sixXl: {
+        gapHorizontal: 20,
+        gapVertical: 20,
+      },
+    },
+    borderRadius: {
+      rounded: 3,
+      pill: 1000,
+      none: 0,
+    },
+    inset: {
+      xs: {
+        horizontal: 6,
+        verticalSquished: 4,
+        verticalSquared: 6,
+        verticalStretched: 8,
+      },
+      sm: {
+        horizontal: 8,
+        verticalSquished: 6,
+        verticalSquared: 8,
+        verticalStretched: 12,
+      },
+      md: {
+        horizontal: 12,
+        verticalSquished: 8,
+        verticalSquared: 12,
+        verticalStretched: 16,
+      },
+      lg: {
+        horizontal: 16,
+        verticalSquished: 12,
+        verticalSquared: 16,
+        verticalStretched: 20,
+      },
+      xl: {
+        horizontal: 20,
+        verticalSquished: 16,
+        verticalSquared: 20,
+        verticalStretched: 24,
+      },
+    },
+    horizontal: {
+      fourXs: 1,
+      threeXs: 2,
+      twoXs: 4,
+      xs: 6,
+      sm: 8,
+      md: 12,
+      lg: 16,
+      xl: 20,
+      twoXl: 24,
+      threeXl: 28,
+    },
+    vertical: {
+      fourXs: 1,
+      threeXs: 2,
+      twoXs: 4,
+      xs: 6,
+      sm: 8,
+      md: 12,
+      lg: 16,
+      xl: 20,
+      twoXl: 24,
+      threeXl: 28,
+    },
+  },
+  typography: {
+    uiBody: {
+      xs: {
+        fontSize: 9,
+        trackingTight: -0.9900000095367432,
+        trackingNormal: 0,
+        trackingWide: 0.9900000095367432,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 12,
+        lineHeightSquished: 12,
+      },
+      sm: {
+        fontSize: 10.5,
+        trackingTight: -1.149999976158142,
+        trackingNormal: 0,
+        trackingWide: 1.149999976158142,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 16,
+        lineHeightSquished: 12,
+      },
+      fontFamily: 'Inter',
+      md: {
+        fontSize: 12,
+        trackingTight: -1.3200000524520874,
+        trackingNormal: 0,
+        trackingWide: 1.3200000524520874,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 16,
+        lineHeightSquished: 12,
+      },
+      lg: {
+        fontSize: 14,
+        trackingTight: -1.5399999618530273,
+        trackingNormal: 0,
+        trackingWide: 1.5399999618530273,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 20,
+        lineHeightSquished: 16,
+      },
+      xl: {
+        fontSize: 16,
+        trackingTight: -1.7599999904632568,
+        trackingNormal: 0,
+        trackingWide: 1.7599999904632568,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 24,
+        lineHeightSquished: 20,
+      },
+      twoXl: {
+        fontSize: 18.5,
+        trackingTight: -1.7599999904632568,
+        trackingNormal: 0,
+        trackingWide: 2.0350000858306885,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 24,
+        lineHeightSquished: 20,
+      },
+      threeXl: {
+        fontSize: 21,
+        trackingTight: -2.309999942779541,
+        trackingNormal: 0,
+        trackingWide: 2.309999942779541,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 28,
+        lineHeightSquished: 24,
+      },
+      fourXl: {
+        fontSize: 24.5,
+        trackingTight: -2.694999933242798,
+        trackingNormal: 0,
+        trackingWide: 2.694999933242798,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 32,
+        lineHeightSquished: 28,
+      },
+      fiveXl: {
+        fontSize: 28,
+        trackingTight: -3.0799999237060547,
+        trackingNormal: 0,
+        trackingWide: 3.0799999237060547,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 32,
+        lineHeightSquished: 28,
+      },
+      sixXl: {
+        fontSize: 32,
+        trackingTight: -3.5199999809265137,
+        trackingNormal: 0,
+        trackingWide: 3.5199999809265137,
+        fontWeightLighter: 300,
+        fontWeightNormal: 0,
+        fontWeightBolder: 500,
+        lineHeightDefault: 36,
+        lineHeightSquished: 32,
+      },
+    },
+    header: {
+      fontFamily: 'Equinor',
+      xs: {
+        fontSize: 10.5,
+        trackingTight: -0.9900000095367432,
+        trackingNormal: 0,
+        trackingWide: 0.9900000095367432,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 12,
+        lineHeightSquished: 12,
+      },
+      sm: {
+        fontSize: 12,
+        trackingTight: -1.149999976158142,
+        trackingNormal: 0,
+        trackingWide: 1.149999976158142,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 16,
+        lineHeightSquished: 12,
+      },
+      md: {
+        fontSize: 14,
+        trackingTight: -1.3200000524520874,
+        trackingNormal: 0,
+        trackingWide: 1.3200000524520874,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 16,
+        lineHeightSquished: 12,
+      },
+      lg: {
+        fontSize: 16,
+        trackingTight: -1.5399999618530273,
+        trackingNormal: 0,
+        trackingWide: 1.5399999618530273,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 20,
+        lineHeightSquished: 16,
+      },
+      xl: {
+        fontSize: 18,
+        trackingTight: -1.7599999904632568,
+        trackingNormal: 0,
+        trackingWide: 1.7599999904632568,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 24,
+        lineHeightSquished: 20,
+      },
+      twoXl: {
+        fontSize: 21,
+        trackingTight: -1.7599999904632568,
+        trackingNormal: 0,
+        trackingWide: 2.0350000858306885,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 24,
+        lineHeightSquished: 20,
+      },
+      threeXl: {
+        fontSize: 24,
+        trackingTight: -2.309999942779541,
+        trackingNormal: 0,
+        trackingWide: 2.309999942779541,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 28,
+        lineHeightSquished: 24,
+      },
+      fourXl: {
+        fontSize: 27.5,
+        trackingTight: -2.694999933242798,
+        trackingNormal: 0,
+        trackingWide: 2.694999933242798,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 32,
+        lineHeightSquished: 28,
+      },
+      fiveXl: {
+        fontSize: 31.5,
+        trackingTight: -3.0799999237060547,
+        trackingNormal: 0,
+        trackingWide: 3.0799999237060547,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 32,
+        lineHeightSquished: 28,
+      },
+      sixXl: {
+        fontSize: 36.5,
+        trackingTight: -3.5199999809265137,
+        trackingNormal: 0,
+        trackingWide: 3.5199999809265137,
+        fontWeightLighter: 300,
+        fontWeightNormal: 400,
+        fontWeightBolder: 500,
+        lineHeightDefault: 36,
+        lineHeightSquished: 32,
+      },
+    },
+  },
+  generic: {
+    gap: {
+      none: {
+        horizontal: 0,
+        vertical: 0,
+      },
+      fourXs: {
+        horizontal: 1,
+        vertical: 1,
+      },
+      threeXs: {
+        horizontal: 2,
+        vertical: 2,
+      },
+      twoXs: {
+        horizontal: 4,
+        vertical: 4,
+      },
+      xs: {
+        horizontal: 6,
+        vertical: 6,
+      },
+      sm: {
+        horizontal: 8,
+        vertical: 8,
+      },
+      md: {
+        horizontal: 12,
+        vertical: 12,
+      },
+      lg: {
+        horizontal: 16,
+        vertical: 16,
+      },
+      xl: {
+        horizontal: 20,
+        vertical: 20,
+      },
+      twoXl: {
+        horizontal: 24,
+        vertical: 24,
+      },
+      threeXl: {
+        horizontal: 28,
+        vertical: 28,
+      },
+    },
+    space: {
+      none: {
+        horizontal: 0,
+        vertical: 0,
+      },
+      fourXs: {
+        horizontal: 1,
+        vertical: 1,
+      },
+      threeXs: {
+        horizontal: 2,
+        vertical: 2,
+      },
+      twoXs: {
+        horizontal: 4,
+        vertical: 4,
+      },
+      xs: {
+        horizontal: 6,
+        vertical: 6,
+      },
+      sm: {
+        horizontal: 8,
+        vertical: 8,
+      },
+      md: {
+        horizontal: 12,
+        vertical: 12,
+      },
+      lg: {
+        horizontal: 16,
+        vertical: 16,
+      },
+      xl: {
+        horizontal: 20,
+        vertical: 20,
+      },
+      twoXl: {
+        horizontal: 24,
+        vertical: 24,
+      },
+      threeXl: {
+        horizontal: 28,
+        vertical: 28,
+      },
+    },
+  },
+  spacingProportions: {
+    squished: {
+      xs: {
+        horizontal: 6,
+        vertical: 4,
+      },
+      sm: {
+        horizontal: 8,
+        vertical: 6,
+      },
+      md: {
+        horizontal: 12,
+        vertical: 8,
+      },
+      lg: {
+        horizontal: 16,
+        vertical: 12,
+      },
+      xl: {
+        horizontal: 20,
+        vertical: 16,
+      },
+    },
+    squared: {
+      xs: {
+        horizontal: 6,
+        vertical: 6,
+      },
+      sm: {
+        horizontal: 8,
+        vertical: 8,
+      },
+      md: {
+        horizontal: 12,
+        vertical: 12,
+      },
+      lg: {
+        horizontal: 16,
+        vertical: 16,
+      },
+      xl: {
+        horizontal: 20,
+        vertical: 20,
+      },
+    },
+    stretched: {
+      xs: {
+        horizontal: 6,
+        vertical: 8,
+      },
+      sm: {
+        horizontal: 8,
+        vertical: 12,
+      },
+      md: {
+        horizontal: 12,
+        vertical: 16,
+      },
+      lg: {
+        horizontal: 16,
+        vertical: 20,
+      },
+      xl: {
+        horizontal: 20,
+        vertical: 24,
+      },
+    },
+  },
+  selectableSpace: {
+    xs: {
+      horizontal: 6,
+      vertical: 6,
+    },
+    sm: {
+      horizontal: 8,
+      vertical: 8,
+    },
+    md: {
+      horizontal: 12,
+      vertical: 12,
+    },
+    lg: {
+      horizontal: 16,
+      vertical: 16,
+    },
+    xl: {
+      horizontal: 20,
+      vertical: 20,
+    },
+  },
+  containerSpace: {
+    horizontal: 12,
+    vertical: 12,
+  },
+  pageSpace: {
+    horizontal: 20,
+    vertical: 20,
+  },
+} as const

package/build/ts/spacing/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export { spacing as spacious } from './spacious'
+export { spacing as comfortable } from './comfortable'