@everymatrix/cashier-session-expiration-modal 1.39.1 → 1.39.3

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 (5) hide show
  1. package/CHANGELOG.md +1 -0
  2. package/dist/cashier-session-expiration-modal.js +44 -44
  3. package/dist/cashier-session-expiration-modal.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/CashierSessionExpirationModal.svelte +50 -51
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/cashier-session-expiration-modal",
3
- "version": "1.39.1",
3
+ "version": "1.39.3",
4
4
  "main": "index.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "cc6e3a021c852cb2734662bef9ef45190de4bfa9"
38
+ "gitHead": "34113a6474c9833b52690631f489148f6b5c67e0"
39
39
  }
package/src/CashierSessionExpirationModal.svelte CHANGED
@@ -207,66 +207,65 @@
207
207
  justify-content: center;
208
208
  width: 100%;
209
209
  height: 100%;
210
- z-index: 100;
210
+ z-index: 101;
211
211
  top: 0;
212
212
  left: 0;
213
213
  background-color: var(--mmw--color-black-transparency-4, rgba(0, 0, 0, .04));
214
214
  container-type: inline-size;
215
215
  container-name: session-expiration-modal-window;
216
+ }
216
217
 
217
- .CashierSessionExpirationModalWrapper {
218
- background: var(--emw--color-white, #fff);
219
- border-radius: var(--emw--border-radius-medium, 4px);
220
- width: 400px;
221
- }
222
- .CashierSessionExpirationModalHeader {
223
- display: flex;
224
- align-items: center;
225
- position: relative;
226
- height: var(--mmw--header-height, 32px);
227
- background-color: var(--mmw--color-grey-105, #E8E9EB);
228
- width: 100%;
229
- border-radius: var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px) 0 0;
230
- }
231
- .CashierSessionExpirationModalHeaderTitle {
232
- display: flex;
233
- text-align: center;
234
- color: var(--mmw--color-grey-10, #111);
235
- font-size: var(--emw--font-size-small, 14px);
236
- font-weight: var(--emw--font-weight-semibold, 500);
237
- margin: auto;
238
- max-width: calc(100% - 150px);
239
- overflow: hidden;
240
- text-overflow: ellipsis;
241
- line-height: calc(var(--emw--font-size-small, 14px) + 2px);
242
- }
243
- .CashierSessionExpirationModalContainer {
244
- padding: var(--emw--spacing-large, 20px);
218
+ .CashierSessionExpirationModalWrapper {
219
+ background: var(--emw--color-white, #fff);
220
+ border-radius: var(--emw--border-radius-medium, 4px);
221
+ width: 400px;
222
+ }
223
+ .CashierSessionExpirationModalHeader {
224
+ display: flex;
225
+ align-items: center;
226
+ position: relative;
227
+ height: var(--mmw--header-height, 32px);
228
+ background-color: var(--mmw--color-grey-105, #E8E9EB);
229
+ width: 100%;
230
+ border-radius: var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px) 0 0;
231
+ }
232
+ .CashierSessionExpirationModalHeaderTitle {
233
+ display: flex;
234
+ text-align: center;
235
+ color: var(--mmw--color-grey-10, #111);
236
+ font-size: var(--emw--font-size-small, 14px);
237
+ font-weight: var(--emw--font-weight-semibold, 500);
238
+ margin: auto;
239
+ max-width: calc(100% - 150px);
240
+ overflow: hidden;
241
+ text-overflow: ellipsis;
242
+ line-height: calc(var(--emw--font-size-small, 14px) + 2px);
243
+ }
244
+ .CashierSessionExpirationModalContainer {
245
+ padding: var(--emw--spacing-large, 20px);
246
+ }
247
+ .CashierSessionExpirationModalCloseBtn {
248
+ position: absolute;
249
+ display: flex;
250
+ align-items: center;
251
+ justify-content: center;
252
+ top: 10px;
253
+ right: 10px;
254
+ padding: var(--emw--spacing-small-minus, 10px);
255
+ border-radius: 50%;
256
+ color: var(--emw--color-white, #fff);
257
+ background: var(--mmw--color-gray-transparency-85, rgba(255, 255, 255, .85));
258
+ cursor: pointer;
259
+ transition: all 150ms ease-in-out;
260
+ svg {
261
+ width: 32px;
262
+ height: 32px;
245
263
  }
246
- .CashierSessionExpirationModalCloseBtn {
247
- position: absolute;
248
- display: flex;
249
- align-items: center;
250
- justify-content: center;
251
- top: 10px;
252
- right: 10px;
253
- padding: var(--emw--spacing-small-minus, 10px);
254
- border-radius: 50%;
255
- color: var(--emw--color-white, #fff);
256
- background: var(--mmw--color-gray-transparency-85, rgba(255, 255, 255, .85));
257
- cursor: pointer;
258
- transition: all 150ms ease-in-out;
259
-
260
- svg {
261
- width: 32px;
262
- height: 32px;
263
- }
264
-
265
- &:hover {
266
- background: var(--emw--color-gray-transparency-20, rgba(255, 255, 255, .2));
267
- }
264
+ &:hover {
265
+ background: var(--emw--color-gray-transparency-20, rgba(255, 255, 255, .2));
268
266
  }
269
267
  }
268
+
270
269
  .CashierSessionExpiration {
271
270
  width: 100%;
272
271
  display: flex;