@nitramburesh/wcds 0.3.10
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/README.md +110 -0
- package/custom-elements.json +1211 -0
- package/dist/components/avatar.d.ts +31 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/badge.d.ts +22 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/button.d.ts +35 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/card.d.ts +23 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/color.d.ts +13 -0
- package/dist/components/color.d.ts.map +1 -0
- package/dist/components/icon.d.ts +15 -0
- package/dist/components/icon.d.ts.map +1 -0
- package/dist/components/index.d.ts +8 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/input.d.ts +38 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/constants.d.ts +8 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/styles/base.d.ts +10 -0
- package/dist/styles/base.d.ts.map +1 -0
- package/dist/styles/index.d.ts +3 -0
- package/dist/styles/index.d.ts.map +1 -0
- package/dist/types.d.ts +9 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/randomators.d.ts +2 -0
- package/dist/utils/randomators.d.ts.map +1 -0
- package/dist/utils/validators.d.ts +7 -0
- package/dist/utils/validators.d.ts.map +1 -0
- package/dist/wcds.css +1 -0
- package/dist/wcds.js +809 -0
- package/package.json +87 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { AvatarVariant, Size } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* @tagname wcds-avatar
|
|
5
|
+
* @summary User avatar with image or initials and Material-like shapes.
|
|
6
|
+
* @slot - Avatar content (overrides initials fallback when provided).
|
|
7
|
+
* @cssproperty --wcds-avatar-size - Overall size of the avatar.
|
|
8
|
+
* @cssproperty --wcds-avatar-radius - Border radius for the avatar shape.
|
|
9
|
+
* @cssproperty --wcds-avatar-bg - Background color for fallback initials.
|
|
10
|
+
* @cssproperty --wcds-avatar-fg - Text color for fallback initials.
|
|
11
|
+
* @cssproperty --wcds-avatar-font-size - Font size for fallback initials.
|
|
12
|
+
*/
|
|
13
|
+
export declare class WCDSAvatar extends LitElement {
|
|
14
|
+
src?: string;
|
|
15
|
+
alt?: string;
|
|
16
|
+
name?: string;
|
|
17
|
+
variant: AvatarVariant;
|
|
18
|
+
size: Size;
|
|
19
|
+
private imageError;
|
|
20
|
+
private handleError;
|
|
21
|
+
private get fallbackText();
|
|
22
|
+
static styles: import('lit').CSSResult[];
|
|
23
|
+
render(): import('lit').TemplateResult<1>;
|
|
24
|
+
}
|
|
25
|
+
declare global {
|
|
26
|
+
interface HTMLElementTagNameMap {
|
|
27
|
+
'wcds-avatar': WCDSAvatar;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export type { AvatarVariant, Size } from '../types';
|
|
31
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;;;;;;GASG;AACH,qBACa,UAAW,SAAQ,UAAU;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACC,OAAO,EAAE,aAAa,CAAc;IACpC,IAAI,EAAE,IAAI,CAAQ;IAEpD,OAAO,CAAC,UAAU,CAAS;IAEpC,OAAO,CAAC,WAAW;IAInB,OAAO,KAAK,YAAY,GAavB;IAED,MAAM,CAAC,MAAM,4BAwEX;IAEF,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname wcds-badge
|
|
4
|
+
* @summary Small status badge with four variants.
|
|
5
|
+
* @slot - Badge text/content.
|
|
6
|
+
* @cssproperty --wcds-badge-padding - Inner padding.
|
|
7
|
+
* @cssproperty --wcds-badge-radius - Border radius.
|
|
8
|
+
* @cssproperty --wcds-badge-font-size - Font size.
|
|
9
|
+
* @cssproperty --wcds-badge-bg - Background color.
|
|
10
|
+
* @cssproperty --wcds-badge-fg - Text color.
|
|
11
|
+
*/
|
|
12
|
+
export declare class WCDSBadge extends LitElement {
|
|
13
|
+
variant: 'info' | 'success' | 'warning' | 'error';
|
|
14
|
+
static styles: import('lit').CSSResult[];
|
|
15
|
+
render(): import('lit').TemplateResult<1>;
|
|
16
|
+
}
|
|
17
|
+
declare global {
|
|
18
|
+
interface HTMLElementTagNameMap {
|
|
19
|
+
'wcds-badge': WCDSBadge;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,8CAA8C,CAAC;AAGtD;;;;;;;;;GASG;AACH,qBACa,SAAU,SAAQ,UAAU;IACI,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CACnF;IAET,MAAM,CAAC,MAAM,4BA6CX;IAEF,MAAM;CAKP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { ButtonType, ButtonVariant, ColorScheme, Icon, Size } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* @tagname wcds-button
|
|
5
|
+
* @summary A customizable button component with support for icons and various styles.
|
|
6
|
+
* @slot - The button's label or content.
|
|
7
|
+
* @fires click - Emitted when the button is clicked.
|
|
8
|
+
* @cssproperty --wcds-button-padding - Padding inside the button.
|
|
9
|
+
* @cssproperty --wcds-button-radius - Border radius of the button.
|
|
10
|
+
* @cssproperty --wcds-button-font-size - Font size of the button label.
|
|
11
|
+
* @cssproperty --wcds-button-bg-color - Background color of the button.
|
|
12
|
+
* @cssproperty --wcds-button-fg-color - Text color of the button.
|
|
13
|
+
* @cssproperty --wcds-button-border-color - Border color of the button.
|
|
14
|
+
* @cssproperty --wcds-button-icon-size - Size of icons inside the button.
|
|
15
|
+
*/
|
|
16
|
+
export declare class WCDSButton extends LitElement {
|
|
17
|
+
id: string;
|
|
18
|
+
size: Size;
|
|
19
|
+
variant: ButtonVariant;
|
|
20
|
+
colorScheme: ColorScheme;
|
|
21
|
+
type: ButtonType;
|
|
22
|
+
iconLeft?: Icon;
|
|
23
|
+
iconRight?: Icon;
|
|
24
|
+
disabled: boolean;
|
|
25
|
+
private handleClick;
|
|
26
|
+
static styles: import('lit').CSSResult[];
|
|
27
|
+
render(): import('lit').TemplateResult<1>;
|
|
28
|
+
}
|
|
29
|
+
declare global {
|
|
30
|
+
interface HTMLElementTagNameMap {
|
|
31
|
+
'wcds-button': WCDSButton;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export type { ButtonType, ButtonVariant, ColorScheme, Icon, Size } from '../types';
|
|
35
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,8CAA8C,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEnF,OAAO,QAAQ,CAAC;AAEhB;;;;;;;;;;;;GAYG;AACH,qBACa,UAAW,SAAQ,UAAU;IACG,EAAE,EAAE,MAAM,CAAkC;IAC5C,IAAI,EAAE,IAAI,CAAQ;IAClB,OAAO,EAAE,aAAa,CAAW;IACP,WAAW,EAAE,WAAW,CACjF;IAC+B,IAAI,EAAE,UAAU,CAAY;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACD,QAAQ,UAAS;IAE7D,OAAO,CAAC,WAAW;IAUnB,MAAM,CAAC,MAAM,4BA8JX;IAEF,MAAM;CASP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF;AAED,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname wcds-card
|
|
4
|
+
* @summary Container card with header/body/footer slots, size and variant styles.
|
|
5
|
+
* @slot header - Optional header content (title, actions).
|
|
6
|
+
* @slot - Default body content.
|
|
7
|
+
* @slot footer - Optional footer content (buttons, meta).
|
|
8
|
+
* @cssproperty --wcds-card-padding - Padding inside the card.
|
|
9
|
+
* @cssproperty --wcds-card-radius - Border radius of the card.
|
|
10
|
+
* @cssproperty --wcds-card-bg-color - Background color.
|
|
11
|
+
* @cssproperty --wcds-card-border-color - Border color (outlined/plain).
|
|
12
|
+
* @cssproperty --wcds-card-shadow - Box shadow (elevated).
|
|
13
|
+
*/
|
|
14
|
+
export declare class WCDSCard extends LitElement {
|
|
15
|
+
static styles: import('lit').CSSResult[];
|
|
16
|
+
render(): import('lit').TemplateResult<1>;
|
|
17
|
+
}
|
|
18
|
+
declare global {
|
|
19
|
+
interface HTMLElementTagNameMap {
|
|
20
|
+
'wcds-card': WCDSCard;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,8CAA8C,CAAC;AAGtD;;;;;;;;;;;GAWG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,4BAmCX;IAEF,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
export declare class WCDSColor extends LitElement {
|
|
3
|
+
color: string;
|
|
4
|
+
name: string;
|
|
5
|
+
static styles: import('lit').CSSResult[];
|
|
6
|
+
render(): import('lit').TemplateResult<1>;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
'wcds-color': WCDSColor;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=color.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/components/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,qBACa,SAAU,SAAQ,UAAU;IACX,KAAK,EAAG,MAAM,CAAC;IACf,IAAI,EAAG,MAAM,CAAC;IAE1C,MAAM,CAAC,MAAM,4BAAgB;IAE7B,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
import { Icon, Size } from '../types';
|
|
3
|
+
export declare class WCDSIcon extends LitElement {
|
|
4
|
+
icon: Icon;
|
|
5
|
+
size: Size;
|
|
6
|
+
static styles: import('lit').CSSResult[];
|
|
7
|
+
render(): TemplateResult<1> | null;
|
|
8
|
+
}
|
|
9
|
+
declare global {
|
|
10
|
+
interface HTMLElementTagNameMap {
|
|
11
|
+
'wcds-icon': WCDSIcon;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
export type { Icon, Size } from '../types';
|
|
15
|
+
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGjE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AA+EtC,qBACa,QAAS,SAAQ,UAAU;IACK,IAAI,EAAG,IAAI,CAAC;IAC3B,IAAI,EAAE,IAAI,CAAQ;IAE9C,MAAM,CAAC,MAAM,4BA0BX;IAEF,MAAM;CAMP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF;AAED,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { Icon, Size } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* @tagname wcds-input
|
|
5
|
+
* @summary A customizable input component with label, icons, validation, and error display.
|
|
6
|
+
* @fires input - Emitted on input with { value }.
|
|
7
|
+
* @fires change - Emitted on blur with { value }.
|
|
8
|
+
* @fires clear-error - Emitted when the user starts typing to clear existing errors.
|
|
9
|
+
* @cssproperty --wcds-input-padding - Padding inside the input field.
|
|
10
|
+
* @cssproperty --wcds-input-border-radius - Border radius of the input field.
|
|
11
|
+
* @cssproperty --wcds-input-border-color-default - Border color of the input field.
|
|
12
|
+
* @cssproperty --wcds-input-border-color-focus - Outline color of the input field on focus.
|
|
13
|
+
* @cssproperty --wcds-input-box-shadow - Box shadow of the input field on focus.
|
|
14
|
+
* @cssproperty --wcds-input-icon-color - Color of the input icon (defaults to neutral).
|
|
15
|
+
*/
|
|
16
|
+
export declare class WCDSInput extends LitElement {
|
|
17
|
+
id: string;
|
|
18
|
+
value: string;
|
|
19
|
+
size: Size;
|
|
20
|
+
label?: string;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
icon?: Icon;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
error?: string;
|
|
25
|
+
private _hasIcon;
|
|
26
|
+
private _onInput;
|
|
27
|
+
private _onChange;
|
|
28
|
+
protected updated(changedProperties: Map<string, unknown>): void;
|
|
29
|
+
static styles: import('lit').CSSResult[];
|
|
30
|
+
render(): import('lit').TemplateResult<1>;
|
|
31
|
+
}
|
|
32
|
+
declare global {
|
|
33
|
+
interface HTMLElementTagNameMap {
|
|
34
|
+
'wcds-input': WCDSInput;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
export type { Icon, Size } from '../types';
|
|
38
|
+
//# sourceMappingURL=input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,8CAA8C,CAAC;AAGtD,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,QAAQ,CAAC;AAEhB;;;;;;;;;;;;GAYG;AAEH,qBACa,SAAU,SAAQ,UAAU;IAEvC,EAAE,EAAE,MAAM,CAAiC;IAG3C,KAAK,SAAM;IAGX,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,IAAI,CAAC,EAAE,IAAI,CAAC;IAGZ,QAAQ,UAAS;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,SAAS;IAUjB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAqBzD,MAAM,CAAC,MAAM,4BAyFX;IAEF,MAAM;CA8BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF;AAED,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const ICONS: readonly ["arrow-left", "arrow-right", "check", "close", "menu", "search", "location"];
|
|
2
|
+
export declare const SIZE: readonly ["sm", "md", "lg"];
|
|
3
|
+
export declare const BUTTON_VARIANT: readonly ["solid", "outlined", "ghost"];
|
|
4
|
+
export declare const COLOR_SCHEME: readonly ["primary", "secondary", "neutral"];
|
|
5
|
+
export declare const BUTTON_TYPE: readonly ["button", "submit", "reset"];
|
|
6
|
+
export declare const CARD_VARIANT: readonly ["plain", "outlined", "elevated"];
|
|
7
|
+
export declare const AVATAR_VARIANT: readonly ["circular", "rounded", "square"];
|
|
8
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,wFAQR,CAAC;AAEX,eAAO,MAAM,IAAI,6BAA8B,CAAC;AAChD,eAAO,MAAM,cAAc,yCAA0C,CAAC;AACtE,eAAO,MAAM,YAAY,8CAA+C,CAAC;AACzE,eAAO,MAAM,WAAW,wCAAyC,CAAC;AAClE,eAAO,MAAM,YAAY,4CAA6C,CAAC;AACvE,eAAO,MAAM,cAAc,4CAA6C,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,iBAAiB,CAAC;AAEzB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
/**
|
|
3
|
+
* Base styles applied to all WCDS components.
|
|
4
|
+
* Import and spread into your component's `static styles` array.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* static styles = [baseStyles, css`...component specific styles...`];
|
|
8
|
+
*/
|
|
9
|
+
export declare const baseStyles: import('lit').CSSResult;
|
|
10
|
+
//# sourceMappingURL=base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAAA,cAAc;AAId;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,yBAuBtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ICONS, SIZE, BUTTON_VARIANT, BUTTON_TYPE, CARD_VARIANT, AVATAR_VARIANT, COLOR_SCHEME } from './constants';
|
|
2
|
+
export type Icon = (typeof ICONS)[number];
|
|
3
|
+
export type Size = (typeof SIZE)[number];
|
|
4
|
+
export type ButtonVariant = (typeof BUTTON_VARIANT)[number];
|
|
5
|
+
export type ColorScheme = (typeof COLOR_SCHEME)[number];
|
|
6
|
+
export type ButtonType = (typeof BUTTON_TYPE)[number];
|
|
7
|
+
export type CardVariant = (typeof CARD_VARIANT)[number];
|
|
8
|
+
export type AvatarVariant = (typeof AVATAR_VARIANT)[number];
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEnH,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1C,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AACzC,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AACtD,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"randomators.d.ts","sourceRoot":"","sources":["../../src/utils/randomators.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,GAAI,iBAAiB,MAAM,WAG3D,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** @format */
|
|
2
|
+
export declare const throwInvalidAttributeError: (attribute: string) => never;
|
|
3
|
+
export declare const throwCustomError: (message: string) => never;
|
|
4
|
+
export declare const isInvalidString: (value: unknown) => boolean;
|
|
5
|
+
export declare const isInvalidNumber: (value: unknown) => boolean;
|
|
6
|
+
export declare const isInvalidBoolean: (value: unknown) => boolean;
|
|
7
|
+
//# sourceMappingURL=validators.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,eAAO,MAAM,0BAA0B,GAAI,WAAW,MAAM,UAE3D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM,UAE/C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,YACH,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,YACH,CAAC;AAE5C,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,YAA+B,CAAC"}
|
package/dist/wcds.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--wcds-card-shadow-plain: none;--wcds-card-shadow-elevated: 2px 4px 4px rgba(0, 0, 0, .1), 2px 4px 5px rgba(0, 0, 0, .06);--wcds-color-transparent: rgba(0, 0, 0, 0);--wcds-color-primary-100: oklch(95% .04 350);--wcds-color-primary-200: oklch(90% .1 350);--wcds-color-primary-300: oklch(82% .18 350);--wcds-color-primary-400: oklch(72% .24 350);--wcds-color-primary-500: oklch(65% .28 350);--wcds-color-primary-600: oklch(58% .26 350);--wcds-color-primary-700: oklch(50% .22 350);--wcds-color-primary-800: oklch(42% .18 350);--wcds-color-primary-900: oklch(32% .12 350);--wcds-color-secondary-100: oklch(92.667% .05011 193.23);--wcds-color-secondary-200: oklch(89.203% .07596 191.75);--wcds-color-secondary-300: oklch(85.764% .09769 190.62);--wcds-color-secondary-400: oklch(82.692% .11426 190.26);--wcds-color-secondary-500: oklch(79.912% .12595 189.79);--wcds-color-secondary-600: oklch(73.476% .12024 189.36);--wcds-color-secondary-700: oklch(63.669% .10373 189.09);--wcds-color-secondary-800: oklch(53.504% .08625 189.7);--wcds-color-secondary-900: oklch(42.795% .068 189.35);--wcds-color-neutral-100: oklch(96.001% .00625 255.48);--wcds-color-neutral-200: oklch(87.663% .01869 258.36);--wcds-color-neutral-300: oklch(78.907% .03445 261.01);--wcds-color-neutral-400: oklch(70.211% .04863 260.62);--wcds-color-neutral-500: oklch(61.296% .06575 259.98);--wcds-color-neutral-600: oklch(52.788% .06675 259.4);--wcds-color-neutral-700: oklch(44.298% .05509 259.35);--wcds-color-neutral-800: oklch(35.4% .04064 259.83);--wcds-color-neutral-900: oklch(25.873% .02719 259.98);--wcds-color-success-background: oklch(85% .1 140);--wcds-color-success-content: oklch(40% .2 140);--wcds-color-error-background: oklch(85% .15 25);--wcds-color-error-content: oklch(40% .25 25);--wcds-color-warning-background: oklch(90% .15 90);--wcds-color-warning-content: oklch(45% .25 90);--wcds-color-info-background: oklch(90% .1 250);--wcds-color-info-content: oklch(40% .2 250);--wcds-radius-none: 0rem;--wcds-radius-sm: .125rem;--wcds-radius-md: .25rem;--wcds-radius-lg: .5rem;--wcds-radius-xl: 1rem;--wcds-radius-full: 9999px;--wcds-size-0: 0rem;--wcds-size-1: .25rem;--wcds-size-2: .5rem;--wcds-size-3: .75rem;--wcds-size-4: 1rem;--wcds-size-5: 1.25rem;--wcds-size-6: 1.5rem;--wcds-size-7: 1.75rem;--wcds-size-8: 2rem;--wcds-size-9: 2.25rem;--wcds-size-10: 2.5rem;--wcds-size-20: 5rem;--wcds-size-30: 7.5rem;--wcds-size-40: 10rem;--wcds-size-50: 12.5rem;--wcds-size-60: 15rem;--wcds-size-70: 17.5rem;--wcds-size-80: 20rem;--wcds-size-90: 22.5rem;--wcds-size-100: 25rem;--wcds-font-family-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--wcds-font-family-mono: "Geist Mono", "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--wcds-font-weight-regular: 400;--wcds-font-weight-medium: 500;--wcds-font-weight-semibold: 600;--wcds-font-weight-bold: 700;--wcds-font-size-xs: .625rem;--wcds-font-size-sm: .75rem;--wcds-font-size-md: .875rem;--wcds-font-size-lg: 1rem;--wcds-font-size-xl: 1.125rem;--wcds-font-size-2xl: 1.25rem;--wcds-font-size-3xl: 1.5rem;--wcds-font-size-4xl: 1.875rem;--wcds-font-line-height-tight: 1.25;--wcds-font-line-height-normal: 1.5;--wcds-font-line-height-relaxed: 1.75;--wcds-font-letter-spacing-tight: -.025em;--wcds-font-letter-spacing-normal: 0em;--wcds-font-letter-spacing-wide: .025em;--wcds-border-width-default: 1px;--wcds-border-width-thick: 2px;--wcds-avatar-size-sm: var(--wcds-size-5);--wcds-avatar-size-md: var(--wcds-size-10);--wcds-avatar-size-lg: var(--wcds-size-20);--wcds-avatar-shape-circular: var(--wcds-radius-full);--wcds-avatar-shape-rounded: var(--wcds-radius-lg);--wcds-avatar-shape-square: var(--wcds-radius-md);--wcds-avatar-font-size-sm: var(--wcds-font-size-md);--wcds-avatar-font-size-md: var(--wcds-font-size-lg);--wcds-avatar-font-size-lg: var(--wcds-font-size-xl);--wcds-avatar-bg-default: var(--wcds-color-neutral-200);--wcds-avatar-fg-default: var(--wcds-color-neutral-800);--wcds-badge-appearance-radius: var(--wcds-radius-full);--wcds-badge-appearance-font-size: var(--wcds-font-size-sm);--wcds-badge-variant-neutral-bg: var(--wcds-color-neutral-200);--wcds-badge-variant-neutral-fg: var(--wcds-color-neutral-800);--wcds-badge-variant-success-bg: var(--wcds-color-success-background);--wcds-badge-variant-success-fg: var(--wcds-color-success-content);--wcds-badge-variant-warning-bg: var(--wcds-color-warning-background);--wcds-badge-variant-warning-fg: var(--wcds-color-warning-content);--wcds-badge-variant-error-bg: var(--wcds-color-error-background);--wcds-badge-variant-error-fg: var(--wcds-color-error-content);--wcds-badge-variant-info-bg: var(--wcds-color-info-background);--wcds-badge-variant-info-fg: var(--wcds-color-info-content);--wcds-button-size-sm-radius: var(--wcds-radius-full);--wcds-button-size-sm-font-size: var(--wcds-font-size-xs);--wcds-button-size-sm-icon-size: var(--wcds-font-size-md);--wcds-button-size-md-radius: var(--wcds-radius-full);--wcds-button-size-md-font-size: var(--wcds-font-size-md);--wcds-button-size-md-icon-size: var(--wcds-font-size-lg);--wcds-button-size-lg-radius: var(--wcds-radius-xl);--wcds-button-size-lg-font-size: var(--wcds-font-size-lg);--wcds-button-size-lg-icon-size: var(--wcds-font-size-2xl);--wcds-button-solid-primary-bg: var(--wcds-color-primary-800);--wcds-button-solid-primary-fg: var(--wcds-color-neutral-100);--wcds-button-solid-primary-border: var(--wcds-color-primary-800);--wcds-button-solid-secondary-bg: var(--wcds-color-secondary-900);--wcds-button-solid-secondary-fg: var(--wcds-color-neutral-100);--wcds-button-solid-secondary-border: var(--wcds-color-secondary-900);--wcds-button-solid-neutral-bg: var(--wcds-color-neutral-700);--wcds-button-solid-neutral-fg: var(--wcds-color-neutral-100);--wcds-button-solid-neutral-border: var(--wcds-color-neutral-700);--wcds-button-outlined-primary-bg: var(--wcds-color-transparent);--wcds-button-outlined-primary-fg: var(--wcds-color-primary-800);--wcds-button-outlined-primary-border: var(--wcds-color-primary-800);--wcds-button-outlined-primary-bg-hover: var(--wcds-color-primary-100);--wcds-button-outlined-secondary-bg: var(--wcds-color-transparent);--wcds-button-outlined-secondary-fg: var(--wcds-color-secondary-900);--wcds-button-outlined-secondary-border: var(--wcds-color-secondary-900);--wcds-button-outlined-secondary-bg-hover: var(--wcds-color-secondary-100);--wcds-button-outlined-neutral-bg: var(--wcds-color-transparent);--wcds-button-outlined-neutral-fg: var(--wcds-color-neutral-700);--wcds-button-outlined-neutral-border: var(--wcds-color-neutral-700);--wcds-button-outlined-neutral-bg-hover: var(--wcds-color-neutral-200);--wcds-button-ghost-primary-bg: var(--wcds-color-transparent);--wcds-button-ghost-primary-fg: var(--wcds-color-primary-800);--wcds-button-ghost-primary-border: var(--wcds-color-transparent);--wcds-button-ghost-primary-bg-hover: var(--wcds-color-primary-100);--wcds-button-ghost-secondary-bg: var(--wcds-color-transparent);--wcds-button-ghost-secondary-fg: var(--wcds-color-secondary-900);--wcds-button-ghost-secondary-border: var(--wcds-color-transparent);--wcds-button-ghost-secondary-bg-hover: var(--wcds-color-secondary-100);--wcds-button-ghost-neutral-bg: var(--wcds-color-transparent);--wcds-button-ghost-neutral-fg: var(--wcds-color-neutral-700);--wcds-button-ghost-neutral-border: var(--wcds-color-transparent);--wcds-button-ghost-neutral-bg-hover: var(--wcds-color-neutral-200);--wcds-card-border-color-default: var(--wcds-color-neutral-300);--wcds-card-border-radius-default: var(--wcds-radius-xl);--wcds-card-background-color-default: var(--wcds-color-neutral-100);--wcds-icon-color-primary: var(--wcds-color-primary-900);--wcds-icon-color-neutral: var(--wcds-color-neutral-700);--wcds-icon-color-subtle: var(--wcds-color-neutral-300);--wcds-icon-color-error: var(--wcds-color-error-content);--wcds-icon-color-success: var(--wcds-color-success-content);--wcds-icon-size-sm: var(--wcds-size-4);--wcds-icon-size-md: var(--wcds-size-6);--wcds-icon-size-lg: var(--wcds-size-8);--wcds-icon-size-xl: var(--wcds-size-10);--wcds-input-text-size-sm-font-size: var(--wcds-font-size-sm);--wcds-input-text-size-md-font-size: var(--wcds-font-size-lg);--wcds-input-text-size-lg-font-size: var(--wcds-font-size-2xl);--wcds-input-text-border-color-default: var(--wcds-color-neutral-300);--wcds-input-text-border-color-focus: var(--wcds-color-primary-900);--wcds-input-text-border-radius: var(--wcds-radius-full);--wcds-input-text-border-width-default: var(--wcds-border-width-default);--wcds-background-color-default: var(--wcds-color-neutral-100);--wcds-background-color-success: var(--wcds-color-success-background);--wcds-background-color-error: var(--wcds-color-error-background);--wcds-background-color-warning: var(--wcds-color-warning-background);--wcds-background-color-info: var(--wcds-color-info-background);--wcds-border-radius-default: var(--wcds-radius-md);--wcds-border-radius-full: var(--wcds-radius-full);--wcds-border-color-primary: var(--wcds-color-neutral-900);--wcds-border-color-secondary: var(--wcds-color-neutral-900);--wcds-spacing-xs: var(--wcds-size-1);--wcds-spacing-sm: var(--wcds-size-3);--wcds-spacing-md: var(--wcds-size-4);--wcds-spacing-lg: var(--wcds-size-6);--wcds-spacing-xl: var(--wcds-size-8);--wcds-text-color-default: var(--wcds-color-neutral-900);--wcds-text-color-subtle: var(--wcds-color-neutral-600);--wcds-text-color-on-primary: var(--wcds-color-neutral-200);--wcds-text-color-on-secondary: var(--wcds-color-neutral-200);--wcds-text-color-on-success: var(--wcds-color-success-content);--wcds-text-color-on-error: var(--wcds-color-error-content);--wcds-text-color-on-warning: var(--wcds-color-warning-content);--wcds-text-color-on-info: var(--wcds-color-info-content);--wcds-text-size-xs: var(--wcds-font-size-xs);--wcds-text-size-sm: var(--wcds-font-size-sm);--wcds-text-size-md: var(--wcds-font-size-md);--wcds-text-size-lg: var(--wcds-font-size-lg);--wcds-text-size-xl: var(--wcds-font-size-xl);--wcds-badge-appearance-padding-vertical: var(--wcds-spacing-xs);--wcds-badge-appearance-padding-horizontal: var(--wcds-spacing-sm);--wcds-button-size-sm-padding: var(--wcds-spacing-xs);--wcds-button-size-md-padding: var(--wcds-spacing-sm);--wcds-button-size-lg-padding: var(--wcds-spacing-md);--wcds-card-padding-default: var(--wcds-spacing-md);--wcds-input-text-size-sm-padding: var(--wcds-spacing-xs);--wcds-input-text-size-md-padding: var(--wcds-spacing-sm);--wcds-input-text-size-lg-padding: var(--wcds-spacing-md)}
|