@liner-fe/prism 2.11.2 → 2.11.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.
- package/lib/index.css +18 -23
- package/lib/index.js +8 -8
- package/package.json +2 -2
package/lib/index.css
CHANGED
|
@@ -452,7 +452,7 @@
|
|
|
452
452
|
}
|
|
453
453
|
|
|
454
454
|
/* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
|
|
455
|
-
@keyframes
|
|
455
|
+
@keyframes _hide_1gk46_1 {
|
|
456
456
|
from {
|
|
457
457
|
opacity: 1;
|
|
458
458
|
}
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
opacity: 0;
|
|
461
461
|
}
|
|
462
462
|
}
|
|
463
|
-
@keyframes
|
|
463
|
+
@keyframes _slideIn_1gk46_1 {
|
|
464
464
|
from {
|
|
465
465
|
transform: translateY(-100%);
|
|
466
466
|
}
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
transform: translateY(0);
|
|
469
469
|
}
|
|
470
470
|
}
|
|
471
|
-
@keyframes
|
|
471
|
+
@keyframes _swipeOut_1gk46_1 {
|
|
472
472
|
from {
|
|
473
473
|
transform: translateY(0);
|
|
474
474
|
}
|
|
@@ -476,16 +476,16 @@
|
|
|
476
476
|
transform: translateY(-100%);
|
|
477
477
|
}
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
._Icon_1gk46_25 {
|
|
480
480
|
width: fit-content;
|
|
481
481
|
height: 24px;
|
|
482
482
|
}
|
|
483
483
|
@media (max-width: 360px) {
|
|
484
|
-
.
|
|
484
|
+
._TitleText_1gk46_31 {
|
|
485
485
|
max-width: 227px;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
-
.
|
|
488
|
+
._ToastViewport_1gk46_36 {
|
|
489
489
|
position: fixed;
|
|
490
490
|
top: 29px;
|
|
491
491
|
left: 50%;
|
|
@@ -504,11 +504,11 @@
|
|
|
504
504
|
width: fit-content;
|
|
505
505
|
}
|
|
506
506
|
@media (max-width: 600px) {
|
|
507
|
-
.
|
|
508
|
-
width: calc(100vw -
|
|
507
|
+
._ToastViewport_1gk46_36 {
|
|
508
|
+
width: calc(100vw - 40px);
|
|
509
509
|
}
|
|
510
510
|
}
|
|
511
|
-
.
|
|
511
|
+
._ToastRoot_1gk46_60 {
|
|
512
512
|
background-color: var(--inverse-container-static-high);
|
|
513
513
|
border-radius: 8px;
|
|
514
514
|
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2509803922);
|
|
@@ -518,33 +518,28 @@
|
|
|
518
518
|
width: fit-content;
|
|
519
519
|
gap: 6px;
|
|
520
520
|
}
|
|
521
|
-
|
|
522
|
-
._ToastRoot_sbycv_60 {
|
|
523
|
-
width: calc(100vw - 64px);
|
|
524
|
-
}
|
|
525
|
-
}
|
|
526
|
-
._ToastTitle_sbycv_76 {
|
|
521
|
+
._ToastTitle_1gk46_71 {
|
|
527
522
|
display: flex;
|
|
528
523
|
align-items: center;
|
|
529
524
|
justify-content: space-between;
|
|
530
525
|
width: 100%;
|
|
531
526
|
gap: var(--lp-sys-gap-positive-300);
|
|
532
527
|
}
|
|
533
|
-
.
|
|
534
|
-
animation:
|
|
528
|
+
._ToastRoot_1gk46_60[data-state=open] {
|
|
529
|
+
animation: _slideIn_1gk46_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
535
530
|
}
|
|
536
|
-
.
|
|
537
|
-
animation:
|
|
531
|
+
._ToastRoot_1gk46_60[data-state=closed] {
|
|
532
|
+
animation: _hide_1gk46_1 300ms ease-in;
|
|
538
533
|
}
|
|
539
|
-
.
|
|
534
|
+
._ToastRoot_1gk46_60[data-swipe=move] {
|
|
540
535
|
transform: translateY(var(--radix-toast-swipe-move-y));
|
|
541
536
|
}
|
|
542
|
-
.
|
|
537
|
+
._ToastRoot_1gk46_60[data-swipe=cancel] {
|
|
543
538
|
transform: translateX(0);
|
|
544
539
|
transition: transform 200ms ease-out;
|
|
545
540
|
}
|
|
546
|
-
.
|
|
547
|
-
animation:
|
|
541
|
+
._ToastRoot_1gk46_60[data-swipe=end] {
|
|
542
|
+
animation: _swipeOut_1gk46_1 100ms ease-out;
|
|
548
543
|
}
|
|
549
544
|
|
|
550
545
|
/* esbuild-sass-plugin:css-chunk:src/components/Typography/Set/style.module.scss */
|
package/lib/index.js
CHANGED
|
@@ -398,14 +398,14 @@ import { Provider, Root, Title, Viewport } from "@radix-ui/react-toast";
|
|
|
398
398
|
|
|
399
399
|
// src/components/Toast/style.module.scss
|
|
400
400
|
var style_module_default3 = {
|
|
401
|
-
"Icon": "
|
|
402
|
-
"TitleText": "
|
|
403
|
-
"ToastViewport": "
|
|
404
|
-
"ToastRoot": "
|
|
405
|
-
"ToastTitle": "
|
|
406
|
-
"slideIn": "
|
|
407
|
-
"hide": "
|
|
408
|
-
"swipeOut": "
|
|
401
|
+
"Icon": "_Icon_1gk46_25",
|
|
402
|
+
"TitleText": "_TitleText_1gk46_31",
|
|
403
|
+
"ToastViewport": "_ToastViewport_1gk46_36",
|
|
404
|
+
"ToastRoot": "_ToastRoot_1gk46_60",
|
|
405
|
+
"ToastTitle": "_ToastTitle_1gk46_71",
|
|
406
|
+
"slideIn": "_slideIn_1gk46_1",
|
|
407
|
+
"hide": "_hide_1gk46_1",
|
|
408
|
+
"swipeOut": "_swipeOut_1gk46_1"
|
|
409
409
|
};
|
|
410
410
|
|
|
411
411
|
// src/components/Toast/index.tsx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "2.11.
|
|
3
|
+
"version": "2.11.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"recoil": "^0.5.2",
|
|
20
20
|
"@liner-fe/design-token": "^2.5.35",
|
|
21
21
|
"@liner-fe/design-token-primitive": "^0.2.34",
|
|
22
|
-
"@liner-fe/icon": "^0.2.
|
|
22
|
+
"@liner-fe/icon": "^0.2.44",
|
|
23
23
|
"@liner-fe/illust": "^0.2.10"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|