@uva-glass/component-library 1.3.3 → 1.4.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/SelectListbox.module-1nd3xIGj.js +1 -2
- package/dist/assets/Spinner.css +1 -0
- package/dist/components/Button/Button.js +1 -2
- package/dist/components/Card/Card.js +1 -2
- package/dist/components/Icon/Icon.stories.js +1 -2
- package/dist/components/Icon/icons/index.d.ts +40 -4
- package/dist/components/Icon/icons/index.js +63 -51
- package/dist/components/Icon/icons/index.js.map +1 -1
- package/dist/components/IconButton/IconButton.js +1 -2
- package/dist/components/InfoMessage/InfoMessage.js +1 -2
- package/dist/components/InfoMessage/{InfoMassage.stories.js → InfoMessage.stories.js} +1 -1
- package/dist/components/InfoMessage/{InfoMassage.stories.js.map → InfoMessage.stories.js.map} +1 -1
- package/dist/components/SectionNotification/SectionNotification.js +1 -2
- package/dist/components/Spinner/Spinner.d.ts +8 -0
- package/dist/components/Spinner/Spinner.js +34 -0
- package/dist/components/Spinner/Spinner.js.map +1 -0
- package/dist/components/Spinner/Spinner.stories.d.ts +7 -0
- package/dist/components/Spinner/Spinner.stories.js +41 -0
- package/dist/components/Spinner/Spinner.stories.js.map +1 -0
- package/dist/components/Spinner/index.d.ts +1 -0
- package/dist/components/Spinner/index.js +5 -0
- package/dist/components/Spinner/index.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +10 -8
- package/dist/components/index.js.map +1 -1
- package/dist/components/storyComponents/ClipboardButton/ClipboardButton.js +1 -2
- package/dist/index.js +10 -8
- package/dist/index.js.map +1 -1
- package/package.json +11 -11
- /package/dist/components/InfoMessage/{InfoMassage.stories.d.ts → InfoMessage.stories.d.ts} +0 -0
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import './assets/SelectListbox.css';
|
|
2
|
-
const e = {
|
|
1
|
+
import './assets/SelectListbox.css';const e = {
|
|
3
2
|
"visually-hidden": "_visually-hidden_g2c58_1",
|
|
4
3
|
"select-listbox-container": "_select-listbox-container_g2c58_3",
|
|
5
4
|
"select-listbox__wrapper": "_select-listbox__wrapper_g2c58_7",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes _spin_132ki_11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_132ki_11{height:2rem;width:2rem}._spinner_132ki_11:after{border:.25rem solid hsl(0deg 0% 0% / 10%);border-radius:50%;content:" ";display:block;height:100%;transform-origin:50% 50%;width:100%}@media (prefers-reduced-motion: no-preference){._spinner_132ki_11:after{animation:_spin_132ki_11 1s cubic-bezier(.455,.03,.515,.955) infinite;border-left-color:var(--color-black)}}._spinner-container--centered_132ki_33{align-items:center;display:flex;justify-content:center;padding:2rem}._spinner-container--full-screen_132ki_40{height:100vh;width:100vw}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import '../../assets/Button.css';
|
|
2
1
|
import { jsx as _ } from "react/jsx-runtime";
|
|
3
2
|
import { c as m } from "../../clsx-DB4S2d7J.js";
|
|
4
3
|
import { forwardRef as b } from "react";
|
|
5
|
-
const a = "_button_1gimu_3", t = {
|
|
4
|
+
import '../../assets/Button.css';const a = "_button_1gimu_3", t = {
|
|
6
5
|
"visually-hidden": "_visually-hidden_1gimu_1",
|
|
7
6
|
button: a,
|
|
8
7
|
"button--blank": "_button--blank_1gimu_36",
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import '../../assets/Card.css';
|
|
2
1
|
import { jsxs as h, jsx as d } from "react/jsx-runtime";
|
|
3
2
|
import { c as t } from "../../clsx-DB4S2d7J.js";
|
|
4
3
|
import { SectionNotification as i } from "../SectionNotification/SectionNotification.js";
|
|
5
|
-
const n = "_card_aw9hz_3", a = {
|
|
4
|
+
import '../../assets/Card.css';const n = "_card_aw9hz_3", a = {
|
|
6
5
|
"visually-hidden": "_visually-hidden_aw9hz_1",
|
|
7
6
|
card: n,
|
|
8
7
|
"card--regular": "_card--regular_aw9hz_9",
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import '../../assets/Icon.css';
|
|
2
1
|
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
3
2
|
import { Icon as i } from "./Icon.js";
|
|
4
3
|
import { Icons as t } from "./icons/index.js";
|
|
5
4
|
import { ClipboardButton as c } from "../storyComponents/ClipboardButton/ClipboardButton.js";
|
|
6
|
-
const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
|
|
5
|
+
import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
|
|
7
6
|
icon__wrapper: s,
|
|
8
7
|
icon__item: p
|
|
9
8
|
}, w = {
|
|
@@ -2,12 +2,18 @@ export declare const Icons: {
|
|
|
2
2
|
ArrowDownOnSquare: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
3
3
|
title?: string | undefined;
|
|
4
4
|
}>;
|
|
5
|
+
ArrowLeft: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
6
|
+
title?: string | undefined;
|
|
7
|
+
}>;
|
|
5
8
|
ArrowLeftEndOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
6
9
|
title?: string | undefined;
|
|
7
10
|
}>;
|
|
8
11
|
ArrowLeftStartOnRectangle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
9
12
|
title?: string | undefined;
|
|
10
13
|
}>;
|
|
14
|
+
ArrowRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
15
|
+
title?: string | undefined;
|
|
16
|
+
}>;
|
|
11
17
|
ArrowSmallDownMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
12
18
|
title?: string | undefined;
|
|
13
19
|
}>;
|
|
@@ -32,6 +38,12 @@ export declare const Icons: {
|
|
|
32
38
|
BrowserBroken: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
33
39
|
title?: string | undefined;
|
|
34
40
|
}>;
|
|
41
|
+
Calendar: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
42
|
+
title?: string | undefined;
|
|
43
|
+
}>;
|
|
44
|
+
Check: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
45
|
+
title?: string | undefined;
|
|
46
|
+
}>;
|
|
35
47
|
CheckCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
36
48
|
title?: string | undefined;
|
|
37
49
|
}>;
|
|
@@ -56,9 +68,15 @@ export declare const Icons: {
|
|
|
56
68
|
Circle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
57
69
|
title?: string | undefined;
|
|
58
70
|
}>;
|
|
71
|
+
Clock: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
72
|
+
title?: string | undefined;
|
|
73
|
+
}>;
|
|
59
74
|
ClockCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
60
75
|
title?: string | undefined;
|
|
61
76
|
}>;
|
|
77
|
+
Collection: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
78
|
+
title?: string | undefined;
|
|
79
|
+
}>;
|
|
62
80
|
Cross: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
63
81
|
title?: string | undefined;
|
|
64
82
|
}>;
|
|
@@ -68,6 +86,9 @@ export declare const Icons: {
|
|
|
68
86
|
CrossCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
69
87
|
title?: string | undefined;
|
|
70
88
|
}>;
|
|
89
|
+
CrossCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
90
|
+
title?: string | undefined;
|
|
91
|
+
}>;
|
|
71
92
|
CubeTransparent: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
72
93
|
title?: string | undefined;
|
|
73
94
|
}>;
|
|
@@ -80,6 +101,12 @@ export declare const Icons: {
|
|
|
80
101
|
DotCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
81
102
|
title?: string | undefined;
|
|
82
103
|
}>;
|
|
104
|
+
Dots: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
105
|
+
title?: string | undefined;
|
|
106
|
+
}>;
|
|
107
|
+
Envelope: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
108
|
+
title?: string | undefined;
|
|
109
|
+
}>;
|
|
83
110
|
ExclamationCircle: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
84
111
|
title?: string | undefined;
|
|
85
112
|
}>;
|
|
@@ -92,6 +119,9 @@ export declare const Icons: {
|
|
|
92
119
|
ExclamationTriangleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
93
120
|
title?: string | undefined;
|
|
94
121
|
}>;
|
|
122
|
+
FaceFrown: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
123
|
+
title?: string | undefined;
|
|
124
|
+
}>;
|
|
95
125
|
Hamburger: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
96
126
|
title?: string | undefined;
|
|
97
127
|
}>;
|
|
@@ -104,6 +134,9 @@ export declare const Icons: {
|
|
|
104
134
|
InformationCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
105
135
|
title?: string | undefined;
|
|
106
136
|
}>;
|
|
137
|
+
InformationCircleMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
138
|
+
title?: string | undefined;
|
|
139
|
+
}>;
|
|
107
140
|
Link: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
108
141
|
title?: string | undefined;
|
|
109
142
|
}>;
|
|
@@ -116,6 +149,9 @@ export declare const Icons: {
|
|
|
116
149
|
LockOpenFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
117
150
|
title?: string | undefined;
|
|
118
151
|
}>;
|
|
152
|
+
Minus: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
153
|
+
title?: string | undefined;
|
|
154
|
+
}>;
|
|
119
155
|
MinusCircleFillMini: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
120
156
|
title?: string | undefined;
|
|
121
157
|
}>;
|
|
@@ -131,18 +167,18 @@ export declare const Icons: {
|
|
|
131
167
|
Sparkles: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
132
168
|
title?: string | undefined;
|
|
133
169
|
}>;
|
|
134
|
-
SwapSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
135
|
-
title?: string | undefined;
|
|
136
|
-
}>;
|
|
137
170
|
Swap: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
138
171
|
title?: string | undefined;
|
|
139
172
|
}>;
|
|
140
|
-
|
|
173
|
+
SwapSlash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
141
174
|
title?: string | undefined;
|
|
142
175
|
}>;
|
|
143
176
|
Trash: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
144
177
|
title?: string | undefined;
|
|
145
178
|
}>;
|
|
179
|
+
TrashStrikethrough: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
180
|
+
title?: string | undefined;
|
|
181
|
+
}>;
|
|
146
182
|
UserCheckFill: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
|
|
147
183
|
title?: string | undefined;
|
|
148
184
|
}>;
|