@uva-glass/component-library 3.30.0 → 3.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/assets/Notification.css +1 -1
  2. package/dist/components/Notification/Notification.js +41 -41
  3. package/package.json +3 -3
package/dist/assets/Notification.css CHANGED
@@ -1 +1 @@
1
- ._notification_eo06p_1{display:flex;justify-content:space-between}._notification--default_eo06p_6{padding:1rem}._notification--bar_eo06p_9{border:none;padding:.5rem 1rem}._notification--neutral_eo06p_14{background-color:var(--new-color-grey-300);border-left:.25rem solid var(--new-color-grey-600)}._notification--information_eo06p_18{background-color:var(--new-color-navy-200);border-left:.25rem solid var(--new-color-navy-600)}._notification--success_eo06p_22{background-color:var(--new-color-forest-200);border-left:.25rem solid var(--new-color-forest-600)}._notification--warning_eo06p_26{background-color:var(--new-color-orange-200);border-left:.25rem solid var(--new-color-orange-600)}._notification--danger_eo06p_30{background-color:var(--new-color-red-200);border-left:.25rem solid var(--new-color-red-600)}._notification--bar_eo06p_9._notification--neutral_eo06p_14{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification--bar_eo06p_9._notification--information_eo06p_18{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification--bar_eo06p_9._notification--success_eo06p_22{background-color:var(--new-color-forest-600)}._notification--bar_eo06p_9._notification--warning_eo06p_26{background-color:var(--new-color-orange-600)}._notification--bar_eo06p_9._notification--danger_eo06p_30{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-content_eo06p_54{display:flex;gap:1rem}._notification-content--text_eo06p_58{display:flex;flex-direction:column;gap:.5rem}._notification-title_eo06p_64{font-weight:var(--semibold);margin:0}._notification-subtitle_eo06p_68{margin:0}._notification-close-button_eo06p_72{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-button_eo06p_72:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._notification-close-button_eo06p_72:hover{cursor:pointer;outline:0}._notification-close-button_eo06p_72:after{bottom:-.625rem;content:"";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}._notification-close-button--bar--neutral_eo06p_106,._notification-close-button--bar--information_eo06p_107,._notification-close-button--bar--danger_eo06p_108{color:var(--new-color-uva-white)}._notification-close-button--neutral_eo06p_112:hover{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification-close-button--information_eo06p_116:hover{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification-close-button--success_eo06p_120:hover{background-color:var(--new-color-forest-600)}._notification-close-button--warning_eo06p_123:hover{background-color:var(--new-color-orange-600)}._notification-close-button--danger_eo06p_126:hover{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-close-button--bar--neutral_eo06p_106:hover{background-color:var(--new-color-grey-300);color:var(--new-color-uva-black)}._notification-close-button--bar--information_eo06p_107:hover{background-color:var(--new-color-navy-300);color:var(--new-color-uva-black)}._notification-close-button--bar--success_eo06p_139:hover{background-color:var(--new-color-forest-300)}._notification-close-button--bar--warning_eo06p_142:hover{background-color:var(--new-color-orange-300)}._notification-close-button--bar--danger_eo06p_108:hover{background-color:var(--new-color-red-300);color:var(--new-color-uva-black)}
1
+ ._notification_qwbrb_1{display:flex;justify-content:space-between;width:100%}._notification--default_qwbrb_7{padding:1rem}._notification--bar_qwbrb_10{border:none;padding:.5rem 1rem}._notification--neutral_qwbrb_15{background-color:var(--new-color-grey-300);border-left:.25rem solid var(--new-color-grey-600)}._notification--information_qwbrb_19{background-color:var(--new-color-navy-200);border-left:.25rem solid var(--new-color-navy-600)}._notification--success_qwbrb_23{background-color:var(--new-color-forest-200);border-left:.25rem solid var(--new-color-forest-600)}._notification--warning_qwbrb_27{background-color:var(--new-color-orange-200);border-left:.25rem solid var(--new-color-orange-600)}._notification--danger_qwbrb_31{background-color:var(--new-color-red-200);border-left:.25rem solid var(--new-color-red-600)}._notification--bar_qwbrb_10._notification--neutral_qwbrb_15{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification--bar_qwbrb_10._notification--information_qwbrb_19{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification--bar_qwbrb_10._notification--success_qwbrb_23{background-color:var(--new-color-forest-600)}._notification--bar_qwbrb_10._notification--warning_qwbrb_27{background-color:var(--new-color-orange-600)}._notification--bar_qwbrb_10._notification--danger_qwbrb_31{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-content_qwbrb_55{display:flex;gap:1rem}._notification-content--text_qwbrb_59{display:flex;flex-direction:column;gap:.5rem}._notification-title_qwbrb_65{font-weight:var(--semibold);margin:0}._notification-subtitle_qwbrb_69{margin:0}._notification-close-button_qwbrb_73{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--new-color-uva-black);display:inline-flex;height:1.5rem;justify-content:center;position:relative;transition:var(--transition-colors);width:1.5rem}._notification-close-button_qwbrb_73:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._notification-close-button_qwbrb_73:hover{cursor:pointer;outline:0}._notification-close-button_qwbrb_73:after{bottom:-.625rem;content:"";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}._notification-close-button--bar--neutral_qwbrb_107,._notification-close-button--bar--information_qwbrb_108,._notification-close-button--bar--danger_qwbrb_109{color:var(--new-color-uva-white)}._notification-close-button--neutral_qwbrb_113:hover{background-color:var(--new-color-grey-600);color:var(--new-color-uva-white)}._notification-close-button--information_qwbrb_117:hover{background-color:var(--new-color-navy-600);color:var(--new-color-uva-white)}._notification-close-button--success_qwbrb_121:hover{background-color:var(--new-color-forest-600)}._notification-close-button--warning_qwbrb_124:hover{background-color:var(--new-color-orange-600)}._notification-close-button--danger_qwbrb_127:hover{background-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._notification-close-button--bar--neutral_qwbrb_107:hover{background-color:var(--new-color-grey-300);color:var(--new-color-uva-black)}._notification-close-button--bar--information_qwbrb_108:hover{background-color:var(--new-color-navy-300);color:var(--new-color-uva-black)}._notification-close-button--bar--success_qwbrb_140:hover{background-color:var(--new-color-forest-300)}._notification-close-button--bar--warning_qwbrb_143:hover{background-color:var(--new-color-orange-300)}._notification-close-button--bar--danger_qwbrb_109:hover{background-color:var(--new-color-red-300);color:var(--new-color-uva-black)}
package/dist/components/Notification/Notification.js CHANGED
@@ -1,58 +1,58 @@
1
- import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
- import { c as s } from "../../clsx-OuTLNxxd.js";
3
- import { Icon as r } from "../Icon/Icon.js";
4
- import '../../assets/Notification.css';const p = "_notification_eo06p_1", t = {
5
- notification: p,
6
- "notification--default": "_notification--default_eo06p_6",
7
- "notification--bar": "_notification--bar_eo06p_9",
8
- "notification--neutral": "_notification--neutral_eo06p_14",
9
- "notification--information": "_notification--information_eo06p_18",
10
- "notification--success": "_notification--success_eo06p_22",
11
- "notification--warning": "_notification--warning_eo06p_26",
12
- "notification--danger": "_notification--danger_eo06p_30",
13
- "notification-content": "_notification-content_eo06p_54",
14
- "notification-content--text": "_notification-content--text_eo06p_58",
15
- "notification-title": "_notification-title_eo06p_64",
16
- "notification-subtitle": "_notification-subtitle_eo06p_68",
17
- "notification-close-button": "_notification-close-button_eo06p_72",
18
- "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_eo06p_106",
19
- "notification-close-button--bar--information": "_notification-close-button--bar--information_eo06p_107",
20
- "notification-close-button--bar--danger": "_notification-close-button--bar--danger_eo06p_108",
21
- "notification-close-button--neutral": "_notification-close-button--neutral_eo06p_112",
22
- "notification-close-button--information": "_notification-close-button--information_eo06p_116",
23
- "notification-close-button--success": "_notification-close-button--success_eo06p_120",
24
- "notification-close-button--warning": "_notification-close-button--warning_eo06p_123",
25
- "notification-close-button--danger": "_notification-close-button--danger_eo06p_126",
26
- "notification-close-button--bar--success": "_notification-close-button--bar--success_eo06p_139",
27
- "notification-close-button--bar--warning": "_notification-close-button--bar--warning_eo06p_142"
28
- }, N = ({ title: _, subtitle: a, action: e, variant: f = "default", level: i, onClose: l }) => {
29
- const u = f === "bar";
30
- function b(n) {
31
- return n === "neutral" ? "CalendarEdit" : n === "information" ? "SquareInfo" : n === "success" ? "CheckCircle" : "ExclamationTriangleMini";
1
+ import { jsxs as c, jsx as i } from "react/jsx-runtime";
2
+ import { c as e } from "../../clsx-OuTLNxxd.js";
3
+ import { Icon as f } from "../Icon/Icon.js";
4
+ import '../../assets/Notification.css';const w = "_notification_qwbrb_1", t = {
5
+ notification: w,
6
+ "notification--default": "_notification--default_qwbrb_7",
7
+ "notification--bar": "_notification--bar_qwbrb_10",
8
+ "notification--neutral": "_notification--neutral_qwbrb_15",
9
+ "notification--information": "_notification--information_qwbrb_19",
10
+ "notification--success": "_notification--success_qwbrb_23",
11
+ "notification--warning": "_notification--warning_qwbrb_27",
12
+ "notification--danger": "_notification--danger_qwbrb_31",
13
+ "notification-content": "_notification-content_qwbrb_55",
14
+ "notification-content--text": "_notification-content--text_qwbrb_59",
15
+ "notification-title": "_notification-title_qwbrb_65",
16
+ "notification-subtitle": "_notification-subtitle_qwbrb_69",
17
+ "notification-close-button": "_notification-close-button_qwbrb_73",
18
+ "notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_qwbrb_107",
19
+ "notification-close-button--bar--information": "_notification-close-button--bar--information_qwbrb_108",
20
+ "notification-close-button--bar--danger": "_notification-close-button--bar--danger_qwbrb_109",
21
+ "notification-close-button--neutral": "_notification-close-button--neutral_qwbrb_113",
22
+ "notification-close-button--information": "_notification-close-button--information_qwbrb_117",
23
+ "notification-close-button--success": "_notification-close-button--success_qwbrb_121",
24
+ "notification-close-button--warning": "_notification-close-button--warning_qwbrb_124",
25
+ "notification-close-button--danger": "_notification-close-button--danger_qwbrb_127",
26
+ "notification-close-button--bar--success": "_notification-close-button--bar--success_qwbrb_140",
27
+ "notification-close-button--bar--warning": "_notification-close-button--bar--warning_qwbrb_143"
28
+ }, g = ({ title: s, subtitle: a, action: r, variant: b = "default", level: n, onClose: _ }) => {
29
+ const l = b === "bar";
30
+ function u(o) {
31
+ return o === "neutral" ? "CalendarEdit" : o === "information" ? "SquareInfo" : o === "success" ? "CheckCircle" : "ExclamationTriangleMini";
32
32
  }
33
- return /* @__PURE__ */ c("div", { className: s(t.notification, t[`notification--${f}`], t[`notification--${i}`]), children: [
33
+ return /* @__PURE__ */ c("div", { className: e(t.notification, t[`notification--${b}`], t[`notification--${n}`]), children: [
34
34
  /* @__PURE__ */ c("div", { className: t["notification-content"], children: [
35
- /* @__PURE__ */ o(r, { name: b(i) }),
35
+ /* @__PURE__ */ i(f, { name: u(n) }),
36
36
  /* @__PURE__ */ c("div", { className: t["notification-content--text"], children: [
37
- /* @__PURE__ */ o("p", { className: t["notification-title"], children: _ }),
38
- a && /* @__PURE__ */ o("p", { className: t["notification-subtitle"], children: a }),
39
- e && /* @__PURE__ */ o("div", { className: t["notification-action"], children: e })
37
+ /* @__PURE__ */ i("p", { className: t["notification-title"], children: s }),
38
+ a && /* @__PURE__ */ i("p", { className: t["notification-subtitle"], children: a }),
39
+ r && /* @__PURE__ */ i("div", { className: t["notification-action"], children: r })
40
40
  ] })
41
41
  ] }),
42
- l && /* @__PURE__ */ o(
42
+ _ && /* @__PURE__ */ i(
43
43
  "button",
44
44
  {
45
45
  type: "button",
46
46
  "aria-label": "close",
47
- className: s(t["notification-close-button"], t[`notification-close-button--${i}`], {
48
- [t[`notification-close-button--bar--${i}`]]: u
47
+ className: e(t["notification-close-button"], t[`notification-close-button--${n}`], {
48
+ [t[`notification-close-button--bar--${n}`]]: l
49
49
  }),
50
- children: /* @__PURE__ */ o(r, { name: "Cross", size: 24 })
50
+ children: /* @__PURE__ */ i(f, { name: "Cross", size: 24 })
51
51
  }
52
52
  )
53
53
  ] });
54
54
  };
55
55
  export {
56
- N as Notification
56
+ g as Notification
57
57
  };
58
58
  //# sourceMappingURL=Notification.js.map
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "3.30.0",
5
+ "version": "3.30.1",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -93,7 +93,7 @@
93
93
  "vite": "^6.3.5",
94
94
  "vite-plugin-dts": "^4.5.4",
95
95
  "vite-plugin-lib-inject-css": "^2.2.2",
96
- "vite-plugin-static-copy": "^3.0.2",
96
+ "vite-plugin-static-copy": "^3.1.0",
97
97
  "vite-plugin-svgr": "^4.3.0",
98
98
  "vite-tsconfig-paths": "^5.1.4"
99
99
  },
@@ -109,7 +109,7 @@
109
109
  },
110
110
  "optionalDependencies": {
111
111
  "@ast-grep/napi-linux-x64-gnu": "0.38.6",
112
- "@rollup/rollup-linux-x64-gnu": "^4.44.0",
112
+ "@rollup/rollup-linux-x64-gnu": "^4.44.1",
113
113
  "@rspack/binding-darwin-arm64": "1.3.15",
114
114
  "@rspack/binding-linux-x64-gnu": "1.3.15"
115
115
  }