@uva-glass/component-library 1.15.0 → 1.17.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/MenuLink-DDAin3rf.js +20431 -0
- package/dist/MenuLink-DDAin3rf.js.map +1 -0
- package/dist/assets/Container.css +1 -0
- package/dist/assets/MenuLink.css +1 -0
- package/dist/assets/MenuLink2.css +1 -0
- package/dist/assets/MetaDataList.css +1 -0
- package/dist/assets/OverlayCloseButton.css +1 -1
- package/dist/components/Button/Button.stories.js +1 -1
- package/dist/components/IconButton/IconButton.stories.js +1 -1
- package/dist/components/MenuLink/MenuLink.d.ts +3 -0
- package/dist/components/MenuLink/MenuLink.js +7 -0
- package/dist/components/MenuLink/MenuLink.js.map +1 -0
- package/dist/components/MenuLink/MenuLink.stories.d.ts +5 -0
- package/dist/components/MenuLink/MenuLink.stories.js +15 -0
- package/dist/components/MenuLink/MenuLink.stories.js.map +1 -0
- package/dist/components/MenuLink/index.d.ts +1 -0
- package/dist/components/MenuLink/index.js +5 -0
- package/dist/components/MenuLink/index.js.map +1 -0
- package/dist/components/MetaDataList/MetaDataList.d.ts +6 -0
- package/dist/components/MetaDataList/MetaDataList.js +14 -0
- package/dist/components/MetaDataList/MetaDataList.js.map +1 -0
- package/dist/components/MetaDataList/MetaDataList.stories.d.ts +5 -0
- package/dist/components/MetaDataList/MetaDataList.stories.js +19 -0
- package/dist/components/MetaDataList/MetaDataList.stories.js.map +1 -0
- package/dist/components/MetaDataList/index.d.ts +1 -0
- package/dist/components/MetaDataList/index.js +5 -0
- package/dist/components/MetaDataList/index.js.map +1 -0
- package/dist/components/OverlayCloseButton/OverlayCloseButton.js +1 -1
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +8 -7
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js.map +1 -1
- package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +23 -19
- package/dist/components/index.js.map +1 -1
- package/dist/components/storyComponents/Container/Container.d.ts +7 -0
- package/dist/components/storyComponents/Container/Container.js +26 -0
- package/dist/components/storyComponents/Container/Container.js.map +1 -0
- package/dist/components/storyComponents/Container/index.d.ts +1 -0
- package/dist/components/storyComponents/Container/index.js +5 -0
- package/dist/components/storyComponents/Container/index.js.map +1 -0
- package/dist/{index-Ca2Q7D5u.js → index-Ce_VqA9S.js} +14 -13
- package/dist/{index-Ca2Q7D5u.js.map → index-Ce_VqA9S.js.map} +1 -1
- package/dist/index.js +23 -19
- package/dist/index.js.map +1 -1
- package/package.json +15 -12
- package/dist/assets/OverlayCloseButton2.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_13q1e_1{background-color:var(--color-white);border:2px dotted var(--color-black);padding:1rem;position:relative}._container--small_13q1e_8{height:10rem;width:10rem}._container--medium_13q1e_13{height:30rem;width:30rem}._container--large_13q1e_18{height:50rem;width:50rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.navbar{align-items:center;display:flex;gap:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menu-link_8gjhh_1{border-bottom:.125rem solid transparent;text-decoration:none;transition:var(--transition-colors) var(--default-duration) var(--default-easing-function)}._menu-link_8gjhh_1:hover,._menu-link--active_8gjhh_8{border-bottom-color:inherit;color:unset}._menu-link--active_8gjhh_8{font-weight:var(--semibold)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._meta-data-list_1kbet_1{margin:0}._meta-data-list__item_1kbet_5{display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}._meta-data-list__item_1kbet_5:not(:last-of-type){border-bottom:1px solid var(--color-pattens-blue)}._meta-data-list__term_1kbet_16{color:var(--color-scarpa-flow)}._meta-data-list__description_1kbet_20{align-items:center;display:inline-flex;font-weight:var(--semibold);margin:0;text-align:right}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay-close-button_1uqum_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1uqum_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._overlay-close-button_1uqum_1:hover{background-color:var(--color-lavender);cursor:pointer;outline:0}._overlay-close-button_1uqum_1:after{bottom:-.625rem;content:" ";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1uqum_39{right:1rem;top:1rem}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { NavLinkProps } from 'react-router-dom';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, Omit<NavLinkProps, "style">>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const MenuLinkExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, Omit<NavLinkProps, "style">>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { M as i, a as o } from "../../MenuLink-DDAin3rf.js";
|
|
3
|
+
import '../../assets/MenuLink.css';const l = {
|
|
4
|
+
title: "Atoms/MenuLink",
|
|
5
|
+
component: i
|
|
6
|
+
}, t = [
|
|
7
|
+
{ to: "/menu-link-1", title: "Menu Link One" },
|
|
8
|
+
{ to: "/menu-link-2", title: "Menu Link Two" },
|
|
9
|
+
{ to: "/menu-link-3", title: "Menu Link Three" }
|
|
10
|
+
], a = () => /* @__PURE__ */ e(o, { initialEntries: t.map((n) => n.to), initialIndex: 0, children: /* @__PURE__ */ e("nav", { className: "navbar", children: t.map((n) => /* @__PURE__ */ e(i, { to: n.to, children: n.title }, n.to)) }) }), s = a.bind({});
|
|
11
|
+
export {
|
|
12
|
+
s as MenuLinkExample,
|
|
13
|
+
l as default
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=MenuLink.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuLink.stories.js","sources":["../../../src/components/MenuLink/MenuLink.stories.tsx"],"sourcesContent":["import { MemoryRouter, type NavLinkProps } from 'react-router-dom';\n\nimport type { Meta, StoryFn } from '@storybook/react';\n\nimport { MenuLink } from './MenuLink';\n\nimport './MenuLink.stories.css';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/MenuLink',\n component: MenuLink,\n} as Meta<Omit<NavLinkProps, 'style'>>;\n\nconst menuLinks = [\n { to: '/menu-link-1', title: 'Menu Link One' },\n { to: '/menu-link-2', title: 'Menu Link Two' },\n { to: '/menu-link-3', title: 'Menu Link Three' },\n];\n\nconst Template: StoryFn<Omit<NavLinkProps, 'style'>> = () => {\n return (\n <MemoryRouter initialEntries={menuLinks.map((link) => link.to)} initialIndex={0}>\n <nav className=\"navbar\">\n {menuLinks.map((link) => (\n <MenuLink key={link.to} to={link.to}>\n {link.title}\n </MenuLink>\n ))}\n </nav>\n </MemoryRouter>\n );\n};\n\nexport const MenuLinkExample = Template.bind({});\n"],"names":["MenuLink_stories","MenuLink","menuLinks","Template","jsx","MemoryRouter","link","MenuLinkExample"],"mappings":";;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAY;AAAA,EAChB,EAAE,IAAI,gBAAgB,OAAO,gBAAgB;AAAA,EAC7C,EAAE,IAAI,gBAAgB,OAAO,gBAAgB;AAAA,EAC7C,EAAE,IAAI,gBAAgB,OAAO,kBAAkB;AACjD,GAEMC,IAAiD,MAElD,gBAAAC,EAAAC,GAAA,EAAa,gBAAgBH,EAAU,IAAI,CAACI,MAASA,EAAK,EAAE,GAAG,cAAc,GAC5E,4BAAC,OAAI,EAAA,WAAU,UACZ,UAAAJ,EAAU,IAAI,CAACI,MACd,gBAAAF,EAACH,KAAuB,IAAIK,EAAK,IAC9B,UAAAA,EAAK,SADOA,EAAK,EAEpB,CACD,GACH,EACF,CAAA,GAISC,IAAkBJ,EAAS,KAAK,CAAE,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MenuLink';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as a, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/MetaDataList.css';const t = {
|
|
3
|
+
"meta-data-list": "_meta-data-list_1kbet_1",
|
|
4
|
+
"meta-data-list__item": "_meta-data-list__item_1kbet_5",
|
|
5
|
+
"meta-data-list__term": "_meta-data-list__term_1kbet_16",
|
|
6
|
+
"meta-data-list__description": "_meta-data-list__description_1kbet_20"
|
|
7
|
+
}, m = ({ items: s }) => /* @__PURE__ */ a("dl", { className: t["meta-data-list"], children: Object.entries(s).map(([e, _]) => /* @__PURE__ */ i("div", { className: t["meta-data-list__item"], children: [
|
|
8
|
+
/* @__PURE__ */ a("dt", { className: t["meta-data-list__term"], children: e }),
|
|
9
|
+
/* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: _ })
|
|
10
|
+
] }, e)) });
|
|
11
|
+
export {
|
|
12
|
+
m as MetaDataList
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=MetaDataList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetaDataList.js","sources":["../../../src/components/MetaDataList/MetaDataList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './MetaDataList.module.css';\n\nexport interface MetaDataListProps {\n items: Record<string, ReactNode>;\n}\n\nexport const MetaDataList = ({ items }: MetaDataListProps) => (\n <dl className={styles['meta-data-list']}>\n {Object.entries(items).map(([term, description]) => (\n <div key={term} className={styles['meta-data-list__item']}>\n <dt className={styles['meta-data-list__term']}>{term}</dt>\n <dd className={styles['meta-data-list__description']}>{description}</dd>\n </div>\n ))}\n </dl>\n);\n"],"names":["MetaDataList","items","jsx","styles","term","description","jsxs"],"mappings":";;;;;;GAQaA,IAAe,CAAC,EAAE,OAAAC,EAAM,MAClC,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,gBAAgB,GACnC,UAAO,OAAA,QAAQF,CAAK,EAAE,IAAI,CAAC,CAACG,GAAMC,CAAW,MAC5C,gBAAAC,EAAC,OAAe,EAAA,WAAWH,EAAO,sBAAsB,GACtD,UAAA;AAAA,EAAA,gBAAAD,EAAC,MAAG,EAAA,WAAWC,EAAO,sBAAsB,GAAI,UAAKC,GAAA;AAAA,oBACpD,MAAG,EAAA,WAAWD,EAAO,6BAA6B,GAAI,UAAYE,GAAA;AAAA,EAF3D,GAAAD,CAGV,CACD,EACH,CAAA;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MetaDataListProps } from './MetaDataList';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MetaDataListProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const MetaDataListExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MetaDataListProps>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { MetaDataList as e } from "./MetaDataList.js";
|
|
3
|
+
import { Container as o } from "../storyComponents/Container/Container.js";
|
|
4
|
+
const p = {
|
|
5
|
+
title: "Atoms/MetaDataList",
|
|
6
|
+
component: e
|
|
7
|
+
}, i = (a) => /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(e, { ...a }) }), m = i.bind({});
|
|
8
|
+
m.args = {
|
|
9
|
+
items: {
|
|
10
|
+
"item one": "foo",
|
|
11
|
+
"item two": "bar",
|
|
12
|
+
"item three": "baz"
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
m as MetaDataListExample,
|
|
17
|
+
p as default
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=MetaDataList.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MetaDataList.stories.js","sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/MetaDataList',\n component: MetaDataList,\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n <Container>\n <MetaDataList {...args} />\n </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n items: {\n 'item one': 'foo',\n 'item two': 'bar',\n 'item three': 'baz',\n },\n};\n"],"names":["MetaDataList_stories","MetaDataList","Template","args","jsx","Container","MetaDataListExample"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAuC,CAACC,MAC5C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,EAC1B,CAAA,GAGWG,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AACF;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MetaDataList';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
3
3
|
import { forwardRef as a } from "react";
|
|
4
4
|
import { Icon as n } from "../Icon/Icon.js";
|
|
5
|
-
import '../../assets/
|
|
5
|
+
import '../../assets/OverlayCloseButton.css';const t = {
|
|
6
6
|
"overlay-close-button": "_overlay-close-button_1uqum_1",
|
|
7
7
|
"overlay-close-button--padded": "_overlay-close-button--padded_1uqum_39"
|
|
8
8
|
}, p = a(
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { f as
|
|
2
|
+
import { f as l } from "../../index-Ce_VqA9S.js";
|
|
3
3
|
import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
|
|
4
|
-
import
|
|
4
|
+
import { Container as a } from "../storyComponents/Container/Container.js";
|
|
5
|
+
const p = {
|
|
5
6
|
title: "Atoms/OverlayCloseButton",
|
|
6
7
|
component: e,
|
|
7
8
|
argTypes: {
|
|
@@ -12,14 +13,14 @@ import '../../assets/OverlayCloseButton.css';const i = {
|
|
|
12
13
|
control: "text"
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
|
-
},
|
|
16
|
-
|
|
16
|
+
}, r = (t) => /* @__PURE__ */ o(a, { size: "small", children: /* @__PURE__ */ o(e, { ...t }) }), n = r.bind({});
|
|
17
|
+
n.args = {
|
|
17
18
|
paddedModal: !1,
|
|
18
19
|
"aria-label": "Close",
|
|
19
|
-
onClick:
|
|
20
|
+
onClick: l()
|
|
20
21
|
};
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
n as OverlayCloseButtonExample,
|
|
24
|
+
p as default
|
|
24
25
|
};
|
|
25
26
|
//# sourceMappingURL=OverlayCloseButton.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport '
|
|
1
|
+
{"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/OverlayCloseButton',\n component: OverlayCloseButton,\n argTypes: {\n paddedModal: {\n control: 'boolean',\n },\n 'aria-label': {\n control: 'text',\n },\n },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n return (\n <Container size=\"small\">\n <OverlayCloseButton {...args} />\n </Container>\n );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n paddedModal: false,\n 'aria-label': 'Close',\n onClick: fn(),\n};\n"],"names":["OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","Container","OverlayCloseButtonExample","fn"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAA6C,CAACC,MAEhD,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACJ,GAAoB,EAAA,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISG,IAA4BJ,EAAS,KAAK,EAAE;AACzDI,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}
|