@primer/primitives 7.17.0-rc.1685583f → 7.17.0-rc.34cd1021

package/tokens-next-private/css/functional/typography/typography.css

@@ -1,47 +0,0 @@
-:root {
-  --text-codeInline-size: 0.9285em;
-  --text-codeBlock-lineHeight: 1.5385;
-  --text-codeBlock-size: 0.8125rem;
-  --text-caption-lineHeight: 1.3333;
-  --text-caption-size: 0.75rem;
-  --text-body-lineHeight-small: 1.6666;
-  --text-body-lineHeight-medium: 1.4285;
-  --text-body-lineHeight-large: 1.5;
-  --text-body-size-small: 0.75rem;
-  --text-body-size-medium: 0.875rem;
-  --text-body-size-large: 1rem;
-  --text-subtitle-lineHeight: 1.6;
-  --text-subtitle-size: 1.25rem;
-  --text-title-lineHeight-small: 1.5;
-  --text-title-lineHeight-medium: 1.6;
-  --text-title-lineHeight-large: 1.5;
-  --text-title-size-small: 1rem;
-  --text-title-size-medium: 1.25rem;
-  --text-title-size-large: 2rem;
-  --text-display-lineHeight: 1.4;
-  --text-display-size: 2.5rem;
-  --text-display-lineBoxHeight: 3.5rem;
-  --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
-  --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  --text-codeInline-weight: var(--base-text-weight-normal);
-  --text-codeBlock-weight: var(--base-text-weight-normal);
-  --text-caption-weight: var(--base-text-weight-normal);
-  --text-body-weight: var(--base-text-weight-normal);
-  --text-subtitle-weight: var(--base-text-weight-normal);
-  --text-title-weight-small: var(--base-text-weight-semibold);
-  --text-title-weight-medium: var(--base-text-weight-semibold);
-  --text-title-weight-large: var(--base-text-weight-semibold);
-  --text-display-weight: var(--base-text-weight-medium);
-  --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace);
-  --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace);
-  --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif);
-  --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif);
-  --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif);
-  --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif);
-  --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerif);
-  --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif);
-  --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerif);
-  --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerif);
-  --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerif);
-}

package/tokens-next-private/docs/base/size/size.json

@@ -1,427 +0,0 @@
-{
-  "base-size-4": {
-    "value": "0.25rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "4px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-4",
-    "attributes": {},
-    "path": ["base", "size", "4"]
-  },
-  "base-size-8": {
-    "value": "0.5rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "8px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-8",
-    "attributes": {},
-    "path": ["base", "size", "8"]
-  },
-  "base-size-12": {
-    "value": "0.75rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "12px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-12",
-    "attributes": {},
-    "path": ["base", "size", "12"]
-  },
-  "base-size-16": {
-    "value": "1rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "16px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-16",
-    "attributes": {},
-    "path": ["base", "size", "16"]
-  },
-  "base-size-20": {
-    "value": "1.25rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "20px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-20",
-    "attributes": {},
-    "path": ["base", "size", "20"]
-  },
-  "base-size-24": {
-    "value": "1.5rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "24px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-24",
-    "attributes": {},
-    "path": ["base", "size", "24"]
-  },
-  "base-size-28": {
-    "value": "1.75rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "28px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-28",
-    "attributes": {},
-    "path": ["base", "size", "28"]
-  },
-  "base-size-32": {
-    "value": "2rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "32px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-32",
-    "attributes": {},
-    "path": ["base", "size", "32"]
-  },
-  "base-size-36": {
-    "value": "2.25rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "36px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-36",
-    "attributes": {},
-    "path": ["base", "size", "36"]
-  },
-  "base-size-40": {
-    "value": "2.5rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "40px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-40",
-    "attributes": {},
-    "path": ["base", "size", "40"]
-  },
-  "base-size-44": {
-    "value": "2.75rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "44px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-44",
-    "attributes": {},
-    "path": ["base", "size", "44"]
-  },
-  "base-size-48": {
-    "value": "3rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "48px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-48",
-    "attributes": {},
-    "path": ["base", "size", "48"]
-  },
-  "base-size-64": {
-    "value": "4rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "64px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-64",
-    "attributes": {},
-    "path": ["base", "size", "64"]
-  },
-  "base-size-80": {
-    "value": "5rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "80px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-80",
-    "attributes": {},
-    "path": ["base", "size", "80"]
-  },
-  "base-size-96": {
-    "value": "6rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "96px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-96",
-    "attributes": {},
-    "path": ["base", "size", "96"]
-  },
-  "base-size-112": {
-    "value": "7rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "112px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-112",
-    "attributes": {},
-    "path": ["base", "size", "112"]
-  },
-  "base-size-128": {
-    "value": "8rem",
-    "$type": "dimension",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "base/size",
-        "scopes": ["size"]
-      }
-    },
-    "filePath": "src/tokens/base/size/size.json",
-    "isSource": true,
-    "original": {
-      "value": "128px",
-      "$type": "dimension",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "base/size",
-          "scopes": ["size"]
-        }
-      }
-    },
-    "name": "base-size-128",
-    "attributes": {},
-    "path": ["base", "size", "128"]
-  }
-}

