@primer/primitives 7.7.0-rc.053d36d → 7.8.0

package/tokens-v2-private/js/tokens/base/size/size.js

@@ -0,0 +1,22 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const BaseSize4 = "0.25rem";
+export const BaseSize8 = "0.5rem";
+export const BaseSize12 = "0.75rem";
+export const BaseSize16 = "1rem";
+export const BaseSize20 = "1.25rem";
+export const BaseSize24 = "1.5rem";
+export const BaseSize28 = "1.75rem";
+export const BaseSize32 = "2rem";
+export const BaseSize36 = "2.25rem";
+export const BaseSize40 = "2.5rem";
+export const BaseSize44 = "2.75rem";
+export const BaseSize48 = "3rem";
+export const BaseSize64 = "4rem";
+export const BaseSize80 = "5rem";
+export const BaseSize96 = "6rem";
+export const BaseSize112 = "7rem";
+export const BaseSize128 = "8rem";

package/tokens-v2-private/js/tokens/base/typography/typography.js

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const BaseTextWeightLight = "300";
+export const BaseTextWeightNormal = "400";
+export const BaseTextWeightMedium = "500";
+export const BaseTextWeightSemibold = "600";

package/tokens-v2-private/js/tokens/functional/size/border.js

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";
+export const PrimerBorderInsetNormal = "inset 0 0 0 max(2px, 0.125rem)";
+export const PrimerBorderInsetThick = "inset 0 0 0 max(4px, 0.25rem)";
+export const PrimerBorderWidthThin = "max(1px, 0.0625rem)";
+export const PrimerBorderWidthNormal = "max(2px, 0.125rem)";
+export const PrimerBorderWidthThick = "max(4px, 0.25rem)";
+export const PrimerBorderRadiusSmall = "0.1875rem";
+export const PrimerBorderRadiusMedium = "0.375rem";
+export const PrimerBorderRadiusLarge = "0.75rem";
+export const PrimerBorderRadiusFull = "100vh";

package/tokens-v2-private/js/tokens/functional/size/breakpoints.js

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerBreakpointXsmall = "20rem";
+export const PrimerBreakpointSmall = "34rem";
+export const PrimerBreakpointMedium = "48rem";
+export const PrimerBreakpointLarge = "63.25rem";
+export const PrimerBreakpointXlarge = "80rem";
+export const PrimerBreakpointXxlarge = "90rem";

package/tokens-v2-private/js/tokens/functional/size/size-fine.js

@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerControlMinTargetAuto = "1rem";
+export const PrimerControlStackSmallGapAuto = "0.5rem";
+export const PrimerControlStackMediumGapAuto = "0.5rem";

package/tokens-v2-private/js/tokens/functional/size/size.js

@@ -0,0 +1,52 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerControlMinTargetFine = "1rem";
+export const PrimerControlMinTargetCoarse = "2.75rem";
+export const PrimerControlXsmallSize = "1.5rem";
+export const PrimerControlXsmallLineBoxHeight = "1.25rem";
+export const PrimerControlXsmallPaddingBlock = "calc((1.5rem - 1.25rem) / 2)";
+export const PrimerControlXsmallPaddingInlineCondensed = "0.25rem";
+export const PrimerControlXsmallPaddingInlineNormal = "0.5rem";
+export const PrimerControlXsmallPaddingInlineSpacious = "0.75rem";
+export const PrimerControlXsmallGap = "0.25rem";
+export const PrimerControlSmallSize = "1.75rem";
+export const PrimerControlSmallLineBoxHeight = "1.25rem";
+export const PrimerControlSmallPaddingBlock = "calc((1.75rem - 1.25rem) / 2)";
+export const PrimerControlSmallPaddingInlineCondensed = "0.5rem";
+export const PrimerControlSmallPaddingInlineNormal = "0.75rem";
+export const PrimerControlSmallGap = "0.25rem";
+export const PrimerControlMediumSize = "2rem";
+export const PrimerControlMediumLineBoxHeight = "1.25rem";
+export const PrimerControlMediumPaddingBlock = "calc((2rem - 1.25rem) / 2)";
+export const PrimerControlMediumPaddingInlineCondensed = "0.5rem";
+export const PrimerControlMediumPaddingInlineNormal = "0.75rem";
+export const PrimerControlMediumPaddingInlineSpacious = "1rem";
+export const PrimerControlMediumGap = "0.5rem";
+export const PrimerControlLargeSize = "2.5rem";
+export const PrimerControlLargeLineBoxHeight = "1.25rem";
+export const PrimerControlLargePaddingBlock = "calc((2.5rem - 1.25rem) / 2)";
+export const PrimerControlLargePaddingInlineNormal = "0.75rem";
+export const PrimerControlLargePaddingInlineSpacious = "1rem";
+export const PrimerControlLargeGap = "0.5rem";
+export const PrimerControlXlargeSize = "3rem";
+export const PrimerControlXlargeLineBoxHeight = "1.25rem";
+export const PrimerControlXlargePaddingBlock = "calc((3rem - 1.25rem) / 2)";
+export const PrimerControlXlargePaddingInlineNormal = "0.75rem";
+export const PrimerControlXlargePaddingInlineSpacious = "1rem";
+export const PrimerControlXlargeGap = "0.5rem";
+export const PrimerControlStackSmallGapCondensed = "0.5rem";
+export const PrimerControlStackSmallGapSpacious = "1rem";
+export const PrimerControlStackMediumGapCondensed = "0.5rem";
+export const PrimerControlStackMediumGapSpacious = "0.75rem";
+export const PrimerControlStackLargeGapAuto = "0.5rem";
+export const PrimerControlStackLargeGapCondensed = "0.5rem";
+export const PrimerControlStackLargeGapSpacious = "0.75rem";
+export const PrimerStackPaddingCondensed = "0.5rem";
+export const PrimerStackPaddingNormal = "1rem";
+export const PrimerStackPaddingSpacious = "1.5rem";
+export const PrimerStackGapCondensed = "0.5rem";
+export const PrimerStackGapNormal = "1rem";
+export const PrimerStackGapSpacious = "1.5rem";

