@uva-glass/component-library 1.45.3 → 1.45.5

package/dist/assets/fonts.css

@@ -0,0 +1,21 @@
+@font-face {
+  font-display: fallback;
+  font-family: "Source Sans Pro";
+  src:
+    local("SourceSans3-Regular"),
+    local("Source Sans 3"),
+    url("./../assets/fonts/SourceSans3-Regular.otf.woff2") format("woff2"),
+    url("./../assets/fonts/SourceSans3-Regular.otf.woff") format("woff");
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: "Source Sans Pro";
+  font-weight: 600;
+  src:
+    local("SourceSans3-Semibold"),
+    local("Source Sans 3 Semibold"),
+    local("Source Sans 3"),
+    url("./../assets/fonts/SourceSans3-Semibold.otf.woff2") format("woff2"),
+    url("./../assets/fonts/SourceSans3-Semibold.otf.woff") format("woff");
+}

package/dist/assets/globals.css

@@ -0,0 +1,2 @@
+@import url("./fonts.css");
+@import url("./variables.css");

package/dist/assets/variables.css

@@ -0,0 +1,65 @@
+:root {
+  --color-black: #1f1d20;
+  --color-grey-500: #69666c;
+  --color-grey-400: #8f8e90;
+  --color-grey-300: #b0b1b2;
+  --color-grey-200: #dcddde;
+  --color-grey-100: #ebebec;
+  --color-grey-50: #f5f5f6;
+  --color-white: #fff;
+  --color-red-600: #a0002a;
+  --color-red-500: #bc0031;
+  --color-red-400: #e00030;
+  --color-red-50: #ffe8ee;
+  --color-green-500: #2f6f31;
+  --color-green-400: #3a863d;
+  --color-green-300: #4cae4f;
+  --color-green-100: #64df9f;
+  --color-green-50: #e9fbf2;
+  --color-yellow-600: #cc8500;
+  --color-yellow-500: #ffa600;
+  --color-yellow-400: #ffde67;
+  --color-yellow-50: #fff6d7;
+  --color-blue-500: #0e4ea7;
+  --color-blue-400: #a3e7ff;
+  --color-blue-50: #e0f7ff;
+  --color-purple-400: #9747ff;
+  --color-uva-red-dark: #9e002a;
+  --color-uva-red: #bd0032;
+  --color-amaranth: #dc3251;
+  --color-chilean-fire: #d45c3a;
+  --color-outrageous-orange: #ff5b2e;
+  --color-uva-orange: #cc8500;
+  --color-pink: #ffc2d2;
+  --color-uva-red-transparent: rgba(189 0 50 / 10%);
+  --color-amour: #ffe5ec;
+  --color-cobalt: #0d4da5;
+  --color-dandelion: #ffde66;
+  --color-natural-wood: #fff6d6;
+  --color-lavender-blue: #c1b6fc;
+  --color-uva-blue: #00a0e1;
+  --color-columbia-blue: #a1e7fc;
+  --color-san-felix: #2c632e;
+  --color-light-cyan: #e1f8ff;
+  --color-quartz: #ddd7fe;
+  --color-uva-green: #49a74c;
+  --color-medium-aquamarine: #62df9f;
+  --color-vista-blue: #8feabb;
+  --color-mystic: #cee3d8;
+  --color-white-ice: #d8fdea;
+  --color-mint-cream: #eafbf2;
+  --color-black-transparent: rgba(0 0 0 / 50%);
+  --color-scarpa-flow: #69656c;
+  --color-lemon-grass: #99998a;
+  --color-french-grey: #b3afb6;
+  --color-chatelle: #b3afb6;
+  --color-silver: #bfbfbf;
+  --color-fog: #cfcdd0;
+  --color-titan-white: #d9d8da;
+  --color-blackcurrant-transparent: rgba(31 29 32 / 15%);
+  --color-pattens-blue: #dddedf;
+  --color-titan-white-transparent: rgba(204 202 206 / 50%);
+  --color-lavender: #ebebec;
+  --color-lavender-transparent: rgba(235 235 236 / 50%);
+  --color-ghost-white: #f4f4f5;
+}

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { c as f } from "../../clsx-OuTLNxxd.js";
 import { forwardRef as i } from "react";
