@omniloy/sofia-sdk 1.0.3 → 1.0.4

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.
@@ -3927,29 +3927,42 @@
3927
3927
  cursor: pointer;
3928
3928
  display: inline-block;
3929
3929
  }
3930
- .omniscribe_toast-container {
3930
+ .omniscribe_toast-stack {
3931
3931
  position: fixed;
3932
- bottom: calc(var(--spacing) * 5);
3933
- top: calc(var(--spacing) * -30);
3932
+ top: calc(var(--spacing) * 4);
3933
+ right: calc(var(--spacing) * 4);
3934
+ display: flex;
3935
+ flex-direction: column;
3936
+ gap: calc(var(--spacing) * 2);
3937
+ z-index: 9999;
3938
+ pointer-events: none;
3939
+ }
3940
+
3941
+ .omniscribe_toast-item {
3934
3942
  border-radius: var(--radius);
3935
3943
  padding: calc(var(--spacing) * 4);
3936
- height: fit-content;
3937
- transition-duration: 500ms;
3938
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3939
3944
  width: calc(var(--spacing) * 120);
3945
+ display: flex;
3946
+ align-items: flex-start;
3947
+ transition:
3948
+ transform 300ms cubic-bezier(0.4, 0, 0.2, 1),
3949
+ opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
3950
+ pointer-events: auto;
3940
3951
  }
3941
3952
 
3942
- .omniscribe_toast-container-danger {
3953
+ .omniscribe_toast-item-danger {
3943
3954
  background-color: var(--color-red-500);
3944
3955
  }
3945
- .omniscribe_toast-container-black {
3956
+ .omniscribe_toast-item-black {
3946
3957
  background-color: var(--black);
3947
3958
  }
3948
- .omniscribe_toast-container-show {
3949
- right: calc(var(--spacing) * 10);
3959
+ .omniscribe_toast-item-show {
3960
+ transform: translateX(0);
3961
+ opacity: 1;
3950
3962
  }
3951
- .omniscribe_toast-container-hide {
3952
- right: -100%;
3963
+ .omniscribe_toast-item-hide {
3964
+ transform: translateX(120%);
3965
+ opacity: 0;
3953
3966
  }
3954
3967
  .omniscribe_toast-subcontainer {
3955
3968
  transition-property: opacity;
@@ -3958,6 +3971,7 @@
3958
3971
  display: flex;
3959
3972
  flex-direction: column;
3960
3973
  color: var(--white);
3974
+ flex: 1;
3961
3975
  }
3962
3976
  .omniscribe_toast-title {
3963
3977
  font-size: 18px;
@@ -3966,6 +3980,19 @@
3966
3980
  .omniscribe_toast-msg {
3967
3981
  font-size: 16px;
3968
3982
  }
3983
+ .omniscribe_toast-close {
3984
+ background: none;
3985
+ border: none;
3986
+ color: var(--white);
3987
+ font-size: 18px;
3988
+ cursor: pointer;
3989
+ padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);
3990
+ align-self: flex-start;
3991
+ opacity: 0.8;
3992
+ }
3993
+ .omniscribe_toast-close:hover {
3994
+ opacity: 1;
3995
+ }
3969
3996
  .omniscribe_select-container {
3970
3997
  position: relative;
3971
3998
  width: 100%;