@uva-glass/component-library 3.28.3 → 3.28.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.
- package/dist/Button.module-D-q-W0TM.js +16 -0
- package/dist/Button.module-D-q-W0TM.js.map +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/components/Buttons/Button.js +1 -1
- package/dist/components/Buttons/Button.stories.js +15 -6
- package/dist/components/Buttons/Button.stories.js.map +1 -1
- package/dist/components/Buttons/LinkButton.js +1 -1
- package/dist/components/Buttons/MenuButton.js +1 -1
- package/dist/components/Icon/icons/index.d.ts +12 -0
- package/dist/components/Icon/icons/index.js +201 -191
- package/dist/components/Icon/icons/index.js.map +1 -1
- package/dist/types/UserInterface.d.ts +1 -1
- package/package.json +7 -7
- package/dist/Button.module-Dlqf6mMD.js +0 -15
- package/dist/Button.module-Dlqf6mMD.js.map +0 -1
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import './assets/Button.css';const t = "_button_9x1ab_1", n = {
|
|
2
|
+
button: t,
|
|
3
|
+
"button--blank": "_button--blank_9x1ab_35",
|
|
4
|
+
"button--blank-subtle": "_button--blank-subtle_9x1ab_36",
|
|
5
|
+
"button--blank-icon": "_button--blank-icon_9x1ab_37",
|
|
6
|
+
"button--primary": "_button--primary_9x1ab_82",
|
|
7
|
+
"button--secondary": "_button--secondary_9x1ab_98",
|
|
8
|
+
"button--destructive-primary": "_button--destructive-primary_9x1ab_114",
|
|
9
|
+
"button--destructive-secondary": "_button--destructive-secondary_9x1ab_132",
|
|
10
|
+
"button--destructive-secondary-transparent": "_button--destructive-secondary-transparent_9x1ab_150",
|
|
11
|
+
"button--wide-column": "_button--wide-column_9x1ab_168"
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
n as s
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=Button.module-D-q-W0TM.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.module-D-q-W0TM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_9x1ab_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_9x1ab_1[href]{text-decoration:none}._button_9x1ab_1:focus-visible{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._button_9x1ab_1:hover{background-color:var(--new-color-grey-300);outline:0}._button--blank_9x1ab_35,._button--blank-subtle_9x1ab_36,._button--blank-icon_9x1ab_37{border:0;border-radius:0;gap:0;height:auto;padding:0;text-decoration:underline;vertical-align:middle}._button--blank_9x1ab_35,._button--blank-icon_9x1ab_37{color:var(--new-color-uva-black)}._button--blank-subtle_9x1ab_36{color:var(--new-color-grey-700)}._button--blank-icon_9x1ab_37{border:1px solid transparent;border-radius:.5rem;height:2.5rem;width:2.5rem}._button--blank_9x1ab_35:focus,._button--blank_9x1ab_35:not([disabled]):hover{background:none;text-decoration:underline}._button--blank-subtle_9x1ab_36:focus,._button--blank-subtle_9x1ab_36:not([disabled]):hover{background:none;color:var(--new-color-uva-black);text-decoration:underline}._button--blank-icon_9x1ab_37:focus,._button--blank-icon_9x1ab_37:not([disabled]):hover{background-color:var(--new-color-grey-300);border-color:var(--new-color-grey-600)}._button--primary_9x1ab_82{background-color:var(--new-color-uva-black);border-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--primary_9x1ab_82:hover{background-color:var(--new-color-grey-700);border-color:var(--new-color-grey-700)}._button--primary_9x1ab_82[disabled]{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98{background-color:transparent;border-color:var(--new-color-uva-black);color:var(--new-color-uva-black)}._button--secondary_9x1ab_98:hover{background-color:var(--new-color-uva-black);color:var(--new-color-uva-white)}._button--secondary_9x1ab_98[disabled]{background-color:transparent;color:var(--new-color-uva-black)}._button--destructive-primary_9x1ab_114{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114:hover{background-color:var(--new-color-red-800);border-color:var(--new-color-red-800);color:var(--new-color-uva-white)}._button--destructive-primary_9x1ab_114[disabled]{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary_9x1ab_132:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary_9x1ab_132[disabled]{background-color:var(--new-color-uva-white);border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150{background-color:transparent;border-color:var(--new-color-red-600);color:var(--new-color-red-600)}._button--destructive-secondary-transparent_9x1ab_150:hover{background-color:var(--new-color-red-600);border-color:var(--new-color-red-600);color:var(--new-color-uva-white)}._button--destructive-secondary-transparent_9x1ab_150[disabled]{background-color:transparent;border-color:var(--new-color-grey-700);color:var(--new-color-grey-700)}._button--wide-column_9x1ab_168{display:flex;flex-direction:column;font-size:var(--font-size-text-non-essential);gap:.25rem;height:unset;padding:.5rem .25rem;width:100%}._button_9x1ab_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-D-q-W0TM.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",
|
|
@@ -6,7 +6,16 @@ const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Butto
|
|
|
6
6
|
component: n,
|
|
7
7
|
argTypes: {
|
|
8
8
|
variant: {
|
|
9
|
-
options: [
|
|
9
|
+
options: [
|
|
10
|
+
"primary",
|
|
11
|
+
"secondary",
|
|
12
|
+
"destructive-primary",
|
|
13
|
+
"destructive-secondary",
|
|
14
|
+
"destructive-secondary-transparent",
|
|
15
|
+
"blank",
|
|
16
|
+
"blank-subtle",
|
|
17
|
+
"blank-icon"
|
|
18
|
+
],
|
|
10
19
|
control: { type: "radio" }
|
|
11
20
|
}
|
|
12
21
|
},
|
|
@@ -14,19 +23,19 @@ const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Butto
|
|
|
14
23
|
inspectComponent: n,
|
|
15
24
|
codeString: c
|
|
16
25
|
}
|
|
17
|
-
},
|
|
26
|
+
}, e = (o) => /* @__PURE__ */ t(n, { ...o }), i = {
|
|
18
27
|
variant: "primary",
|
|
19
28
|
disabled: !1,
|
|
20
29
|
displayColumn: !1,
|
|
21
30
|
onClick: l()
|
|
22
|
-
}, d =
|
|
31
|
+
}, d = e.bind({});
|
|
23
32
|
d.args = {
|
|
24
33
|
children: "Click me!",
|
|
25
|
-
...
|
|
34
|
+
...i
|
|
26
35
|
};
|
|
27
|
-
const r =
|
|
36
|
+
const r = e.bind({});
|
|
28
37
|
r.args = {
|
|
29
|
-
...
|
|
38
|
+
...i,
|
|
30
39
|
children: /* @__PURE__ */ a(s, { children: [
|
|
31
40
|
/* @__PURE__ */ t("div", { children: "Child 1" }),
|
|
32
41
|
/* @__PURE__ */ t("div", { children: "Child 2" })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/Button',\n component: Button,\n argTypes: {\n variant: {\n options: ['primary'
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sources":["../../../src/components/Buttons/Button.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ButtonProps } from './Button';\n\nimport { Button } from './Button';\n\nconst codeString = '<Button variant={variant} onClick={onClictFunction}>{children}</Button>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Buttons/Button',\n component: Button,\n argTypes: {\n variant: {\n options: [\n 'primary',\n 'secondary',\n 'destructive-primary',\n 'destructive-secondary',\n 'destructive-secondary-transparent',\n 'blank',\n 'blank-subtle',\n 'blank-icon',\n ],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: Button,\n codeString: codeString,\n },\n} as Meta<ButtonProps>;\n\nconst Template: StoryFn<ButtonProps> = (args) => <Button {...args} />;\n\nconst defaultArgs: Partial<ButtonProps> = {\n variant: 'primary',\n disabled: false,\n displayColumn: false,\n onClick: fn(),\n};\n\nexport const ButtonExample = Template.bind({});\nButtonExample.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};\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","Button_stories","Button","Template","args","jsx","defaultArgs","fn","ButtonExample","WithMultipleChildren","jsxs","Fragment"],"mappings":";;;AAOA,MAAMA,IAAa,2EAGJC,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,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAiC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAQ,GAAGE,GAAM,GAE7DE,IAAoC;AAAA,EACxC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAASC,EAAG;AACd,GAEaC,IAAgBL,EAAS,KAAK,CAAE,CAAA;AAC7CK,EAAc,OAAO;AAAA,EACnB,UAAU;AAAA,EACV,GAAGF;AACL;AAEO,MAAMG,IAAuBN,EAAS,KAAK,CAAE,CAAA;AACpDM,EAAqB,OAAO;AAAA,EAC1B,GAAGH;AAAA,EACH,UAEI,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,IACZ,gBAAAA,EAAC,SAAI,UAAO,UAAA,CAAA;AAAA,EAAA,EACd,CAAA;AAEJ;AACAI,EAAqB,WAAW;AAAA,EAC9B,GAAGA,EAAqB;AAAA,EACxB,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAAA;AAAA,EACX;AAEJ;"}
|
|
@@ -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";
|
|
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-D-q-W0TM.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
|
);
|
|
@@ -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-D-q-W0TM.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: [
|
|
@@ -59,6 +59,12 @@ export declare const Icons: {
|
|
|
59
59
|
desc?: string;
|
|
60
60
|
descId?: string;
|
|
61
61
|
}>;
|
|
62
|
+
ArrowTopBottom: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
63
|
+
title?: string;
|
|
64
|
+
titleId?: string;
|
|
65
|
+
desc?: string;
|
|
66
|
+
descId?: string;
|
|
67
|
+
}>;
|
|
62
68
|
ArrowTopRightOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
63
69
|
title?: string;
|
|
64
70
|
titleId?: string;
|
|
@@ -77,6 +83,12 @@ export declare const Icons: {
|
|
|
77
83
|
desc?: string;
|
|
78
84
|
descId?: string;
|
|
79
85
|
}>;
|
|
86
|
+
BroomSparkleClean: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
87
|
+
title?: string;
|
|
88
|
+
titleId?: string;
|
|
89
|
+
desc?: string;
|
|
90
|
+
descId?: string;
|
|
91
|
+
}>;
|
|
80
92
|
BrowserBlocked: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
81
93
|
title?: string;
|
|
82
94
|
titleId?: string;
|