npm - @meduza/ui-kit-2 - Versions diffs - 0.1.14 → 0.1.15 - Mend

@meduza/ui-kit-2 0.1.14 → 0.1.15

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 (3) hide show

package/dist/ui-kit.css +346 -348
package/package.json +1 -1
package/src/DotsOnImage/DotsOnImage.module.css +9 -11

package/dist/ui-kit.css CHANGED Viewed

@@ -750,26 +750,24 @@
   width: 28px;
   height: 28px;
-  margin: 0;
+  margin: -14px 0 0 -14px;
   padding: 0;
-  color: #fff;
-  font-weight: 600;
-  font-size: 13px;
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  line-height: 28px;
+  cursor: pointer;
   text-align: center;
-  background-color: #000;
+  opacity: 0;
+  color: #fff;
   border-width: 0;
   border-radius: 30px;
   outline-width: 0;
+  background-color: #000;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
-  cursor: pointer;
-  opacity: 0;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 28px;
   -webkit-appearance: none;
@@ -843,26 +841,6 @@
   }
 }
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Lazy-module_root__2Z72l {
-  display: block;
-}
-.Lazy-module_visible__3-SdX {
-  color: red;
-}
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -990,6 +968,119 @@
 }
   }
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.Lazy-module_root__2Z72l {
+  display: block;
+}
+.Lazy-module_visible__3-SdX {
+  color: red;
+}
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.MediaCaption-module_root__KqTdw {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.MediaCaption-module_root__KqTdw a {
+  text-decoration: underline;
+  color: inherit;
+  box-shadow: none;
+}
+.MediaCaption-module_root__KqTdw a:hover {
+  color: #b88b58;
+}
+.MediaCaption-module_caption__1hr7Y {
+  max-width: 520px;
+  padding-top: 4px;
+  color: #1a1a1a;
+  font-size: 14px;
+  line-height: 18px
+}
+@media only screen and (min-device-width: 32em) {
+.MediaCaption-module_caption__1hr7Y {
+    font-size: 16px;
+    line-height: 22px
+}
+  }
+.MediaCaption-module_credit__3ehAP {
+  max-width: 520px;
+  padding-top: 1px;
+  color: #666;
+  font-size: 12px;
+  line-height: 16px
+}
+@media only screen and (min-device-width: 32em) {
+.MediaCaption-module_credit__3ehAP {
+    padding-top: 3px
+}
+  }
+.MediaCaption-module_credit__3ehAP:first-child {
+  padding-top: 3px;
+}
+.MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
+  color: #fff;
+}
+.MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
+  color: #929292;
+}
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
+  padding-top: 10px
+}
+@media only screen and (min-device-width: 32em) {
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
+    padding-top: 12px
+}
+  }
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
+  padding-top: 9px
+}
+@media only screen and (min-device-width: 32em) {
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
+    padding-top: 11px
+}
+  }
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
+.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
+.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
+.MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
+.MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
+  max-width: 650px;
+}
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1288,99 +1379,6 @@
   min-width: 50px;
 }
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.MediaCaption-module_root__KqTdw {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.MediaCaption-module_root__KqTdw a {
-  text-decoration: underline;
-  color: inherit;
-  box-shadow: none;
-}
-.MediaCaption-module_root__KqTdw a:hover {
-  color: #b88b58;
-}
-.MediaCaption-module_caption__1hr7Y {
-  max-width: 520px;
-  padding-top: 4px;
-  color: #1a1a1a;
-  font-size: 14px;
-  line-height: 18px
-}
-@media only screen and (min-device-width: 32em) {
-.MediaCaption-module_caption__1hr7Y {
-    font-size: 16px;
-    line-height: 22px
-}
-  }
-.MediaCaption-module_credit__3ehAP {
-  max-width: 520px;
-  padding-top: 1px;
-  color: #666;
-  font-size: 12px;
-  line-height: 16px
-}
-@media only screen and (min-device-width: 32em) {
-.MediaCaption-module_credit__3ehAP {
-    padding-top: 3px
-}
-  }
-.MediaCaption-module_credit__3ehAP:first-child {
-  padding-top: 3px;
-}
-.MediaCaption-module_dark__3tL1u .MediaCaption-module_caption__1hr7Y {
-  color: #fff;
-}
-.MediaCaption-module_dark__3tL1u .MediaCaption-module_credit__3ehAP {
-  color: #929292;
-}
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
-  padding-top: 10px
-}
-@media only screen and (min-device-width: 32em) {
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y {
-    padding-top: 12px
-}
-  }
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
-  padding-top: 9px
-}
-@media only screen and (min-device-width: 32em) {
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP:first-child,
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP:first-child {
-    padding-top: 11px
-}
-  }
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_credit__3ehAP,
-.MediaCaption-module_picture__3AAMH .MediaCaption-module_caption__1hr7Y,
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_credit__3ehAP,
-.MediaCaption-module_video__1KZ6k .MediaCaption-module_caption__1hr7Y,
-.MediaCaption-module_desktop__3Saev .MediaCaption-module_credit__3ehAP,
-.MediaCaption-module_desktop__3Saev .MediaCaption-module_caption__1hr7Y {
-  max-width: 650px;
-}
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1516,6 +1514,50 @@
 }
   }
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.MaterialTitle-module_root__18ku- {
+  display: block;
+}
+.MaterialTitle-module_root__18ku- {
+  margin: 0;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 25px;
+  font-weight: normal;
+  line-height: 27px
+}
+@media only screen and (min-device-width: 48em) {
+.MaterialTitle-module_root__18ku- {
+    font-size: 37px;
+    line-height: 38px
+}
+  }
+.MaterialTitle-module_primary__2Sfmx {
+  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
+  font-weight: normal;
+}
+.MaterialTitle-module_secondary__3uDp4 {
+  font-size: 24px;
+  font-weight: 700
+}
+@media only screen and (min-device-width: 48em) {
+.MaterialTitle-module_secondary__3uDp4 {
+    font-size: 36px
+}
+  }
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1574,94 +1616,6 @@
   display: none;
 }
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.Dropdown-module_root__11PNk {
-  position: relative;
-  z-index: 100;
-  display: inline-block;
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
-.Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
-  visibility: visible;
-  opacity: 1;
-}
-.Dropdown-module_root__11PNk ul {
-  overflow: hidden;
-  width: 162px;
-  margin: 0;
-  padding: 3px 0;
-  border-radius: 5px;
-  background: #fff;
-  box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 14px;
-  line-height: 26px;
-}
-.Dropdown-module_root__11PNk a {
-  display: block;
-  padding: 2px 15px;
-  text-decoration: none;
-  color: #000;
-  box-shadow: none;
-}
-.Dropdown-module_root__11PNk a:hover {
-  color: #000;
-  background-color: #f7f7f7;
-}
-.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
-  right: 0;
-  left: auto
-}
-@media only screen and (min-device-width: 64em) {
-.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
-    right: auto;
-    left: 0
-}
-  }
-.Dropdown-module_menu__3PIqD {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  visibility: hidden;
-  padding-top: 6px;
-  opacity: 0;
-}
-.Dropdown-module_menu__3PIqD::after {
-  position: absolute;
-  z-index: -1;
-  top: -10px;
-  right: -10px;
-  bottom: -10px;
-  left: -10px;
-  content: '';
-}
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -1818,36 +1772,80 @@
 /*  511 */
 /* 1023 */
 /* Zindex */
