npm - @storybook/components - Versions diffs - 5.1.7 → 5.1.11 - Mend

@storybook/components 5.1.7 → 5.1.11

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

package/dist/tooltip/__snapshots__/Tooltip.stories.storyshot DELETED Viewed

@@ -1,269 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Storyshots basics/Tooltip/Tooltip basic, default 1`] = `
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-<div
-  class="emotion-2"
-  color="medium"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-    color="medium"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, bottom 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 10px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 0px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: autopx;
-  top: -8px;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 8px;
-  border-top-width: 0px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: transparent;
-  border-bottom-color: rgba(255,255,255,0.95);
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, left 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 10px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 8px;
-  margin-right: 0px;
-  margin-left: 8px;
-  bottom: autopx;
-  top: autopx;
-  right: -8px;
-  left: autopx;
-  border-bottom-width: 8px;
-  border-top-width: 8px;
-  border-right-width: 0px;
-  border-left-width: 8px;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: rgba(255,255,255,0.95);
-  border-right-color: transparent;
-}
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-exports[`Storyshots basics/Tooltip/Tooltip basic, default, right 1`] = `
-.emotion-1 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-.emotion-2 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  margin-left: 10px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-0 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 8px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 0px;
-  bottom: autopx;
-  top: autopx;
-  right: autopx;
-  left: -8px;
-  border-bottom-width: 8px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 0px;
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: rgba(255,255,255,0.95);
-}
-<div
-  class="emotion-2"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  />
-  <div
-    class="emotion-1"
-  >
-    Text
-  </div>
-</div>
-`;
-exports[`Storyshots basics/Tooltip/Tooltip no chrome 1`] = `
-.emotion-0 {
-  width: 100px;
-  height: 100px;
-  font-size: 16px;
-  text-align: center;
-  line-height: 100px;
-}
-.emotion-1 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 8px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-}
-<div
-  class="emotion-1"
-  style="position:relative;top:20px;left:20px"
->
-  <div
-    class="emotion-0"
-  >
-    Text
-  </div>
-</div>
-`;

package/dist/tooltip/__snapshots__/TooltipLinkList.stories.storyshot DELETED Viewed

@@ -1,326 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`Storyshots basics/Tooltip/TooltipLinkList links 1`] = `
-.emotion-8 {
-  min-width: 180px;
-  overflow: hidden;
-  border-radius: 8px;
-}
-.emotion-4 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.emotion-4 > * + * {
-  padding-left: 10px;
-}
-.emotion-4:hover {
-  background: rgba(0,0,0,.05);
-}
-.emotion-4:hover svg {
-  opacity: 1;
-}
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-.emotion-2 {
-  color: #333333;
-  font-weight: 400;
-}
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-.emotion-9 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-9"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-8"
-    >
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;
-exports[`Storyshots basics/Tooltip/TooltipLinkList links and callback 1`] = `
-.emotion-11 {
-  min-width: 180px;
-  overflow: hidden;
-  border-radius: 8px;
-}
-.emotion-4 {
-  font-size: 12px;
-  -webkit-transition: all 150ms ease-out;
-  transition: all 150ms ease-out;
-  color: rgba(51,51,51,0.5);
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  cursor: pointer;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  line-height: 18px;
-  padding: 7px 15px;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-.emotion-4 > * + * {
-  padding-left: 10px;
-}
-.emotion-4:hover {
-  background: rgba(0,0,0,.05);
-}
-.emotion-4:hover svg {
-  opacity: 1;
-}
-.emotion-3 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  text-align: left;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
-.emotion-3 > * + * {
-  padding-left: 10px;
-}
-.emotion-2 {
-  color: #333333;
-  font-weight: 400;
-}
-.emotion-0 {
-  display: inline-block;
-  cursor: pointer;
-}
-.emotion-12 {
-  display: inline-block;
-  z-index: 2147483647;
-  margin-bottom: 10px;
-  margin-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  background: rgba(255,255,255,0.95);
-  -webkit-filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1));
-  border-radius: 8px;
-  font-size: 12px;
-}
-.emotion-1 {
-  position: absolute;
-  border-style: solid;
-  margin-bottom: 0px;
-  margin-top: 8px;
-  margin-right: 8px;
-  margin-left: 8px;
-  bottom: -8px;
-  top: autopx;
-  right: autopx;
-  left: autopx;
-  border-bottom-width: 0px;
-  border-top-width: 8px;
-  border-right-width: 8px;
-  border-left-width: 8px;
-  border-top-color: rgba(255,255,255,0.95);
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-<div
-  style="height:300px"
->
-  <div
-    class="emotion-0"
-  >
-    <div>
-      Tooltip
-    </div>
-  </div>
-  <div
-    class="emotion-12"
-    style="position:absolute;top:0;left:0;opacity:0;pointer-events:none"
-  >
-    <div
-      class="emotion-1"
-    />
-    <div
-      class="emotion-11"
-    >
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-        href="http://google.com"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            Link
-          </span>
-        </span>
-      </a>
-      <a
-        class="emotion-4"
-      >
-        <span
-          class="emotion-3"
-        >
-          <span
-            class="emotion-2"
-          >
-            callback
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-</div>
-`;