spawntree
/
ihk24
2
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
6 Commits
6 Ramas
81 MiB
 
 
 
 
Árbol: 0795b09631
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '0795b09631'
${ noResults }
ihk24/storybook/storybook-static/iframe.html

361 líneas
12 KiB
Original Blame Histórico 

  1. <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Webpack App</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="prefetch" href="./sb-common-assets/nunito-sans-regular.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-italic.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-bold.woff2" as="font" type="font/woff2" crossorigin><link rel="prefetch" href="./sb-common-assets/nunito-sans-bold-italic.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="./sb-common-assets/fonts.css"><base target="_parent"><style>/* While we aren't showing the main block yet, but still preparing, we want everything the user

  2.      has rendered, which may or may not be in #storybook-root, to be display none */

  3.   .sb-show-preparing-story:not(.sb-show-main) > :not(.sb-preparing-story) {

  4.     display: none;

  5.   }

  6. 

  7.   .sb-show-preparing-docs:not(.sb-show-main) > :not(.sb-preparing-docs) {

  8.     display: none;

  9.   }

  10. 

  11.   /* Hide our own blocks when we aren't supposed to be showing them */

  12.   :not(.sb-show-preparing-story) > .sb-preparing-story,

  13.   :not(.sb-show-preparing-docs) > .sb-preparing-docs,

  14.   :not(.sb-show-nopreview) > .sb-nopreview,

  15.   :not(.sb-show-errordisplay) > .sb-errordisplay {

  16.     display: none;

  17.   }

  18. 

  19.   .sb-show-main.sb-main-centered {

  20.     margin: 0;

  21.     display: flex;

  22.     align-items: center;

  23.     min-height: 100vh;

  24.   }

  25. 

  26.   .sb-show-main.sb-main-centered #storybook-root {

  27.     box-sizing: border-box;

  28.     margin: auto;

  29.     padding: 1rem;

  30.     max-height: 100%; /* Hack for centering correctly in IE11 */

  31.   }

  32. 

  33.   /* Vertical centering fix for IE11 */

  34.   @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  35.     .sb-show-main.sb-main-centered:after {

  36.       content: '';

  37.       min-height: inherit;

  38.       font-size: 0;

  39.     }

  40.   }

  41. 

  42.   .sb-show-main.sb-main-fullscreen {

  43.     margin: 0;

  44.     padding: 0;

  45.     display: block;

  46.   }

  47. 

  48.   .sb-show-main.sb-main-padded {

  49.     margin: 0;

  50.     padding: 1rem;

  51.     display: block;

  52.     box-sizing: border-box;

  53.   }

  54. 

  55.   .sb-wrapper {

  56.     position: fixed;

  57.     top: 0;

  58.     bottom: 0;

  59.     left: 0;

  60.     right: 0;

  61.     padding: 20px;

  62.     font-family: 'Nunito Sans', -apple-system, '.SFNSText-Regular', 'San Francisco',

  63.       BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  64.     -webkit-font-smoothing: antialiased;

  65.     overflow: auto;

  66.   }

  67. 

  68.   .sb-heading {

  69.     font-size: 14px;

  70.     font-weight: 600;

  71.     letter-spacing: 0.2px;

  72.     margin: 10px 0;

  73.     padding-right: 25px;

  74.   }

  75. 

  76.   .sb-nopreview {

  77.     display: flex;

  78.     align-content: center;

  79.     justify-content: center;

  80.   }

  81. 

  82.   .sb-nopreview_main {

  83.     margin: auto;

  84.     padding: 30px;

  85.     border-radius: 10px;

  86.     background: rgba(0, 0, 0, 0.03);

  87.   }

  88. 

  89.   .sb-nopreview_heading {

  90.     text-align: center;

  91.   }

  92. 

  93.   .sb-errordisplay {

  94.     border: 20px solid rgb(187, 49, 49);

  95.     background: #222;

  96.     color: #fff;

  97.     z-index: 999999;

  98.   }

  99. 

  100.   .sb-errordisplay_code {

  101.     padding: 10px;

  102.     background: #000;

  103.     color: #eee;

  104.     font-family: 'Operator Mono', 'Fira Code Retina', 'Fira Code', 'FiraCode-Retina', 'Andale Mono',

  105.       'Lucida Console', Consolas, Monaco, monospace;

  106.   }

  107. 

  108.   .sb-errordisplay pre {

  109.     white-space: pre-wrap;

  110.   }

  111. 

  112.   @-webkit-keyframes sb-rotate360 {

  113.     from {

  114.       transform: rotate(0deg);

  115.     }

  116.     to {

  117.       transform: rotate(360deg);

  118.     }

  119.   }

  120.   @keyframes sb-rotate360 {

  121.     from {

  122.       transform: rotate(0deg);

  123.     }

  124.     to {

  125.       transform: rotate(360deg);

  126.     }

  127.   }

  128.   @-webkit-keyframes sb-glow {

  129.     0%,

  130.     100% {

  131.       opacity: 1;

  132.     }

  133.     50% {

  134.       opacity: 0.4;

  135.     }

  136.   }

  137.   @keyframes sb-glow {

  138.     0%,

  139.     100% {

  140.       opacity: 1;

  141.     }

  142.     50% {

  143.       opacity: 0.4;

  144.     }

  145.   }

  146. 

  147.   /* We display the preparing loaders *over* the rendering story */

  148.   .sb-preparing-story,

  149.   .sb-preparing-docs {

  150.     background-color: white;

  151.     /* Maximum possible z-index. It would be better to use stacking contexts to ensure it's always

  152.     on top, but this isn't possible as it would require making CSS changes that could affect user code */

  153.     z-index: 2147483647;

  154.   }

  155. 

  156.   .sb-loader {

  157.     -webkit-animation: sb-rotate360 0.7s linear infinite;

  158.     animation: sb-rotate360 0.7s linear infinite;

  159.     border-color: rgba(97, 97, 97, 0.29);

  160.     border-radius: 50%;

  161.     border-style: solid;

  162.     border-top-color: #646464;

  163.     border-width: 2px;

  164.     display: inline-block;

  165.     height: 32px;

  166.     left: 50%;

  167.     margin-left: -16px;

  168.     margin-top: -16px;

  169.     mix-blend-mode: difference;

  170.     overflow: hidden;

  171.     position: absolute;

  172.     top: 50%;

  173.     transition: all 200ms ease-out;

  174.     vertical-align: top;

  175.     width: 32px;

  176.     z-index: 4;

  177.   }

  178. 

  179.   .sb-previewBlock {

  180.     background: #fff;

  181.     border: 1px solid rgba(0, 0, 0, 0.1);

  182.     border-radius: 4px;

  183.     box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;

  184.     margin: 25px auto 40px;

  185.     max-width: 600px;

  186.   }

  187. 

  188.   .sb-previewBlock_header {

  189.     align-items: center;

  190.     box-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0 0 inset;

  191.     display: flex;

  192.     gap: 14px;

  193.     height: 40px;

  194.     padding: 0 12px;

  195.   }

  196. 

  197.   .sb-previewBlock_icon {

  198.     -webkit-animation: sb-glow 1.5s ease-in-out infinite;

  199.     animation: sb-glow 1.5s ease-in-out infinite;

  200.     background: #e6e6e6;

  201.     height: 14px;

  202.     width: 14px;

  203.   }

  204.   .sb-previewBlock_icon:last-child {

  205.     margin-left: auto;

  206.   }

  207. 

  208.   .sb-previewBlock_body {

  209.     -webkit-animation: sb-glow 1.5s ease-in-out infinite;

  210.     animation: sb-glow 1.5s ease-in-out infinite;

  211.     height: 182px;

  212.     position: relative;

  213.   }

  214. 

  215.   .sb-argstableBlock {

  216.     border-collapse: collapse;

  217.     border-spacing: 0;

  218.     font-size: 13px;

  219.     line-height: 20px;

  220.     margin: 25px auto 40px;

  221.     max-width: 600px;

  222.     text-align: left;

  223.     width: 100%;

  224.   }

  225.   .sb-argstableBlock th:first-of-type,

  226.   .sb-argstableBlock td:first-of-type {

  227.     padding-left: 20px;

  228.   }

  229.   .sb-argstableBlock th:nth-of-type(2),

  230.   .sb-argstableBlock td:nth-of-type(2) {

  231.     width: 35%;

  232.   }

  233.   .sb-argstableBlock th:nth-of-type(3),

  234.   .sb-argstableBlock td:nth-of-type(3) {

  235.     width: 15%;

  236.   }

  237.   .sb-argstableBlock th:last-of-type,

  238.   .sb-argstableBlock td:last-of-type {

  239.     width: 25%;

  240.     padding-right: 20px;

  241.   }

  242.   .sb-argstableBlock th span,

  243.   .sb-argstableBlock td span {

  244.     -webkit-animation: sb-glow 1.5s ease-in-out infinite;

  245.     animation: sb-glow 1.5s ease-in-out infinite;

  246.     background-color: rgba(0, 0, 0, 0.1);

  247.     border-radius: 0;

  248.     box-shadow: none;

  249.     color: transparent;

  250.   }

  251.   .sb-argstableBlock th {

  252.     padding: 10px 15px;

  253.   }

  254. 

  255.   .sb-argstableBlock-body {

  256.     border-radius: 4px;

  257.     box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px, rgba(0, 0, 0, 0.065) 0 0 0 1px;

  258.   }

  259.   .sb-argstableBlock-body tr {

  260.     background: transparent;

  261.     overflow: hidden;

  262.   }

  263.   .sb-argstableBlock-body tr:not(:first-child) {

  264.     border-top: 1px solid #e6e6e6;

  265.   }

  266.   .sb-argstableBlock-body tr:first-child td:first-child {

  267.     border-top-left-radius: 4px;

  268.   }

  269.   .sb-argstableBlock-body tr:first-child td:last-child {

  270.     border-top-right-radius: 4px;

  271.   }

  272.   .sb-argstableBlock-body tr:last-child td:first-child {

  273.     border-bottom-left-radius: 4px;

  274.   }

  275.   .sb-argstableBlock-body tr:last-child td:last-child {

  276.     border-bottom-right-radius: 4px;

  277.   }

  278.   .sb-argstableBlock-body td {

  279.     background: #fff;

  280.     padding-bottom: 10px;

  281.     padding-top: 10px;

  282.     vertical-align: top;

  283.   }

  284.   .sb-argstableBlock-body td:not(:first-of-type) {

  285.     padding-left: 15px;

  286.     padding-right: 15px;

  287.   }

  288.   .sb-argstableBlock-body button {

  289.     -webkit-animation: sb-glow 1.5s ease-in-out infinite;

  290.     animation: sb-glow 1.5s ease-in-out infinite;

  291.     background-color: rgba(0, 0, 0, 0.1);

  292.     border: 0;

  293.     border-radius: 0;

  294.     box-shadow: none;

  295.     color: transparent;

  296.     display: inline;

  297.     font-size: 12px;

  298.     line-height: 1;

  299.     padding: 10px 16px;

  300.   }

  301. 

  302.   .sb-argstableBlock-summary {

  303.     margin-top: 4px;

  304.   }

  305. 

  306.   .sb-argstableBlock-code {

  307.     margin-right: 4px;

  308.     margin-bottom: 4px;

  309.     padding: 2px 5px;

  310.   }</style><script>/* globals window */

  311.   /* eslint-disable no-underscore-dangle */

  312.   try {

  313.     if (window.top !== window) {

  314.       window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;

  315.       window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;

  316.       window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;

  317.     }

  318.   } catch (e) {

  319.     // eslint-disable-next-line no-console

  320.     console.warn('unable to connect to top frame for connecting dev tools');

  321.   }</script><script>var ihk = ihk || {};

  322.   ihk.translations = {

  323.     overview: "Übersicht",

  324.     loadMoreImages: "Mehr Bilder laden",

  325.     loadMoreArticles: "Mehr laden",

  326.     ihkFinderYourIhkButton:"ihk.finder.page.yourIhkButton"

  327.   };</script><style>#storybook-root[hidden],

  328.       #storybook-docs[hidden] {

  329.         display: none !important;

  330.       }</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="storybook-root"></div><div id="storybook-docs"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";

  331.           

  332.       

  333.           

  334.             window['LOGLEVEL'] = "info";

  335.           

  336.       

  337.           

  338.             window['FRAMEWORK_OPTIONS'] = {};

  339.           

  340.       

  341.           

  342.       

  343.           

  344.             window['FEATURES'] = {"warnOnLegacyHierarchySeparator":true,"buildStoriesJson":false,"storyStoreV7":true,"argTypeTargetsV7":true,"legacyDecoratorFileOrder":false};

  345.           

  346.       

  347.           

  348.       

  349.           

  350.             window['STORIES'] = [{"titlePrefix":"","directory":"./stories","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];

  351.           

  352.       

  353.           

  354.             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';

  355. 

  356.       

  357.       import './runtime~main.162eb979.iframe.bundle.js';

  358.       

  359.       import './2084.012e3dc4.iframe.bundle.js';

  360.       

  361.       import './main.64a51cfd.iframe.bundle.js';</script></body></html>