@juspay/svelte-ui-components 1.30.0 → 1.32.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.
@@ -173,7 +173,7 @@ $: {
173
173
  <style>
174
174
  textarea,
175
175
  input {
176
- box-sizing: border-box;
176
+ box-sizing: var(--input-box-sizing, border-box);
177
177
  height: var(--input-height, fit-content);
178
178
  background-color: var(--input-background, white);
179
179
  font-size: var(--input-font-size, 16px) !important;
@@ -150,11 +150,12 @@ export function focus() {
150
150
  font-weight: var(--input-label-msg-text-weight, 400);
151
151
  font-size: var(--input-label-msg-text-size, 12px);
152
152
  color: var(--input-label-msg-text-color, #637c95);
153
+ line-height: var(--input-label-msg-text-line-height);
153
154
  margin-bottom: 6px;
154
155
  }
155
156
 
156
157
  .invalid {
157
- outline: 1px solid var(--input-field-error-stroke, #e11900);
158
+ outline: var(--invalid-outline, 1px solid var(--input-field-error-stroke, #e11900));
158
159
  }
159
160
 
160
161
  .error-message {
@@ -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 {
@@ -321,5 +323,6 @@ onDestroy(() => {
321
323
  .header-right-img {
322
324
  width: var(--header-right-image-width, 25px);
323
325
  height: var(--header-right-image-height, 25px);
326
+ padding: var(--header-right-image-padding);
324
327
  }
325
328
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay/svelte-ui-components",
3
- "version": "1.30.0",
3
+ "version": "1.32.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
  },