Add missing exports for theme packages

.changeset/slow-dolls-ring.md

@@ -0,0 +1,5 @@
+---
+'@sl-design-system/tree': patch
+---
+
+Fix transparent tree background

.changeset/wicked-ducks-wink.md

@@ -0,0 +1,17 @@
+---
+'@sl-design-system/editorial-suite': patch
+'@sl-design-system/my-digital-book': patch
+'@sl-design-system/sanoma-learning': patch
+'@sl-design-system/itslearning': patch
+'@sl-design-system/bingel-int': patch
+'@sl-design-system/bingel-dc': patch
+'@sl-design-system/clickedu': patch
+'@sl-design-system/magister': patch
+'@sl-design-system/kampus': patch
+'@sl-design-system/neon': patch
+'@sl-design-system/teas': patch
+'@sl-design-system/max': patch
+'@sl-design-system/tig': patch
+---
+
+Add missing package exports for CSS files

packages/themes/bingel-dc/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/bingel-int/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/clickedu/package.json

@@ -17,7 +17,12 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./fonts.css": "./fonts.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/editorial-suite/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/itslearning/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/kampus/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/magister/package.json

@@ -17,7 +17,13 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./dark.css": "./dark.css",
+    "./dark.min.css": "./dark.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/max/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/my-digital-book/package.json

@@ -17,7 +17,12 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./fonts.css": "./fonts.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/neon/package.json

@@ -17,7 +17,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./dark.css": "./dark.css",
+    "./dark.min.css": "./dark.min.css",
+    "./fonts.css": "./fonts.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/sanoma-learning/package.json

@@ -17,7 +17,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./dark.css": "./dark.css",
+    "./dark.min.css": "./dark.min.css",
+    "./fonts.css": "./fonts.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/teas/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

packages/themes/tig/package.json

@@ -17,7 +17,11 @@
   "types": "./index.d.ts",
   "exports": {
     ".": "./index.js",
-    "./package.json": "./package.json"
+    "./global.css": "./global.css",
+    "./light.css": "./light.css",
+    "./light.min.css": "./light.min.css",
+    "./package.json": "./package.json",
+    "./css/*.css": "./css/*.css"
   },
   "files": [
     "**/*.css",

website/src/categories/getting-started/developers.md

@@ -111,6 +111,12 @@ The simplest way to include the theme is by including the theme stylesheet in yo
 
 </div>
 
+The theme packages also support package exports, meaning you can import the stylesheet directly from the package (if your build system supports it):
+
+```scss
+@import '@sl-design-system/sanoma-learning/light.css';
+```
+
 If your theme supports dark mode you can also use `dark.css`.
 
 If you need to have more control over theming, you can use the split files in the `css` and `scss` folders of the theme package. These folders contain split files for the base, light and dark theme. You can include these files in your application as you see fit.