@wistia/vhs 2.75.3-beta.ccead058.7332d1b → 2.75.3-beta.ef3490fd.2ce4308
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/components/Button/ButtonStyledComponent.d.ts +16 -16
- package/dist/components/Button/ButtonStyledComponent.d.ts.map +1 -1
- package/dist/components/Link/linkStyle.d.ts +4 -4
- package/dist/components/Link/linkStyle.d.ts.map +1 -1
- package/dist/index.cjs +38 -38
- package/dist/index.cjs.map +3 -3
- package/dist/index.mjs +38 -38
- package/dist/index.mjs.map +3 -3
- package/package.json +1 -1
|
@@ -8,28 +8,28 @@ export declare const mediumButtonStyle: import("styled-components").FlattenInter
|
|
|
8
8
|
export declare const smallButtonStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
9
9
|
export declare const fullWidthButtonStyle: import("styled-components").FlattenSimpleInterpolation;
|
|
10
10
|
export type ButtonStyleProps = AriaAttributes & ComponentPropsWithRef<'button'> & {
|
|
11
|
-
buttonColor: string;
|
|
11
|
+
$buttonColor: string;
|
|
12
|
+
$colorOverride?: string;
|
|
13
|
+
$forceState?: 'active' | 'focus' | 'hover' | undefined;
|
|
14
|
+
$fullWidth?: boolean;
|
|
15
|
+
$icon?: ReactNode;
|
|
16
|
+
$iconName?: keyof typeof iconMap;
|
|
17
|
+
$iconPosition?: 'end' | 'start';
|
|
18
|
+
$isLoading?: boolean;
|
|
19
|
+
$label?: string;
|
|
20
|
+
$labelWrap?: boolean;
|
|
21
|
+
$noStyle?: boolean;
|
|
22
|
+
$size?: 'lg' | 'md' | 'sm';
|
|
23
|
+
$square?: boolean;
|
|
24
|
+
$textAlign: TextAlignValues;
|
|
25
|
+
$variant?: 'dangerous' | 'primary' | 'secondary' | 'tertiary';
|
|
12
26
|
children?: ReactNode;
|
|
13
|
-
colorOverride?: string;
|
|
14
27
|
disabled?: boolean;
|
|
15
|
-
forceState?: 'active' | 'focus' | 'hover' | undefined;
|
|
16
|
-
fullWidth?: boolean;
|
|
17
|
-
icon?: ReactNode;
|
|
18
|
-
iconName?: keyof typeof iconMap;
|
|
19
|
-
iconPosition?: 'end' | 'start';
|
|
20
|
-
isLoading?: boolean;
|
|
21
|
-
label?: string;
|
|
22
|
-
labelWrap?: boolean;
|
|
23
|
-
noStyle?: boolean;
|
|
24
28
|
onClick?: (event: MouseEvent) => void;
|
|
25
|
-
size?: 'lg' | 'md' | 'sm';
|
|
26
|
-
square?: boolean;
|
|
27
|
-
textAlign: TextAlignValues;
|
|
28
29
|
type?: 'button' | 'reset' | 'submit';
|
|
29
|
-
variant?: 'dangerous' | 'primary' | 'secondary' | 'tertiary';
|
|
30
30
|
};
|
|
31
31
|
export type ButtonStyledComponentProps = ButtonStyleProps & {
|
|
32
|
-
noStyle: boolean;
|
|
32
|
+
$noStyle: boolean;
|
|
33
33
|
};
|
|
34
34
|
export declare const buttonStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonStyleProps, import("styled-components").DefaultTheme>>;
|
|
35
35
|
export declare const ButtonStyledComponent: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonStyledComponentProps, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonStyledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,eAAO,MAAM,gBAAgB,wDAyC5B,CAAC;AAuGF,eAAO,MAAM,mBAAmB,wDAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oIAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,wDAEhC,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonStyledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,eAAO,MAAM,gBAAgB,wDAyC5B,CAAC;AAuGF,eAAO,MAAM,mBAAmB,wDAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oIAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,wDAEhC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAC3C,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CACtC,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,WAAW,6JA+FvB,CAAC;AAGF,eAAO,MAAM,qBAAqB,oIAEjC,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export declare const disabledStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
2
2
|
export declare const underlineOnHoverStyle: import("styled-components").FlattenSimpleInterpolation;
|
|
3
3
|
export type LinkStyleProps = {
|
|
4
|
-
underlineOnHover: boolean;
|
|
5
|
-
disabledLink: boolean;
|
|
6
|
-
variant?: 'dangerous' | 'primary' | 'secondary';
|
|
7
|
-
forceState?: 'active' | 'focus' | 'hover' | undefined;
|
|
4
|
+
$underlineOnHover: boolean;
|
|
5
|
+
$disabledLink: boolean;
|
|
6
|
+
$variant?: 'dangerous' | 'primary' | 'secondary';
|
|
7
|
+
$forceState?: 'active' | 'focus' | 'hover' | undefined;
|
|
8
8
|
};
|
|
9
9
|
export declare const linkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LinkStyleProps, import("styled-components").DefaultTheme>>;
|
|
10
10
|
export declare const unstyledLinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LinkStyleProps, import("styled-components").DefaultTheme>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linkStyle.d.ts","sourceRoot":"","sources":["../../../src/components/Link/linkStyle.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,aAAa,oIAQzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,wDAMjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,
|
|
1
|
+
{"version":3,"file":"linkStyle.d.ts","sourceRoot":"","sources":["../../../src/components/Link/linkStyle.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,aAAa,oIAQzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,wDAMjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,SAAS,2JAwCrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,2JAK7B,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
|
-
* @license @wistia/vhs v2.75.3-beta.
|
|
3
|
+
* @license @wistia/vhs v2.75.3-beta.ef3490fd.2ce4308
|
|
4
4
|
*
|
|
5
5
|
* Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
|
|
6
6
|
*
|
|
@@ -189,16 +189,16 @@
|
|
|
189
189
|
cursor: not-allowed;
|
|
190
190
|
}
|
|
191
191
|
`,Ix=Xe.css`
|
|
192
|
-
background-color: ${({buttonColor:e})=>et(Fx,e)};
|
|
193
|
-
border-color: ${({buttonColor:e})=>et(Fx,e)};
|
|
192
|
+
background-color: ${({$buttonColor:e})=>et(Fx,e)};
|
|
193
|
+
border-color: ${({$buttonColor:e})=>et(Fx,e)};
|
|
194
194
|
`,kx=Xe.css`
|
|
195
|
-
background-color: ${({buttonColor:e})=>et(Bx,e)};
|
|
196
|
-
border-color: ${({buttonColor:e})=>et(Bx,e)};
|
|
195
|
+
background-color: ${({$buttonColor:e})=>et(Bx,e)};
|
|
196
|
+
border-color: ${({$buttonColor:e})=>et(Bx,e)};
|
|
197
197
|
`,Nx=Xe.css`
|
|
198
198
|
box-shadow: inset 0 0 0 1px white;
|
|
199
199
|
`,dL=Xe.css`
|
|
200
|
-
background-color: ${({buttonColor:e})=>e};
|
|
201
|
-
border-color: ${({buttonColor:e})=>e};
|
|
200
|
+
background-color: ${({$buttonColor:e})=>e};
|
|
201
|
+
border-color: ${({$buttonColor:e})=>e};
|
|
202
202
|
color: white;
|
|
203
203
|
|
|
204
204
|
&:focus-visible {
|
|
@@ -213,17 +213,17 @@
|
|
|
213
213
|
${kx}
|
|
214
214
|
}
|
|
215
215
|
`,Vx=Xe.css`
|
|
216
|
-
background-color: ${({buttonColor:e})=>Xt(Ox,e)};
|
|
216
|
+
background-color: ${({$buttonColor:e})=>Xt(Ox,e)};
|
|
217
217
|
`,Lx=Xe.css`
|
|
218
|
-
background-color: ${({buttonColor:e})=>Xt(Mx,e)};
|
|
218
|
+
background-color: ${({$buttonColor:e})=>Xt(Mx,e)};
|
|
219
219
|
`,$x=Xe.css`
|
|
220
220
|
box-shadow:
|
|
221
221
|
inset 0 0 0 1px white,
|
|
222
|
-
inset 0 0 0 2px ${({buttonColor:e})=>e};
|
|
222
|
+
inset 0 0 0 2px ${({$buttonColor:e})=>e};
|
|
223
223
|
`,mL=Xe.css`
|
|
224
|
-
background-color: ${({buttonColor:e})=>Xt(1,e)};
|
|
225
|
-
border-color: ${({buttonColor:e})=>e};
|
|
226
|
-
color: ${({buttonColor:e})=>e};
|
|
224
|
+
background-color: ${({$buttonColor:e})=>Xt(1,e)};
|
|
225
|
+
border-color: ${({$buttonColor:e})=>e};
|
|
226
|
+
color: ${({$buttonColor:e})=>e};
|
|
227
227
|
|
|
228
228
|
&:focus-visible {
|
|
229
229
|
${$x}
|
|
@@ -237,18 +237,18 @@
|
|
|
237
237
|
${Lx}
|
|
238
238
|
}
|
|
239
239
|
`,zx=Xe.css`
|
|
240
|
-
background-color: ${({buttonColor:e})=>Xt(Ox,e)};
|
|
240
|
+
background-color: ${({$buttonColor:e})=>Xt(Ox,e)};
|
|
241
241
|
`,Gx=Xe.css`
|
|
242
|
-
background-color: ${({buttonColor:e})=>Xt(Mx,e)};
|
|
242
|
+
background-color: ${({$buttonColor:e})=>Xt(Mx,e)};
|
|
243
243
|
`,Hx=Xe.css`
|
|
244
|
-
border-color: ${({buttonColor:e})=>e};
|
|
244
|
+
border-color: ${({$buttonColor:e})=>e};
|
|
245
245
|
box-shadow:
|
|
246
246
|
inset 0 0 0 1px white,
|
|
247
|
-
inset 0 0 0 2px ${({buttonColor:e})=>e};
|
|
247
|
+
inset 0 0 0 2px ${({$buttonColor:e})=>e};
|
|
248
248
|
`,hL=Xe.css`
|
|
249
|
-
background-color: ${({buttonColor:e})=>Xt(1,e)};
|
|
250
|
-
border-color: ${({buttonColor:e})=>Xt(1,e)};
|
|
251
|
-
color: ${({buttonColor:e})=>e};
|
|
249
|
+
background-color: ${({$buttonColor:e})=>Xt(1,e)};
|
|
250
|
+
border-color: ${({$buttonColor:e})=>Xt(1,e)};
|
|
251
|
+
color: ${({$buttonColor:e})=>e};
|
|
252
252
|
|
|
253
253
|
&:focus-visible {
|
|
254
254
|
${Hx}
|
|
@@ -298,23 +298,23 @@
|
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
/* border-radius */
|
|
301
|
-
${({square:e})=>e===!0&&gL}
|
|
301
|
+
${({$square:e})=>e===!0&&gL}
|
|
302
302
|
|
|
303
303
|
/* label wrapping */
|
|
304
|
-
white-space: ${({labelWrap:e})=>e===!0?"wrap":"nowrap"};
|
|
304
|
+
white-space: ${({$labelWrap:e})=>e===!0?"wrap":"nowrap"};
|
|
305
305
|
|
|
306
306
|
/* apply various button variant styles */
|
|
307
|
-
${({variant:e})=>{if(e==="primary"||e==="dangerous")return dL;if(e==="secondary")return mL;if(e==="tertiary")return hL}}
|
|
307
|
+
${({$variant:e})=>{if(e==="primary"||e==="dangerous")return dL;if(e==="secondary")return mL;if(e==="tertiary")return hL}}
|
|
308
308
|
|
|
309
309
|
/* primarily used for documentation/debugging */
|
|
310
|
-
${({variant:e
|
|
310
|
+
${({$variant:e,$forceState:t})=>{if(e==="primary"||e==="dangerous"){if(t==="hover")return Ix;if(t==="active")return kx;if(t==="focus")return Nx}if(e==="secondary"){if(t==="hover")return Vx;if(t==="active")return Lx;if(t==="focus")return $x}if(e==="tertiary"){if(t==="hover")return zx;if(t==="active")return Gx;if(t==="focus")return Hx}}}
|
|
311
311
|
|
|
312
|
-
${({size:e})=>{if(e==="lg")return vL;if(e==="md")return yL;if(e==="sm")return bL}}
|
|
312
|
+
${({$size:e})=>{if(e==="lg")return vL;if(e==="md")return yL;if(e==="sm")return bL}}
|
|
313
313
|
|
|
314
|
-
${({fullWidth:e})=>{if(e)return CL}}
|
|
314
|
+
${({$fullWidth:e})=>{if(e)return CL}}
|
|
315
315
|
`,jx=Xe.default.button`
|
|
316
|
-
${({noStyle:e})=>e?Uo:Vg}
|
|
317
|
-
`;i();var Up=(e,t,r)=>Ce(e)?e:t==="primary"?r.brandBlue500:t==="secondary"||t==="tertiary"?r.grey900:t==="dangerous"?r.red600:r.brandBlue500;var Lg=require("react/jsx-runtime"),rt=(0,Wx.forwardRef)(({children:e,disabled:t=!1,forceState:r,colorOverride:n,fullWidth:o=!1,icon:a,iconName:s,iconPosition:l="start",label:u,labelWrap:c=!1,isLoading:p=!1,noStyle:d=!1,onClick:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="button",variant:b="primary",...x},w)=>{let D=()=>p||t,E=A=>{if(D()){A.preventDefault();return}F(h)&&h(A)},S=Up(n,b,Me()),P=()=>F(e)?e:F(u)?u:null;return(0,Lg.jsx)(jx,{ref:w
|
|
316
|
+
${({$noStyle:e})=>e?Uo:Vg}
|
|
317
|
+
`;i();var Up=(e,t,r)=>Ce(e)?e:t==="primary"?r.brandBlue500:t==="secondary"||t==="tertiary"?r.grey900:t==="dangerous"?r.red600:r.brandBlue500;var Lg=require("react/jsx-runtime"),rt=(0,Wx.forwardRef)(({children:e,disabled:t=!1,forceState:r,colorOverride:n,fullWidth:o=!1,icon:a,iconName:s,iconPosition:l="start",label:u,labelWrap:c=!1,isLoading:p=!1,noStyle:d=!1,onClick:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="button",variant:b="primary",...x},w)=>{let D=()=>p||t,E=A=>{if(D()){A.preventDefault();return}F(h)&&h(A)},S=Up(n,b,Me()),P=()=>F(e)?e:F(u)?u:null;return(0,Lg.jsx)(jx,{ref:w,$buttonColor:S,$forceState:r,$fullWidth:o,$iconPosition:l,$isLoading:p,$labelWrap:c,$noStyle:d,$size:g,$square:v,$textAlign:m,$variant:b,"aria-disabled":D()||void 0,disabled:!1,onClick:E,type:y,...x,children:(0,Lg.jsx)(_p,{icon:a,iconName:s,iconPosition:l,isLoading:p,size:g,textAlign:m,children:P()})})});rt.displayName="Button_VHS";i();i();var $g=()=>typeof window>"u"||typeof document>"u";var Ko=require("react/jsx-runtime"),xL=["success","warning","error","dangerous"],Gg="success",Hg="Dismiss",jg=3e3,wL=(e,t,r)=>{if(Ce(e))return e;if(!xL.includes(t))throw new Error(`Variant "${t}" not supported, please update variant prop in Toast component.`);return t==="dangerous"||t==="error"?r.error600:t==="warning"?r.warning500:r.brandBlue500},SL=zg.default.div`
|
|
318
318
|
align-items: center;
|
|
319
319
|
background: white;
|
|
320
320
|
border-left-color: ${({accentColor:e})=>e};
|
|
@@ -1329,27 +1329,27 @@
|
|
|
1329
1329
|
cursor: pointer;
|
|
1330
1330
|
font-weight: 400;
|
|
1331
1331
|
text-decoration: underline;
|
|
1332
|
-
${({underlineOnHover:e})=>e&&Qd}
|
|
1333
|
-
${({disabledLink:e})=>e&&I_}
|
|
1334
|
-
${({variant:e})=>e==="primary"?vE:e==="secondary"?O_:e==="dangerous"?M_:vE}
|
|
1335
|
-
${({variant:e
|
|
1332
|
+
${({$underlineOnHover:e})=>e&&Qd}
|
|
1333
|
+
${({$disabledLink:e})=>e&&I_}
|
|
1334
|
+
${({$variant:e})=>e==="primary"?vE:e==="secondary"?O_:e==="dangerous"?M_:vE}
|
|
1335
|
+
${({$variant:e,$forceState:t})=>{switch(t){case"hover":case"focus":if(e==="primary")return bE;if(e==="secondary")return CE;if(e==="dangerous")return xE;break;case"active":case void 0:default:return}}}
|
|
1336
1336
|
`,wE=Zr.css`
|
|
1337
1337
|
color: inherit;
|
|
1338
1338
|
cursor: pointer;
|
|
1339
1339
|
text-decoration: underline;
|
|
1340
|
-
${({underlineOnHover:e})=>e&&Qd}
|
|
1340
|
+
${({$underlineOnHover:e})=>e&&Qd}
|
|
1341
1341
|
`;var t1=require("react/jsx-runtime"),k_=B3.default.a`
|
|
1342
1342
|
${e1}
|
|
1343
1343
|
`,N_=B3.default.a`
|
|
1344
1344
|
${wE}
|
|
1345
|
-
`,V_=(e,t)=>{let r=Object.keys(t);if(!r.length)return e;let n=new URL(e);return r.forEach(o=>{n.searchParams.set(o,t[o])}),n.toString()},L_=(e,t,r,n)=>{if(n)return null;let o=e;return t==="phone"&&(o=`tel:${e}`),t==="email"&&(o=`mailto:${e}`),r!==void 0&&(o=V_(o,r)),o},$_=({RenderedLink:e,children:t,...r})=>(0,t1.jsx)(e,{...r,children:t}),ju=(0,SE.forwardRef)(({href:e,beforeAction:t,children:r,disabled:n=!1,forceState:o,nested:a=!1,params:s,type:l="default",unstyled:u=!1,variant:c="primary",underlineOnHover:p=!1,...d},h)=>{let g=L_(e,l,s,n),v=l==="external"?{target:"_blank",rel:"noopener noreferrer"}:null,m=async(w,D=null)=>{if(n)w.preventDefault();else if(t){w.preventDefault();try{await t()}catch(E){console.error(E)}finally{D!==null?D():window.location.assign(g)}}},y=u?N_:k_,{Link:b=$_}=xb()||{},x=(0,t1.jsx)(b,{ref:h
|
|
1345
|
+
`,V_=(e,t)=>{let r=Object.keys(t);if(!r.length)return e;let n=new URL(e);return r.forEach(o=>{n.searchParams.set(o,t[o])}),n.toString()},L_=(e,t,r,n)=>{if(n)return null;let o=e;return t==="phone"&&(o=`tel:${e}`),t==="email"&&(o=`mailto:${e}`),r!==void 0&&(o=V_(o,r)),o},$_=({RenderedLink:e,children:t,...r})=>(0,t1.jsx)(e,{...r,children:t}),ju=(0,SE.forwardRef)(({href:e,beforeAction:t,children:r,disabled:n=!1,forceState:o,nested:a=!1,params:s,type:l="default",unstyled:u=!1,variant:c="primary",underlineOnHover:p=!1,...d},h)=>{let g=L_(e,l,s,n),v=l==="external"?{target:"_blank",rel:"noopener noreferrer"}:null,m=async(w,D=null)=>{if(n)w.preventDefault();else if(t){w.preventDefault();try{await t()}catch(E){console.error(E)}finally{D!==null?D():window.location.assign(g)}}},y=u?N_:k_,{Link:b=$_}=xb()||{},x=(0,t1.jsx)(b,{ref:h,$disabledLink:n,$forceState:o,$underlineOnHover:p,$unstyled:u,$variant:c,href:g,onClick:m,RenderedLink:y,...v,...d,children:r});return a?(0,t1.jsx)("object",{"data-testid":"link-object",type:"hacky/hack",children:x}):x});ju.displayName="Link_VHS";var O3=require("react/jsx-runtime"),z_=(0,EE.default)(ju)`
|
|
1346
1346
|
${Vg};
|
|
1347
1347
|
|
|
1348
1348
|
/* Links are disabled by removing their href */
|
|
1349
1349
|
&:not([href]) {
|
|
1350
1350
|
${Ng};
|
|
1351
1351
|
}
|
|
1352
|
-
`,M3=(0,DE.forwardRef)(({beforeAction:e,children:t,colorOverride:r,disabled:n=!1,forceState:o,fullWidth:a=!1,href:s,icon:l,iconName:u,iconPosition:c="start",label:p,labelWrap:d=!1,params:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="default",variant:b="primary",...x},w)=>{let D=Up(r,b,Me());return(0,O3.jsx)(z_,{ref:w
|
|
1352
|
+
`,M3=(0,DE.forwardRef)(({beforeAction:e,children:t,colorOverride:r,disabled:n=!1,forceState:o,fullWidth:a=!1,href:s,icon:l,iconName:u,iconPosition:c="start",label:p,labelWrap:d=!1,params:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="default",variant:b="primary",...x},w)=>{let D=Up(r,b,Me());return(0,O3.jsx)(z_,{ref:w,$buttonColor:D,$forceState:o,$fullWidth:a,$hasIcon:l,$iconPosition:c,$labelWrap:d,$square:v,$unstyled:!0,$variant:b,beforeAction:e,disabled:n,href:s,params:h,size:g,type:y,...x,children:(0,O3.jsx)(_p,{icon:l,iconName:u,iconPosition:c,isLoading:!1,size:g,textAlign:m,children:F(t)?t:F(p)?p:null})})});M3.displayName="ButtonLink_VHS";i();i();var Ys=require("react");i();var Or=k(require("styled-components")),r1=Or.default.input`
|
|
1353
1353
|
align-self: flex-start;
|
|
1354
1354
|
border-radius: 3px;
|
|
1355
1355
|
box-shadow: ${({type:e})=>e==="checkbox"?"inset 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.38)":"none"};
|
|
@@ -1993,12 +1993,12 @@
|
|
|
1993
1993
|
display: flex;
|
|
1994
1994
|
gap: ${({theme:e})=>e.spacing.space01};
|
|
1995
1995
|
`,pQ=e=>{switch(e){case"ArrowDown":return"\u2193";case"ArrowLeft":return"\u2190";case"ArrowRight":return"\u2192";case"ArrowUp":return"\u2191";case"Alt":return"Alt";case"Cmd":case"Meta":return/Mac|iPhone|iPad/.test(window.navigator.userAgent)?"\u2318":window.navigator.userAgent.includes("Win")?"\u229E":"^";case"Ctrl":return"Ctrl";case"Option":return"\u2325";case"Shift":return"\u21E7";case"Enter":return"\u21B5";case"Space":return"Space";case"Tab":return"Tab";case"Backspace":return"Del";case"Esc":return"Esc";default:return e.toUpperCase()}},N4=({label:e,keyboardKeys:t,fullWidth:r=!1,componentStyle:n="dark",...o})=>{let a=kn(t)?t:[t];return(0,yl.jsxs)(lQ,{$componentStyle:n,$fullWidth:r,...o,children:[F(e)&&(0,yl.jsx)(cQ,{$componentStyle:n,children:e}),(0,yl.jsx)(fQ,{children:a.map((s,l)=>(0,yl.jsx)(uQ,{$componentStyle:n,children:pQ(s)},l))})]})};N4.displayName="KeyboardShortcut_VHS";i();i();i();var qR=require("react"),XR=k(require("styled-components"));var YR=require("react/jsx-runtime"),dQ=e=>e.key==="Enter"||e.key===" "||e.key==="Spacebar",mQ=XR.default.span`
|
|
1996
|
-
${({noStyle:e})=>e?void 0:e1};
|
|
1996
|
+
${({$noStyle:e})=>e?void 0:e1};
|
|
1997
1997
|
|
|
1998
1998
|
&[tabindex] {
|
|
1999
|
-
${({underlineOnHover:e})=>e?Qd:void 0};
|
|
1999
|
+
${({$underlineOnHover:e})=>e?Qd:void 0};
|
|
2000
2000
|
}
|
|
2001
|
-
`,V4=(0,qR.forwardRef)(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>(0,YR.jsx)(mQ,{ref:c
|
|
2001
|
+
`,V4=(0,qR.forwardRef)(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>(0,YR.jsx)(mQ,{ref:c,$disabledLink:t,$forceState:r,$noStyle:a,$underlineOnHover:s,$variant:l,"aria-disabled":t,onClick:v=>{fe(o)||t||o(v)},onKeyPress:v=>{fe(o)||dQ(v)&&(v.preventDefault(),o(v))},role:"button",tabIndex:t?void 0:0,...u,children:F(e)?e:F(n)?n:null}));V4.displayName="LinkButton_VHS";i();i();var Ci=k(require("styled-components"));i();var JR=k(require("styled-components"));var ZR=require("react/jsx-runtime"),hQ=JR.default.li`
|
|
2002
2002
|
margin-bottom: ${({theme:e})=>e.spacing.space02};
|
|
2003
2003
|
`,bi=({children:e})=>fe(e)?null:(0,ZR.jsx)(hQ,{children:e});bi.displayName="ListItem_VHS";var Dc=require("react/jsx-runtime"),am=Ci.css`
|
|
2004
2004
|
overflow: hidden;
|