indicator-ui 0.1.41 → 0.1.43

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 (25) hide show
  1. package/dist/index.css +78 -14
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +403 -330
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +1 -1
  6. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +1 -1
  7. package/dist/types/src/hooks/ui-animations/assets/carouselAnimations.d.ts +3 -0
  8. package/dist/types/src/hooks/ui-animations/useCarousel.d.ts +4 -2
  9. package/dist/types/src/hooks/useIsErrorField.d.ts +4 -2
  10. package/dist/types/src/ui/FormBuilder/ui/FormBuilder.d.ts +2 -4
  11. package/dist/types/src/ui/InputFields/TextareaField/types/TextareaFieldTypes.d.ts +1 -0
  12. package/dist/types/src/ui/MediaViewer/types/MediaViewerTypes.d.ts +0 -4
  13. package/dist/types/src/ui/MediaViewer/types/components/index.d.ts +0 -3
  14. package/dist/types/src/ui/MediaViewer/ui/MediaViewer.d.ts +1 -1
  15. package/dist/types/src/ui/MediaViewer/ui/components/ControlBar.d.ts +7 -2
  16. package/dist/types/src/ui/MediaViewer/ui/components/ImageViewer.d.ts +7 -2
  17. package/dist/types/src/ui/MediaViewer/ui/components/VideoViewer.d.ts +14 -2
  18. package/dist/types/src/ui/VideoPlayerBase/index.d.ts +0 -1
  19. package/dist/types/src/ui/VideoPlayerBase/ui/VideoPlayerBase.d.ts +68 -2
  20. package/package.json +1 -1
  21. package/dist/types/src/ui/MediaViewer/types/components/ControlBarTypes.d.ts +0 -9
  22. package/dist/types/src/ui/MediaViewer/types/components/ImageViewerTypes.d.ts +0 -3
  23. package/dist/types/src/ui/MediaViewer/types/components/VideoViewerTypes.d.ts +0 -6
  24. package/dist/types/src/ui/VideoPlayerBase/types/VideoPlayerBaseTypes.d.ts +0 -77
  25. package/dist/types/src/ui/VideoPlayerBase/types/index.d.ts +0 -1
package/dist/index.css CHANGED
@@ -411,7 +411,7 @@
411
411
  opacity: 0.5;
412
412
  }
413
413
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU {
414
- background-color: var(--base-black);
414
+ background-color: transparent;
415
415
  border: 1px solid var(--rose-900);
416
416
  }
417
417
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColorDarkTheme___NelUU .Buttons-module__icon___U2AOU svg * {
@@ -466,7 +466,7 @@
466
466
  opacity: 0.5;
467
467
  }
468
468
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy {
469
- background-color: var(--gray-iron-950);
469
+ background-color: transparent;
470
470
  border: 1px solid var(--gray-iron-700);
471
471
  }
472
472
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGrayDarkTheme___tBYCy .Buttons-module__icon___U2AOU svg * {
@@ -1773,6 +1773,53 @@
1773
1773
  .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
1774
1774
  border: 1px solid var(--error-400);
1775
1775
  }
1776
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS {
1777
+ background-color: var(--gray-iron-950);
1778
+ border: 1px solid var(--gray-iron-800);
1779
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1780
+ }
1781
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS {
1782
+ font-size: 16px;
1783
+ line-height: 24px;
1784
+ color: var(--gray-iron-25);
1785
+ font-weight: 400;
1786
+ font-family: var(--golos-ui);
1787
+ font-stretch: normal;
1788
+ font-style: normal;
1789
+ font-variant: normal;
1790
+ }
1791
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS::placeholder {
1792
+ font-size: 16px;
1793
+ line-height: 24px;
1794
+ color: var(--gray-iron-500);
1795
+ font-weight: 400;
1796
+ font-family: var(--golos-ui);
1797
+ font-stretch: normal;
1798
+ font-style: normal;
1799
+ font-variant: normal;
1800
+ }
1801
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:focus {
1802
+ border: 1px solid var(--gray-iron-700);
1803
+ }
1804
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:disabled {
1805
+ background-color: var(--gray-iron-950);
1806
+ }
1807
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:disabled {
1808
+ font-size: 16px;
1809
+ line-height: 24px;
1810
+ color: var(--gray-iron-500);
1811
+ font-weight: 400;
1812
+ font-family: var(--golos-ui);
1813
+ font-stretch: normal;
1814
+ font-style: normal;
1815
+ font-variant: normal;
1816
+ }
1817
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS.TextareaField-module__isError___VGTeU {
1818
+ border: 1px solid var(--error-300);
1819
+ }
1820
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS.TextareaField-module__isError___VGTeU:focus {
1821
+ border: 1px solid var(--error-400);
1822
+ }
1776
1823
  /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
