github/React95
1
1
Fork 0
mirror of https://github.com/react95-io/React95.git synced 2026-04-26 03:00:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

updated Storybook with button sizes and close button in Window

Browse Source
This commit is contained in:
Artur Bien
2019-06-03 20:26:19 +02:00
parent c0bd619aa3
commit 93d107a96f
7 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/iframe.html
View File

@@ -58,4 +58,4 @@
} catch (e) {
// eslint-disable-next-line no-console
console.warn('unable to connect to parent frame for connecting dev tools');
}</script></head><body><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"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><script src="runtime~main.296a2023adad1be630de.bundle.js"></script><script src="vendors~main.296a2023adad1be630de.bundle.js"></script><script src="main.296a2023adad1be630de.bundle.js"></script></body></html>
}</script></head><body><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"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><script src="runtime~main.3487653554b252c10c3f.bundle.js"></script><script src="vendors~main.3487653554b252c10c3f.bundle.js"></script><script src="main.3487653554b252c10c3f.bundle.js"></script></body></html>

4
docs/main.296a2023adad1be630de.bundle.js → docs/main.3487653554b252c10c3f.bundle.js
View File

File diff suppressed because one or more lines are too long

2
docs/main.296a2023adad1be630de.bundle.js.map → docs/main.3487653554b252c10c3f.bundle.js.map
View File

@@ -1 +1 @@
{"version":3,"file":"main.296a2023adad1be630de.bundle.js","sources":["webpack:///./src/components/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport styled from \"styled-components\";\r\nimport { blockSizes } from \"../common/system\";\r\n\r\nconst StyledAvatar = styled.div`\r\n display: inline-block;\r\n box-sizing: border-box;\r\n object-fit: contain;\r\n height: calc(${props => blockSizes.md} - 2px);\r\n width: calc(${props => blockSizes.md} - 2px);\r\n border-radius: ${({ square }) => (square ? 0 : \"50%\")};\r\n overflow: hidden;\r\n ${({ noBorder, theme }) =>\r\n !noBorder &&\r\n `\r\n border-top: 2px solid ${theme.borderDark};\r\n border-left: 2px solid ${theme.borderDark};\r\n border-bottom: 2px solid ${theme.borderLightest};\r\n border-right: 2px solid ${theme.borderLightest};\r\n background: ${theme.material};\r\n `}\r\n ${({ src }) =>\r\n !src &&\r\n `\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n `}\r\n`;\r\nconst SlyledAvatarIMG = styled.img`\r\n display: block;\r\n object-fit: contain;\r\n width: 100%;\r\n height: 100%;\r\n`;\r\n// src takes priority over children\r\n\r\nconst Avatar = ({ children, noBorder, square, src, alt, ...otherProps }) => {\r\n return (\r\n <StyledAvatar noBorder={noBorder} square={square} {...otherProps}>\r\n {src ? <SlyledAvatarIMG src={src} alt={alt} /> : children}\r\n </StyledAvatar>\r\n );\r\n};\r\n\r\nAvatar.defaultProps = {\r\n square: false,\r\n noBorder: false,\r\n src: undefined,\r\n children: null,\r\n alt: \"\"\r\n};\r\nAvatar.propTypes = {\r\n square: propTypes.bool,\r\n noBorder: propTypes.bool,\r\n children: propTypes.node,\r\n src: propTypes.string,\r\n alt: propTypes.string\r\n};\r\nexport default Avatar;\r\n"],"mappings":"AAKA","sourceRoot":""}
{"version":3,"file":"main.3487653554b252c10c3f.bundle.js","sources":["webpack:///./src/components/Avatar/Avatar.js"],"sourcesContent":["import React from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport styled from \"styled-components\";\r\nimport { blockSizes } from \"../common/system\";\r\n\r\nconst StyledAvatar = styled.div`\r\n display: inline-block;\r\n box-sizing: border-box;\r\n object-fit: contain;\r\n height: calc(${props => blockSizes.md} - 2px);\r\n width: calc(${props => blockSizes.md} - 2px);\r\n border-radius: ${({ square }) => (square ? 0 : \"50%\")};\r\n overflow: hidden;\r\n ${({ noBorder, theme }) =>\r\n !noBorder &&\r\n `\r\n border-top: 2px solid ${theme.borderDark};\r\n border-left: 2px solid ${theme.borderDark};\r\n border-bottom: 2px solid ${theme.borderLightest};\r\n border-right: 2px solid ${theme.borderLightest};\r\n background: ${theme.material};\r\n `}\r\n ${({ src }) =>\r\n !src &&\r\n `\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n font-weight: bold;\r\n font-size: 1rem;\r\n `}\r\n`;\r\nconst SlyledAvatarIMG = styled.img`\r\n display: block;\r\n object-fit: contain;\r\n width: 100%;\r\n height: 100%;\r\n`;\r\n// src takes priority over children\r\n\r\nconst Avatar = ({ children, noBorder, square, src, alt, ...otherProps }) => {\r\n return (\r\n <StyledAvatar noBorder={noBorder} square={square} {...otherProps}>\r\n {src ? <SlyledAvatarIMG src={src} alt={alt} /> : children}\r\n </StyledAvatar>\r\n );\r\n};\r\n\r\nAvatar.defaultProps = {\r\n square: false,\r\n noBorder: false,\r\n src: undefined,\r\n children: null,\r\n alt: \"\"\r\n};\r\nAvatar.propTypes = {\r\n square: propTypes.bool,\r\n noBorder: propTypes.bool,\r\n children: propTypes.node,\r\n src: propTypes.string,\r\n alt: propTypes.string\r\n};\r\nexport default Avatar;\r\n"],"mappings":"AAKA","sourceRoot":""}