-.MaterialTitle-module_root__18ku- {
-  display: block;
+.Dropdown-module_root__11PNk {
+  position: relative;
+  z-index: 100;
+  display: inline-block;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
 }
-.MaterialTitle-module_root__18ku- {
+.Dropdown-module_root__11PNk.Dropdown-module_active__3IwAl .Dropdown-module_menu__3PIqD,
+.Dropdown-module_root__11PNk:hover .Dropdown-module_menu__3PIqD {
+  visibility: visible;
+  opacity: 1;
+}
+.Dropdown-module_root__11PNk ul {
+  overflow: hidden;
+  width: 162px;
   margin: 0;
+  padding: 3px 0;
+  border-radius: 5px;
+  background: #fff;
+  box-shadow: 0 0 0 1px #c0c0c0, 0 5px 20px 0 rgba(0, 0, 0, 0.2);
   font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 25px;
-  font-weight: normal;
-  line-height: 27px
-}
-@media only screen and (min-device-width: 48em) {
-.MaterialTitle-module_root__18ku- {
-    font-size: 37px;
-    line-height: 38px
+  font-size: 14px;
+  line-height: 26px;
 }
-  }
-.MaterialTitle-module_primary__2Sfmx {
-  font-family: 'PF Regal', 'PF Regal Text Pro', 'Georgia', serif;
-  font-weight: normal;
+.Dropdown-module_root__11PNk a {
+  display: block;
+  padding: 2px 15px;
+  text-decoration: none;
+  color: #000;
+  box-shadow: none;
 }
-.MaterialTitle-module_secondary__3uDp4 {
-  font-size: 24px;
-  font-weight: 700
+.Dropdown-module_root__11PNk a:hover {
+  color: #000;
+  background-color: #f7f7f7;
 }
-@media only screen and (min-device-width: 48em) {
-.MaterialTitle-module_secondary__3uDp4 {
-    font-size: 36px
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+  right: 0;
+  left: auto
+}
+@media only screen and (min-device-width: 64em) {
+.Dropdown-module_isInAudioPanel__1zv7F .Dropdown-module_menu__3PIqD {
+    right: auto;
+    left: 0
 }
   }
+.Dropdown-module_menu__3PIqD {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  visibility: hidden;
+  padding-top: 6px;
+  opacity: 0;
+}
+.Dropdown-module_menu__3PIqD::after {
+  position: absolute;
+  z-index: -1;
+  top: -10px;
+  right: -10px;
+  bottom: -10px;
+  left: -10px;
+  content: '';
+}
 /* Colors */
 /* Fonts */
@@ -3617,121 +3615,6 @@ a mark {
 }
   }
-/* Colors */
-/* Fonts */
-/* Gap */
-/* Media */
-/*  512 */
-/*  650 */
-/*  768 */
-/* 1024 */
-/* 1010 */
-/* 1200 */
-/*  511 */
-/* 1023 */
-/* Zindex */
-.SourceBlock-module_root__1P3XD {
-  display: block;
-  margin: 18px 0 15px;
-  padding: 12px 11px 13px;
-  color: #000;
-  border-left: 4px solid #b88b59;
-  border-radius: 2px 8px 8px 2px;
-  background-color: #f5f5f5;
-  font-size: 16px;
-  line-height: 20px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_root__1P3XD {
-    margin-top: 25px;
-    margin-bottom: 25px;
-    padding: 18px 16px 12px
-}
-  }
-.SourceBlock-module_root__1P3XD:hover,
-.SourceBlock-module_root__1P3XD:visited {
-  background-color: #ededed;
-}
-.SourceBlock-module_root__1P3XD blockquote {
-  margin: 0;
-}
-.SourceBlock-module_root__1P3XD a {
-  text-decoration: none;
-  color: inherit;
-}
-.SourceBlock-module_text__Si4vm {
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-}
-.SourceBlock-module_text__Si4vm p {
-  margin: 0;
-  font-size: 16px;
-  line-height: 22px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_text__Si4vm p {
-    font-size: 18px;
-    line-height: 26px
-}
-  }
-.SourceBlock-module_root__1P3XD p + p {
-  margin-top: 12px;
-}
-.SourceBlock-module_root__1P3XD footer {
-  margin-top: 12px;
-  padding-top: 10px;
-  border-top: 1px solid #d6d6d6
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_root__1P3XD footer {
-    margin-top: 18px;
-    padding-top: 12px
-}
-  }
-.SourceBlock-module_origin__l3JbO {
-  letter-spacing: 1px;
-  text-transform: uppercase;
-  pointer-events: none;
-  color: #292929;
-  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
-  font-size: 16px;
-  font-weight: bold;
-  font-style: normal;
-  line-height: 22px
-}
-@media only screen and (min-device-width: 48em) {
-.SourceBlock-module_origin__l3JbO {
-    font-size: 18px;
-    line-height: 26px
-}
-  }
-.SourceBlock-module_center__3P93B {
-  max-width: 650px;
-  margin-right: auto;
-  margin-left: auto;
-}
-/* VISIBILITY */
-@media only screen and (min-device-width: 32em) {
-.SourceBlock-module_mobile__2gw4S {
-    display: none
-}
-  }
-.SourceBlock-module_desktop__DecT6 {
-  display: none
-}
-@media only screen and (min-device-width: 32em) {
-.SourceBlock-module_desktop__DecT6 {
-    display: block
-}
-  }
 /* Colors */
 /* Fonts */
 /* Gap */
@@ -3979,6 +3862,121 @@ a mark {
 }
   }
+/* Colors */
+/* Fonts */
+/* Gap */
+/* Media */
+/*  512 */
+/*  650 */
+/*  768 */
+/* 1024 */
+/* 1010 */
+/* 1200 */
+/*  511 */
+/* 1023 */
+/* Zindex */
+.SourceBlock-module_root__1P3XD {
+  display: block;
+  margin: 18px 0 15px;
+  padding: 12px 11px 13px;
+  color: #000;
+  border-left: 4px solid #b88b59;
+  border-radius: 2px 8px 8px 2px;
+  background-color: #f5f5f5;
+  font-size: 16px;
+  line-height: 20px
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_root__1P3XD {
+    margin-top: 25px;
+    margin-bottom: 25px;
+    padding: 18px 16px 12px
+}
+  }
+.SourceBlock-module_root__1P3XD:hover,
+.SourceBlock-module_root__1P3XD:visited {
+  background-color: #ededed;
+}
+.SourceBlock-module_root__1P3XD blockquote {
+  margin: 0;
+}
+.SourceBlock-module_root__1P3XD a {
+  text-decoration: none;
+  color: inherit;
+}
+.SourceBlock-module_text__Si4vm {
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+}
+.SourceBlock-module_text__Si4vm p {
+  margin: 0;
+  font-size: 16px;
+  line-height: 22px
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_text__Si4vm p {
+    font-size: 18px;
+    line-height: 26px
+}
+  }
+.SourceBlock-module_root__1P3XD p + p {
+  margin-top: 12px;
+}
+.SourceBlock-module_root__1P3XD footer {
+  margin-top: 12px;
+  padding-top: 10px;
+  border-top: 1px solid #d6d6d6
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_root__1P3XD footer {
+    margin-top: 18px;
+    padding-top: 12px
+}
+  }
+.SourceBlock-module_origin__l3JbO {
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  pointer-events: none;
+  color: #292929;
+  font-family: 'Proxima Nova', 'Arial', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: bold;
+  font-style: normal;
+  line-height: 22px
+}
+@media only screen and (min-device-width: 48em) {
+.SourceBlock-module_origin__l3JbO {
+    font-size: 18px;
+    line-height: 26px
+}
+  }
+.SourceBlock-module_center__3P93B {
+  max-width: 650px;
+  margin-right: auto;
+  margin-left: auto;
+}
+/* VISIBILITY */
+@media only screen and (min-device-width: 32em) {
+.SourceBlock-module_mobile__2gw4S {
+    display: none
+}
+  }
+.SourceBlock-module_desktop__DecT6 {
+  display: none
+}
+@media only screen and (min-device-width: 32em) {
+.SourceBlock-module_desktop__DecT6 {
+    display: block
+}
+  }
 /* Colors */
 /* Fonts */
 /* Gap */

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.14",
+  "version": "0.1.15",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/DotsOnImage/DotsOnImage.module.css CHANGED Viewed

@@ -18,26 +18,24 @@
   width: 28px;
   height: 28px;
-  margin: 0;
+  margin: -14px 0 0 -14px;
   padding: 0;
-  color: #fff;
-  font-weight: 600;
-  font-size: 13px;
-  font-family: $secondaryFont;
-  line-height: 28px;
+  cursor: pointer;
   text-align: center;
-  background-color: #000;
+  opacity: 0;
+  color: #fff;
   border-width: 0;
   border-radius: 30px;
   outline-width: 0;
+  background-color: #000;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6);
-  cursor: pointer;
-  opacity: 0;
+  font-family: $secondaryFont;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 28px;
   appearance: none;
   will-change: opacity;