@uva-glass/component-library 1.56.0 → 1.57.0
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.
- package/dist/Button.module-FL3-CODh.js +15 -0
- package/dist/Button.module-FL3-CODh.js.map +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/components/Buttons/Button.js +1 -1
- package/dist/components/Buttons/LinkButton.js +1 -1
- package/dist/components/Buttons/LinkButton.stories.js +13 -5
- package/dist/components/Buttons/LinkButton.stories.js.map +1 -1
- package/dist/components/Buttons/MenuButton.js +1 -1
- package/dist/types/UserInterface.d.ts +1 -1
- package/package.json +1 -1
- package/dist/Button.module-Gr3KvBvb.js +0 -14
- package/dist/Button.module-Gr3KvBvb.js.map +0 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import './assets/Button.css';const t = "_button_wigjh_1", n = {
|
|
2
|
+
button: t,
|
|
3
|
+
"button--blank": "_button--blank_wigjh_35",
|
|
4
|
+
"button--blank-subtle": "_button--blank-subtle_wigjh_36",
|
|
5
|
+
"button--blank-icon": "_button--blank-icon_wigjh_37",
|
|
6
|
+
"button--primary": "_button--primary_wigjh_82",
|
|
7
|
+
"button--secondary": "_button--secondary_wigjh_98",
|
|
8
|
+
"button--destructive-primary": "_button--destructive-primary_wigjh_114",
|
|
9
|
+
"button--destructive-secondary": "_button--destructive-secondary_wigjh_132",
|
|
10
|
+
"button--wide-column": "_button--wide-column_wigjh_150"
|
|
11
|
+
};
|
|
12
|
+
export {
|
|
13
|
+
n as s
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Button.module-FL3-CODh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.module-FL3-CODh.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_wigjh_1{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);gap:.5rem;height:2.75rem;justify-content:center;line-height:inherit;margin:0;padding:.75rem 1rem;transition:var(--transition-colors);white-space:nowrap}._button_wigjh_1[href]{text-decoration:none}._button_wigjh_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._button_wigjh_1:hover{background-color:var(--color-lavender);outline:0}._button--blank_wigjh_35,._button--blank-subtle_wigjh_36,._button--blank-icon_wigjh_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_wigjh_35,._button--blank-icon_wigjh_37{color:var(--color-uva-black)}._button--blank-subtle_wigjh_36{color:var(--color-grey-500)}._button--blank-icon_wigjh_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_wigjh_35:focus,._button--blank_wigjh_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_wigjh_36:focus,._button--blank-subtle_wigjh_36:not([disabled]):hover{background:none;color:var(--color-uva-black);text-decoration:underline}._button--blank-icon_wigjh_37:focus,._button--blank-icon_wigjh_37:not([disabled]):hover{background-color:var(--color-grey-100);border-color:var(--color-grey-400)}._button--primary_wigjh_82{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}._button--primary_wigjh_82:hover{background-color:var(--color-scarpa-flow);border-color:var(--color-scarpa-flow)}._button--primary_wigjh_82[disabled]{background-color:var(--color-black);color:var(--color-white)}._button--secondary_wigjh_98{background-color:transparent;border-color:var(--color-black);color:var(--color-black)}._button--secondary_wigjh_98:hover{background-color:var(--color-black);color:var(--color-white)}._button--secondary_wigjh_98[disabled]{background-color:transparent;color:var(--color-black)}._button--destructive-primary_wigjh_114{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-primary_wigjh_114:hover{background-color:var(--color-uva-red-dark);border-color:var(--color-uva-red-dark);color:var(--color-white)}._button--destructive-primary_wigjh_114[disabled]{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-secondary_wigjh_132{background-color:var(--color-white);border-color:var(--color-uva-red);color:var(--color-uva-red)}._button--destructive-secondary_wigjh_132:hover{background-color:var(--color-uva-red);border-color:var(--color-uva-red);color:var(--color-white)}._button--destructive-secondary_wigjh_132[disabled]{background-color:var(--color-white);border-color:var(--color-uva-red);color:var(--color-uva-red)}._button--wide-column_wigjh_150{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_wigjh_1[disabled]{cursor:unset;opacity:.4;text-decoration:none;transition-delay:.25s}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as f } from "react/jsx-runtime";
|
|
2
2
|
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { forwardRef as a } from "react";
|
|
4
|
-
import { s as t } from "../../Button.module-
|
|
4
|
+
import { s as t } from "../../Button.module-FL3-CODh.js";
|
|
5
5
|
const p = a(
|
|
6
6
|
({ children: o, type: r = "button", variant: s, displayColumn: m = !1, ...n }, e) => /* @__PURE__ */ f(
|
|
7
7
|
"button",
|
|
@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
|
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
3
|
import { Link as i } from "react-router-dom";
|
|
4
4
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
5
|
-
import { s as o } from "../../Button.module-
|
|
5
|
+
import { s as o } from "../../Button.module-FL3-CODh.js";
|
|
6
6
|
const l = f(
|
|
7
7
|
({ variant: r, ...t }, m) => /* @__PURE__ */ s(i, { ...t, className: n(o.button, o[`button--${r}`]), ref: m })
|
|
8
8
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as a, Fragment as
|
|
2
|
-
import { fn as
|
|
1
|
+
import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { fn as s } from "../../index-MQ0yPLdl.js";
|
|
3
3
|
import { BrowserRouter as c } from "react-router-dom";
|
|
4
4
|
import { LinkButton as n } from "./LinkButton.js";
|
|
5
5
|
const d = `
|
|
@@ -10,7 +10,15 @@ const d = `
|
|
|
10
10
|
component: n,
|
|
11
11
|
argTypes: {
|
|
12
12
|
variant: {
|
|
13
|
-
options: [
|
|
13
|
+
options: [
|
|
14
|
+
"primary",
|
|
15
|
+
"secondary",
|
|
16
|
+
"destructive-primary",
|
|
17
|
+
"destructive-secondary",
|
|
18
|
+
"blank",
|
|
19
|
+
"blank-subtle",
|
|
20
|
+
"blank-icon"
|
|
21
|
+
],
|
|
14
22
|
control: { type: "radio" }
|
|
15
23
|
}
|
|
16
24
|
},
|
|
@@ -20,7 +28,7 @@ const d = `
|
|
|
20
28
|
}
|
|
21
29
|
}, r = (o) => /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(n, { ...o }) }), i = {
|
|
22
30
|
variant: "primary",
|
|
23
|
-
onClick:
|
|
31
|
+
onClick: s()
|
|
24
32
|
}, p = r.bind({});
|
|
25
33
|
p.args = {
|
|
26
34
|
children: "Click me!",
|
|
@@ -29,7 +37,7 @@ p.args = {
|
|
|
29
37
|
const e = r.bind({});
|
|
30
38
|
e.args = {
|
|
31
39
|
...i,
|
|
32
|
-
children: /* @__PURE__ */ a(
|
|
40
|
+
children: /* @__PURE__ */ a(l, { children: [
|
|
33
41
|
/* @__PURE__ */ t("div", { children: "Child 1" }),
|
|
34
42
|
/* @__PURE__ */ t("div", { children: "Child 2" })
|
|
35
43
|
] })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.stories.js","sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/LinkButton',\n component: LinkButton,\n argTypes: {\n variant: {\n options: ['primary'
|
|
1
|
+
{"version":3,"file":"LinkButton.stories.js","sources":["../../../src/components/Buttons/LinkButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { BrowserRouter } from 'react-router-dom';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { LinkButtonProps } from './LinkButton';\n\nimport { LinkButton } from './LinkButton';\n\nconst codeString = `\n// Has all HTMLAnchorElement props available except \"className\" and \"style\" \n <LinkButton variant={variant} to={to} replace={replace} buttonRef={buttonRef}>{children}</LinkButton>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/LinkButton',\n component: LinkButton,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: LinkButton,\n codeString: codeString,\n },\n} as Meta<LinkButtonProps>;\n\nconst Template: StoryFn<LinkButtonProps> = (args) => (\n <BrowserRouter>\n <LinkButton {...args} />\n </BrowserRouter>\n);\n\nconst defaultArgs: Partial<LinkButtonProps> = {\n variant: 'primary',\n onClick: fn(),\n};\n\nexport const LinkButtonExample = Template.bind({});\nLinkButtonExample.args = {\n children: 'Click me!',\n ...defaultArgs,\n};\n\nexport const WithMultipleChildren = Template.bind({});\nWithMultipleChildren.args = {\n ...defaultArgs,\n children: (\n <>\n <div>Child 1</div>\n <div>Child 2</div>\n </>\n ),\n};\n\nWithMultipleChildren.argTypes = {\n ...WithMultipleChildren.argTypes,\n children: {\n table: {\n disable: true, // Disable children controls for this specific story\n },\n },\n};\n"],"names":["codeString","LinkButton_stories","LinkButton","Template","args","jsx","BrowserRouter","defaultArgs","fn","LinkButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;;AAQA,MAAMA,IAAa;AAAA;AAAA;AAAA,GAMJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EACF;AACF,GAEMG,IAAqC,CAACC,MAC1C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAY,GAAGE,EAAM,CAAA,EACxB,CAAA,GAGIG,IAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,SAASC,EAAG;AACd,GAEaC,IAAoBN,EAAS,KAAK,EAAE;AACjDM,EAAkB,OAAO;AAAA,EACvB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBP,EAAS,KAAK,EAAE;AACpDO,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAP,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,GACd;AAEJ;AAEAK,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IACX;AAAA,EACF;AACF;"}
|
|
@@ -2,7 +2,7 @@ import { jsxs as e, jsx as p } from "react/jsx-runtime";
|
|
|
2
2
|
import { useButton as c } from "@react-aria/button";
|
|
3
3
|
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { Icon as i } from "../Icon/Icon.js";
|
|
5
|
-
import { s as r } from "../../Button.module-
|
|
5
|
+
import { s as r } from "../../Button.module-FL3-CODh.js";
|
|
6
6
|
function B({ buttonRef: t, variant: s, iconName: o, children: n, ...m }) {
|
|
7
7
|
const { buttonProps: u } = c(m, t);
|
|
8
8
|
return /* @__PURE__ */ e("button", { ...u, ref: t, className: f(r.button, r[`button--${s}`]), children: [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank' | 'blank-icon';
|
|
1
|
+
export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank' | 'blank-subtle' | 'blank-icon';
|
|
2
2
|
export type UISelectVariant = 'small' | 'regular';
|
|
3
3
|
export type UITooltipSize = 'small' | 'medium' | 'large';
|
|
4
4
|
export type UIStatus = 'information' | 'danger' | 'warning' | 'success' | 'default';
|
package/package.json
CHANGED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import './assets/Button.css';const t = "_button_1h8e2_1", n = {
|
|
2
|
-
button: t,
|
|
3
|
-
"button--blank": "_button--blank_1h8e2_35",
|
|
4
|
-
"button--blank-icon": "_button--blank-icon_1h8e2_36",
|
|
5
|
-
"button--primary": "_button--primary_1h8e2_66",
|
|
6
|
-
"button--secondary": "_button--secondary_1h8e2_82",
|
|
7
|
-
"button--destructive-primary": "_button--destructive-primary_1h8e2_98",
|
|
8
|
-
"button--destructive-secondary": "_button--destructive-secondary_1h8e2_116",
|
|
9
|
-
"button--wide-column": "_button--wide-column_1h8e2_134"
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
n as s
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=Button.module-Gr3KvBvb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.module-Gr3KvBvb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|