From 51377963c02276447f8a834ed0ea5c4be62c4d32 Mon Sep 17 00:00:00 2001 From: martimalek Date: Thu, 29 Feb 2024 10:19:27 +0000 Subject: [PATCH] deploy: 60b7a636cfea9a99b35f72d6b9e0ddcba0148823 --- ...> docs-get-started-storybook-mdx.f550c142.iframe.bundle.js | 4 ++-- ...cs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map | 2 +- iframe.html | 2 +- project.json | 2 +- ...iframe.bundle.js => runtime~main.ec2f4583.iframe.bundle.js | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) rename docs-get-started-storybook-mdx.c8788805.iframe.bundle.js => docs-get-started-storybook-mdx.f550c142.iframe.bundle.js (60%) rename docs-get-started-storybook-mdx.c8788805.iframe.bundle.js.map => docs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map (98%) rename runtime~main.321d1943.iframe.bundle.js => runtime~main.ec2f4583.iframe.bundle.js (99%) diff --git a/docs-get-started-storybook-mdx.c8788805.iframe.bundle.js b/docs-get-started-storybook-mdx.f550c142.iframe.bundle.js similarity index 60% rename from docs-get-started-storybook-mdx.c8788805.iframe.bundle.js rename to docs-get-started-storybook-mdx.f550c142.iframe.bundle.js index 7a43e281..d7420370 100644 --- a/docs-get-started-storybook-mdx.c8788805.iframe.bundle.js +++ b/docs-get-started-storybook-mdx.f550c142.iframe.bundle.js @@ -21,5 +21,5 @@ margin: 0; ${(0,styled_system__WEBPACK_IMPORTED_MODULE_0__.qC)(styled_system__WEBPACK_IMPORTED_MODULE_0__.e6,styled_system__WEBPACK_IMPORTED_MODULE_0__.JB,styled_system__WEBPACK_IMPORTED_MODULE_0__.Ue,styled_system__WEBPACK_IMPORTED_MODULE_0__.I8,styled_system__WEBPACK_IMPORTED_MODULE_0__.yd)} -`;try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref"}},fontWeight:{defaultValue:{value:"normal"},description:"The font-weight property specifies the weight (or boldness) of the font.",name:"fontWeight",required:!1,type:{name:'ResponsiveValue<"bold" | "normal" | "semibold", Required>>'}},primary:{defaultValue:null,description:"Enforce primary color",name:"primary",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Adjust color to display a disabled text element",name:"disabled",required:!1,type:{name:"boolean"}},secondary:{defaultValue:null,description:"Adjust color to indicate secondary information",name:"secondary",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/Text.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"src/components/Text/Text.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./src/utils/themeGet.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{U:()=>get});var _styled_system_theme_get__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_essentials_theme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/essentials/theme.ts");const get=key=>(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_0__.Z)(key,(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.U2)(_essentials_theme__WEBPACK_IMPORTED_MODULE_2__.r,key))},"./docs/get-started.storybook.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),_assets_wave_ds_logo_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./docs/assets/wave-ds-logo.svg"),_assets_by_freenow_svg__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./docs/assets/by-freenow.svg"),_src_components_Box_Box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Box/Box.tsx"),_src_components_Card_Card__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Card/Card.tsx"),_src_components_Headline_Headline__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Headline/Headline.tsx"),_src_components_Text_Text__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Text/Text.tsx");function _createMdxContent(props){const _components=Object.assign({p:"p",h2:"h2",pre:"pre",code:"code"},(0,_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.ah)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.h_,{title:"Get Started"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_src_components_Box_Box__WEBPACK_IMPORTED_MODULE_4__.x,{className:"sb-unstyled",display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"170px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("use",{href:`${_assets_wave_ds_logo_svg__WEBPACK_IMPORTED_MODULE_5__}#logo`})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:_assets_by_freenow_svg__WEBPACK_IMPORTED_MODULE_6__,width:"170px",alt:"by-freenow-logo"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Welcome to the Design System of FREE NOW. Thanks for stopping by! This is the place where you find the latest components and essentials, that enable you to rapidly build your product."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"installation",children:"Installation"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To bring the design system into your project, install it as a package:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm i @freenow/wave\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["All of our components are exported by name from ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"@freenow/wave"}),", so you can import them with:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-jsx",children:"import { Card, Headline, Text } from '@freenow/wave';\n\nexport default () => (\n \n Welcome\n FREE NOW Design System\n \n);\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"You'll see this:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_src_components_Card_Card__WEBPACK_IMPORTED_MODULE_7__.Z,{level:200,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components_Headline_Headline__WEBPACK_IMPORTED_MODULE_8__.s,{children:"Welcome"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components_Text_Text__WEBPACK_IMPORTED_MODULE_9__.x,{children:"FREE NOW Design System"})]})]})}const __WEBPACK_DEFAULT_EXPORT__=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.ah)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,Object.assign({},props,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,props)})):_createMdxContent(props)}},"./node_modules/@styled-system/theme-get/dist/index.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@styled-system/core/dist/index.esm.js");const __WEBPACK_DEFAULT_EXPORT__=function themeGet(path,fallback){return void 0===fallback&&(fallback=null),function(props){return(0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.U2)(props.theme,path,fallback)}}},"./docs/assets/by-freenow.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/by-freenow.5fcefaf9.svg"},"./docs/assets/wave-ds-logo.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/wave-ds-logo.fd8fbd8d.svg"}}]); -//# sourceMappingURL=docs-get-started-storybook-mdx.c8788805.iframe.bundle.js.map \ No newline at end of file +`;try{Text.displayName="Text",Text.__docgenInfo={description:"",displayName:"Text",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref"}},fontWeight:{defaultValue:{value:"normal"},description:"The font-weight property specifies the weight (or boldness) of the font.",name:"fontWeight",required:!1,type:{name:'ResponsiveValue<"bold" | "normal" | "semibold", Required>>'}},primary:{defaultValue:null,description:"Enforce primary color",name:"primary",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"Adjust color to display a disabled text element",name:"disabled",required:!1,type:{name:"boolean"}},secondary:{defaultValue:null,description:"Adjust color to indicate secondary information",name:"secondary",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/Text.tsx#Text"]={docgenInfo:Text.__docgenInfo,name:"Text",path:"src/components/Text/Text.tsx#Text"})}catch(__react_docgen_typescript_loader_error){}},"./src/utils/themeGet.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{U:()=>get});var _styled_system_theme_get__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@styled-system/theme-get/dist/index.esm.js"),styled_system__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/styled-system/dist/index.esm.js"),_essentials_theme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/essentials/theme.ts");const get=key=>(0,_styled_system_theme_get__WEBPACK_IMPORTED_MODULE_0__.Z)(key,(0,styled_system__WEBPACK_IMPORTED_MODULE_1__.U2)(_essentials_theme__WEBPACK_IMPORTED_MODULE_2__.r,key))},"./docs/get-started.storybook.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs"),_assets_wave_ds_logo_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./docs/assets/wave-ds-logo.svg"),_assets_by_freenow_svg__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./docs/assets/by-freenow.svg"),_src_components_Box_Box__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Box/Box.tsx"),_src_components_Card_Card__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Card/Card.tsx"),_src_components_Headline_Headline__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Headline/Headline.tsx"),_src_components_Text_Text__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Text/Text.tsx");function _createMdxContent(props){const _components=Object.assign({p:"p",h2:"h2",pre:"pre",code:"code",h3:"h3",a:"a"},(0,_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.ah)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_storybook_blocks__WEBPACK_IMPORTED_MODULE_3__.h_,{title:"Get Started"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_src_components_Box_Box__WEBPACK_IMPORTED_MODULE_4__.x,{className:"sb-unstyled",display:"flex",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("svg",{width:"170px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("use",{href:`${_assets_wave_ds_logo_svg__WEBPACK_IMPORTED_MODULE_5__}#logo`})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("img",{src:_assets_by_freenow_svg__WEBPACK_IMPORTED_MODULE_6__,width:"170px",alt:"by-freenow-logo"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"Welcome to the Design System of FREE NOW. Thanks for stopping by! This is the place where you find the latest components and essentials, that enable you to rapidly build your product."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"installation",children:"Installation"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"To bring the design system into your project, install it as a package:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-bash",children:"npm i @freenow/wave\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"usage",children:"Usage"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["All of our components are exported by name from ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"@freenow/wave"}),", so you can import them with:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-jsx",children:"import { Card, Headline, Text } from '@freenow/wave';\n\nexport default () => (\n \n Welcome\n FREE NOW Design System\n \n);\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.p,{children:"You'll see this:"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_src_components_Card_Card__WEBPACK_IMPORTED_MODULE_7__.Z,{level:200,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components_Headline_Headline__WEBPACK_IMPORTED_MODULE_8__.s,{children:"Welcome"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_src_components_Text_Text__WEBPACK_IMPORTED_MODULE_9__.x,{children:"FREE NOW Design System"})]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h2,{id:"considerations",children:"Considerations"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.h3,{id:"usage-with-styled-components-v6",children:"Usage with styled-components v6"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["Wave will work with versions of ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"styled-components"})," higher than ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"4.3"}),", but in case you are using version ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"6"})," or above you may see warnings similar to ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"Warning: React does not recognize the {x} prop on a DOM element..."}),".\nThe warnings appear because starting from v6 ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.a,{href:"https://styled-components.com/releases#v6.0.0",target:"_blank",rel:"nofollow noopener noreferrer",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"styled-components"})," does NOT automatically filter props anymore"]}),", which results in props that are meant only for React components reaching the actual DOM.\nTo get rid of these warning you can wrap your app with ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"StyleSheetManager"})," and pass a ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{children:"shouldForwardProp"})," function like:"]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.pre,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.code,{className:"language-tsx",children:"import isPropValid from '@emotion/is-prop-valid';\nimport { StyleSheetManager } from 'styled-components';\n\nconst shouldForwardProp = (propName, target) => {\n if (typeof target === 'string') {\n // For HTML elements, forward the prop if it is a valid HTML attribute\n return isPropValid(propName);\n }\n // For other elements, forward all props\n return true;\n};\n\nconst Root = () => (\n \n \n \n);\n"})}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_components.p,{children:["For the actual filtering function we recommend using the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://www.npmjs.com/package/@emotion/is-prop-valid",target:"_blank",rel:"nofollow noopener noreferrer",children:"@emotion/is-prop-valid"})," package to have a plug-and-play solution.\nFor more information check out ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components.a,{href:"https://styled-components.com/docs/faqs#shouldforwardprop-is-no-longer-provided-by-default",target:"_blank",rel:"nofollow noopener noreferrer",children:"this section in the styled-components docs about the change"}),"."]})]})}const __WEBPACK_DEFAULT_EXPORT__=function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_home_runner_work_wave_wave_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_2__.ah)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MDXLayout,Object.assign({},props,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_createMdxContent,props)})):_createMdxContent(props)}},"./node_modules/@styled-system/theme-get/dist/index.esm.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _styled_system_core__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@styled-system/core/dist/index.esm.js");const __WEBPACK_DEFAULT_EXPORT__=function themeGet(path,fallback){return void 0===fallback&&(fallback=null),function(props){return(0,_styled_system_core__WEBPACK_IMPORTED_MODULE_0__.U2)(props.theme,path,fallback)}}},"./docs/assets/by-freenow.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/by-freenow.5fcefaf9.svg"},"./docs/assets/wave-ds-logo.svg":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__.p+"static/media/wave-ds-logo.fd8fbd8d.svg"}}]); +//# sourceMappingURL=docs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map \ No newline at end of file diff --git a/docs-get-started-storybook-mdx.c8788805.iframe.bundle.js.map b/docs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map similarity index 98% rename from docs-get-started-storybook-mdx.c8788805.iframe.bundle.js.map rename to docs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map index 47469171..80765c16 100644 --- a/docs-get-started-storybook-mdx.c8788805.iframe.bundle.js.map +++ b/docs-get-started-storybook-mdx.f550c142.iframe.bundle.js.map @@ -1 +1 @@ -{"version":3,"file":"docs-get-started-storybook-mdx.c8788805.iframe.bundle.js","mappings":";;;AAyDA;AACA;;AAEA;;;ACFA;AACA;;;AAGA;AACA;;ACnBA;AAoBA;AACA;;;;AAIA","sources":["webpack://@freenow/wave/./src/components/Card/Card.tsx","webpack://@freenow/wave/./src/components/Headline/Headline.tsx","webpack://@freenow/wave/./src/components/Text/Text.tsx"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport {\n borderRadius,\n BorderRadiusProps,\n compose,\n height,\n HeightProps,\n padding,\n PaddingProps,\n ResponsiveValue,\n space,\n SpaceProps,\n variant,\n width,\n WidthProps\n} from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ntype CardProps = BorderRadiusProps &\n HeightProps &\n SpaceProps &\n WidthProps &\n PaddingProps & {\n /**\n * Set the visual depth of the card by adding a shadow (available values: 0, 100, 200, 300)\n * @default 0\n */\n level?: ResponsiveValue<0 | 100 | 200 | 300>;\n };\n\nconst levelVariant = variant({\n prop: 'level',\n variants: {\n 0: {\n backgroundColor: getSemanticValue('background-page-default'),\n boxShadow: 'none'\n },\n 100: {\n backgroundColor: getSemanticValue('background-page-elevation-1'),\n boxShadow: theme.shadows.small\n },\n 200: {\n backgroundColor: getSemanticValue('background-page-elevation-2'),\n boxShadow: theme.shadows.medium\n },\n 300: {\n backgroundColor: getSemanticValue('background-page-elevation-3'),\n boxShadow: theme.shadows.large\n }\n }\n});\n\nconst Card: StyledComponent<'div', typeof theme, CardProps, 'theme'> = styled.div.attrs({ theme })`\n overflow: auto;\n box-sizing: border-box;\n border-radius: ${get('radii.1')};\n padding: ${get('space.5')};\n\n ${compose(levelVariant, borderRadius, height, space, width, padding)}\n`;\n\nexport { Card, CardProps };\n","import * as React from 'react';\nimport { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport { compose, margin, system, MarginProps, textAlign, TextAlignProps, ResponsiveValue } from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ninterface HeadlineProps extends ComponentPropsWithoutRef<'h1'>, MarginProps, TextAlignProps {\n /**\n * Set the html tag for the headline including the appropriate styles\n */\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n /**\n * Set the style of the headline\n */\n size?: ResponsiveValue<'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs'>;\n}\n\nexport const DEFAULT_HEADLINE_SIZE = {\n h1: 'xxl',\n h2: 'xl',\n h3: 'l',\n h4: 'm',\n h5: 's',\n h6: 'xs'\n} as const;\n\nconst parser = system({\n fontSize: {\n property: 'fontSize',\n defaultScale: {\n xs: '0.75rem',\n s: '0.875rem',\n m: '1rem',\n l: '1.5rem',\n xl: '2rem',\n xxl: '3rem'\n }\n },\n lh: {\n property: 'lineHeight',\n defaultScale: {\n xs: '1.125rem',\n s: '1.25rem',\n m: '1.375rem',\n l: '2rem',\n xl: '2.5rem',\n xxl: '3.75rem'\n }\n }\n});\n\nconst getSize = ({ as = 'h1', size }: HeadlineProps): ResponsiveValue<'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs'> =>\n size || DEFAULT_HEADLINE_SIZE[as];\n\nconst Headline: React.FC = styled.h1.attrs({ theme })`\n color: inherit;\n font-family: ${get('fonts.normal')};\n font-weight: ${get('fontWeights.bold')};\n margin: 0;\n\n ${props => parser({ fontSize: getSize(props), lh: getSize(props), ...props })}\n ${compose(margin, textAlign)}\n`;\n\nexport { Headline, HeadlineProps };\n","import { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport {\n compose,\n fontFamily,\n FontFamilyProps,\n fontSize,\n FontSizeProps,\n fontWeight,\n margin,\n MarginProps,\n ResponsiveValue,\n textAlign,\n TextAlignProps\n} from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ninterface TextProps\n extends ComponentPropsWithoutRef<'span'>,\n MarginProps,\n FontSizeProps,\n FontFamilyProps,\n TextAlignProps {\n /**\n * The font-weight property specifies the weight (or boldness) of the font.\n * @default normal\n */\n fontWeight?: ResponsiveValue<'normal' | 'semibold' | 'bold'>;\n /**\n * Enforce primary color\n */\n primary?: boolean;\n /**\n * Adjust color to indicate secondary information\n */\n secondary?: boolean;\n /**\n * Adjust color to display a disabled text element\n */\n disabled?: boolean;\n}\n\nfunction determineTextColor(props: TextProps) {\n const { primary, secondary, disabled } = props;\n\n if (disabled) {\n return getSemanticValue('foreground-disabled');\n }\n\n if (secondary) {\n return getSemanticValue('foreground-neutral-emphasized');\n }\n\n if (primary) {\n return getSemanticValue('foreground-primary');\n }\n\n return 'inherit';\n}\n\nconst Text = styled.span.attrs({ theme })`\n color: ${determineTextColor};\n font-size: ${get('fontSizes.2')};\n font-family: ${get('fonts.normal')};\n line-height: 1.4;\n margin: 0;\n\n ${compose(margin, fontSize, fontWeight, fontFamily, textAlign)}\n`;\n\nexport { Text, TextProps };\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"docs-get-started-storybook-mdx.f550c142.iframe.bundle.js","mappings":";;;AAyDA;AACA;;AAEA;;;ACFA;AACA;;;AAGA;AACA;;ACnBA;AAoBA;AACA;;;;AAIA","sources":["webpack://@freenow/wave/./src/components/Card/Card.tsx","webpack://@freenow/wave/./src/components/Headline/Headline.tsx","webpack://@freenow/wave/./src/components/Text/Text.tsx"],"sourcesContent":["import styled, { StyledComponent } from 'styled-components';\nimport {\n borderRadius,\n BorderRadiusProps,\n compose,\n height,\n HeightProps,\n padding,\n PaddingProps,\n ResponsiveValue,\n space,\n SpaceProps,\n variant,\n width,\n WidthProps\n} from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ntype CardProps = BorderRadiusProps &\n HeightProps &\n SpaceProps &\n WidthProps &\n PaddingProps & {\n /**\n * Set the visual depth of the card by adding a shadow (available values: 0, 100, 200, 300)\n * @default 0\n */\n level?: ResponsiveValue<0 | 100 | 200 | 300>;\n };\n\nconst levelVariant = variant({\n prop: 'level',\n variants: {\n 0: {\n backgroundColor: getSemanticValue('background-page-default'),\n boxShadow: 'none'\n },\n 100: {\n backgroundColor: getSemanticValue('background-page-elevation-1'),\n boxShadow: theme.shadows.small\n },\n 200: {\n backgroundColor: getSemanticValue('background-page-elevation-2'),\n boxShadow: theme.shadows.medium\n },\n 300: {\n backgroundColor: getSemanticValue('background-page-elevation-3'),\n boxShadow: theme.shadows.large\n }\n }\n});\n\nconst Card: StyledComponent<'div', typeof theme, CardProps, 'theme'> = styled.div.attrs({ theme })`\n overflow: auto;\n box-sizing: border-box;\n border-radius: ${get('radii.1')};\n padding: ${get('space.5')};\n\n ${compose(levelVariant, borderRadius, height, space, width, padding)}\n`;\n\nexport { Card, CardProps };\n","import * as React from 'react';\nimport { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport { compose, margin, system, MarginProps, textAlign, TextAlignProps, ResponsiveValue } from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ninterface HeadlineProps extends ComponentPropsWithoutRef<'h1'>, MarginProps, TextAlignProps {\n /**\n * Set the html tag for the headline including the appropriate styles\n */\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n /**\n * Set the style of the headline\n */\n size?: ResponsiveValue<'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs'>;\n}\n\nexport const DEFAULT_HEADLINE_SIZE = {\n h1: 'xxl',\n h2: 'xl',\n h3: 'l',\n h4: 'm',\n h5: 's',\n h6: 'xs'\n} as const;\n\nconst parser = system({\n fontSize: {\n property: 'fontSize',\n defaultScale: {\n xs: '0.75rem',\n s: '0.875rem',\n m: '1rem',\n l: '1.5rem',\n xl: '2rem',\n xxl: '3rem'\n }\n },\n lh: {\n property: 'lineHeight',\n defaultScale: {\n xs: '1.125rem',\n s: '1.25rem',\n m: '1.375rem',\n l: '2rem',\n xl: '2.5rem',\n xxl: '3.75rem'\n }\n }\n});\n\nconst getSize = ({ as = 'h1', size }: HeadlineProps): ResponsiveValue<'xxl' | 'xl' | 'l' | 'm' | 's' | 'xs'> =>\n size || DEFAULT_HEADLINE_SIZE[as];\n\nconst Headline: React.FC = styled.h1.attrs({ theme })`\n color: inherit;\n font-family: ${get('fonts.normal')};\n font-weight: ${get('fontWeights.bold')};\n margin: 0;\n\n ${props => parser({ fontSize: getSize(props), lh: getSize(props), ...props })}\n ${compose(margin, textAlign)}\n`;\n\nexport { Headline, HeadlineProps };\n","import { ComponentPropsWithoutRef } from 'react';\nimport styled from 'styled-components';\nimport {\n compose,\n fontFamily,\n FontFamilyProps,\n fontSize,\n FontSizeProps,\n fontWeight,\n margin,\n MarginProps,\n ResponsiveValue,\n textAlign,\n TextAlignProps\n} from 'styled-system';\nimport { theme } from '../../essentials/theme';\nimport { get } from '../../utils/themeGet';\nimport { getSemanticValue } from '../../utils/cssVariables';\n\ninterface TextProps\n extends ComponentPropsWithoutRef<'span'>,\n MarginProps,\n FontSizeProps,\n FontFamilyProps,\n TextAlignProps {\n /**\n * The font-weight property specifies the weight (or boldness) of the font.\n * @default normal\n */\n fontWeight?: ResponsiveValue<'normal' | 'semibold' | 'bold'>;\n /**\n * Enforce primary color\n */\n primary?: boolean;\n /**\n * Adjust color to indicate secondary information\n */\n secondary?: boolean;\n /**\n * Adjust color to display a disabled text element\n */\n disabled?: boolean;\n}\n\nfunction determineTextColor(props: TextProps) {\n const { primary, secondary, disabled } = props;\n\n if (disabled) {\n return getSemanticValue('foreground-disabled');\n }\n\n if (secondary) {\n return getSemanticValue('foreground-neutral-emphasized');\n }\n\n if (primary) {\n return getSemanticValue('foreground-primary');\n }\n\n return 'inherit';\n}\n\nconst Text = styled.span.attrs({ theme })`\n color: ${determineTextColor};\n font-size: ${get('fontSizes.2')};\n font-family: ${get('fonts.normal')};\n line-height: 1.4;\n margin: 0;\n\n ${compose(margin, fontSize, fontWeight, fontFamily, textAlign)}\n`;\n\nexport { Text, TextProps };\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/iframe.html b/iframe.html index 02aca770..a69e868a 100644 --- a/iframe.html +++ b/iframe.html @@ -350,7 +350,7 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};