@primer/primitives 7.16.0-rc.fe16fd19 → 7.17.0-rc.086cd658

package/dist/css/functional/typography/typography.css

@@ -24,15 +24,15 @@
   --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: 400;
-  --text-codeBlock-weight: 400;
-  --text-caption-weight: 400;
-  --text-body-weight: 400;
-  --text-subtitle-weight: 400;
-  --text-title-weight-small: 600;
-  --text-title-weight-medium: 600;
-  --text-title-weight-large: 600;
-  --text-display-weight: 500;
+  --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);

package/dist/styleLint/base/size/size.json

@@ -0,0 +1,427 @@
+{
+  "base-size-4": {
+    "value": ["0.25rem", "4px"],
+    "$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", "8px"],
+    "$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", "12px"],
+    "$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", "16px"],
+    "$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", "20px"],
+    "$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", "24px"],
+    "$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", "28px"],
+    "$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", "32px"],
+    "$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", "36px"],
+    "$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", "40px"],
+    "$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", "44px"],
+    "$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", "48px"],
+    "$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", "64px"],
+    "$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", "80px"],
+    "$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", "96px"],
+    "$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", "112px"],
+    "$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", "128px"],
+    "$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/dist/styleLint/base/typography/typography.json

@@ -0,0 +1,54 @@
+{
+  "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/dist/styleLint/functional/motion/motion.json

@@ -0,0 +1,47 @@
+{
+  "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"]
+  }
+}