@juspay/svelte-ui-components 1.29.0 → 1.31.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.
Files changed (4) hide show
  1. package/dist/CheckListItem/CheckListItem.svelte +1 -0
  2. package/dist/Modal/Modal.svelte +6 -4
  3. package/dist/Select/Select.svelte +3 -0
  4. package/package.json +2 -2
package/dist/CheckListItem/CheckListItem.svelte CHANGED
@@ -27,6 +27,7 @@ function handleCheckboxClick(e) {
27
27
  display: var(--check-list-item-display, flex);
28
28
  align-items: var(--check-list-item-align-items, center);
29
29
  width: var(--check-list-item-width, 100%);
30
+ padding: var(--check-list-item-padding);
30
31
  }
31
32
 
32
33
  .text {
package/dist/Modal/Modal.svelte CHANGED
@@ -191,16 +191,18 @@ onDestroy(() => {
191
191
  }
192
192
 
193
193
  .center {
194
- justify-content: center;
195
- align-items: center;
194
+ justify-content: var(--modal-center-justify-content, center);
195
+ align-items: var(--modal-center-align-items, center);
196
196
  }
197
197
 
198
198
  .bottom {
199
- justify-content: flex-end;
199
+ justify-content: var(--modal-bottom-justify-content, flex-end);
200
+ align-items: var(--modal-bottom-align-items);
200
201
  }
201
202
 
202
203
  .top {
203
- justify-content: flex-start;
204
+ justify-content: var(--modal-top-justify-content, flex-start);
205
+ align-items: var(--modal-top-align-items);
204
206
  }
205
207
 
206
208
  .small {
package/dist/Select/Select.svelte CHANGED
@@ -228,6 +228,7 @@ onDestroy(() => {
228
228
  border: var(--select-border, 1px solid #ccc);
229
229
  position: var(--select-position, relative);
230
230
  color: var(--select-color, #333);
231
+ align-content: var(--select-align-content);
231
232
  display: var(--select-display, inline-block);
232
233
  --button-margin: var(--select-btn-margin, 1px);
233
234
  --button-border-radius: var(--select-btn-border-radius, 2px);
@@ -260,6 +261,8 @@ onDestroy(() => {
260
261
  padding: var(--item-padding, 8px 16px);
261
262
  background-color: var(--item-background-color, #fff);
262
263
  border-radius: var(--item-border-radius);
264
+ align-items: var(--item-align-items);
265
+ height: var(--item-height);
263
266
  cursor: pointer;
264
267
  position: relative;
265
268
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay/svelte-ui-components",
3
- "version": "1.29.0",
3
+ "version": "1.31.0",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run package",
@@ -54,7 +54,7 @@
54
54
  "svelte-check": "^3.6.0",
55
55
  "tslib": "^2.6.2",
56
56
  "typescript": "^5.2.2",
57
- "vite": "^4.5.11",
57
+ "vite": "^4.5.13",
58
58
  "vitest": "^0.34.6",
59
59
  "type-decoder": "^1.2.0"
60
60
  },