@florid-kit/components 0.10.37 → 0.10.38
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/assets/icons/icons.d.ts +43 -1
- package/components/icon-button.d.ts +6 -5
- package/index.js +87 -87
- package/index.mjs +322 -305
- package/package.json +1 -1
package/assets/icons/icons.d.ts
CHANGED
|
@@ -1,3 +1,45 @@
|
|
|
1
|
-
|
|
1
|
+
declare const iconRegistry: {
|
|
2
|
+
readonly wishlist: string;
|
|
3
|
+
readonly playerv: string;
|
|
4
|
+
readonly chevronRight: string;
|
|
5
|
+
readonly chevronLeft: string;
|
|
6
|
+
readonly icoPlus: string;
|
|
7
|
+
readonly icoMinus: string;
|
|
8
|
+
readonly "star-0": string;
|
|
9
|
+
readonly "star-25": string;
|
|
10
|
+
readonly "star-50": string;
|
|
11
|
+
readonly "star-75": string;
|
|
12
|
+
readonly "star-100": string;
|
|
13
|
+
readonly cross: string;
|
|
14
|
+
readonly search: string;
|
|
15
|
+
readonly arrowLeft: string;
|
|
16
|
+
readonly arrowTop: string;
|
|
17
|
+
readonly cart: string;
|
|
18
|
+
readonly notifyme: string;
|
|
19
|
+
readonly triangledown: string;
|
|
20
|
+
readonly triangleup: string;
|
|
21
|
+
readonly checkstroke: string;
|
|
22
|
+
readonly pause: string;
|
|
23
|
+
readonly mapDualArrow: string;
|
|
24
|
+
readonly swipeDualArrow: string;
|
|
25
|
+
readonly backToBag: string;
|
|
26
|
+
readonly checkbox: string;
|
|
27
|
+
readonly sliderLeftArrow: string;
|
|
28
|
+
readonly sliderRightArrow: string;
|
|
29
|
+
};
|
|
30
|
+
export type IconName = keyof typeof iconRegistry;
|
|
31
|
+
export type IconLogicalSize = "xsmall" | "small" | "medium" | "large";
|
|
32
|
+
export type IconBgStyle = "background-light" | "background-contrast" | "ghost-light" | "ghost-contrast" | "none-light" | "none-contrast";
|
|
33
|
+
export declare const LOGICAL_ICON_SIZE_TO_PX: Record<IconLogicalSize, number>;
|
|
34
|
+
export declare const resolveIconVariant: (icon: IconName, { size, bgstyle }: {
|
|
35
|
+
size: IconLogicalSize;
|
|
36
|
+
bgstyle: IconBgStyle;
|
|
37
|
+
}) => {
|
|
38
|
+
svg: string;
|
|
39
|
+
pixelSize: number;
|
|
40
|
+
shouldApplyLogicalSize: boolean;
|
|
41
|
+
};
|
|
42
|
+
export declare const iconsMap: Record<IconName, string> & Record<string, string>;
|
|
2
43
|
export declare const imagesMap: Record<string, string>;
|
|
3
44
|
export declare const toastIconsMap: Record<string, string>;
|
|
45
|
+
export {};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
1
|
+
import { LitElement, nothing } from 'lit';
|
|
2
|
+
import { IconBgStyle, IconLogicalSize, IconName } from '../assets/icons/icons';
|
|
2
3
|
|
|
3
|
-
type bgstyle =
|
|
4
|
-
type size =
|
|
4
|
+
type bgstyle = IconBgStyle;
|
|
5
|
+
type size = IconLogicalSize;
|
|
5
6
|
type status = "empty" | "filled";
|
|
6
7
|
type type = "button" | "span";
|
|
7
8
|
export declare class OccitaneIconButton extends LitElement {
|
|
@@ -11,12 +12,12 @@ export declare class OccitaneIconButton extends LitElement {
|
|
|
11
12
|
status: status;
|
|
12
13
|
type: type;
|
|
13
14
|
strokewidth: string;
|
|
14
|
-
icon:
|
|
15
|
+
icon: IconName | "";
|
|
15
16
|
disabled: boolean;
|
|
16
17
|
showSrLabel: boolean;
|
|
17
18
|
srLabel: string;
|
|
18
19
|
protected updated(changedProperties: Map<string, unknown>): void;
|
|
19
|
-
protected render(): import('lit').TemplateResult<1>;
|
|
20
|
+
protected render(): typeof nothing | import('lit').TemplateResult<1>;
|
|
20
21
|
}
|
|
21
22
|
declare global {
|
|
22
23
|
interface HTMLElementTagNameMap {
|