@uva-glass/component-library 3.50.3 → 3.50.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
._controls-
|
|
1
|
+
._controls-input_ol6hz_1{aspect-ratio:unset;cursor:pointer;height:0;opacity:0;position:absolute;width:0}._controls-input_ol6hz_1:focus-visible+label{outline:.125rem dotted var(--color-navy-600);outline-offset:.125rem}._controls-input_ol6hz_1:checked+label{background-color:var(--color-navy-600);color:var(--color-uva-white);font-weight:var(--semibold)}._controls-input_ol6hz_1:disabled+label,._controls-input_ol6hz_1:disabled:hover+label{background-color:var(--color-grey-400);color:var(--color-grey-700);cursor:not-allowed}._controls-input_ol6hz_1:disabled:checked+label{background-color:var(--color-grey-500);color:var(--color-grey-900);font-weight:var(--semibold)}._controls-input_ol6hz_1:hover+label{background-color:var(--color-grey-300);color:var(--color-uva-black)}._controls-button_ol6hz_39{align-items:center;background-color:var(--color-uva-white);border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-default);height:2.25rem;justify-content:center;min-width:2.25rem;padding:.5rem;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}._controls-button--squared_ol6hz_57{width:2.25rem}._controls-button_ol6hz_39:after{content:"";min-height:2.625rem;min-width:2.625rem;position:absolute;width:100%}._controls-button--with-prefix_ol6hz_69{height:auto;padding:.125rem .5rem;width:auto}._controls-button--with-icon_ol6hz_75{gap:.5rem}._controls-button__wrapper_ol6hz_79{align-items:center;display:flex;flex-direction:column}._controls-button__prefix_ol6hz_85{color:var(--color-uva-700);font-size:var(--font-size-text-non-essential)}._controls-button__tooltip_ol6hz_90{background-color:var(--color-uva-white);box-shadow:0 0 .25rem #00000040;color:var(--color-grey-700);display:none;font-size:var(--font-size-text-non-essential);font-style:italic;font-weight:400;padding:.5rem 1rem;position:absolute;text-align:center;top:calc(100% + .5rem);z-index:1}._controls-button__tooltip--left_ol6hz_105{left:0rem}._controls-button__tooltip--center_ol6hz_109{left:50%;transform:translate(-50%)}._controls-button__tooltip--right_ol6hz_114{right:0rem}._controls-button__tooltip_ol6hz_90:before{border-color:transparent transparent var(--color-grey-400) transparent;border-style:solid;border-width:.5rem;bottom:calc(100% + .125rem);content:"";filter:blur(.125rem);position:absolute;z-index:-1}._controls-button__tooltip_ol6hz_90:after{border-color:transparent transparent var(--color-uva-white) transparent;border-style:solid;border-width:.5rem;bottom:100%;content:"";position:absolute}._controls-button_ol6hz_39:hover ._controls-button__tooltip_ol6hz_90,._controls-input_ol6hz_1:focus-visible+label ._controls-button__tooltip_ol6hz_90{display:block}._controls-button__tooltip--left_ol6hz_105:before,._controls-button__tooltip--left_ol6hz_105:after{left:.5rem}._controls-button__tooltip--center_ol6hz_109:before,._controls-button__tooltip--center_ol6hz_109:after{left:50%;transform:translate(-50%)}._controls-button__tooltip--right_ol6hz_114:before,._controls-button__tooltip--right_ol6hz_114:after{right:.5rem}
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useId as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/ControlsButton.css';const
|
|
6
|
-
"controls-input": "_controls-
|
|
7
|
-
"controls-button": "_controls-
|
|
8
|
-
"controls-button--squared": "_controls-button--
|
|
9
|
-
"controls-button--with-prefix": "_controls-button--with-
|
|
10
|
-
"controls-button--with-icon": "_controls-button--with-
|
|
11
|
-
"controls-button__wrapper": "_controls-
|
|
12
|
-
"controls-button__prefix": "_controls-
|
|
13
|
-
"controls-button__tooltip": "_controls-
|
|
14
|
-
"controls-button__tooltip--left": "_controls-button__tooltip--
|
|
15
|
-
"controls-button__tooltip--center": "_controls-button__tooltip--
|
|
16
|
-
"controls-button__tooltip--right": "_controls-button__tooltip--
|
|
17
|
-
},
|
|
18
|
-
type:
|
|
1
|
+
import { jsxs as c, Fragment as w, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useId as g } from "react";
|
|
3
|
+
import { c as b } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { Icon as I } from "../Icon/Icon.js";
|
|
5
|
+
import '../../assets/ControlsButton.css';const o = {
|
|
6
|
+
"controls-input": "_controls-input_ol6hz_1",
|
|
7
|
+
"controls-button": "_controls-button_ol6hz_39",
|
|
8
|
+
"controls-button--squared": "_controls-button--squared_ol6hz_57",
|
|
9
|
+
"controls-button--with-prefix": "_controls-button--with-prefix_ol6hz_69",
|
|
10
|
+
"controls-button--with-icon": "_controls-button--with-icon_ol6hz_75",
|
|
11
|
+
"controls-button__wrapper": "_controls-button__wrapper_ol6hz_79",
|
|
12
|
+
"controls-button__prefix": "_controls-button__prefix_ol6hz_85",
|
|
13
|
+
"controls-button__tooltip": "_controls-button__tooltip_ol6hz_90",
|
|
14
|
+
"controls-button__tooltip--left": "_controls-button__tooltip--left_ol6hz_105",
|
|
15
|
+
"controls-button__tooltip--center": "_controls-button__tooltip--center_ol6hz_109",
|
|
16
|
+
"controls-button__tooltip--right": "_controls-button__tooltip--right_ol6hz_114"
|
|
17
|
+
}, j = ({
|
|
18
|
+
type: p = "checkbox",
|
|
19
19
|
label: n,
|
|
20
20
|
value: i,
|
|
21
21
|
iconName: r,
|
|
22
|
-
prefix:
|
|
22
|
+
prefix: l,
|
|
23
23
|
tooltip: s,
|
|
24
|
-
tooltipPosition:
|
|
25
|
-
name:
|
|
24
|
+
tooltipPosition: h = "center",
|
|
25
|
+
name: a,
|
|
26
26
|
forceSquared: d = !1,
|
|
27
|
-
checked:
|
|
27
|
+
checked: m,
|
|
28
28
|
disabled: f,
|
|
29
|
-
onSetValue:
|
|
29
|
+
onSetValue: z
|
|
30
30
|
}) => {
|
|
31
|
-
const
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
31
|
+
const x = g(), e = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), _ = `${x}${e}`, u = `${_}-tooltip`;
|
|
32
|
+
return /* @__PURE__ */ c(w, { children: [
|
|
33
|
+
/* @__PURE__ */ t(
|
|
34
34
|
"input",
|
|
35
35
|
{
|
|
36
|
-
type:
|
|
36
|
+
type: p,
|
|
37
37
|
id: _,
|
|
38
|
-
name:
|
|
38
|
+
name: a ?? e,
|
|
39
39
|
disabled: f,
|
|
40
40
|
value: i,
|
|
41
|
-
checked:
|
|
42
|
-
onChange:
|
|
43
|
-
className:
|
|
44
|
-
"aria-describedby": s ?
|
|
41
|
+
checked: m,
|
|
42
|
+
onChange: z,
|
|
43
|
+
className: o["controls-input"],
|
|
44
|
+
"aria-describedby": s ? u : void 0
|
|
45
45
|
}
|
|
46
46
|
),
|
|
47
|
-
/* @__PURE__ */
|
|
47
|
+
/* @__PURE__ */ c(
|
|
48
48
|
"label",
|
|
49
49
|
{
|
|
50
50
|
htmlFor: _,
|
|
51
|
-
className:
|
|
52
|
-
d &&
|
|
53
|
-
|
|
54
|
-
r &&
|
|
51
|
+
className: b(o["controls-button"], [
|
|
52
|
+
d && o["controls-button--squared"],
|
|
53
|
+
l && o["controls-button--with-prefix"],
|
|
54
|
+
r && o["controls-button--with-icon"]
|
|
55
55
|
]),
|
|
56
56
|
children: [
|
|
57
|
-
r && /* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
|
|
57
|
+
r && /* @__PURE__ */ t(I, { name: r, size: 20 }),
|
|
58
|
+
/* @__PURE__ */ c("div", { className: o["controls-button__wrapper"], children: [
|
|
59
|
+
l && /* @__PURE__ */ t("div", { className: o["controls-button__prefix"], children: l }),
|
|
60
60
|
n
|
|
61
61
|
] }),
|
|
62
|
-
s && /* @__PURE__ */
|
|
62
|
+
s && /* @__PURE__ */ t(
|
|
63
63
|
"div",
|
|
64
64
|
{
|
|
65
|
-
id:
|
|
65
|
+
id: u,
|
|
66
66
|
role: "tooltip",
|
|
67
|
-
className:
|
|
67
|
+
className: b(o["controls-button__tooltip"], o[`controls-button__tooltip--${h}`]),
|
|
68
68
|
children: s
|
|
69
69
|
}
|
|
70
70
|
)
|
|
@@ -74,6 +74,6 @@ import '../../assets/ControlsButton.css';const t = {
|
|
|
74
74
|
] });
|
|
75
75
|
};
|
|
76
76
|
export {
|
|
77
|
-
|
|
77
|
+
j as ControlsButton
|
|
78
78
|
};
|
|
79
79
|
//# sourceMappingURL=ControlsButton.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.50.
|
|
5
|
+
"version": "3.50.4",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"@testing-library/jest-dom": "^6.9.1",
|
|
62
62
|
"@testing-library/react": "^16.3.0",
|
|
63
63
|
"@types/jest": "^30.0.0",
|
|
64
|
-
"@types/node": "^24.7.
|
|
64
|
+
"@types/node": "^24.7.1",
|
|
65
65
|
"@types/react": "^19.2.2",
|
|
66
66
|
"@types/react-dom": "^19.2.1",
|
|
67
67
|
"@uva-glass/eslint-config": "^1.3.11",
|