From 679c13c8ac09fae4251f7adf67424a242ef8fddc Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 4 Aug 2025 10:11:54 +0200 Subject: [PATCH 1/7] adding simplified css exports --- package.json | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/package.json b/package.json index 0fd18f943..793aca190 100644 --- a/package.json +++ b/package.json @@ -7,6 +7,33 @@ "dist", "src/tokens" ], + "exports": { + "./themes/light.css": "./dist/css/functional/themes/light.css", + "./themes/light-high-contrast.css": "./dist/css/functional/themes/light-high-contrast.css", + "./themes/light-colorblind.css": "./dist/css/functional/themes/light-colorblind.css", + "./themes/light-colorblind-high-contrast.css": "./dist/css/functional/themes/light-colorblind-high-contrast.css", + "./themes/light-tritanopia.css": "./dist/css/functional/themes/light-tritanopia.css", + "./themes/light-tritanopia-high-contrast.css": "./dist/css/functional/themes/light-tritanopia-high-contrast.css", + "./themes/dark.css": "./dist/css/functional/themes/dark.css", + "./themes/dark-high-contrast.css": "./dist/css/functional/themes/dark-high-contrast.css", + "./themes/dark-dimmed.css": "./dist/css/functional/themes/dark-dimmed.css", + "./themes/dark-dimmed-high-contrast.css": "./dist/css/functional/themes/dark-dimmed-high-contrast.css", + "./themes/dark-colorblind.css": "./dist/css/functional/themes/dark-colorblind.css", + "./themes/dark-colorblind-high-contrast.css": "./dist/css/functional/themes/dark-colorblind-high-contrast.css", + "./themes/dark-tritanopia.css": "./dist/css/functional/themes/dark-tritanopia.css", + "./themes/dark-tritanopia-high-contrast.css": "./dist/css/functional/themes/dark-tritanopia-high-contrast.css", + "./functional/border.css": "./dist/css/functional/border.css", + "./functional/breakpoints.css": "./dist/css/functional/breakpoints.css", + "./functional/size.css": "./dist/css/functional/size.css", + "./functional/size-fine.css": "./dist/css/functional/size-fine.css", + "./functional/size-coarse.css": "./dist/css/functional/size-fine.css", + "./functional/viewports.css": "./dist/css/functional/viewports.css", + "./functional/typography.css": "./dist/css/functional/typography.css", + "./base/size.css": "./dist/css/base/size.css", + "./base/typography.css": "./dist/css/base/typography.css", + "./base/motion.css": "./dist/css/base/motion.css", + "./primitives.css": "./dist/css/primitives.css" + }, "repository": "https://github.com/primer/primitives", "keywords": [ "primitives", From 60bcbd29772184daff1b1f01e0f782e9e4d41aa5 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 4 Aug 2025 10:14:19 +0200 Subject: [PATCH 2/7] update readme with new imports --- README.md | 38 ++++++++++++++++++++++---------------- 1 file changed, 22 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index c359ffcbb..ae684b764 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/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/typography.css'; +@import '@primer/primitives/base/size/size.css'; +@import '@primer/primitives/functional/size/border.css'; +@import '@primer/primitives/functional/size/breakpoints.css'; +@import '@primer/primitives/functional/size/size.css'; +@import '@primer/primitives/functional/size/viewport.css'; +@import '@primer/primitives/functional/typography/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 From 82f45715a01b2f004dd51873cd64b12154961fcf Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 4 Aug 2025 10:28:15 +0200 Subject: [PATCH 3/7] add changeset --- .changeset/orange-hounds-unite.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/orange-hounds-unite.md 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 From 89bcfa7ba059b15273734bb0ed9b4953a184b6b6 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Mon, 4 Aug 2025 10:54:00 +0200 Subject: [PATCH 4/7] update readme --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index ae684b764..2eacb08ec 100644 --- a/README.md +++ b/README.md @@ -32,16 +32,16 @@ All available imports: @import '@primer/primitives/primitives.css'; /* motion */ -@import '@primer/primitives/base/motion/motion.css'; +@import '@primer/primitives/base/motion.css'; /* size/typography */ -@import '@primer/primitives/base/typography/typography.css'; -@import '@primer/primitives/base/size/size.css'; -@import '@primer/primitives/functional/size/border.css'; -@import '@primer/primitives/functional/size/breakpoints.css'; -@import '@primer/primitives/functional/size/size.css'; -@import '@primer/primitives/functional/size/viewport.css'; -@import '@primer/primitives/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/themes/light.css'; From 527b351623637e9f8ea29ae4006ad00a6a68e23f Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Tue, 5 Aug 2025 10:28:50 +0200 Subject: [PATCH 5/7] add fallback for dist and src export --- package.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/package.json b/package.json index 793aca190..de12d9305 100644 --- a/package.json +++ b/package.json @@ -8,6 +8,8 @@ "src/tokens" ], "exports": { + "./dist/*": "./dist/*", + "./src/*": "./src/*", "./themes/light.css": "./dist/css/functional/themes/light.css", "./themes/light-high-contrast.css": "./dist/css/functional/themes/light-high-contrast.css", "./themes/light-colorblind.css": "./dist/css/functional/themes/light-colorblind.css", From cbd7580bc4ee6a540ec576d0e7f754210c20434d Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Tue, 5 Aug 2025 10:36:57 +0200 Subject: [PATCH 6/7] upadte exports --- package.json | 35 +++++++++++------------------------ 1 file changed, 11 insertions(+), 24 deletions(-) diff --git a/package.json b/package.json index de12d9305..0773b3a35 100644 --- a/package.json +++ b/package.json @@ -10,30 +10,17 @@ "exports": { "./dist/*": "./dist/*", "./src/*": "./src/*", - "./themes/light.css": "./dist/css/functional/themes/light.css", - "./themes/light-high-contrast.css": "./dist/css/functional/themes/light-high-contrast.css", - "./themes/light-colorblind.css": "./dist/css/functional/themes/light-colorblind.css", - "./themes/light-colorblind-high-contrast.css": "./dist/css/functional/themes/light-colorblind-high-contrast.css", - "./themes/light-tritanopia.css": "./dist/css/functional/themes/light-tritanopia.css", - "./themes/light-tritanopia-high-contrast.css": "./dist/css/functional/themes/light-tritanopia-high-contrast.css", - "./themes/dark.css": "./dist/css/functional/themes/dark.css", - "./themes/dark-high-contrast.css": "./dist/css/functional/themes/dark-high-contrast.css", - "./themes/dark-dimmed.css": "./dist/css/functional/themes/dark-dimmed.css", - "./themes/dark-dimmed-high-contrast.css": "./dist/css/functional/themes/dark-dimmed-high-contrast.css", - "./themes/dark-colorblind.css": "./dist/css/functional/themes/dark-colorblind.css", - "./themes/dark-colorblind-high-contrast.css": "./dist/css/functional/themes/dark-colorblind-high-contrast.css", - "./themes/dark-tritanopia.css": "./dist/css/functional/themes/dark-tritanopia.css", - "./themes/dark-tritanopia-high-contrast.css": "./dist/css/functional/themes/dark-tritanopia-high-contrast.css", - "./functional/border.css": "./dist/css/functional/border.css", - "./functional/breakpoints.css": "./dist/css/functional/breakpoints.css", - "./functional/size.css": "./dist/css/functional/size.css", - "./functional/size-fine.css": "./dist/css/functional/size-fine.css", - "./functional/size-coarse.css": "./dist/css/functional/size-fine.css", - "./functional/viewports.css": "./dist/css/functional/viewports.css", - "./functional/typography.css": "./dist/css/functional/typography.css", - "./base/size.css": "./dist/css/base/size.css", - "./base/typography.css": "./dist/css/base/typography.css", - "./base/motion.css": "./dist/css/base/motion.css", + "./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/viewports.css": "./dist/css/functional/size/viewports.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", From 1c7b56990a78eb2351ad8e17eb44c5a01cbe3518 Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Wed, 6 Aug 2025 10:32:24 +0200 Subject: [PATCH 7/7] fix --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index b0f02c424..85c888b0c 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "./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/viewports.css": "./dist/css/functional/size/viewports.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",