package/tokens-v2-private/js/tokens/functional/size/viewport.js

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";
+export const PrimerViewportRangeNarrowLandscape = "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))";
+export const PrimerViewportRangeRegular = "(min-width: 48rem)";
+export const PrimerViewportRangeWide = "(min-width: 90rem)";
+export const PrimerViewportRangePortrait = "(orientation: portrait)";
+export const PrimerViewportRangeLandscape = "(orientation: landscape)";

package/tokens-v2-private/js/tokens/functional/typography/typography.js

@@ -0,0 +1,45 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+export const PrimerFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const PrimerFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const PrimerFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
+export const PrimerTextDisplayLineBoxHeight = "3.5rem";
+export const PrimerTextDisplaySize = "2.5rem";
+export const PrimerTextDisplayLineHeight = "3.5rem";
+export const PrimerTextDisplayWeight = "500";
+export const PrimerTextDisplayShorthand = {"fontWeight":"500","fontSize":"2.5rem","lineHeight":"3.5rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextTitleSizeLarge = "2rem";
+export const PrimerTextTitleSizeMedium = "1.25rem";
+export const PrimerTextTitleLineHeightLarge = "3rem";
+export const PrimerTextTitleLineHeightMedium = "2rem";
+export const PrimerTextTitleWeight = "600";
+export const PrimerTextTitleShorthandLarge = {"fontWeight":"600","fontSize":"2rem","lineHeight":"3rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextTitleShorthandMedium = {"fontWeight":"600","fontSize":"1.25rem","lineHeight":"2rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextSubtitleSize = "1.25rem";
+export const PrimerTextSubtitleLineHeight = "2rem";
+export const PrimerTextSubtitleWeight = "400";
+export const PrimerTextSubtitleShorthand = {"fontWeight":"400","fontSize":"1.25rem","lineHeight":"2rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodySizeLarge = "1rem";
+export const PrimerTextBodySizeMedium = "0.875rem";
+export const PrimerTextBodySizeSmall = "0.75rem";
+export const PrimerTextBodyLineHeightLarge = "1.5rem";
+export const PrimerTextBodyLineHeightMedium = "1.25rem";
+export const PrimerTextBodyLineHeightSmall = "1.25rem";
+export const PrimerTextBodyWeight = "400";
+export const PrimerTextBodyShorthandLarge = {"fontWeight":"400","fontSize":"1rem","lineHeight":"1.5rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodyShorthandMedium = {"fontWeight":"400","fontSize":"0.875rem","lineHeight":"1.25rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextBodyShorthandSmall = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"1.25rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextCaptionSize = "0.75rem";
+export const PrimerTextCaptionLineHeight = "1rem";
+export const PrimerTextCaptionWeight = "400";
+export const PrimerTextCaptionShorthand = {"fontWeight":"400","fontSize":"0.75rem","lineHeight":"1rem","fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const PrimerTextCodeBlockSize = "0.8125rem";
+export const PrimerTextCodeBlockLineHeight = "1.25rem";
+export const PrimerTextCodeBlockWeight = "400";
+export const PrimerTextCodeBlockShorthand = {"fontWeight":"400","fontSize":"0.8125rem","lineHeight":"1.25rem","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
+export const PrimerTextCodeInlineSize = "0.9285em";
+export const PrimerTextCodeInlineWeight = "400";
+export const PrimerTextCodeInlineShorthand = {"fontWeight":"400","fontSize":"0.9285em","lineHeight":"inherit","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};

package/tokens-v2-private/ts/tokens/base/size/size.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "base": {
+    "size": {
+      "4": string,
+      "8": string,
+      "12": string,
+      "16": string,
+      "20": string,
+      "24": string,
+      "28": string,
+      "32": string,
+      "36": string,
+      "40": string,
+      "44": string,
+      "48": string,
+      "64": string,
+      "80": string,
+      "96": string,
+      "112": string,
+      "128": string
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/base/size/size.js

@@ -0,0 +1,28 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "base": {
+    "size": {
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "16": "1rem",
+      "20": "1.25rem",
+      "24": "1.5rem",
+      "28": "1.75rem",
+      "32": "2rem",
+      "36": "2.25rem",
+      "40": "2.5rem",
+      "44": "2.75rem",
+      "48": "3rem",
+      "64": "4rem",
+      "80": "5rem",
+      "96": "6rem",
+      "112": "7rem",
+      "128": "8rem"
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "base": {
+    "text": {
+      "weight": {
+        "light": string,
+        "normal": string,
+        "medium": string,
+        "semibold": string
+      }
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/base/typography/typography.js

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "base": {
+    "text": {
+      "weight": {
+        "light": "300",
+        "normal": "400",
+        "medium": "500",
+        "semibold": "600"
+      }
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/functional/size/border.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "primer": {
+    "borderInset": {
+      "thin": string,
+      "normal": string,
+      "thick": string
+    },
+    "borderWidth": {
+      "thin": string,
+      "normal": string,
+      "thick": string
+    },
+    "borderRadius": {
+      "small": string,
+      "medium": string,
+      "large": string,
+      "full": string
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/functional/size/border.js

@@ -0,0 +1,25 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "primer": {
+    "borderInset": {
+      "thin": "inset 0 0 0 max(1px, 0.0625rem)",
+      "normal": "inset 0 0 0 max(2px, 0.125rem)",
+      "thick": "inset 0 0 0 max(4px, 0.25rem)"
+    },
+    "borderWidth": {
+      "thin": "max(1px, 0.0625rem)",
+      "normal": "max(2px, 0.125rem)",
+      "thick": "max(4px, 0.25rem)"
+    },
+    "borderRadius": {
+      "small": "0.1875rem",
+      "medium": "0.375rem",
+      "large": "0.75rem",
+      "full": "100vh"
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "primer": {
+    "breakpoint": {
+      "xsmall": string,
+      "small": string,
+      "medium": string,
+      "large": string,
+      "xlarge": string,
+      "xxlarge": string
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "primer": {
+    "breakpoint": {
+      "xsmall": "20rem",
+      "small": "34rem",
+      "medium": "48rem",
+      "large": "63.25rem",
+      "xlarge": "80rem",
+      "xxlarge": "90rem"
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "primer": {
+    "control": {
+      "minTarget": {
+        "auto": string
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": string
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": string
+        }
+      }
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/functional/size/size-fine.js

@@ -0,0 +1,26 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "primer": {
+    "control": {
+      "minTarget": {
+        "auto": "1rem"
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "auto": "0.5rem"
+        }
+      },
+      "medium": {
+        "gap": {
+          "auto": "0.5rem"
+        }
+      }
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/functional/size/size.d.ts

@@ -0,0 +1,101 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "primer": {
+    "control": {
+      "minTarget": {
+        "fine": string,
+        "coarse": string
+      },
+      "xsmall": {
+        "size": string,
+        "lineBoxHeight": string,
+        "paddingBlock": string,
+        "paddingInline": {
+          "condensed": string,
+          "normal": string,
+          "spacious": string
+        },
+        "gap": string
+      },
+      "small": {
+        "size": string,
+        "lineBoxHeight": string,
+        "paddingBlock": string,
+        "paddingInline": {
+          "condensed": string,
+          "normal": string
+        },
+        "gap": string
+      },
+      "medium": {
+        "size": string,
+        "lineBoxHeight": string,
+        "paddingBlock": string,
+        "paddingInline": {
+          "condensed": string,
+          "normal": string,
+          "spacious": string
+        },
+        "gap": string
+      },
+      "large": {
+        "size": string,
+        "lineBoxHeight": string,
+        "paddingBlock": string,
+        "paddingInline": {
+          "normal": string,
+          "spacious": string
+        },
+        "gap": string
+      },
+      "xlarge": {
+        "size": string,
+        "lineBoxHeight": string,
+        "paddingBlock": string,
+        "paddingInline": {
+          "normal": string,
+          "spacious": string
+        },
+        "gap": string
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "condensed": string,
+          "spacious": string
+        }
+      },
+      "medium": {
+        "gap": {
+          "condensed": string,
+          "spacious": string
+        }
+      },
+      "large": {
+        "gap": {
+          "auto": string,
+          "condensed": string,
+          "spacious": string
+        }
+      }
+    },
+    "stack": {
+      "padding": {
+        "condensed": string,
+        "normal": string,
+        "spacious": string
+      },
+      "gap": {
+        "condensed": string,
+        "normal": string,
+        "spacious": string
+      }
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/functional/size/size.js

@@ -0,0 +1,100 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "primer": {
+    "control": {
+      "minTarget": {
+        "fine": "1rem",
+        "coarse": "2.75rem"
+      },
+      "xsmall": {
+        "size": "1.5rem",
+        "lineBoxHeight": "1.25rem",
+        "paddingBlock": "calc((1.5rem - 1.25rem) / 2)",
+        "paddingInline": {
+          "condensed": "0.25rem",
+          "normal": "0.5rem",
+          "spacious": "0.75rem"
+        },
+        "gap": "0.25rem"
+      },
+      "small": {
+        "size": "1.75rem",
+        "lineBoxHeight": "1.25rem",
+        "paddingBlock": "calc((1.75rem - 1.25rem) / 2)",
+        "paddingInline": {
+          "condensed": "0.5rem",
+          "normal": "0.75rem"
+        },
+        "gap": "0.25rem"
+      },
+      "medium": {
+        "size": "2rem",
+        "lineBoxHeight": "1.25rem",
+        "paddingBlock": "calc((2rem - 1.25rem) / 2)",
+        "paddingInline": {
+          "condensed": "0.5rem",
+          "normal": "0.75rem",
+          "spacious": "1rem"
+        },
+        "gap": "0.5rem"
+      },
+      "large": {
+        "size": "2.5rem",
+        "lineBoxHeight": "1.25rem",
+        "paddingBlock": "calc((2.5rem - 1.25rem) / 2)",
+        "paddingInline": {
+          "normal": "0.75rem",
+          "spacious": "1rem"
+        },
+        "gap": "0.5rem"
+      },
+      "xlarge": {
+        "size": "3rem",
+        "lineBoxHeight": "1.25rem",
+        "paddingBlock": "calc((3rem - 1.25rem) / 2)",
+        "paddingInline": {
+          "normal": "0.75rem",
+          "spacious": "1rem"
+        },
+        "gap": "0.5rem"
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "condensed": "0.5rem",
+          "spacious": "1rem"
+        }
+      },
+      "medium": {
+        "gap": {
+          "condensed": "0.5rem",
+          "spacious": "0.75rem"
+        }
+      },
+      "large": {
+        "gap": {
+          "auto": "0.5rem",
+          "condensed": "0.5rem",
+          "spacious": "0.75rem"
+        }
+      }
+    },
+    "stack": {
+      "padding": {
+        "condensed": "0.5rem",
+        "normal": "1rem",
+        "spacious": "1.5rem"
+      },
+      "gap": {
+        "condensed": "0.5rem",
+        "normal": "1rem",
+        "spacious": "1.5rem"
+      }
+    }
+  }
+}

package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+declare const tokens: {
+  "primer": {
+    "viewportRange": {
+      "narrow": string,
+      "narrowLandscape": string,
+      "regular": string,
+      "wide": string,
+      "portrait": string,
+      "landscape": string
+    }
+  }
+}
+export default tokens;

package/tokens-v2-private/ts/tokens/functional/size/viewport.js

@@ -0,0 +1,17 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 20 Apr 2022 17:00:28 GMT
+ */
+
+module.exports = {
+  "primer": {
+    "viewportRange": {
+      "narrow": "(max-width: calc(48rem - 0.02px))",
+      "narrowLandscape": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
+      "regular": "(min-width: 48rem)",
+      "wide": "(min-width: 90rem)",
+      "portrait": "(orientation: portrait)",
+      "landscape": "(orientation: landscape)"
+    }
+  }
+}