@juspay/svelte-ui-components 1.1.0 → 1.2.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/dist/ListItem/ListItem.svelte +26 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -152,6 +152,15 @@ function handleTopSectionClick() {
|
|
|
152
152
|
box-shadow: var(--list-item-box-shadow, none);
|
|
153
153
|
width: var(--list-item-box-width);
|
|
154
154
|
border-radius: var(--list-item-border-radius, 0px);
|
|
155
|
+
margin: var(--list-item-margin);
|
|
156
|
+
padding: var(--list-item-padding);
|
|
157
|
+
border: var(--list-item-border);
|
|
158
|
+
transition: var(--list-item-transition);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
.item:hover {
|
|
162
|
+
background-color: var(--list-item-hover-background-color, var(--list-item-background-color));
|
|
163
|
+
border: var(--list-item-hover-border, var(--list-item-border));
|
|
155
164
|
}
|
|
156
165
|
|
|
157
166
|
.top-section {
|
|
@@ -192,6 +201,14 @@ function handleTopSectionClick() {
|
|
|
192
201
|
border-radius: var(--list-item-left-image-border-radius, 0px);
|
|
193
202
|
margin: var(--list-item-left-image-margin, 0px);
|
|
194
203
|
filter: var(--list-item-left-image-filter, none);
|
|
204
|
+
background: var(--list-item-left-image-background);
|
|
205
|
+
border: var(--list-item-left-image-border);
|
|
206
|
+
transition: var(--list-item-transition);
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.left-img:hover {
|
|
210
|
+
background: var(--list-item-left-image-hover-background, var(--list-item-left-image-background));
|
|
211
|
+
border: var(--list-item-left-image-hover-border, var(--list-item-left-image-border));
|
|
195
212
|
}
|
|
196
213
|
|
|
197
214
|
.right-img {
|
|
@@ -200,6 +217,15 @@ function handleTopSectionClick() {
|
|
|
200
217
|
padding: var(--list-item-right-image-padding, 0px);
|
|
201
218
|
border-radius: var(--list-item-right-image-border-radius, 0px);
|
|
202
219
|
margin: var(--list-item-right-image-margin, 0px);
|
|
220
|
+
filter: var(--list-item-right-image-filter);
|
|
221
|
+
background: var(--list-item-right-image-background);
|
|
222
|
+
border: var(--list-item-right-image-border);
|
|
223
|
+
transition: var(--list-item-transition);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.right-img:hover {
|
|
227
|
+
background: var(--list-item-right-image-hover-background, var(--list-item-right-image-background));
|
|
228
|
+
border: var(--list-item-right-image-hover-border, var(--list-item-right-image-border));
|
|
203
229
|
}
|
|
204
230
|
|
|
205
231
|
.right-content-text {
|
package/dist/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { default as Banner } from './Banner/Banner.svelte';
|
|
|
17
17
|
export { default as Toggle } from './Toggle/Toggle.svelte';
|
|
18
18
|
export { default as Accordion } from './Accordion/Accordion.svelte';
|
|
19
19
|
export { default as CheckListItem } from './CheckListItem/CheckListItem.svelte';
|
|
20
|
+
export { default as Table } from './Table/Table.svelte';
|
|
20
21
|
export type { ButtonProperties } from './Button/properties';
|
|
21
22
|
export type { ModalProperties, ModalAlign, ModalSize } from './Modal/properties';
|
|
22
23
|
export type { InputProperties } from './Input/properties';
|
|
@@ -34,6 +35,7 @@ export type { ToolbarProperties } from './Toolbar/properties';
|
|
|
34
35
|
export type { CarouselProperties } from './Carousel/properties';
|
|
35
36
|
export type { BadgeProperties } from './Badge/properties';
|
|
36
37
|
export type { BannerProperties } from './Banner/properties';
|
|
38
|
+
export type { TableProperties } from './Table/properties';
|
|
37
39
|
export { defaultIconProperties } from './Icon/properties';
|
|
38
40
|
export { defaultButtonProperties } from './Button/properties';
|
|
39
41
|
export { defaultModalProperties } from './Modal/properties';
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export { default as Banner } from './Banner/Banner.svelte';
|
|
|
17
17
|
export { default as Toggle } from './Toggle/Toggle.svelte';
|
|
18
18
|
export { default as Accordion } from './Accordion/Accordion.svelte';
|
|
19
19
|
export { default as CheckListItem } from './CheckListItem/CheckListItem.svelte';
|
|
20
|
+
export { default as Table } from './Table/Table.svelte';
|
|
20
21
|
export { defaultIconProperties } from './Icon/properties';
|
|
21
22
|
export { defaultButtonProperties } from './Button/properties';
|
|
22
23
|
export { defaultModalProperties } from './Modal/properties';
|