@rarui/components 1.9.0 → 1.10.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/CHANGELOG.md +6 -0
- package/custom-elements.json +208 -121
- package/dist/index.d.ts +216 -44
- package/dist/index.js +128 -97
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,88 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2017 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
/** TemplateResult types */
|
|
8
|
+
declare const HTML_RESULT = 1;
|
|
9
|
+
declare const SVG_RESULT = 2;
|
|
10
|
+
declare const MATHML_RESULT = 3;
|
|
11
|
+
type ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT;
|
|
12
|
+
/**
|
|
13
|
+
* The return type of the template tag functions, {@linkcode html} and
|
|
14
|
+
* {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler.
|
|
15
|
+
*
|
|
16
|
+
* A `TemplateResult` object holds all the information about a template
|
|
17
|
+
* expression required to render it: the template strings, expression values,
|
|
18
|
+
* and type of template (html or svg).
|
|
19
|
+
*
|
|
20
|
+
* `TemplateResult` objects do not create any DOM on their own. To create or
|
|
21
|
+
* update DOM you need to render the `TemplateResult`. See
|
|
22
|
+
* [Rendering](https://lit.dev/docs/components/rendering) for more information.
|
|
23
|
+
*
|
|
24
|
+
*/
|
|
25
|
+
type UncompiledTemplateResult<T extends ResultType = ResultType> = {
|
|
26
|
+
['_$litType$']: T;
|
|
27
|
+
strings: TemplateStringsArray;
|
|
28
|
+
values: unknown[];
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* The return type of the template tag functions, {@linkcode html} and
|
|
32
|
+
* {@linkcode svg}.
|
|
33
|
+
*
|
|
34
|
+
* A `TemplateResult` object holds all the information about a template
|
|
35
|
+
* expression required to render it: the template strings, expression values,
|
|
36
|
+
* and type of template (html or svg).
|
|
37
|
+
*
|
|
38
|
+
* `TemplateResult` objects do not create any DOM on their own. To create or
|
|
39
|
+
* update DOM you need to render the `TemplateResult`. See
|
|
40
|
+
* [Rendering](https://lit.dev/docs/components/rendering) for more information.
|
|
41
|
+
*
|
|
42
|
+
* In Lit 4, this type will be an alias of
|
|
43
|
+
* MaybeCompiledTemplateResult, so that code will get type errors if it assumes
|
|
44
|
+
* that Lit templates are not compiled. When deliberately working with only
|
|
45
|
+
* one, use either {@linkcode CompiledTemplateResult} or
|
|
46
|
+
* {@linkcode UncompiledTemplateResult} explicitly.
|
|
47
|
+
*/
|
|
48
|
+
type TemplateResult<T extends ResultType = ResultType> = UncompiledTemplateResult<T>;
|
|
49
|
+
/**
|
|
50
|
+
* Object specifying options for controlling lit-html rendering. Note that
|
|
51
|
+
* while `render` may be called multiple times on the same `container` (and
|
|
52
|
+
* `renderBefore` reference node) to efficiently update the rendered content,
|
|
53
|
+
* only the options passed in during the first render are respected during
|
|
54
|
+
* the lifetime of renders to that unique `container` + `renderBefore`
|
|
55
|
+
* combination.
|
|
56
|
+
*/
|
|
57
|
+
interface RenderOptions {
|
|
58
|
+
/**
|
|
59
|
+
* An object to use as the `this` value for event listeners. It's often
|
|
60
|
+
* useful to set this to the host component rendering a template.
|
|
61
|
+
*/
|
|
62
|
+
host?: object;
|
|
63
|
+
/**
|
|
64
|
+
* A DOM node before which to render content in the container.
|
|
65
|
+
*/
|
|
66
|
+
renderBefore?: ChildNode | null;
|
|
67
|
+
/**
|
|
68
|
+
* Node used for cloning the template (`importNode` will be called on this
|
|
69
|
+
* node). This controls the `ownerDocument` of the rendered DOM, along with
|
|
70
|
+
* any inherited context. Defaults to the global `document`.
|
|
71
|
+
*/
|
|
72
|
+
creationScope?: {
|
|
73
|
+
importNode(node: Node, deep?: boolean): Node;
|
|
74
|
+
};
|
|
75
|
+
/**
|
|
76
|
+
* The initial connected state for the top-level part being rendered. If no
|
|
77
|
+
* `isConnected` option is set, `AsyncDirective`s will be connected by
|
|
78
|
+
* default. Set to `false` if the initial render occurs in a disconnected tree
|
|
79
|
+
* and `AsyncDirective`s should see `isConnected === false` for their initial
|
|
80
|
+
* render. The `part.setConnected()` method must be used subsequent to initial
|
|
81
|
+
* render to change the connected state of the part.
|
|
82
|
+
*/
|
|
83
|
+
isConnected?: boolean;
|
|
84
|
+
}
|
|
85
|
+
|
|
1
86
|
/**
|
|
2
87
|
* A CSSResult or native CSSStyleSheet.
|
|
3
88
|
*
|
|
@@ -829,49 +914,6 @@ declare abstract class ReactiveElement extends HTMLElement implements ReactiveCo
|
|
|
829
914
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
|
830
915
|
}
|
|
831
916
|
|
|
832
|
-
/**
|
|
833
|
-
* @license
|
|
834
|
-
* Copyright 2017 Google LLC
|
|
835
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
836
|
-
*/
|
|
837
|
-
|
|
838
|
-
/**
|
|
839
|
-
* Object specifying options for controlling lit-html rendering. Note that
|
|
840
|
-
* while `render` may be called multiple times on the same `container` (and
|
|
841
|
-
* `renderBefore` reference node) to efficiently update the rendered content,
|
|
842
|
-
* only the options passed in during the first render are respected during
|
|
843
|
-
* the lifetime of renders to that unique `container` + `renderBefore`
|
|
844
|
-
* combination.
|
|
845
|
-
*/
|
|
846
|
-
interface RenderOptions {
|
|
847
|
-
/**
|
|
848
|
-
* An object to use as the `this` value for event listeners. It's often
|
|
849
|
-
* useful to set this to the host component rendering a template.
|
|
850
|
-
*/
|
|
851
|
-
host?: object;
|
|
852
|
-
/**
|
|
853
|
-
* A DOM node before which to render content in the container.
|
|
854
|
-
*/
|
|
855
|
-
renderBefore?: ChildNode | null;
|
|
856
|
-
/**
|
|
857
|
-
* Node used for cloning the template (`importNode` will be called on this
|
|
858
|
-
* node). This controls the `ownerDocument` of the rendered DOM, along with
|
|
859
|
-
* any inherited context. Defaults to the global `document`.
|
|
860
|
-
*/
|
|
861
|
-
creationScope?: {
|
|
862
|
-
importNode(node: Node, deep?: boolean): Node;
|
|
863
|
-
};
|
|
864
|
-
/**
|
|
865
|
-
* The initial connected state for the top-level part being rendered. If no
|
|
866
|
-
* `isConnected` option is set, `AsyncDirective`s will be connected by
|
|
867
|
-
* default. Set to `false` if the initial render occurs in a disconnected tree
|
|
868
|
-
* and `AsyncDirective`s should see `isConnected === false` for their initial
|
|
869
|
-
* render. The `part.setConnected()` method must be used subsequent to initial
|
|
870
|
-
* render to change the connected state of the part.
|
|
871
|
-
*/
|
|
872
|
-
isConnected?: boolean;
|
|
873
|
-
}
|
|
874
|
-
|
|
875
917
|
/**
|
|
876
918
|
* @license
|
|
877
919
|
* Copyright 2017 Google LLC
|
|
@@ -16137,6 +16179,91 @@ declare const borderColorProperties: {
|
|
|
16137
16179
|
warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16138
16180
|
};
|
|
16139
16181
|
|
|
16182
|
+
declare const chipStyles: {
|
|
16183
|
+
chip: RuntimeFn<{
|
|
16184
|
+
/**
|
|
16185
|
+
* Specifies whether the chip will be displayed in the pill shape
|
|
16186
|
+
* @default false
|
|
16187
|
+
*/
|
|
16188
|
+
pill: {
|
|
16189
|
+
true: {
|
|
16190
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16191
|
+
};
|
|
16192
|
+
};
|
|
16193
|
+
/**
|
|
16194
|
+
* Specifies whether the chip is selected
|
|
16195
|
+
* @default false
|
|
16196
|
+
*/
|
|
16197
|
+
selected: {
|
|
16198
|
+
true: {
|
|
16199
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16200
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16201
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16202
|
+
":hover": {
|
|
16203
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16204
|
+
};
|
|
16205
|
+
};
|
|
16206
|
+
};
|
|
16207
|
+
/**
|
|
16208
|
+
* Specifies the size of the chip
|
|
16209
|
+
* @default medium
|
|
16210
|
+
*/
|
|
16211
|
+
size: {
|
|
16212
|
+
medium: {
|
|
16213
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16214
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16215
|
+
height: "2rem";
|
|
16216
|
+
};
|
|
16217
|
+
small: {
|
|
16218
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16219
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16220
|
+
height: "1.5rem";
|
|
16221
|
+
};
|
|
16222
|
+
};
|
|
16223
|
+
/**
|
|
16224
|
+
* Specifies whether to handle text overflow within the chip.
|
|
16225
|
+
* When true, overflowing text is typically truncated with an ellipsis.
|
|
16226
|
+
* @default false
|
|
16227
|
+
*/
|
|
16228
|
+
textOverflow: {
|
|
16229
|
+
true: {
|
|
16230
|
+
minWidth: "auto";
|
|
16231
|
+
width: "100%";
|
|
16232
|
+
};
|
|
16233
|
+
};
|
|
16234
|
+
}>;
|
|
16235
|
+
content: RuntimeFn<{
|
|
16236
|
+
/**
|
|
16237
|
+
* Specifies whether to handle text overflow within the chip.
|
|
16238
|
+
* When true, overflowing text is typically truncated with an ellipsis.
|
|
16239
|
+
*/
|
|
16240
|
+
textOverflow: {
|
|
16241
|
+
true: {
|
|
16242
|
+
textOverflow: "ellipsis";
|
|
16243
|
+
whiteSpace: "nowrap";
|
|
16244
|
+
width: "100%";
|
|
16245
|
+
display: "block";
|
|
16246
|
+
overflow: "hidden";
|
|
16247
|
+
};
|
|
16248
|
+
};
|
|
16249
|
+
}>;
|
|
16250
|
+
close: string;
|
|
16251
|
+
overlay: string;
|
|
16252
|
+
};
|
|
16253
|
+
declare const paddingProperties: {
|
|
16254
|
+
medium: string;
|
|
16255
|
+
small: string;
|
|
16256
|
+
};
|
|
16257
|
+
|
|
16258
|
+
type ChipVariants = NonNullable<RecipeVariants<typeof chipStyles.chip>>;
|
|
16259
|
+
type ChipDynamicProperties = Pick<StandardLonghandProperties, "textTransform">;
|
|
16260
|
+
interface ChipSprinkle extends ChipDynamicProperties {
|
|
16261
|
+
/**
|
|
16262
|
+
* The padding properties are used to generate space around an chip's content area.
|
|
16263
|
+
*/
|
|
16264
|
+
padding?: AddDollar<keyof typeof paddingProperties> | Conditions<AddDollar<keyof typeof paddingProperties>>;
|
|
16265
|
+
}
|
|
16266
|
+
|
|
16140
16267
|
declare const dividerBorderWidthProperties: {
|
|
16141
16268
|
"1": string;
|
|
16142
16269
|
"2": string;
|
|
@@ -17009,6 +17136,15 @@ interface CheckboxTyping {
|
|
|
17009
17136
|
}
|
|
17010
17137
|
type CheckboxProps = CheckboxTyping & CheckboxVariants;
|
|
17011
17138
|
|
|
17139
|
+
interface ChipTyping extends ChipSprinkle {
|
|
17140
|
+
/**
|
|
17141
|
+
* Displays a delete icon and adds user interaction.
|
|
17142
|
+
* @default false
|
|
17143
|
+
*/
|
|
17144
|
+
closeable?: boolean;
|
|
17145
|
+
}
|
|
17146
|
+
type ChipProps = ChipTyping & ChipVariants;
|
|
17147
|
+
|
|
17012
17148
|
interface IconButtonTyping {
|
|
17013
17149
|
/**
|
|
17014
17150
|
* Disables the button, disallowing user interaction.
|
|
@@ -17118,7 +17254,7 @@ declare class RaruiDivider extends LitElement {
|
|
|
17118
17254
|
render(): TemplateResult<1>;
|
|
17119
17255
|
}
|
|
17120
17256
|
|
|
17121
|
-
type IconName = "add-circle-filled" | "add-circle-outlined" | "alarm-filled" | "alarm-outlined" | "alternate-email" | "archive-all-filled" | "archive-all-outlined" | "archive-filled" | "archive-in-filled" | "archive-in-outlined" | "archive-outlined" | "arrow-alt-down" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-circle-down-filled" | "arrow-circle-down-outlined" | "arrow-circle-up-filled" | "arrow-circle-up-outlined" | "arrow-circled-down-circle-outlined" | "arrow-circled-down-filled" | "arrow-circled-up-circle-outlined" | "arrow-direction-down-up" | "arrow-direction-left-right" | "arrow-direction-right-left" | "arrow-direction-up-down" | "arrow-directions" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-first-page" | "arrow-last-page" | "arrow-left" | "arrow-line-down" | "arrow-line-left" | "arrow-line-long-down" | "arrow-line-long-left" | "arrow-line-long-right" | "arrow-line-long-up" | "arrow-line-right" | "arrow-line-up" | "arrow-right" | "arrow-subdirectory-left" | "arrow-subdirectory-right" | "arrow-trending-down" | "arrow-trending-up" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attachment" | "backspace" | "backspace-outlined" | "barley" | "barley-off" | "bolt-circle-filled" | "bolt-circle-outlined" | "bookmark-filled" | "bookmark-outlined" | "calendar-date-range-filled" | "calendar-date-range-outlined" | "calendar-event-filled" | "calendar-event-outlined" | "calendar-filled" | "calendar-outlined" | "camera-filled" | "camera-outlined" | "camera-shutter-filled" | "camera-shutter-outlined" | "cancel-circle-filled" | "cancel-circle-outlined" | "car-filled" | "car-outlined" | "chart-bars-filled" | "chart-bars-outlined" | "chat-bubble-filled" | "chat-bubble-outlined" | "chat-message-filled" | "chat-message-outlined" | "check" | "check-circle-filled" | "check-circle-outlined" | "check-small" | "chevron-big-down" | "chevron-big-left" | "chevron-big-right" | "chevron-big-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock-filled" | "clock-outlined" | "close" | "cloud-filled" | "cloud-outlined" | "contact-support-filled" | "contact-support-outlined" | "content-copy-filled" | "content-copy-outlined" | "content-paste-filled" | "content-paste-outlined" | "conversation-filled" | "conversation-outlined" | "copyright-filled" | "copyright-outlined" | "credit-card-filled" | "credit-card-outlined" | "danger-filled" | "danger-outlined" | "dashboard-filled" | "dashboard-outlined" | "document-filled" | "document-outlined" | "document-text-filled" | "document-text-outlined" | "download-filled" | "download-outlined" | "eco-filled" | "eco-outlined" | "edit-filled" | "edit-outlined" | "euro-symbol" | "exit-fullscreen" | "eye-filled" | "eye-off-filled" | "eye-off-outlined" | "eye-outlined" | "facebook-filled" | "facebook-outlined" | "file-copy-filled" | "file-copy-outlined" | "filter-alt-filled" | "filter-alt-outlined" | "filter-list" | "fingerprint" | "flag-filled" | "flag-outlined" | "flag-tour-filled" | "flag-tour-outlined" | "flower-filled" | "flower-outlined" | "folder-filled" | "folder-list-filled" | "folder-list-outlined" | "folder-open" | "folder-outlined" | "fruit-apple-filled" | "fruit-apple-outlined" | "fullscreen-filled" | "fullscreen-outlined" | "google" | "google-play" | "headphones-filled" | "headphones-outlined" | "heart-filled" | "heart-outlined" | "help-filled" | "help-outlined" | "history" | "home-filled" | "home-outlined" | "image-filled" | "image-outlined" | "info-circle-filled" | "info-circle-outlined" | "instagram" | "instagram-outlined" | "label-filled" | "label-important-filled" | "label-important-outlined" | "label-outlined" | "language" | "lightbulb-filled" | "lightbulb-outlined" | "link" | "linkedin-filled" | "linkedin-outlined" | "loader" | "loading" | "lock-filled" | "lock-open-filled" | "lock-open-outlined" | "lock-outlined" | "login" | "logout" | "mail-filled" | "mail-open-filled" | "mail-open-outlined" | "mail-outlined" | "menu" | "menu-large" | "microphone-filled" | "microphone-outlined" | "minus" | "money-filled" | "money-outlined" | "mood-bad" | "mood-bad-outlined" | "mood-filled" | "mood-outlined" | "more-horiz" | "more-vert" | "music-note-filled" | "music-note-outlined" | "notification-filled" | "notification-outlined" | "open-in-new" | "package" | "package-outlined" | "pause-filled" | "pause-outlined" | "pets-filled" | "pets-outlined" | "phone-call-filled" | "phone-
|
|
17257
|
+
type IconName = "phone-call-outlined" | "add-circle-filled" | "add-circle-outlined" | "alarm-filled" | "alarm-outlined" | "alternate-email" | "archive-all-filled" | "archive-all-outlined" | "archive-filled" | "archive-in-filled" | "archive-in-outlined" | "archive-outlined" | "arrow-alt-down" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-circle-down-filled" | "arrow-circle-down-outlined" | "arrow-circle-up-filled" | "arrow-circle-up-outlined" | "arrow-circled-down-circle-outlined" | "arrow-circled-down-filled" | "arrow-circled-up-circle-outlined" | "arrow-direction-down-up" | "arrow-direction-left-right" | "arrow-direction-right-left" | "arrow-direction-up-down" | "arrow-directions" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-first-page" | "arrow-last-page" | "arrow-left" | "arrow-line-down" | "arrow-line-left" | "arrow-line-long-down" | "arrow-line-long-left" | "arrow-line-long-right" | "arrow-line-long-up" | "arrow-line-right" | "arrow-line-up" | "arrow-right" | "arrow-subdirectory-left" | "arrow-subdirectory-right" | "arrow-trending-down" | "arrow-trending-up" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attachment" | "backspace" | "backspace-outlined" | "barley" | "barley-off" | "bolt-circle-filled" | "bolt-circle-outlined" | "bookmark-filled" | "bookmark-outlined" | "calendar-date-range-filled" | "calendar-date-range-outlined" | "calendar-event-filled" | "calendar-event-outlined" | "calendar-filled" | "calendar-outlined" | "camera-filled" | "camera-outlined" | "camera-shutter-filled" | "camera-shutter-outlined" | "cancel-circle-filled" | "cancel-circle-outlined" | "car-filled" | "car-outlined" | "chart-bars-filled" | "chart-bars-outlined" | "chat-bubble-filled" | "chat-bubble-outlined" | "chat-message-filled" | "chat-message-outlined" | "check" | "check-circle-filled" | "check-circle-outlined" | "check-small" | "chevron-big-down" | "chevron-big-left" | "chevron-big-right" | "chevron-big-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock-filled" | "clock-outlined" | "close" | "cloud-filled" | "cloud-outlined" | "contact-support-filled" | "contact-support-outlined" | "content-copy-filled" | "content-copy-outlined" | "content-paste-filled" | "content-paste-outlined" | "conversation-filled" | "conversation-outlined" | "copyright-filled" | "copyright-outlined" | "credit-card-filled" | "credit-card-outlined" | "danger-filled" | "danger-outlined" | "dashboard-filled" | "dashboard-outlined" | "document-filled" | "document-outlined" | "document-text-filled" | "document-text-outlined" | "download-filled" | "download-outlined" | "eco-filled" | "eco-outlined" | "edit-filled" | "edit-outlined" | "euro-symbol" | "exit-fullscreen" | "eye-filled" | "eye-off-filled" | "eye-off-outlined" | "eye-outlined" | "facebook-filled" | "facebook-outlined" | "file-copy-filled" | "file-copy-outlined" | "filter-alt-filled" | "filter-alt-outlined" | "filter-list" | "fingerprint" | "flag-filled" | "flag-outlined" | "flag-tour-filled" | "flag-tour-outlined" | "flower-filled" | "flower-outlined" | "folder-filled" | "folder-list-filled" | "folder-list-outlined" | "folder-open" | "folder-outlined" | "fruit-apple-filled" | "fruit-apple-outlined" | "fullscreen-filled" | "fullscreen-outlined" | "google" | "google-play" | "headphones-filled" | "headphones-outlined" | "heart-filled" | "heart-outlined" | "help-filled" | "help-outlined" | "history" | "home-filled" | "home-outlined" | "image-filled" | "image-outlined" | "info-circle-filled" | "info-circle-outlined" | "instagram" | "instagram-outlined" | "label-filled" | "label-important-filled" | "label-important-outlined" | "label-outlined" | "language" | "lightbulb-filled" | "lightbulb-outlined" | "link" | "linkedin-filled" | "linkedin-outlined" | "loader" | "loading" | "lock-filled" | "lock-open-filled" | "lock-open-outlined" | "lock-outlined" | "login" | "logout" | "mail-filled" | "mail-open-filled" | "mail-open-outlined" | "mail-outlined" | "menu" | "menu-large" | "microphone-filled" | "microphone-outlined" | "minus" | "money-filled" | "money-outlined" | "mood-bad" | "mood-bad-outlined" | "mood-filled" | "mood-outlined" | "more-horiz" | "more-vert" | "music-note-filled" | "music-note-outlined" | "notification-filled" | "notification-outlined" | "open-in-new" | "package" | "package-outlined" | "pause-filled" | "pause-outlined" | "pets-filled" | "pets-outlined" | "phone-call-filled" | "phone-filled" | "phone-outlined" | "pin-filled" | "pin-outlined" | "play-arrow-filled" | "play-arrow-outlined" | "play-circle-filled" | "play-circle-outlined" | "plus" | "power-settings-new" | "printer-filled" | "printer-outlined" | "push-pin-filled" | "push-pin-outlined" | "receipt-filled" | "receipt-outlined" | "recycle" | "redeem" | "redo" | "refresh" | "refresh-alt" | "remove" | "remove-circle-filled" | "remove-circle-outlined" | "repeat" | "reply" | "save-alt" | "screen-outlined" | "search" | "send-filled" | "send-outlined" | "sentiment-dissatisfied-filled" | "sentiment-dissatisfied-outlined" | "sentiment-neutral-filled" | "sentiment-neutral-outlined" | "sentiment-satisfied-filled" | "sentiment-satisfied-outlined" | "sentiment-very-dissatisfied-filled" | "sentiment-very-dissatisfied-outlined" | "sentiment-very-satisfied-filled" | "sentiment-very-satisfied-outlined" | "settings-filled" | "settings-outlined" | "share-filled" | "share-outlined" | "shopping-bag-filled" | "shopping-bag-outlined" | "shopping-cart-add" | "shopping-cart-filled" | "shopping-cart-outlined" | "sprout" | "sprout-outline-outlined" | "star-filled" | "star-outlined" | "stay-primary-portrait" | "storefront" | "tag-filled" | "tag-outlined" | "textsms-filled" | "textsms-outlined" | "thumb-down-filled" | "thumb-down-outlined" | "thumb-up-filled" | "thumb-up-outlined" | "tiktok" | "toc" | "trash-filled" | "trash-outlined" | "truck-filled" | "truck-outlined" | "tune" | "twitter" | "undo" | "upload-filled" | "upload-outlined" | "user-circle-filled" | "user-circle-outlined" | "user-filled" | "user-outlined" | "user-square-filled" | "user-square-outlined" | "users-filled" | "users-outlined" | "view-grid-filled" | "view-grid-outlined" | "view-list-filled" | "view-list-outlined" | "warning-bubble-filled" | "warning-bubble-outlined" | "warning-filled" | "warning-outlined" | "whatsapp-filled" | "whatsapp-outlined" | "work-filled" | "work-outlined" | "wysiwyg-filled" | "youtube-filled" | "youtube-outlined" | "zoom-in" | "zoom-out";
|
|
17122
17258
|
|
|
17123
17259
|
declare global {
|
|
17124
17260
|
interface HTMLElementTagNameMap {
|
|
@@ -17378,6 +17514,42 @@ declare class RaruiCheckbox extends LitElement {
|
|
|
17378
17514
|
private _onChange;
|
|
17379
17515
|
}
|
|
17380
17516
|
|
|
17517
|
+
declare global {
|
|
17518
|
+
interface HTMLElementTagNameMap {
|
|
17519
|
+
"rarui-chip": RaruiChip;
|
|
17520
|
+
}
|
|
17521
|
+
}
|
|
17522
|
+
/**
|
|
17523
|
+
* ## Rarui Chip
|
|
17524
|
+
* ---
|
|
17525
|
+
* Chip component helps people enter information, make selections, filter content or trigger actions.
|
|
17526
|
+
*
|
|
17527
|
+
* See [a complete document](https://rarui.rarolabs.com.br/docs/components/input/button) for more details.
|
|
17528
|
+
*/
|
|
17529
|
+
type ChipProperties = Partial<ChipProps> & {
|
|
17530
|
+
/**
|
|
17531
|
+
* Disables the chip, disallowing user interaction.
|
|
17532
|
+
* @default false
|
|
17533
|
+
*/
|
|
17534
|
+
disabled?: boolean;
|
|
17535
|
+
};
|
|
17536
|
+
|
|
17537
|
+
declare class RaruiChip extends LitElement {
|
|
17538
|
+
sprinkleAttrs: Record<string, string>;
|
|
17539
|
+
padding: ChipProperties["padding"];
|
|
17540
|
+
size?: ChipProperties["size"];
|
|
17541
|
+
closeable: ChipProperties["closeable"];
|
|
17542
|
+
pill: ChipProperties["pill"];
|
|
17543
|
+
textTransform?: ChipProperties["textTransform"];
|
|
17544
|
+
textOverflow?: ChipProperties["textOverflow"];
|
|
17545
|
+
selected?: ChipProperties["selected"];
|
|
17546
|
+
disabled?: ChipProperties["disabled"];
|
|
17547
|
+
static styles: CSSResult;
|
|
17548
|
+
private handleClick;
|
|
17549
|
+
private handleCloseClick;
|
|
17550
|
+
render(): TemplateResult<1>;
|
|
17551
|
+
}
|
|
17552
|
+
|
|
17381
17553
|
declare global {
|
|
17382
17554
|
interface HTMLElementTagNameMap {
|
|
17383
17555
|
"rarui-icon-button": RaruiIconButton;
|