@moodlehq/design-system 4.1.0 → 5.0.0

package/dist/index.js

@@ -5,6 +5,12 @@ import { ActivityIcon } from "./components/activity-icon/ActivityIcon.js";
 import { Badge } from "./components/badge/Badge.js";
 import { Button } from "./components/button/Button.js";
 import { Checkbox } from "./components/checkbox/Checkbox.js";
+import { Choicebox } from "./components/choicebox/Choicebox.js";
 import { CloseButton } from "./components/close-button/CloseButton.js";
+import { FavouriteButton } from "./components/favourite-button/FavouriteButton.js";
+import { Link } from "./components/link/Link.js";
+import { NavPill } from "./components/nav-pill/NavPill.js";
+import { Pagination } from "./components/pagination/Pagination.js";
+import { ProgressBar } from "./components/progress-bar/ProgressBar.js";
 import { Radio } from "./components/radio/Radio.js";
-export { ActivityIcon, Badge, Button, Checkbox, CloseButton, Radio };
+export { ActivityIcon, Badge, Button, Checkbox, Choicebox, CloseButton, FavouriteButton, Link, NavPill, Pagination, ProgressBar, Radio };

package/{tokens → dist/tokens}/css/colors.css

@@ -47,6 +47,9 @@
   --mds-bg-interactive-secondary-default: var(--mds-color-gray-300);
   --mds-bg-interactive-secondary-disabled: var(--mds-color-gray-200);
   --mds-bg-interactive-secondary-hover: var(--mds-color-gray-400);
+  --mds-bg-nav-pill-hover: var(--mds-color-gray-200);
+  --mds-bg-nav-pill-pressed: var(--mds-color-gray-300);
+  --mds-bg-nav-pill-selected: var(--mds-color-gray-200);
   --mds-bg-surface-default: var(--mds-color-gray-white);
   --mds-bg-surface-strong: var(--mds-color-gray-200);
   --mds-bg-surface-subtle: var(--mds-color-gray-100);

package/{tokens → dist/tokens}/scss/_colors.scss

@@ -46,6 +46,9 @@ $mds-bg-interactive-secondary-active: #dee2e6 !default;
 $mds-bg-interactive-secondary-default: #dee2e6 !default;
 $mds-bg-interactive-secondary-disabled: #e9ecef !default;
 $mds-bg-interactive-secondary-hover: #ced4da !default;
+$mds-bg-nav-pill-hover: #e9ecef !default;
+$mds-bg-nav-pill-pressed: #dee2e6 !default;
+$mds-bg-nav-pill-selected: #e9ecef !default;
 $mds-bg-surface-default: #ffffff !default;
 $mds-bg-surface-strong: #e9ecef !default;
 $mds-bg-surface-subtle: #f8f9fa !default;

package/{tokens → dist/tokens}/scss/_index_css_vars.scss

@@ -65,6 +65,9 @@
   --mds-bg-interactive-secondary-default: #{$mds-bg-interactive-secondary-default};
   --mds-bg-interactive-secondary-disabled: #{$mds-bg-interactive-secondary-disabled};
   --mds-bg-interactive-secondary-hover: #{$mds-bg-interactive-secondary-hover};
+  --mds-bg-nav-pill-hover: #{$mds-bg-nav-pill-hover};
+  --mds-bg-nav-pill-pressed: #{$mds-bg-nav-pill-pressed};
+  --mds-bg-nav-pill-selected: #{$mds-bg-nav-pill-selected};
   --mds-bg-surface-default: #{$mds-bg-surface-default};
   --mds-bg-surface-strong: #{$mds-bg-surface-strong};
   --mds-bg-surface-subtle: #{$mds-bg-surface-subtle};

package/package.json

@@ -1,11 +1,9 @@
 {
   "name": "@moodlehq/design-system",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "description": "The Moodle Design System",
   "files": [
     "/dist",
-    "/tokens/css",
-    "/tokens/scss",
     "/css.d.ts"
   ],
   "exports": {
@@ -17,18 +15,27 @@
       "types": "./css.d.ts",
       "default": "./dist/index.css"
     },
+    "./components/css": {
+      "default": "./dist/components/index.css"
+    },
+    "./components/scss/legacy": {
+      "default": "./dist/components/_index.legacy.scss"
+    },
     "./components/*": {
       "types": "./dist/components/*/index.d.ts",
       "import": "./dist/components/*/index.js"
     },
+    "./components/*/css": {
+      "default": "./dist/components/*/index.css"
+    },
     "./tokens/css": {
-      "default": "./tokens/css/index.css"
+      "default": "./dist/tokens/css/index.css"
     },
     "./tokens/scss": {
-      "default": "./tokens/scss/_index.scss"
+      "default": "./dist/tokens/scss/_index.scss"
     },
     "./tokens/scss/legacy": {
-      "default": "./tokens/scss/_index.legacy.scss"
+      "default": "./dist/tokens/scss/_index.legacy.scss"
     }
   },
   "type": "module",
@@ -108,7 +115,8 @@
     "test-unit-coverage": "VITEST_STORYBOOK=false vitest run --coverage",
     "test-storybook": "VITEST_STORYBOOK=true vitest run",
     "storybook": "storybook dev -p 6006",
-    "build": "tsc && vite build",
+    "build": "npm run build-component-index && npm run build-tokens && tsc && vite build",
+    "build-component-index": "tsx scripts/generate-component-index.ts",
     "build-storybook": "storybook build",
     "build-docs": "tsx scripts/build-docs.ts",
     "build-tokens": "tsx scripts/tokens.ts",