package/tokens-next-private/docs/base/typography/typography.json

@@ -1,54 +0,0 @@
-{
-  "base-text-weight-light": {
-    "$type": "fontWeight",
-    "value": 300,
-    "filePath": "src/tokens/base/typography/typography.json",
-    "isSource": true,
-    "original": {
-      "$type": "fontWeight",
-      "value": 300
-    },
-    "name": "base-text-weight-light",
-    "attributes": {},
-    "path": ["base", "text", "weight", "light"]
-  },
-  "base-text-weight-normal": {
-    "value": 400,
-    "$type": "fontWeight",
-    "filePath": "src/tokens/base/typography/typography.json",
-    "isSource": true,
-    "original": {
-      "value": 400,
-      "$type": "fontWeight"
-    },
-    "name": "base-text-weight-normal",
-    "attributes": {},
-    "path": ["base", "text", "weight", "normal"]
-  },
-  "base-text-weight-medium": {
-    "value": 500,
-    "$type": "fontWeight",
-    "filePath": "src/tokens/base/typography/typography.json",
-    "isSource": true,
-    "original": {
-      "value": 500,
-      "$type": "fontWeight"
-    },
-    "name": "base-text-weight-medium",
-    "attributes": {},
-    "path": ["base", "text", "weight", "medium"]
-  },
-  "base-text-weight-semibold": {
-    "value": 600,
-    "$type": "fontWeight",
-    "filePath": "src/tokens/base/typography/typography.json",
-    "isSource": true,
-    "original": {
-      "value": 600,
-      "$type": "fontWeight"
-    },
-    "name": "base-text-weight-semibold",
-    "attributes": {},
-    "path": ["base", "text", "weight", "semibold"]
-  }
-}

package/tokens-next-private/docs/functional/motion/motion.json

@@ -1,47 +0,0 @@
-{
-  "motion-loading-delay-default": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.",
-    "filePath": "src/tokens/functional/motion/loading.json5",
-    "isSource": true,
-    "original": {
-      "value": "1000ms",
-      "$type": "duration",
-      "comment": "The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies."
-    },
-    "name": "motion-loading-delay-default",
-    "attributes": {},
-    "path": ["motion", "loading", "delay", "default"]
-  },
-  "motion-spinner-duration-rotation": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation",
-    "filePath": "src/tokens/functional/motion/patterns.json5",
-    "isSource": true,
-    "original": {
-      "value": "1000ms",
-      "$type": "duration",
-      "comment": "The amount of time it takes the \"Spinner\" loading indicator to make a full 360deg rotation"
-    },
-    "name": "motion-spinner-duration-rotation",
-    "attributes": {},
-    "path": ["motion", "spinner", "duration", "rotation"]
-  },
-  "motion-skeletonLoader-shimmer-duration-scale": {
-    "value": "1000ms",
-    "$type": "duration",
-    "comment": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)",
-    "filePath": "src/tokens/functional/motion/patterns.json5",
-    "isSource": true,
-    "original": {
-      "value": "1000ms",
-      "$type": "duration",
-      "comment": "The amount of times it takes the \"shimmer\" effect to go from the start (left) of the skeleton loader to the end (right)"
-    },
-    "name": "motion-skeletonLoader-shimmer-duration-scale",
-    "attributes": {},
-    "path": ["motion", "skeletonLoader", "shimmer", "duration", "scale"]
-  }
-}