1777
1824
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss ***!
1778
1825
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -3844,6 +3891,7 @@
3844
3891
  height: 8px;
3845
3892
  background-color: rgba(0, 0, 0, 0.4);
3846
3893
  position: relative;
3894
+ cursor: pointer;
3847
3895
  }
3848
3896
  .VideoProgressBar-module__videoProgressBar___QrnSp .VideoProgressBar-module__progressBar___m_P6t {
3849
3897
  height: 100%;
@@ -3863,7 +3911,9 @@
3863
3911
  \**************************************************************************************************************************************************************************************************************************************************************************************/
3864
3912
  .VideoViewer-module__VideoViewer___DnYgG {
3865
3913
  width: fit-content;
3866
- height: 100%;
3914
+ height: fit-content;
3915
+ max-width: 100%;
3916
+ max-height: 100%;
3867
3917
  position: relative;
3868
3918
  overflow: hidden;
3869
3919
  }
@@ -3908,36 +3958,53 @@
3908
3958
  position: absolute;
3909
3959
  bottom: 0;
3910
3960
  }
3961
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__actions___TZ3Mm {
3962
+ width: 100%;
3963
+ height: fit-content;
3964
+ position: absolute;
3965
+ bottom: 32px;
3966
+ padding: 0 20px;
3967
+ }
3968
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__actions___TZ3Mm {
3969
+ display: flex;
3970
+ justify-content: space-between;
3971
+ }
3911
3972
  .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__content___jnFwK {
3912
3973
  flex: none;
3913
3974
  max-width: 100%;
3914
- height: 100%;
3975
+ max-height: 100%;
3915
3976
  object-fit: scale-down;
3916
3977
  }
3917
3978
  .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
3918
- display: none;
3919
3979
  opacity: 0;
3920
3980
  position: absolute;
3921
3981
  top: 50%;
3922
3982
  left: 50%;
3923
3983
  z-index: 1;
3924
3984
  transform: translate(-50%, -50%);
3985
+ cursor: default;
3925
3986
  }
3926
3987
  .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y {
3927
3988
  display: flex;
3928
3989
  align-items: center;
3929
3990
  justify-content: center;
3930
3991
  }
3992
+ .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y:not(.VideoViewer-module__show___GsvfN) {
3993
+ display: none;
3994
+ }
3931
3995
  .VideoViewer-module__VideoViewer___DnYgG .VideoViewer-module__playButton___Sb91y.VideoViewer-module__show___GsvfN {
3996
+ cursor: pointer;
3932
3997
  animation: VideoViewer-module__appearance___GGxuv ease-out 200ms forwards;
3933
3998
  }
3934
3999
 
3935
4000
  @keyframes VideoViewer-module__appearance___GGxuv {
3936
- from {
3937
- display: block;
4001
+ 0% {
4002
+ display: flex;
4003
+ }
4004
+ 1% {
3938
4005
  opacity: 0;
3939
4006
  }
3940
- to {
4007
+ 100% {
3941
4008
  opacity: 1;
3942
4009
  }
3943
4010
  }
@@ -3981,14 +4048,11 @@
3981
4048
  justify-content: center;
3982
4049
  }
3983
4050
  .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
3984
- width: 100%;
4051
+ width: fit-content;
3985
4052
  position: absolute;
4053
+ left: 50%;
3986
4054
  bottom: 32px;
3987
- }
3988
- .MediaViewer-module__MediaViewer___DsL4T .MediaViewer-module__control___MB3Xg {
3989
- display: flex;
3990
- align-items: center;
3991
- justify-content: center;
4055
+ transform: translateX(-50%);
3992
4056
  }
3993
4057
  /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
3994
4058
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/PlayButton/styles/PlayButton.module.scss ***!