2
docs/runtime~main.296a2023adad1be630de.bundle.js → docs/runtime~main.3487653554b252c10c3f.bundle.js
View File

@@ -1,2 +1,2 @@
!function(modules){function webpackJsonpCallback(data){for(var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],executeModules=data[2],i=0,resolves=[];i<chunkIds.length;i++)chunkId=chunkIds[i],installedChunks[chunkId]&&resolves.push(installedChunks[chunkId][0]),installedChunks[chunkId]=0;for(moduleId in moreModules)Object.prototype.hasOwnProperty.call(moreModules,moduleId)&&(modules[moduleId]=moreModules[moduleId]);for(parentJsonpFunction&&parentJsonpFunction(data);resolves.length;)resolves.shift()();return deferredModules.push.apply(deferredModules,executeModules||[]),checkDeferredModules()}function checkDeferredModules(){for(var result,i=0;i<deferredModules.length;i++){for(var deferredModule=deferredModules[i],fulfilled=!0,j=1;j<deferredModule.length;j++){var depId=deferredModule[j];0!==installedChunks[depId]&&(fulfilled=!1)}fulfilled&&(deferredModules.splice(i--,1),result=__webpack_require__(__webpack_require__.s=deferredModule[0]))}return result}var installedModules={},installedChunks={1:0},deferredModules=[];function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){__webpack_require__.o(exports,name)||Object.defineProperty(exports,name,{enumerable:!0,get:getter})},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.t=function(value,mode){if(1&mode&&(value=__webpack_require__(value)),8&mode)return value;if(4&mode&&"object"==typeof value&&value&&value.__esModule)return value;var ns=Object.create(null);if(__webpack_require__.r(ns),Object.defineProperty(ns,"default",{enumerable:!0,value:value}),2&mode&&"string"!=typeof value)for(var key in value)__webpack_require__.d(ns,key,function(key){return value[key]}.bind(null,key));return ns},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module.default}:function getModuleExports(){return module};return __webpack_require__.d(getter,"a",getter),getter},__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)},__webpack_require__.p="";var jsonpArray=window.webpackJsonp=window.webpackJsonp||[],oldJsonpFunction=jsonpArray.push.bind(jsonpArray);jsonpArray.push=webpackJsonpCallback,jsonpArray=jsonpArray.slice();for(var i=0;i<jsonpArray.length;i++)webpackJsonpCallback(jsonpArray[i]);var parentJsonpFunction=oldJsonpFunction;checkDeferredModules()}([]);
//# sourceMappingURL=runtime~main.296a2023adad1be630de.bundle.js.map
//# sourceMappingURL=runtime~main.3487653554b252c10c3f.bundle.js.map

2
docs/runtime~main.296a2023adad1be630de.bundle.js.map → docs/runtime~main.3487653554b252c10c3f.bundle.js.map
View File

File diff suppressed because one or more lines are too long

2
docs/vendors~main.296a2023adad1be630de.bundle.js → docs/vendors~main.3487653554b252c10c3f.bundle.js
View File

File diff suppressed because one or more lines are too long

2
docs/vendors~main.296a2023adad1be630de.bundle.js.map → docs/vendors~main.3487653554b252c10c3f.bundle.js.map
View File

File diff suppressed because one or more lines are too long