@liner-fe/prism 2.11.4 → 2.11.6
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 +22 -17
- package/lib/index.js +8 -8
- package/package.json +4 -4
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_5dhgy_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_5dhgy_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_5dhgy_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_5dhgy_25 {
|
|
480
480
|
width: fit-content;
|
|
481
481
|
height: 24px;
|
|
482
482
|
}
|
|
483
483
|
@media (max-width: 360px) {
|
|
484
|
-
.
|
|
484
|
+
._TitleText_5dhgy_31 {
|
|
485
485
|
max-width: 227px;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
-
.
|
|
488
|
+
._ToastViewport_5dhgy_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
|
-
.
|
|
507
|
+
._ToastViewport_5dhgy_36 {
|
|
508
508
|
width: calc(100vw - 40px);
|
|
509
509
|
}
|
|
510
510
|
}
|
|
511
|
-
.
|
|
511
|
+
._ToastRoot_5dhgy_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,28 +518,33 @@
|
|
|
518
518
|
width: fit-content;
|
|
519
519
|
gap: 6px;
|
|
520
520
|
}
|
|
521
|
-
|
|
521
|
+
@media (max-width: 600px) {
|
|
522
|
+
._ToastRoot_5dhgy_60 {
|
|
523
|
+
width: 100%;
|
|
524
|
+
}
|
|
525
|
+
}
|
|
526
|
+
._ToastTitle_5dhgy_76 {
|
|
522
527
|
display: flex;
|
|
523
528
|
align-items: center;
|
|
524
529
|
justify-content: space-between;
|
|
525
530
|
width: 100%;
|
|
526
531
|
gap: var(--lp-sys-gap-positive-300);
|
|
527
532
|
}
|
|
528
|
-
.
|
|
529
|
-
animation:
|
|
533
|
+
._ToastRoot_5dhgy_60[data-state=open] {
|
|
534
|
+
animation: _slideIn_5dhgy_1 0.5s cubic-bezier(0.16, 1, 0.3, 1);
|
|
530
535
|
}
|
|
531
|
-
.
|
|
532
|
-
animation:
|
|
536
|
+
._ToastRoot_5dhgy_60[data-state=closed] {
|
|
537
|
+
animation: _hide_5dhgy_1 300ms ease-in;
|
|
533
538
|
}
|
|
534
|
-
.
|
|
539
|
+
._ToastRoot_5dhgy_60[data-swipe=move] {
|
|
535
540
|
transform: translateY(var(--radix-toast-swipe-move-y));
|
|
536
541
|
}
|
|
537
|
-
.
|
|
542
|
+
._ToastRoot_5dhgy_60[data-swipe=cancel] {
|
|
538
543
|
transform: translateX(0);
|
|
539
544
|
transition: transform 200ms ease-out;
|
|
540
545
|
}
|
|
541
|
-
.
|
|
542
|
-
animation:
|
|
546
|
+
._ToastRoot_5dhgy_60[data-swipe=end] {
|
|
547
|
+
animation: _swipeOut_5dhgy_1 100ms ease-out;
|
|
543
548
|
}
|
|
544
549
|
|
|
545
550
|
/* 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_5dhgy_25",
|
|
402
|
+
"TitleText": "_TitleText_5dhgy_31",
|
|
403
|
+
"ToastViewport": "_ToastViewport_5dhgy_36",
|
|
404
|
+
"ToastRoot": "_ToastRoot_5dhgy_60",
|
|
405
|
+
"ToastTitle": "_ToastTitle_5dhgy_76",
|
|
406
|
+
"slideIn": "_slideIn_5dhgy_1",
|
|
407
|
+
"hide": "_hide_5dhgy_1",
|
|
408
|
+
"swipeOut": "_swipeOut_5dhgy_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.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"react": "^18.2.0",
|
|
18
18
|
"react-dom": "^18.2.0",
|
|
19
19
|
"recoil": "^0.5.2",
|
|
20
|
-
"@liner-fe/design-token": "^2.5.
|
|
21
|
-
"@liner-fe/icon": "^0.2.
|
|
20
|
+
"@liner-fe/design-token": "^2.5.36",
|
|
21
|
+
"@liner-fe/icon": "^0.2.57",
|
|
22
22
|
"@liner-fe/illust": "^0.2.10",
|
|
23
|
-
"@liner-fe/design-token-primitive": "^0.2.
|
|
23
|
+
"@liner-fe/design-token-primitive": "^0.2.35"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@chromatic-com/storybook": "^1.5.0",
|