-import { s as t } from "../../Button.module-DfLXeuUK.js";
+import { s as t } from "../../Button.module-Gr3KvBvb.js";
 const d = i((o, r) => {
   const { children: s, type: n = "button", variant: e, displayColumn: m = !1, ...a } = o;
   return /* @__PURE__ */ u(

package/dist/components/Card/Card.js

@@ -1,39 +1,39 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { c as t } from "../../clsx-OuTLNxxd.js";
-import { SectionNotification as o } from "../SectionNotification/SectionNotification.js";
-import '../../assets/Card.css';const g = "_card_aw9hz_3", a = {
-  card: g,
-  "card--regular": "_card--regular_aw9hz_9",
-  "card--large": "_card--large_aw9hz_10",
-  "card--small": "_card--small_aw9hz_15",
-  "card-header": "_card-header_aw9hz_28",
-  "card--high-contrast": "_card--high-contrast_aw9hz_35",
-  "card--align-center": "_card--align-center_aw9hz_39"
-}, w = ({
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import { SectionNotification as g } from "../SectionNotification/SectionNotification.js";
+import '../../assets/Card.css';const i = "_card_19162_1", r = {
+  card: i,
+  "card--regular": "_card--regular_19162_7",
+  "card--large": "_card--large_19162_8",
+  "card--small": "_card--small_19162_13",
+  "card-header": "_card-header_19162_26",
+  "card--high-contrast": "_card--high-contrast_19162_33",
+  "card--align-center": "_card--align-center_19162_37"
+}, u = ({
   children: d,
   header: c,
   highContrast: s,
   notification: e,
-  padding: r = "regular",
+  padding: a = "regular",
   alignCenter: _ = !1
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ t(
   "div",
   {
-    className: t(a.card, {
-      [a["card--high-contrast"]]: s,
-      [a["card--regular"]]: r === "regular",
-      [a["card--small"]]: r === "small",
-      [a["card--large"]]: r === "large",
-      [a["card--align-center"]]: _
+    className: o(r.card, {
+      [r["card--high-contrast"]]: s,
+      [r["card--regular"]]: a === "regular",
+      [r["card--small"]]: a === "small",
+      [r["card--large"]]: a === "large",
+      [r["card--align-center"]]: _
     }),
     children: [
-      e && /* @__PURE__ */ l(o, { children: e }),
-      c && /* @__PURE__ */ l("div", { className: a["card-header"], children: c }),
+      e && /* @__PURE__ */ l(g, { children: e }),
+      c && /* @__PURE__ */ l("div", { className: r["card-header"], children: c }),
       d
     ]
   }
 );
 export {
-  w as Card
+  u as Card
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/IconButton/IconButton.js

@@ -1,17 +1,17 @@
 import { jsx as b } from "react/jsx-runtime";
-import { c as d } from "../../clsx-OuTLNxxd.js";
-import { forwardRef as s } from "react";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { forwardRef as _ } from "react";
 import '../../assets/IconButton.css';const t = {
-  "icon-button": "_icon-button_ldxal_3",
-  "icon-button--destructive": "_icon-button--destructive_ldxal_29",
-  "icon-button--no-border": "_icon-button--no-border_ldxal_37",
-  "icon-button--wide": "_icon-button--wide_ldxal_46"
-}, m = s(
+  "icon-button": "_icon-button_159x3_1",
+  "icon-button--destructive": "_icon-button--destructive_159x3_27",
+  "icon-button--no-border": "_icon-button--no-border_159x3_35",
+  "icon-button--wide": "_icon-button--wide_159x3_44"
+}, f = _(
   ({ children: o, type: n = "button", variant: c, noBorder: i, wide: r, ...e }, u) => /* @__PURE__ */ b(
     "button",
     {
       ...e,
-      className: d(t["icon-button"], {
+      className: s(t["icon-button"], {
         [t["icon-button--destructive"]]: c === "destructive",
         [t["icon-button--no-border"]]: i,
         [t["icon-button--wide"]]: r
@@ -23,6 +23,6 @@ import '../../assets/IconButton.css';const t = {
   )
 );
 export {
-  m as IconButton
+  f as IconButton
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/InfoMessage/InfoMessage.js

@@ -1,23 +1,23 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
 import { Icon as _ } from "../Icon/Icon.js";
-import '../../assets/InfoMessage.css';const e = {
-  "info-message": "_info-message_elg9f_3",
-  "info-message__container": "_info-message__container_elg9f_8",
-  "info-message__icon": "_info-message__icon_elg9f_13"
-}, g = ({ message: s, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
+import '../../assets/InfoMessage.css';const s = {
+  "info-message": "_info-message_1fqoy_1",
+  "info-message__container": "_info-message__container_1fqoy_6",
+  "info-message__icon": "_info-message__icon_1fqoy_11"
+}, r = ({ message: e, hasOwnContainer: o = !1 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: a(e["info-message"], {
-      [e["info-message__container"]]: o
+    className: a(s["info-message"], {
+      [s["info-message__container"]]: o
     }),
     children: [
-      /* @__PURE__ */ i(_, { name: "InformationCircleFillMini", className: e["info-message__icon"] }),
-      s
+      /* @__PURE__ */ i(_, { name: "InformationCircleFillMini", className: s["info-message__icon"] }),
+      e
     ]
   }
 );
 export {
-  g as InfoMessage
+  r as InfoMessage
 };
 //# sourceMappingURL=InfoMessage.js.map

package/dist/components/MenuButton/MenuButton.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as p } from "react/jsx-runtime";
 import { useButton as c } from "@react-aria/button";
 import { c as f } from "../../clsx-OuTLNxxd.js";
-import { s as r } from "../../Button.module-DfLXeuUK.js";
+import { s as r } from "../../Button.module-Gr3KvBvb.js";
 import { Icon as i } from "../Icon/Icon.js";
 function B({ buttonRef: t, variant: s, iconName: o, children: n, ...m }) {
   const { buttonProps: u } = c(m, t);

package/dist/components/Periods/Periods.js

@@ -1,15 +1,15 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as N } from "../../clsx-OuTLNxxd.js";
-import { useId as v } from "react";
-import '../../assets/Periods.css';const y = "_period__container_12tqn_3", A = "_period__item_12tqn_8", n = {
-  period__container: y,
+import { c as y } from "../../clsx-OuTLNxxd.js";
+import { useId as b } from "react";
+import '../../assets/Periods.css';const N = "_period__container_1yvl9_1", A = "_period__item_1yvl9_6", n = {
+  period__container: N,
   period__item: A,
-  "period__item--active": "_period__item--active_12tqn_20"
-}, P = 6, x = ({ periods: r, titlePeriods: a, maxPeriods: l = P }) => {
-  const p = Array.from({ length: l }, (e, t) => t + 1), u = v(), _ = r.some((e) => typeof e == "number"), d = (e) => {
+  "period__item--active": "_period__item--active_1yvl9_18"
+}, P = 6, O = ({ periods: r, titlePeriods: l, maxPeriods: a = P }) => {
+  const p = Array.from({ length: a }, (e, t) => t + 1), u = b(), _ = r.some((e) => typeof e == "number"), d = (e) => {
     let t = 0;
-    return r.reduce(($, b, m) => {
-      const { semesterNumber: s, periodInSemester: o } = b;
+    return r.reduce(($, v, m) => {
+      const { semesterNumber: s, periodInSemester: o } = v;
       let i = "";
       return s !== t ? i = ` ${e.periods["period-title"].replace("{{ semester }}", s.toString())} ${o}` : r[m + 1] && r[m + 1].semesterNumber === t ? i = `, ${o}` : i = ` ${e.periods["last-separator"]} ${o}`, t = s, `${$}${i}`;
     }, "").trim();
@@ -18,11 +18,11 @@ import '../../assets/Periods.css';const y = "_period__container_12tqn_3", A = "_
     "div",
     {
       className: n.period__container,
-      title: _ ? "" : d(a),
+      title: _ ? "" : d(l),
       children: p.map((e) => /* @__PURE__ */ c(
         "span",
         {
-          className: N(n.period__item, f(e) ? n["period__item--active"] : "")
+          className: y(n.period__item, f(e) ? n["period__item--active"] : "")
         },
         `${u}-${e}`
       ))
@@ -30,6 +30,6 @@ import '../../assets/Periods.css';const y = "_period__container_12tqn_3", A = "_
   );
 };
 export {
-  x as Periods
+  O as Periods
 };
 //# sourceMappingURL=Periods.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,18 +1,18 @@
-import { jsxs as _, jsx as s } from "react/jsx-runtime";
-import '../../assets/ProgrammeCard.css';const m = {
-  "programme-card": "_programme-card_18hy2_3",
-  "programme-card__divider": "_programme-card__divider_18hy2_19"
-}, p = ({ onClick: a, header: d, details: e }) => {
+import { jsxs as _, jsx as p } from "react/jsx-runtime";
+import '../../assets/ProgrammeCard.css';const d = {
+  "programme-card": "_programme-card_1fp0d_1",
+  "programme-card__divider": "_programme-card__divider_1fp0d_17"
+}, c = ({ onClick: a, header: m, details: e }) => {
   const o = (r) => {
     a && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a(r));
   };
-  return /* @__PURE__ */ _("div", { className: m["programme-card"], role: "button", onClick: a, onKeyDown: o, tabIndex: 0, children: [
-    d,
-    e && /* @__PURE__ */ s("hr", { className: m["programme-card__divider"] }),
+  return /* @__PURE__ */ _("div", { className: d["programme-card"], role: "button", onClick: a, onKeyDown: o, tabIndex: 0, children: [
+    m,
+    e && /* @__PURE__ */ p("hr", { className: d["programme-card__divider"] }),
     e
   ] });
 };
 export {
-  p as ProgrammeCard
+  c as ProgrammeCard
 };
 //# sourceMappingURL=ProgrammeCard.js.map

package/dist/components/SectionNotification/SectionNotification.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c } from "../../clsx-OuTLNxxd.js";
 import '../../assets/SectionNotification.css';const i = {
-  "section-notification": "_section-notification_xsb8x_3",
-  "section-notification--fullwidth": "_section-notification--fullwidth_xsb8x_12"
+  "section-notification": "_section-notification_1fwtg_1",
+  "section-notification--fullwidth": "_section-notification--fullwidth_1fwtg_10"
 }, a = ({ fullWidth: t = !1, children: o }) => /* @__PURE__ */ n(
   "div",
   {

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { c as f } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as E, useRef as g, useEffect as c } from "react";
-import { s as t } from "../../../SelectListbox.module-CArwRBHq.js";
+import { s as t } from "../../../SelectListbox.module-CdK9mQmJ.js";
 import { Icon as L } from "../../Icon/Icon.js";
 import { useSelect as N } from "../SelectProvider.js";
 const O = E((d, u) => {

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-CArwRBHq.js";
+import { s as f } from "../../../SelectListbox.module-CdK9mQmJ.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {

package/dist/components/SelectListbox/components/SelectOption.js

@@ -2,7 +2,7 @@ import { jsx as d } from "react/jsx-runtime";
 import { c as v } from "../../../clsx-OuTLNxxd.js";
 import { useRef as D, useEffect as p } from "react";
 import { useSelect as y } from "../SelectProvider.js";
-import { s as b } from "../../../SelectListbox.module-CArwRBHq.js";
+import { s as b } from "../../../SelectListbox.module-CdK9mQmJ.js";
 const S = ({ option: t, index: l, children: m }) => {
   const o = D(null), { isOpen: r, activeIndex: s, setActiveIndex: c, selectedValue: f, setSelectedValue: u, setIsOpen: i, options: a } = y(), w = (e) => {
     u(a[e]), i(!1);

package/dist/components/SelectListbox/components/SelectOptionBox.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as m, useRef as x } from "react";
-import { s as i } from "../../../SelectListbox.module-CArwRBHq.js";
+import { s as i } from "../../../SelectListbox.module-CdK9mQmJ.js";
 import { useSelect as a } from "../SelectProvider.js";
 const h = m((l, e) => {
   const { style: t, children: o } = l, { listboxId: r, isOpen: c } = a(), n = x(null);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.45.3",
+  "version": "1.45.5",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -65,7 +65,7 @@
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react": "^7.35.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.11",
     "eslint-plugin-storybook": "^0.8.0",
@@ -89,6 +89,7 @@
     "vite": "^5.4.2",
     "vite-plugin-dts": "^4.1.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-static-copy": "^1.0.6",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.0.1"
   }

package/dist/Button.module-DfLXeuUK.js

@@ -1,14 +0,0 @@
-import './assets/Button.css';const t = "_button_rocr9_3", o = {
-  button: t,
-  "button--blank": "_button--blank_rocr9_37",
-  "button--blank-icon": "_button--blank-icon_rocr9_38",
-  "button--primary": "_button--primary_rocr9_68",
-  "button--secondary": "_button--secondary_rocr9_84",
-  "button--destructive-primary": "_button--destructive-primary_rocr9_100",
-  "button--destructive-secondary": "_button--destructive-secondary_rocr9_118",
-  "button--wide-column": "_button--wide-column_rocr9_136"
-};
-export {
-  o as s
-};
-//# sourceMappingURL=Button.module-DfLXeuUK.js.map

package/dist/Button.module-DfLXeuUK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.module-DfLXeuUK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/SelectListbox.module-CArwRBHq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectListbox.module-CArwRBHq.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}