@randstad-uca/design-system 1.0.106 → 1.0.108
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/assets/icons/postulation.svg +4 -0
- package/dist/assets/icons/search-white.svg +10 -0
- package/dist/components/MfaModal.d.ts +48 -0
- package/dist/components/Navbar.d.ts +24 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +428 -65
- package/dist/index.js.map +1 -1
- package/dist/package.json +7 -2
- package/dist/stories/MfaModal.stories.d.ts +54 -0
- package/dist/stories/Navbar.stories.d.ts +21 -0
- package/package.json +7 -2
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M17.7249 3.55H16.7499V3.25C16.7499 2.55 16.1999 2 15.4999 2H8.4999C7.7999 2 7.2499 2.55 7.2499 3.25V3.525H6.2749C5.1749 3.525 4.2749 4.425 4.2749 5.525V20C4.2749 21.1 5.1749 22 6.2749 22H17.7249C18.8249 22 19.7249 21.1 19.7249 20V5.525C19.7249 4.425 18.8249 3.55 17.7249 3.55ZM8.2499 4.55V3.55V3.25C8.2499 3.1 8.3499 3 8.4999 3H15.4999C15.6499 3 15.7499 3.1 15.7499 3.25V3.525V4.525V5.25C15.7499 5.4 15.6499 5.5 15.4999 5.5H8.4999C8.3499 5.5 8.2499 5.4 8.2499 5.25V4.55ZM18.7249 20C18.7249 20.55 18.2749 21 17.7249 21H6.2749C5.7249 21 5.2749 20.55 5.2749 20V5.525C5.2749 4.975 5.7249 4.525 6.2749 4.525H7.2499V5.25C7.2499 5.95 7.7999 6.5 8.4999 6.5H15.4999C16.1999 6.5 16.7499 5.95 16.7499 5.25V4.525H17.7249C18.2749 4.525 18.7249 4.975 18.7249 5.525V20Z" fill="#404767"/>
|
|
3
|
+
<path d="M15.625 9.17498L11.475 13.775L9.85 12.15C9.65 11.95 9.35 11.95 9.15 12.15C8.95 12.35 8.95 12.65 9.15 12.85L11.15 14.85C11.25 14.95 11.375 15 11.5 15C11.5 15 11.5 15 11.525 15C11.65 15 11.8 14.925 11.875 14.825L16.375 9.82498C16.55 9.62498 16.55 9.29998 16.35 9.12498C16.125 8.94998 15.825 8.94998 15.625 9.17498Z" fill="#404767"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_9569_18053)">
|
|
3
|
+
<path d="M29.128 28.2426L23.9698 23.0843C25.946 20.9071 27.1518 18.0265 27.1518 14.8444C27.1518 8.11188 21.6586 2.61865 14.926 2.61865C8.19347 2.61865 2.66675 8.11188 2.66675 14.8444C2.66675 21.577 8.15998 27.0702 14.926 27.0702C18.0411 27.0702 20.8547 25.8979 23.0319 23.9887L28.2237 29.1804C28.3577 29.3144 28.5251 29.3814 28.6926 29.3814C28.8601 29.3814 29.0276 29.3144 29.1615 29.1804C29.396 28.9125 29.396 28.5105 29.128 28.2426ZM14.926 25.7304C8.93037 25.7304 4.04006 20.8401 4.04006 14.8444C4.04006 8.84878 8.89688 3.95846 14.926 3.95846C20.9217 3.95846 25.812 8.84878 25.812 14.8444C25.812 20.8401 20.9217 25.7304 14.926 25.7304Z" fill="white"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_9569_18053">
|
|
7
|
+
<rect width="32" height="32" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import '../components/Modal';
|
|
3
|
+
import '../components/Button';
|
|
4
|
+
import '../components/Notice';
|
|
5
|
+
import '../components/Form';
|
|
6
|
+
import '../components/FormGroup';
|
|
7
|
+
export declare class MfaModal extends LitElement {
|
|
8
|
+
open: boolean;
|
|
9
|
+
title: string;
|
|
10
|
+
email: string;
|
|
11
|
+
loading: boolean;
|
|
12
|
+
showError: boolean;
|
|
13
|
+
showSuccessNotice: boolean;
|
|
14
|
+
successMessage: string;
|
|
15
|
+
helperMessage: string;
|
|
16
|
+
resendCooldown: number;
|
|
17
|
+
private _resendDisabled;
|
|
18
|
+
private _resendRemaining;
|
|
19
|
+
private _pinValues;
|
|
20
|
+
modalWidth: string;
|
|
21
|
+
modalHeight: string;
|
|
22
|
+
maxHeight: string;
|
|
23
|
+
private _resendTimer?;
|
|
24
|
+
static styles: import("lit").CSSResult[];
|
|
25
|
+
disconnectedCallback(): void;
|
|
26
|
+
updated(changedProps: Map<string | number | symbol, unknown>): void;
|
|
27
|
+
reset(): void;
|
|
28
|
+
focusFirstInput(): void;
|
|
29
|
+
private _clearResendTimer;
|
|
30
|
+
private _getPinInputs;
|
|
31
|
+
private _focusInput;
|
|
32
|
+
private get _isComplete();
|
|
33
|
+
private _onPinInput;
|
|
34
|
+
private _onPinKeyDown;
|
|
35
|
+
private _onPinPaste;
|
|
36
|
+
private _onClose;
|
|
37
|
+
private _onConfirm;
|
|
38
|
+
private _onResend;
|
|
39
|
+
private _startResendCountdown;
|
|
40
|
+
private _renderPinInputs;
|
|
41
|
+
private _renderResendSection;
|
|
42
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
43
|
+
}
|
|
44
|
+
declare global {
|
|
45
|
+
interface HTMLElementTagNameMap {
|
|
46
|
+
'randstad-mfa-modal': MfaModal;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
export interface NavItem {
|
|
3
|
+
readonly icon: string;
|
|
4
|
+
readonly label: string;
|
|
5
|
+
readonly href?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare class RandstadNavbar extends LitElement {
|
|
8
|
+
items: NavItem[];
|
|
9
|
+
centerIcon: string;
|
|
10
|
+
centerLabel: string;
|
|
11
|
+
hidden: boolean;
|
|
12
|
+
desktop: boolean;
|
|
13
|
+
selectedIndex: number;
|
|
14
|
+
private _rafId;
|
|
15
|
+
constructor();
|
|
16
|
+
private handleScroll;
|
|
17
|
+
private handleScrollThrottled;
|
|
18
|
+
connectedCallback(): void;
|
|
19
|
+
disconnectedCallback(): void;
|
|
20
|
+
private handleItemClick;
|
|
21
|
+
private handleCenterClick;
|
|
22
|
+
static styles: import("lit").CSSResult;
|
|
23
|
+
render(): TemplateResult;
|
|
24
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -26,4 +26,6 @@ export * from './components/CalendarOverlay';
|
|
|
26
26
|
export * from './components/File';
|
|
27
27
|
export * from './components/Carousel';
|
|
28
28
|
export * from './components/Bubble';
|
|
29
|
+
export * from './components/MfaModal';
|
|
30
|
+
export * from './components/Navbar';
|
|
29
31
|
export * from './styles/scrollbar';
|