diff --git a/.changeset/orange-hounds-unite.md b/.changeset/orange-hounds-unite.md new file mode 100644 index 000000000..04d539f56 --- /dev/null +++ b/.changeset/orange-hounds-unite.md @@ -0,0 +1,5 @@ +--- +'@primer/primitives': patch +--- + +Adding simplified exports diff --git a/README.md b/README.md index c359ffcbb..2eacb08ec 100644 --- a/README.md +++ b/README.md @@ -28,25 +28,31 @@ Data is served from the `dist/` folder: All available imports: ```css +/* size, motion & typography in one file */ +@import '@primer/primitives/primitives.css'; + +/* motion */ +@import '@primer/primitives/base/motion.css'; + /* size/typography */ -@import '@primer/primitives/dist/css/base/size/size.css'; -@import '@primer/primitives/dist/css/base/typography/typography.css'; -@import '@primer/primitives/dist/css/functional/size/border.css'; -@import '@primer/primitives/dist/css/functional/size/breakpoints.css'; -@import '@primer/primitives/dist/css/functional/size/size.css'; -@import '@primer/primitives/dist/css/functional/size/viewport.css'; -@import '@primer/primitives/dist/css/functional/typography/typography.css'; +@import '@primer/primitives/base/typography.css'; +@import '@primer/primitives/base/size.css'; +@import '@primer/primitives/functional/border.css'; +@import '@primer/primitives/functional/breakpoints.css'; +@import '@primer/primitives/functional/size.css'; +@import '@primer/primitives/functional/viewport.css'; +@import '@primer/primitives/functional/typography.css'; /* color */ -@import '@primer/primitives/dist/css/functional/themes/light.css'; -@import '@primer/primitives/dist/css/functional/themes/light-tritanopia.css'; -@import '@primer/primitives/dist/css/functional/themes/light-high-contrast.css'; -@import '@primer/primitives/dist/css/functional/themes/light-colorblind.css'; -@import '@primer/primitives/dist/css/functional/themes/dark.css'; -@import '@primer/primitives/dist/css/functional/themes/dark-colorblind.css'; -@import '@primer/primitives/dist/css/functional/themes/dark-dimmed.css'; -@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast.css'; -@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia.css'; +@import '@primer/primitives/themes/light.css'; +@import '@primer/primitives/themes/light-tritanopia.css'; +@import '@primer/primitives/themes/light-high-contrast.css'; +@import '@primer/primitives/themes/light-colorblind.css'; +@import '@primer/primitives/themes/dark.css'; +@import '@primer/primitives/themes/dark-colorblind.css'; +@import '@primer/primitives/themes/dark-dimmed.css'; +@import '@primer/primitives/themes/dark-high-contrast.css'; +@import '@primer/primitives/themes/dark-tritanopia.css'; ``` ## Design token data diff --git a/package.json b/package.json index 594a200e7..581697983 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,22 @@ "dist", "src/tokens" ], + "exports": { + "./dist/*": "./dist/*", + "./src/*": "./src/*", + "./themes/*.css": "./dist/css/functional/themes/*.css", + "./functional/border.css": "./dist/css/functional/size/border.css", + "./functional/breakpoints.css": "./dist/css/functional/size/breakpoints.css", + "./functional/size.css": "./dist/css/functional/size/size.css", + "./functional/size-fine.css": "./dist/css/functional/size/size-fine.css", + "./functional/size-coarse.css": "./dist/css/functional/size/size-coarse.css", + "./functional/viewport.css": "./dist/css/functional/size/viewport.css", + "./functional/typography.css": "./dist/css/functional/typography/typography.css", + "./base/size.css": "./dist/css/base/size/size.css", + "./base/typography.css": "./dist/css/base/typography/typography.css", + "./base/motion.css": "./dist/css/base/motion/motion.css", + "./primitives.css": "./dist/css/primitives.css" + }, "repository": "https://github.com/primer/primitives", "keywords": [ "primitives",