From 842a912846889fb4931375e5dd9c2d16d0334cf1 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 27 Mar 2024 02:21:33 +0000 Subject: [PATCH] deploy: f51236ee8fe8f33374356af889898d0189a1a187 --- 404.html | 2 +- assets/js/9d7ed022.ae8c4c3c.js | 1 + assets/js/9d7ed022.fd70fef4.js | 1 - .../js/{runtime~main.01058979.js => runtime~main.b5421220.js} | 2 +- blog/archive/index.html | 2 +- blog/first-blog-post/index.html | 2 +- blog/index.html | 2 +- blog/long-blog-post/index.html | 2 +- blog/mdx-blog-post/index.html | 2 +- blog/tags/docusaurus/index.html | 2 +- blog/tags/facebook/index.html | 2 +- blog/tags/hello/index.html | 2 +- blog/tags/hola/index.html | 2 +- blog/tags/index.html | 2 +- blog/welcome/index.html | 2 +- docs/advanced/get-token-value/index.html | 2 +- docs/advanced/global-theme-value/index.html | 2 +- docs/api-references/useSx/index.html | 2 +- docs/api-references/useSxStyle/index.html | 2 +- docs/api-references/useSxTokens/index.html | 2 +- docs/category/advanced/index.html | 2 +- docs/category/api/index.html | 2 +- docs/category/example-components/index.html | 2 +- docs/category/references/index.html | 2 +- docs/category/usage/index.html | 2 +- docs/example-components/styled-button/index.html | 2 +- docs/example-components/styled-image/index.html | 2 +- docs/example-components/styled-scroll-view/index.html | 2 +- docs/example-components/styled-view/index.html | 2 +- docs/example-components/txt/index.html | 2 +- docs/intro/index.html | 2 +- docs/references/sx-props/index.html | 2 +- docs/references/token/index.html | 2 +- docs/usage/component/index.html | 2 +- docs/usage/configuration/index.html | 2 +- docs/usage/install/index.html | 2 +- docs/usage/style-parsing/index.html | 2 +- docs/usage/text/index.html | 2 +- docs/usage/typescript/index.html | 4 ++-- index.html | 2 +- markdown-page/index.html | 2 +- 41 files changed, 41 insertions(+), 41 deletions(-) create mode 100644 assets/js/9d7ed022.ae8c4c3c.js delete mode 100644 assets/js/9d7ed022.fd70fef4.js rename assets/js/{runtime~main.01058979.js => runtime~main.b5421220.js} (98%) diff --git a/404.html b/404.html index 4c668ea..3091141 100644 --- a/404.html +++ b/404.html @@ -5,7 +5,7 @@ Page Not Found | React Native Styled System - + diff --git a/assets/js/9d7ed022.ae8c4c3c.js b/assets/js/9d7ed022.ae8c4c3c.js new file mode 100644 index 0000000..9238d3f --- /dev/null +++ b/assets/js/9d7ed022.ae8c4c3c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkmy_website=self.webpackChunkmy_website||[]).push([[5104],{3473:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>o,default:()=>h,frontMatter:()=>i,metadata:()=>c,toc:()=>d});var r=n(4848),a=n(8453),s=n(1470),l=n(9365);const i={sidebar_position:7,title:"TypeScript"},o="TypeScript",c={id:"usage/typescript",title:"TypeScript",description:"React Native Styled System aims for type-safe use.",source:"@site/docs/usage/typescript.mdx",sourceDirName:"usage",slug:"/usage/typescript",permalink:"/react-native-styled-system/docs/usage/typescript",draft:!1,unlisted:!1,editUrl:"https://github.com/mj-studio-library/react-native-styled-system/tree/main/doc/docs/usage/typescript.mdx",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7,title:"TypeScript"},sidebar:"tutorialSidebar",previous:{title:"Pass styles and parsing priorities",permalink:"/react-native-styled-system/docs/usage/style-parsing"},next:{title:"Advanced",permalink:"/react-native-styled-system/docs/category/advanced"}},u={},d=[{value:"How it works",id:"how-it-works",level:2}];function p(e){const t={admonition:"admonition",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,a.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"typescript",children:"TypeScript"}),"\n",(0,r.jsx)(t.p,{children:"React Native Styled System aims for type-safe use."}),"\n",(0,r.jsxs)(t.p,{children:["Please enter the path to the module where ",(0,r.jsx)(t.code,{children:"ThemedDict"})," is ",(0,r.jsx)(t.code,{children:"default exported"})," as an argument to the command."]}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-shell",children:"@react-native-styled-system/core src/AppTheme.ts\n"})}),"\n",(0,r.jsxs)(t.p,{children:["More convenient use is possible with ",(0,r.jsx)(t.code,{children:"scripts"})," in ",(0,r.jsx)(t.code,{children:"package.json"}),"."]}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-json",metastring:'title="package.json"',children:'{\n /* ... */\n "scripts": {\n "theme:gen": "generate-theme-type src/AppTheme.ts"\n }\n}\n'})}),"\n",(0,r.jsxs)(s.A,{children:[(0,r.jsx)(l.A,{value:"npm",label:"npm",default:!0,children:(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-sh",children:"npm run theme:gen\n"})})}),(0,r.jsx)(l.A,{value:"yarn",label:"yarn",children:(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-sh",children:"yarn theme:gen\n"})})})]}),"\n",(0,r.jsxs)(t.admonition,{type:"tip",children:[(0,r.jsx)(t.p,{children:"When changing the version of a package or installing a new one, you must always execute the type creation command."}),(0,r.jsxs)(t.p,{children:["We recommend using the ",(0,r.jsx)(t.code,{children:"postinstall"})," script so that it can operate without problems in CI as follows."]}),(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-json",metastring:'title="package.json"',children:'{\n "postinstall": "yarn theme:gen"\n}\n'})})]}),"\n",(0,r.jsx)(t.h2,{id:"how-it-works",children:"How it works"}),"\n",(0,r.jsxs)(t.p,{children:["used internally in the package\nFile in the path ",(0,r.jsx)(t.code,{children:"node_modules/@react-native-styled-system/core/lib/typescript/@types/ThemedTypings.d.ts"}),"\nRegenerate it yourself."]}),"\n",(0,r.jsx)(t.p,{children:"Then it is created as follows:"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",metastring:'title="node_modules/@react-native-styled-system/core/lib/typescript/@types/ThemedTypings.d.ts"',children:"import type { ColorsValue, RadiiValue, SizesValue, SpaceValue } from './Token';\n\nexport interface ThemedTypings {\n colors:\n | (ColorsValue & {})\n | 'white'\n | 'black'\n | 'transparent'\n | 'gray50'\n /* ... */\n | 'blue900';\n radii: (RadiiValue & {}) | (`${number}` & {}) | (`${any}px` & {}) | '1' | '2' | 'sm' | 'md';\n sizes:\n | (SizesValue & {})\n | (`${number}` & {})\n | (`${any}px` & {})\n | '0'\n /* ... */\n | 'px'\n | '0.5';\n space:\n | (SpaceValue & {})\n | (`${number}` & {})\n | (`${any}px` & {})\n | '0'\n /* ... */\n | '0.5'\n | '-0.5';\n typography: 'h1';\n}\n\n"})})]})}function h(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(p,{...e})}):p(e)}},9365:(e,t,n)=>{n.d(t,{A:()=>l});n(6540);var r=n(4164);const a={tabItem:"tabItem_Ymn6"};var s=n(4848);function l(e){let{children:t,hidden:n,className:l}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,r.A)(a.tabItem,l),hidden:n,children:t})}},1470:(e,t,n)=>{n.d(t,{A:()=>w});var r=n(6540),a=n(4164),s=n(3104),l=n(6347),i=n(205),o=n(7485),c=n(1682),u=n(9466);function d(e){return r.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,r.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function p(e){const{values:t,children:n}=e;return(0,r.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:r,default:a}}=e;return{value:t,label:n,attributes:r,default:a}}))}(n);return function(e){const t=(0,c.X)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function h(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const a=(0,l.W6)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,o.aZ)(s),(0,r.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(a.location.search);t.set(s,e),a.replace({...a.location,search:t.toString()})}),[s,a])]}function y(e){const{defaultValue:t,queryString:n=!1,groupId:a}=e,s=p(e),[l,o]=(0,r.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!h({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const r=n.find((e=>e.default))??n[0];if(!r)throw new Error("Unexpected error: 0 tabValues");return r.value}({defaultValue:t,tabValues:s}))),[c,d]=m({queryString:n,groupId:a}),[y,f]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[a,s]=(0,u.Dv)(n);return[a,(0,r.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:a}),b=(()=>{const e=c??y;return h({value:e,tabValues:s})?e:null})();(0,i.A)((()=>{b&&o(b)}),[b]);return{selectedValue:l,selectValue:(0,r.useCallback)((e=>{if(!h({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);o(e),d(e),f(e)}),[d,f,s]),tabValues:s}}var f=n(2303);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var g=n(4848);function v(e){let{className:t,block:n,selectedValue:r,selectValue:l,tabValues:i}=e;const o=[],{blockElementScrollPositionUntilNextRender:c}=(0,s.a_)(),u=e=>{const t=e.currentTarget,n=o.indexOf(t),a=i[n].value;a!==r&&(c(t),l(a))},d=e=>{let t=null;switch(e.key){case"Enter":u(e);break;case"ArrowRight":{const n=o.indexOf(e.currentTarget)+1;t=o[n]??o[0];break}case"ArrowLeft":{const n=o.indexOf(e.currentTarget)-1;t=o[n]??o[o.length-1];break}}t?.focus()};return(0,g.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,a.A)("tabs",{"tabs--block":n},t),children:i.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,g.jsx)("li",{role:"tab",tabIndex:r===t?0:-1,"aria-selected":r===t,ref:e=>o.push(e),onKeyDown:d,onClick:u,...s,className:(0,a.A)("tabs__item",b.tabItem,s?.className,{"tabs__item--active":r===t}),children:n??t},t)}))})}function x(e){let{lazy:t,children:n,selectedValue:a}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===a));return e?(0,r.cloneElement)(e,{className:"margin-top--md"}):null}return(0,g.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==a})))})}function j(e){const t=y(e);return(0,g.jsxs)("div",{className:(0,a.A)("tabs-container",b.tabList),children:[(0,g.jsx)(v,{...e,...t}),(0,g.jsx)(x,{...e,...t})]})}function w(e){const t=(0,f.A)();return(0,g.jsx)(j,{...e,children:d(e.children)},String(t))}},8453:(e,t,n)=>{n.d(t,{R:()=>l,x:()=>i});var r=n(6540);const a={},s=r.createContext(a);function l(e){const t=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:l(e.components),r.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/9d7ed022.fd70fef4.js b/assets/js/9d7ed022.fd70fef4.js deleted file mode 100644 index 18831fd..0000000 --- a/assets/js/9d7ed022.fd70fef4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunkmy_website=self.webpackChunkmy_website||[]).push([[5104],{3473:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>u,contentTitle:()=>o,default:()=>h,frontMatter:()=>i,metadata:()=>c,toc:()=>d});var r=n(4848),a=n(8453),s=n(1470),l=n(9365);const i={sidebar_position:7,title:"TypeScript"},o="TypeScript",c={id:"usage/typescript",title:"TypeScript",description:"React Native Styled System aims for type-safe use.",source:"@site/docs/usage/typescript.mdx",sourceDirName:"usage",slug:"/usage/typescript",permalink:"/react-native-styled-system/docs/usage/typescript",draft:!1,unlisted:!1,editUrl:"https://github.com/mj-studio-library/react-native-styled-system/tree/main/doc/docs/usage/typescript.mdx",tags:[],version:"current",sidebarPosition:7,frontMatter:{sidebar_position:7,title:"TypeScript"},sidebar:"tutorialSidebar",previous:{title:"Pass styles and parsing priorities",permalink:"/react-native-styled-system/docs/usage/style-parsing"},next:{title:"Advanced",permalink:"/react-native-styled-system/docs/category/advanced"}},u={},d=[{value:"How it works",id:"how-it-works",level:2}];function p(e){const t={admonition:"admonition",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...(0,a.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"typescript",children:"TypeScript"}),"\n",(0,r.jsx)(t.p,{children:"React Native Styled System aims for type-safe use."}),"\n",(0,r.jsxs)(t.p,{children:["Please enter the path to the module where ",(0,r.jsx)(t.code,{children:"ThemedDict"})," is ",(0,r.jsx)(t.code,{children:"default exported"})," as an argument to the command."]}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-shell",children:"@react-native-styled-system/core src/AppTheme.ts\n"})}),"\n",(0,r.jsxs)(t.p,{children:["More convenient use is possible with ",(0,r.jsx)(t.code,{children:"scripts"})," in ",(0,r.jsx)(t.code,{children:"package.json"}),"."]}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-json",metastring:'title="package.json"',children:'{\n ...\n "scripts": {\n "theme:gen": "@react-native-styled-system/core src/AppTheme.ts"\n }\n}\n'})}),"\n",(0,r.jsxs)(s.A,{children:[(0,r.jsx)(l.A,{value:"npm",label:"npm",default:!0,children:(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-sh",children:"npm run theme:gen\n"})})}),(0,r.jsx)(l.A,{value:"yarn",label:"yarn",children:(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-sh",children:"yarn theme:gen\n"})})})]}),"\n",(0,r.jsxs)(t.admonition,{type:"tip",children:[(0,r.jsx)(t.p,{children:"When changing the version of a package or installing a new one, you must always execute the type creation command."}),(0,r.jsxs)(t.p,{children:["We recommend using the ",(0,r.jsx)(t.code,{children:"postinstall"})," script so that it can operate without problems in CI as follows."]}),(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-json",metastring:'title="package.json"',children:'{\n "postinstall": "yarn theme:gen"\n}\n'})})]}),"\n",(0,r.jsx)(t.h2,{id:"how-it-works",children:"How it works"}),"\n",(0,r.jsxs)(t.p,{children:["used internally in the package\nFile in the path ",(0,r.jsx)(t.code,{children:"node_modules/@react-native-styled-system/core/lib/typescript/@types/ThemedTypings.d.ts"}),"\nRegenerate it yourself."]}),"\n",(0,r.jsx)(t.p,{children:"Then it is created as follows:"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",metastring:'title="node_modules/@react-native-styled-system/core/lib/typescript/@types/ThemedTypings.d.ts"',children:"import type { ColorsValue, RadiiValue, SizesValue, SpaceValue } from './Token';\n\nexport interface ThemedTypings {\n colors:\n | (ColorsValue & {})\n | 'white'\n | 'black'\n | 'transparent'\n | 'gray50'\n /* ... */\n | 'blue900';\n radii: (RadiiValue & {}) | (`${number}` & {}) | (`${any}px` & {}) | '1' | '2' | 'sm' | 'md';\n sizes:\n | (SizesValue & {})\n | (`${number}` & {})\n | (`${any}px` & {})\n | '0'\n /* ... */\n | 'px'\n | '0.5';\n space:\n | (SpaceValue & {})\n | (`${number}` & {})\n | (`${any}px` & {})\n | '0'\n /* ... */\n | '0.5'\n | '-0.5';\n typography: 'h1';\n}\n\n"})})]})}function h(e={}){const{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(p,{...e})}):p(e)}},9365:(e,t,n)=>{n.d(t,{A:()=>l});n(6540);var r=n(4164);const a={tabItem:"tabItem_Ymn6"};var s=n(4848);function l(e){let{children:t,hidden:n,className:l}=e;return(0,s.jsx)("div",{role:"tabpanel",className:(0,r.A)(a.tabItem,l),hidden:n,children:t})}},1470:(e,t,n)=>{n.d(t,{A:()=>w});var r=n(6540),a=n(4164),s=n(3104),l=n(6347),i=n(205),o=n(7485),c=n(1682),u=n(9466);function d(e){return r.Children.toArray(e).filter((e=>"\n"!==e)).map((e=>{if(!e||(0,r.isValidElement)(e)&&function(e){const{props:t}=e;return!!t&&"object"==typeof t&&"value"in t}(e))return e;throw new Error(`Docusaurus error: Bad child <${"string"==typeof e.type?e.type:e.type.name}>: all children of the component should be , and every should have a unique "value" prop.`)}))?.filter(Boolean)??[]}function p(e){const{values:t,children:n}=e;return(0,r.useMemo)((()=>{const e=t??function(e){return d(e).map((e=>{let{props:{value:t,label:n,attributes:r,default:a}}=e;return{value:t,label:n,attributes:r,default:a}}))}(n);return function(e){const t=(0,c.X)(e,((e,t)=>e.value===t.value));if(t.length>0)throw new Error(`Docusaurus error: Duplicate values "${t.map((e=>e.value)).join(", ")}" found in . Every value needs to be unique.`)}(e),e}),[t,n])}function h(e){let{value:t,tabValues:n}=e;return n.some((e=>e.value===t))}function m(e){let{queryString:t=!1,groupId:n}=e;const a=(0,l.W6)(),s=function(e){let{queryString:t=!1,groupId:n}=e;if("string"==typeof t)return t;if(!1===t)return null;if(!0===t&&!n)throw new Error('Docusaurus error: The component groupId prop is required if queryString=true, because this value is used as the search param name. You can also provide an explicit value such as queryString="my-search-param".');return n??null}({queryString:t,groupId:n});return[(0,o.aZ)(s),(0,r.useCallback)((e=>{if(!s)return;const t=new URLSearchParams(a.location.search);t.set(s,e),a.replace({...a.location,search:t.toString()})}),[s,a])]}function y(e){const{defaultValue:t,queryString:n=!1,groupId:a}=e,s=p(e),[l,o]=(0,r.useState)((()=>function(e){let{defaultValue:t,tabValues:n}=e;if(0===n.length)throw new Error("Docusaurus error: the component requires at least one children component");if(t){if(!h({value:t,tabValues:n}))throw new Error(`Docusaurus error: The has a defaultValue "${t}" but none of its children has the corresponding value. Available values are: ${n.map((e=>e.value)).join(", ")}. If you intend to show no default tab, use defaultValue={null} instead.`);return t}const r=n.find((e=>e.default))??n[0];if(!r)throw new Error("Unexpected error: 0 tabValues");return r.value}({defaultValue:t,tabValues:s}))),[c,d]=m({queryString:n,groupId:a}),[y,f]=function(e){let{groupId:t}=e;const n=function(e){return e?`docusaurus.tab.${e}`:null}(t),[a,s]=(0,u.Dv)(n);return[a,(0,r.useCallback)((e=>{n&&s.set(e)}),[n,s])]}({groupId:a}),b=(()=>{const e=c??y;return h({value:e,tabValues:s})?e:null})();(0,i.A)((()=>{b&&o(b)}),[b]);return{selectedValue:l,selectValue:(0,r.useCallback)((e=>{if(!h({value:e,tabValues:s}))throw new Error(`Can't select invalid tab value=${e}`);o(e),d(e),f(e)}),[d,f,s]),tabValues:s}}var f=n(2303);const b={tabList:"tabList__CuJ",tabItem:"tabItem_LNqP"};var g=n(4848);function v(e){let{className:t,block:n,selectedValue:r,selectValue:l,tabValues:i}=e;const o=[],{blockElementScrollPositionUntilNextRender:c}=(0,s.a_)(),u=e=>{const t=e.currentTarget,n=o.indexOf(t),a=i[n].value;a!==r&&(c(t),l(a))},d=e=>{let t=null;switch(e.key){case"Enter":u(e);break;case"ArrowRight":{const n=o.indexOf(e.currentTarget)+1;t=o[n]??o[0];break}case"ArrowLeft":{const n=o.indexOf(e.currentTarget)-1;t=o[n]??o[o.length-1];break}}t?.focus()};return(0,g.jsx)("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,a.A)("tabs",{"tabs--block":n},t),children:i.map((e=>{let{value:t,label:n,attributes:s}=e;return(0,g.jsx)("li",{role:"tab",tabIndex:r===t?0:-1,"aria-selected":r===t,ref:e=>o.push(e),onKeyDown:d,onClick:u,...s,className:(0,a.A)("tabs__item",b.tabItem,s?.className,{"tabs__item--active":r===t}),children:n??t},t)}))})}function x(e){let{lazy:t,children:n,selectedValue:a}=e;const s=(Array.isArray(n)?n:[n]).filter(Boolean);if(t){const e=s.find((e=>e.props.value===a));return e?(0,r.cloneElement)(e,{className:"margin-top--md"}):null}return(0,g.jsx)("div",{className:"margin-top--md",children:s.map(((e,t)=>(0,r.cloneElement)(e,{key:t,hidden:e.props.value!==a})))})}function j(e){const t=y(e);return(0,g.jsxs)("div",{className:(0,a.A)("tabs-container",b.tabList),children:[(0,g.jsx)(v,{...e,...t}),(0,g.jsx)(x,{...e,...t})]})}function w(e){const t=(0,f.A)();return(0,g.jsx)(j,{...e,children:d(e.children)},String(t))}},8453:(e,t,n)=>{n.d(t,{R:()=>l,x:()=>i});var r=n(6540);const a={},s=r.createContext(a);function l(e){const t=r.useContext(s);return r.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:l(e.components),r.createElement(s.Provider,{value:t},e.children)}}}]); \ No newline at end of file diff --git a/assets/js/runtime~main.01058979.js b/assets/js/runtime~main.b5421220.js similarity index 98% rename from assets/js/runtime~main.01058979.js rename to assets/js/runtime~main.b5421220.js index 1721a11..0443e23 100644 --- a/assets/js/runtime~main.01058979.js +++ b/assets/js/runtime~main.b5421220.js @@ -1 +1 @@ -(()=>{"use strict";var e,a,f,t,c,r={},b={};function d(e){var a=b[e];if(void 0!==a)return a.exports;var f=b[e]={id:e,loaded:!1,exports:{}};return r[e].call(f.exports,f,f.exports,d),f.loaded=!0,f.exports}d.m=r,d.c=b,e=[],d.O=(a,f,t,c)=>{if(!f){var r=1/0;for(i=0;i=c)&&Object.keys(d.O).every((e=>d.O[e](f[o])))?f.splice(o--,1):(b=!1,c0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[f,t,c]},d.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return d.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,d.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var c=Object.create(null);d.r(c);var r={};a=a||[null,f({}),f([]),f(f)];for(var b=2&t&&e;"object"==typeof b&&!~a.indexOf(b);b=f(b))Object.getOwnPropertyNames(b).forEach((a=>r[a]=()=>e[a]));return r.default=()=>e,d.d(c,r),c},d.d=(e,a)=>{for(var f in a)d.o(a,f)&&!d.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((a,f)=>(d.f[f](e,a),a)),[])),d.u=e=>"assets/js/"+({109:"490f117b",181:"8179186b",210:"d3412f58",287:"0012fc6f",322:"8e361a16",644:"6da8d679",664:"a0ae11a7",914:"1806c852",1109:"7f3f08e5",1138:"b240f726",1153:"b3b39bbe",1282:"d290f38e",1405:"ce6b1508",1580:"a5ee1a38",1958:"456f6c74",1972:"73664a40",2213:"93eabb04",2285:"c2cf6db2",2711:"9e4087bc",2762:"69dc3596",3249:"ccc49370",3471:"b9d8b179",3637:"489a8646",3694:"8717b14a",3824:"d18133cd",3854:"dfd14b97",4134:"393be207",4583:"1df93b7f",4656:"c84e8b96",4713:"3f77e242",4813:"6875c492",5049:"ecba3baa",5094:"70680c56",5104:"9d7ed022",5557:"d9f32620",6018:"f4f34a3a",6061:"1f391b9e",6532:"8bc1f667",6840:"e0acf095",6903:"f8409a7e",6969:"14eb3368",6985:"7c4bd0f8",7098:"a7bd4aaa",7316:"8b9508ed",7472:"814f3328",7643:"a6aa9e1f",7872:"26f20861",8136:"69d47c55",8209:"01a85c17",8401:"17896441",8581:"935f2afb",8609:"925b3f96",8737:"7661071f",8837:"329ec17f",9048:"a94703ab",9325:"59362658",9328:"e273c56f",9594:"0d8bbc11",9647:"5e95c892",9768:"2670b7fe",9851:"d80de2af"}[e]||e)+"."+{109:"fc1d6bb5",181:"c5c96ead",210:"2cb2b129",287:"927bde47",322:"20d9373b",644:"5eb72267",664:"3da77a24",914:"a43942bf",1109:"25bbbd82",1138:"1f80a8d4",1153:"5507198e",1282:"54e387d4",1405:"c3654b6c",1580:"6ddb625a",1958:"732ab452",1972:"86cad248",2213:"12347dce",2237:"9f327e60",2285:"1ad24996",2711:"dfabb06b",2762:"a3e63ae4",3249:"e7a3b8d3",3471:"64b37ac0",3637:"ed4a9756",3694:"2385bde0",3824:"ad65f7b1",3854:"38dd965b",4134:"8a4cb9d5",4583:"adc5a1dc",4656:"5e39846c",4713:"bcd96e96",4813:"ebebfc27",5049:"84206564",5094:"4196beca",5104:"fd70fef4",5533:"c717b762",5557:"43b98f4a",6018:"992b83c1",6061:"df3efc6a",6532:"0fbf2e4b",6840:"d09d6f56",6903:"2847af06",6969:"4279be9b",6985:"a7dac0fa",7098:"ad7f231a",7316:"baa8df25",7472:"57a737d2",7643:"249e747a",7872:"8558d24c",8136:"836867f7",8209:"deb72329",8401:"307e8fbe",8581:"3c76929f",8609:"0adf63ab",8737:"32410eeb",8747:"a256fe95",8837:"80651d03",9048:"4183e27f",9325:"7280a542",9328:"7049f874",9594:"67a601da",9647:"d2840d6b",9768:"491e7bfd",9851:"3ddc0956"}[e]+".js",d.miniCssF=e=>{},d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),t={},c="my-website:",d.l=(e,a,f,r)=>{if(t[e])t[e].push(a);else{var b,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{b.onerror=b.onload=null,clearTimeout(s);var c=t[e];if(delete t[e],b.parentNode&&b.parentNode.removeChild(b),c&&c.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=l.bind(null,b.onerror),b.onload=l.bind(null,b.onload),o&&document.head.appendChild(b)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.p="/react-native-styled-system/",d.gca=function(e){return e={17896441:"8401",59362658:"9325","490f117b":"109","8179186b":"181",d3412f58:"210","0012fc6f":"287","8e361a16":"322","6da8d679":"644",a0ae11a7:"664","1806c852":"914","7f3f08e5":"1109",b240f726:"1138",b3b39bbe:"1153",d290f38e:"1282",ce6b1508:"1405",a5ee1a38:"1580","456f6c74":"1958","73664a40":"1972","93eabb04":"2213",c2cf6db2:"2285","9e4087bc":"2711","69dc3596":"2762",ccc49370:"3249",b9d8b179:"3471","489a8646":"3637","8717b14a":"3694",d18133cd:"3824",dfd14b97:"3854","393be207":"4134","1df93b7f":"4583",c84e8b96:"4656","3f77e242":"4713","6875c492":"4813",ecba3baa:"5049","70680c56":"5094","9d7ed022":"5104",d9f32620:"5557",f4f34a3a:"6018","1f391b9e":"6061","8bc1f667":"6532",e0acf095:"6840",f8409a7e:"6903","14eb3368":"6969","7c4bd0f8":"6985",a7bd4aaa:"7098","8b9508ed":"7316","814f3328":"7472",a6aa9e1f:"7643","26f20861":"7872","69d47c55":"8136","01a85c17":"8209","935f2afb":"8581","925b3f96":"8609","7661071f":"8737","329ec17f":"8837",a94703ab:"9048",e273c56f:"9328","0d8bbc11":"9594","5e95c892":"9647","2670b7fe":"9768",d80de2af:"9851"}[e]||e,d.p+d.u(e)},(()=>{var e={5354:0,1869:0};d.f.j=(a,f)=>{var t=d.o(e,a)?e[a]:void 0;if(0!==t)if(t)f.push(t[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var c=new Promise(((f,c)=>t=e[a]=[f,c]));f.push(t[2]=c);var r=d.p+d.u(a),b=new Error;d.l(r,(f=>{if(d.o(e,a)&&(0!==(t=e[a])&&(e[a]=void 0),t)){var c=f&&("load"===f.type?"missing":f.type),r=f&&f.target&&f.target.src;b.message="Loading chunk "+a+" failed.\n("+c+": "+r+")",b.name="ChunkLoadError",b.type=c,b.request=r,t[1](b)}}),"chunk-"+a,a)}},d.O.j=a=>0===e[a];var a=(a,f)=>{var t,c,r=f[0],b=f[1],o=f[2],n=0;if(r.some((a=>0!==e[a]))){for(t in b)d.o(b,t)&&(d.m[t]=b[t]);if(o)var i=o(d)}for(a&&a(f);n{"use strict";var e,a,f,t,c,r={},b={};function d(e){var a=b[e];if(void 0!==a)return a.exports;var f=b[e]={id:e,loaded:!1,exports:{}};return r[e].call(f.exports,f,f.exports,d),f.loaded=!0,f.exports}d.m=r,d.c=b,e=[],d.O=(a,f,t,c)=>{if(!f){var r=1/0;for(i=0;i=c)&&Object.keys(d.O).every((e=>d.O[e](f[o])))?f.splice(o--,1):(b=!1,c0&&e[i-1][2]>c;i--)e[i]=e[i-1];e[i]=[f,t,c]},d.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return d.d(a,{a:a}),a},f=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,d.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var c=Object.create(null);d.r(c);var r={};a=a||[null,f({}),f([]),f(f)];for(var b=2&t&&e;"object"==typeof b&&!~a.indexOf(b);b=f(b))Object.getOwnPropertyNames(b).forEach((a=>r[a]=()=>e[a]));return r.default=()=>e,d.d(c,r),c},d.d=(e,a)=>{for(var f in a)d.o(a,f)&&!d.o(e,f)&&Object.defineProperty(e,f,{enumerable:!0,get:a[f]})},d.f={},d.e=e=>Promise.all(Object.keys(d.f).reduce(((a,f)=>(d.f[f](e,a),a)),[])),d.u=e=>"assets/js/"+({109:"490f117b",181:"8179186b",210:"d3412f58",287:"0012fc6f",322:"8e361a16",644:"6da8d679",664:"a0ae11a7",914:"1806c852",1109:"7f3f08e5",1138:"b240f726",1153:"b3b39bbe",1282:"d290f38e",1405:"ce6b1508",1580:"a5ee1a38",1958:"456f6c74",1972:"73664a40",2213:"93eabb04",2285:"c2cf6db2",2711:"9e4087bc",2762:"69dc3596",3249:"ccc49370",3471:"b9d8b179",3637:"489a8646",3694:"8717b14a",3824:"d18133cd",3854:"dfd14b97",4134:"393be207",4583:"1df93b7f",4656:"c84e8b96",4713:"3f77e242",4813:"6875c492",5049:"ecba3baa",5094:"70680c56",5104:"9d7ed022",5557:"d9f32620",6018:"f4f34a3a",6061:"1f391b9e",6532:"8bc1f667",6840:"e0acf095",6903:"f8409a7e",6969:"14eb3368",6985:"7c4bd0f8",7098:"a7bd4aaa",7316:"8b9508ed",7472:"814f3328",7643:"a6aa9e1f",7872:"26f20861",8136:"69d47c55",8209:"01a85c17",8401:"17896441",8581:"935f2afb",8609:"925b3f96",8737:"7661071f",8837:"329ec17f",9048:"a94703ab",9325:"59362658",9328:"e273c56f",9594:"0d8bbc11",9647:"5e95c892",9768:"2670b7fe",9851:"d80de2af"}[e]||e)+"."+{109:"fc1d6bb5",181:"c5c96ead",210:"2cb2b129",287:"927bde47",322:"20d9373b",644:"5eb72267",664:"3da77a24",914:"a43942bf",1109:"25bbbd82",1138:"1f80a8d4",1153:"5507198e",1282:"54e387d4",1405:"c3654b6c",1580:"6ddb625a",1958:"732ab452",1972:"86cad248",2213:"12347dce",2237:"9f327e60",2285:"1ad24996",2711:"dfabb06b",2762:"a3e63ae4",3249:"e7a3b8d3",3471:"64b37ac0",3637:"ed4a9756",3694:"2385bde0",3824:"ad65f7b1",3854:"38dd965b",4134:"8a4cb9d5",4583:"adc5a1dc",4656:"5e39846c",4713:"bcd96e96",4813:"ebebfc27",5049:"84206564",5094:"4196beca",5104:"ae8c4c3c",5533:"c717b762",5557:"43b98f4a",6018:"992b83c1",6061:"df3efc6a",6532:"0fbf2e4b",6840:"d09d6f56",6903:"2847af06",6969:"4279be9b",6985:"a7dac0fa",7098:"ad7f231a",7316:"baa8df25",7472:"57a737d2",7643:"249e747a",7872:"8558d24c",8136:"836867f7",8209:"deb72329",8401:"307e8fbe",8581:"3c76929f",8609:"0adf63ab",8737:"32410eeb",8747:"a256fe95",8837:"80651d03",9048:"4183e27f",9325:"7280a542",9328:"7049f874",9594:"67a601da",9647:"d2840d6b",9768:"491e7bfd",9851:"3ddc0956"}[e]+".js",d.miniCssF=e=>{},d.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),d.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),t={},c="my-website:",d.l=(e,a,f,r)=>{if(t[e])t[e].push(a);else{var b,o;if(void 0!==f)for(var n=document.getElementsByTagName("script"),i=0;i{b.onerror=b.onload=null,clearTimeout(s);var c=t[e];if(delete t[e],b.parentNode&&b.parentNode.removeChild(b),c&&c.forEach((e=>e(f))),a)return a(f)},s=setTimeout(l.bind(null,void 0,{type:"timeout",target:b}),12e4);b.onerror=l.bind(null,b.onerror),b.onload=l.bind(null,b.onload),o&&document.head.appendChild(b)}},d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},d.p="/react-native-styled-system/",d.gca=function(e){return e={17896441:"8401",59362658:"9325","490f117b":"109","8179186b":"181",d3412f58:"210","0012fc6f":"287","8e361a16":"322","6da8d679":"644",a0ae11a7:"664","1806c852":"914","7f3f08e5":"1109",b240f726:"1138",b3b39bbe:"1153",d290f38e:"1282",ce6b1508:"1405",a5ee1a38:"1580","456f6c74":"1958","73664a40":"1972","93eabb04":"2213",c2cf6db2:"2285","9e4087bc":"2711","69dc3596":"2762",ccc49370:"3249",b9d8b179:"3471","489a8646":"3637","8717b14a":"3694",d18133cd:"3824",dfd14b97:"3854","393be207":"4134","1df93b7f":"4583",c84e8b96:"4656","3f77e242":"4713","6875c492":"4813",ecba3baa:"5049","70680c56":"5094","9d7ed022":"5104",d9f32620:"5557",f4f34a3a:"6018","1f391b9e":"6061","8bc1f667":"6532",e0acf095:"6840",f8409a7e:"6903","14eb3368":"6969","7c4bd0f8":"6985",a7bd4aaa:"7098","8b9508ed":"7316","814f3328":"7472",a6aa9e1f:"7643","26f20861":"7872","69d47c55":"8136","01a85c17":"8209","935f2afb":"8581","925b3f96":"8609","7661071f":"8737","329ec17f":"8837",a94703ab:"9048",e273c56f:"9328","0d8bbc11":"9594","5e95c892":"9647","2670b7fe":"9768",d80de2af:"9851"}[e]||e,d.p+d.u(e)},(()=>{var e={5354:0,1869:0};d.f.j=(a,f)=>{var t=d.o(e,a)?e[a]:void 0;if(0!==t)if(t)f.push(t[2]);else if(/^(1869|5354)$/.test(a))e[a]=0;else{var c=new Promise(((f,c)=>t=e[a]=[f,c]));f.push(t[2]=c);var r=d.p+d.u(a),b=new Error;d.l(r,(f=>{if(d.o(e,a)&&(0!==(t=e[a])&&(e[a]=void 0),t)){var c=f&&("load"===f.type?"missing":f.type),r=f&&f.target&&f.target.src;b.message="Loading chunk "+a+" failed.\n("+c+": "+r+")",b.name="ChunkLoadError",b.type=c,b.request=r,t[1](b)}}),"chunk-"+a,a)}},d.O.j=a=>0===e[a];var a=(a,f)=>{var t,c,r=f[0],b=f[1],o=f[2],n=0;if(r.some((a=>0!==e[a]))){for(t in b)d.o(b,t)&&(d.m[t]=b[t]);if(o)var i=o(d)}for(a&&a(f);n Archive | React Native Styled System - + diff --git a/blog/first-blog-post/index.html b/blog/first-blog-post/index.html index 31b256f..e443bea 100644 --- a/blog/first-blog-post/index.html +++ b/blog/first-blog-post/index.html @@ -5,7 +5,7 @@ First Blog Post | React Native Styled System - + diff --git a/blog/index.html b/blog/index.html index b92d814..dbb2880 100644 --- a/blog/index.html +++ b/blog/index.html @@ -5,7 +5,7 @@ Blog | React Native Styled System - + diff --git a/blog/long-blog-post/index.html b/blog/long-blog-post/index.html index 845e21c..22ab8c9 100644 --- a/blog/long-blog-post/index.html +++ b/blog/long-blog-post/index.html @@ -5,7 +5,7 @@ Long Blog Post | React Native Styled System - + diff --git a/blog/mdx-blog-post/index.html b/blog/mdx-blog-post/index.html index f3e9948..a4bbfb8 100644 --- a/blog/mdx-blog-post/index.html +++ b/blog/mdx-blog-post/index.html @@ -5,7 +5,7 @@ MDX Blog Post | React Native Styled System - + diff --git a/blog/tags/docusaurus/index.html b/blog/tags/docusaurus/index.html index 165f92c..c54044f 100644 --- a/blog/tags/docusaurus/index.html +++ b/blog/tags/docusaurus/index.html @@ -5,7 +5,7 @@ 4 posts tagged with "docusaurus" | React Native Styled System - + diff --git a/blog/tags/facebook/index.html b/blog/tags/facebook/index.html index ac7f6f9..50e848a 100644 --- a/blog/tags/facebook/index.html +++ b/blog/tags/facebook/index.html @@ -5,7 +5,7 @@ One post tagged with "facebook" | React Native Styled System - + diff --git a/blog/tags/hello/index.html b/blog/tags/hello/index.html index d8a0756..ea3a27a 100644 --- a/blog/tags/hello/index.html +++ b/blog/tags/hello/index.html @@ -5,7 +5,7 @@ 2 posts tagged with "hello" | React Native Styled System - + diff --git a/blog/tags/hola/index.html b/blog/tags/hola/index.html index 3f2efe6..6cb071e 100644 --- a/blog/tags/hola/index.html +++ b/blog/tags/hola/index.html @@ -5,7 +5,7 @@ One post tagged with "hola" | React Native Styled System - + diff --git a/blog/tags/index.html b/blog/tags/index.html index 5ba5dd8..c305e68 100644 --- a/blog/tags/index.html +++ b/blog/tags/index.html @@ -5,7 +5,7 @@ Tags | React Native Styled System - + diff --git a/blog/welcome/index.html b/blog/welcome/index.html index 4d7b53e..3bfad5f 100644 --- a/blog/welcome/index.html +++ b/blog/welcome/index.html @@ -5,7 +5,7 @@ Welcome | React Native Styled System - + diff --git a/docs/advanced/get-token-value/index.html b/docs/advanced/get-token-value/index.html index f24224e..9718ea5 100644 --- a/docs/advanced/get-token-value/index.html +++ b/docs/advanced/get-token-value/index.html @@ -5,7 +5,7 @@ Get token value with useSxTokens | React Native Styled System - + diff --git a/docs/advanced/global-theme-value/index.html b/docs/advanced/global-theme-value/index.html index 4675882..a15156c 100644 --- a/docs/advanced/global-theme-value/index.html +++ b/docs/advanced/global-theme-value/index.html @@ -5,7 +5,7 @@ Get Theme value in global | React Native Styled System - + diff --git a/docs/api-references/useSx/index.html b/docs/api-references/useSx/index.html index a8528fa..6b241a9 100644 --- a/docs/api-references/useSx/index.html +++ b/docs/api-references/useSx/index.html @@ -5,7 +5,7 @@ useSx | React Native Styled System - + diff --git a/docs/api-references/useSxStyle/index.html b/docs/api-references/useSxStyle/index.html index 6a8c981..95addd8 100644 --- a/docs/api-references/useSxStyle/index.html +++ b/docs/api-references/useSxStyle/index.html @@ -5,7 +5,7 @@ useSxStyle | React Native Styled System - + diff --git a/docs/api-references/useSxTokens/index.html b/docs/api-references/useSxTokens/index.html index 5374609..679961a 100644 --- a/docs/api-references/useSxTokens/index.html +++ b/docs/api-references/useSxTokens/index.html @@ -5,7 +5,7 @@ useSxTokens | React Native Styled System - + diff --git a/docs/category/advanced/index.html b/docs/category/advanced/index.html index 147dcb8..0f36129 100644 --- a/docs/category/advanced/index.html +++ b/docs/category/advanced/index.html @@ -5,7 +5,7 @@ Advanced | React Native Styled System - + diff --git a/docs/category/api/index.html b/docs/category/api/index.html index 3be1b84..079b911 100644 --- a/docs/category/api/index.html +++ b/docs/category/api/index.html @@ -5,7 +5,7 @@ API | React Native Styled System - + diff --git a/docs/category/example-components/index.html b/docs/category/example-components/index.html index 43c30f6..7454981 100644 --- a/docs/category/example-components/index.html +++ b/docs/category/example-components/index.html @@ -5,7 +5,7 @@ Example Components | React Native Styled System - + diff --git a/docs/category/references/index.html b/docs/category/references/index.html index cf3860b..4034df2 100644 --- a/docs/category/references/index.html +++ b/docs/category/references/index.html @@ -5,7 +5,7 @@ References | React Native Styled System - + diff --git a/docs/category/usage/index.html b/docs/category/usage/index.html index 28745e5..ae90638 100644 --- a/docs/category/usage/index.html +++ b/docs/category/usage/index.html @@ -5,7 +5,7 @@ Usage | React Native Styled System - + diff --git a/docs/example-components/styled-button/index.html b/docs/example-components/styled-button/index.html index 88b3abd..a91139e 100644 --- a/docs/example-components/styled-button/index.html +++ b/docs/example-components/styled-button/index.html @@ -5,7 +5,7 @@ StyledButton | React Native Styled System - + diff --git a/docs/example-components/styled-image/index.html b/docs/example-components/styled-image/index.html index ac24890..17cb1a8 100644 --- a/docs/example-components/styled-image/index.html +++ b/docs/example-components/styled-image/index.html @@ -5,7 +5,7 @@ StyledImage | React Native Styled System - + diff --git a/docs/example-components/styled-scroll-view/index.html b/docs/example-components/styled-scroll-view/index.html index 861f57e..b388f67 100644 --- a/docs/example-components/styled-scroll-view/index.html +++ b/docs/example-components/styled-scroll-view/index.html @@ -5,7 +5,7 @@ StyledScrollView | React Native Styled System - + diff --git a/docs/example-components/styled-view/index.html b/docs/example-components/styled-view/index.html index 5c17d7e..221f0f2 100644 --- a/docs/example-components/styled-view/index.html +++ b/docs/example-components/styled-view/index.html @@ -5,7 +5,7 @@ StyledView | React Native Styled System - + diff --git a/docs/example-components/txt/index.html b/docs/example-components/txt/index.html index 54c08c6..4f88e94 100644 --- a/docs/example-components/txt/index.html +++ b/docs/example-components/txt/index.html @@ -5,7 +5,7 @@ Txt | React Native Styled System - + diff --git a/docs/intro/index.html b/docs/intro/index.html index 84c2f41..bd66835 100644 --- a/docs/intro/index.html +++ b/docs/intro/index.html @@ -5,7 +5,7 @@ Getting Started | React Native Styled System - + diff --git a/docs/references/sx-props/index.html b/docs/references/sx-props/index.html index bfc04a8..ee15b86 100644 --- a/docs/references/sx-props/index.html +++ b/docs/references/sx-props/index.html @@ -5,7 +5,7 @@ SxProps References | React Native Styled System - + diff --git a/docs/references/token/index.html b/docs/references/token/index.html index 91dbc83..33b4124 100644 --- a/docs/references/token/index.html +++ b/docs/references/token/index.html @@ -5,7 +5,7 @@ Theme Token References | React Native Styled System - + diff --git a/docs/usage/component/index.html b/docs/usage/component/index.html index 57c30a3..b12199c 100644 --- a/docs/usage/component/index.html +++ b/docs/usage/component/index.html @@ -5,7 +5,7 @@ Component | React Native Styled System - + diff --git a/docs/usage/configuration/index.html b/docs/usage/configuration/index.html index c39170c..817cd91 100644 --- a/docs/usage/configuration/index.html +++ b/docs/usage/configuration/index.html @@ -5,7 +5,7 @@ Configuration | React Native Styled System - + diff --git a/docs/usage/install/index.html b/docs/usage/install/index.html index 65f6a4c..62e7521 100644 --- a/docs/usage/install/index.html +++ b/docs/usage/install/index.html @@ -5,7 +5,7 @@ Installiation | React Native Styled System - + diff --git a/docs/usage/style-parsing/index.html b/docs/usage/style-parsing/index.html index 160225f..c7139da 100644 --- a/docs/usage/style-parsing/index.html +++ b/docs/usage/style-parsing/index.html @@ -5,7 +5,7 @@ Pass styles and parsing priorities | React Native Styled System - + diff --git a/docs/usage/text/index.html b/docs/usage/text/index.html index fbb45da..a457528 100644 --- a/docs/usage/text/index.html +++ b/docs/usage/text/index.html @@ -5,7 +5,7 @@ Text & Typography | React Native Styled System - + diff --git a/docs/usage/typescript/index.html b/docs/usage/typescript/index.html index 3b60aa8..9375938 100644 --- a/docs/usage/typescript/index.html +++ b/docs/usage/typescript/index.html @@ -5,7 +5,7 @@ TypeScript | React Native Styled System - + @@ -14,7 +14,7 @@

Please enter the path to the module where ThemedDict is default exported as an argument to the command.

@react-native-styled-system/core src/AppTheme.ts

More convenient use is possible with scripts in package.json.

-
package.json
{
  ...
  "scripts": {
    "theme:gen": "@react-native-styled-system/core src/AppTheme.ts"
  }
}
+
package.json
{
  /* ... */
  "scripts": {
    "theme:gen": "generate-theme-type src/AppTheme.ts"
  }
}
npm run theme:gen
tip

When changing the version of a package or installing a new one, you must always execute the type creation command.

We recommend using the postinstall script so that it can operate without problems in CI as follows.

package.json
{
  "postinstall": "yarn theme:gen"
}

How it works​

diff --git a/index.html b/index.html index 64b710d..a44a117 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ React Native Styled System | React Native Styled System - + diff --git a/markdown-page/index.html b/markdown-page/index.html index ab8cce9..795e77d 100644 --- a/markdown-page/index.html +++ b/markdown-page/index.html @@ -5,7 +5,7 @@ Markdown page example | React Native Styled System - +