@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

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

@@ -0,0 +1,29 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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,28 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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,103 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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
+      }
+    },
+    "stack": {
+      "padding": {
+        "condensed": string,
+        "normal": string,
+        "spacious": string
+      },
+      "gap": {
+        "condensed": string,
+        "normal": string,
+        "spacious": string
+      }
+    },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "condensed": string,
+          "spacious": string
+        }
+      },
+      "medium": {
+        "gap": {
+          "condensed": string,
+          "spacious": string
+        }
+      },
+      "large": {
+        "gap": {
+          "auto": string,
+          "condensed": string,
+          "spacious": string
+        }
+      }
+    }
+  }
+}
+export default tokens;

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

@@ -0,0 +1,102 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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"
+      }
+    },
+    "stack": {
+      "padding": {
+        "condensed": "0.5rem",
+        "normal": "1rem",
+        "spacious": "1.5rem"
+      },
+      "gap": {
+        "condensed": "0.5rem",
+        "normal": "1rem",
+        "spacious": "1.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"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,20 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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,19 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 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)"
+    }
+  }
+}

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

@@ -0,0 +1,131 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+
+    
+declare const tokens: {
+  "primer": {
+    "fontStack": {
+      "system": string,
+      "sansSerif": string,
+      "monospace": string
+    },
+    "text": {
+      "display": {
+        "lineBoxHeight": string,
+        "size": string,
+        "lineHeight": string,
+        "weight": string,
+        "shorthand": {
+          "fontWeight": string,
+          "fontSize": string,
+          "lineHeight": string,
+          "fontFamily": string
+        }
+      },
+      "title": {
+        "size": {
+          "large": string,
+          "medium": string
+        },
+        "lineHeight": {
+          "large": string,
+          "medium": string
+        },
+        "weight": string,
+        "shorthand": {
+          "large": {
+            "fontWeight": string,
+            "fontSize": string,
+            "lineHeight": string,
+            "fontFamily": string
+          },
+          "medium": {
+            "fontWeight": string,
+            "fontSize": string,
+            "lineHeight": string,
+            "fontFamily": string
+          }
+        }
+      },
+      "subtitle": {
+        "size": string,
+        "lineHeight": string,
+        "weight": string,
+        "shorthand": {
+          "fontWeight": string,
+          "fontSize": string,
+          "lineHeight": string,
+          "fontFamily": string
+        }
+      },
+      "body": {
+        "size": {
+          "large": string,
+          "medium": string,
+          "small": string
+        },
+        "lineHeight": {
+          "large": string,
+          "medium": string,
+          "small": string
+        },
+        "weight": string,
+        "shorthand": {
+          "large": {
+            "fontWeight": string,
+            "fontSize": string,
+            "lineHeight": string,
+            "fontFamily": string
+          },
+          "medium": {
+            "fontWeight": string,
+            "fontSize": string,
+            "lineHeight": string,
+            "fontFamily": string
+          },
+          "small": {
+            "fontWeight": string,
+            "fontSize": string,
+            "lineHeight": string,
+            "fontFamily": string
+          }
+        }
+      },
+      "caption": {
+        "size": string,
+        "lineHeight": string,
+        "weight": string,
+        "shorthand": {
+          "fontWeight": string,
+          "fontSize": string,
+          "lineHeight": string,
+          "fontFamily": string
+        }
+      },
+      "codeBlock": {
+        "size": string,
+        "lineHeight": string,
+        "weight": string,
+        "shorthand": {
+          "fontWeight": string,
+          "fontSize": string,
+          "lineHeight": string,
+          "fontFamily": string
+        }
+      },
+      "codeInline": {
+        "size": string,
+        "weight": string,
+        "shorthand": {
+          "fontWeight": string,
+          "fontSize": string,
+          "fontFamily": string
+        }
+      }
+    }
+  }
+}
+export default tokens;

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

@@ -0,0 +1,130 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Apr 2024 06:46:04 GMT
+ */
+
+
+    
+module.exports = {
+  "primer": {
+    "fontStack": {
+      "system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
+      "monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
+    },
+    "text": {
+      "display": {
+        "lineBoxHeight": "3.5rem",
+        "size": "2.5rem",
+        "lineHeight": "calc(56/40)",
+        "weight": "500",
+        "shorthand": {
+          "fontWeight": "500",
+          "fontSize": "2.5rem",
+          "lineHeight": "calc(56/40)",
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        }
+      },
+      "title": {
+        "size": {
+          "large": "2rem",
+          "medium": "1.25rem"
+        },
+        "lineHeight": {
+          "large": "calc(48/32)",
+          "medium": "calc(32/20)"
+        },
+        "weight": "600",
+        "shorthand": {
+          "large": {
+            "fontWeight": "600",
+            "fontSize": "2rem",
+            "lineHeight": "calc(48/32)",
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          },
+          "medium": {
+            "fontWeight": "600",
+            "fontSize": "1.25rem",
+            "lineHeight": "calc(32/20)",
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          }
+        }
+      },
+      "subtitle": {
+        "size": "1.25rem",
+        "lineHeight": "calc(32/20)",
+        "weight": "400",
+        "shorthand": {
+          "fontWeight": "400",
+          "fontSize": "1.25rem",
+          "lineHeight": "calc(32/20)",
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        }
+      },
+      "body": {
+        "size": {
+          "large": "1rem",
+          "medium": "0.875rem",
+          "small": "0.75rem"
+        },
+        "lineHeight": {
+          "large": "calc(24/16)",
+          "medium": "calc(20/14)",
+          "small": "calc(20/12)"
+        },
+        "weight": "400",
+        "shorthand": {
+          "large": {
+            "fontWeight": "400",
+            "fontSize": "1rem",
+            "lineHeight": "calc(24/16)",
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          },
+          "medium": {
+            "fontWeight": "400",
+            "fontSize": "0.875rem",
+            "lineHeight": "calc(20/14)",
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          },
+          "small": {
+            "fontWeight": "400",
+            "fontSize": "0.75rem",
+            "lineHeight": "calc(20/12)",
+            "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+          }
+        }
+      },
+      "caption": {
+        "size": "0.75rem",
+        "lineHeight": "calc(16/12)",
+        "weight": "400",
+        "shorthand": {
+          "fontWeight": "400",
+          "fontSize": "0.75rem",
+          "lineHeight": "calc(16/12)",
+          "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
+        }
+      },
+      "codeBlock": {
+        "size": "0.8125rem",
+        "lineHeight": "calc(20/13)",
+        "weight": "400",
+        "shorthand": {
+          "fontWeight": "400",
+          "fontSize": "0.8125rem",
+          "lineHeight": "calc(20/13)",
+          "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
+        }
+      },
+      "codeInline": {
+        "size": "0.9285em",
+        "weight": "400",
+        "shorthand": {
+          "fontWeight": "400",
+          "fontSize": "0.9285em",
+          "fontFamily": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
+        }
+      }
+    }
+  }
+}