diff --git a/app-e3c6a9bb59d9376b56d3.js b/app-44c29b6f840b02f4e2f3.js similarity index 72% rename from app-e3c6a9bb59d9376b56d3.js rename to app-44c29b6f840b02f4e2f3.js index f13375342e..a1a7198c8b 100644 --- a/app-e3c6a9bb59d9376b56d3.js +++ b/app-44c29b6f840b02f4e2f3.js @@ -1,3 +1,3 @@ -/*! For license information please see app-e3c6a9bb59d9376b56d3.js.LICENSE.txt */ -(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{"++Ef":function(e,n,t){var a=t("Csdp")();a.addRange(3585,3642).addRange(3648,3675),e.exports=a},"++Li":function(e,n,t){var a=t("Csdp")(11647);a.addRange(11568,11623).addRange(11631,11632),e.exports=a},"+0U5":function(e,n,t){var a=t("uvBr"),r=t("VEtJ");e.exports=function(e){return!(!a(e)||!r(window)||"function"!=typeof window.Node)&&("number"==typeof e.nodeType&&"string"==typeof e.nodeName)}},"+9R5":function(e,n,t){var a=t("Csdp")();a.addRange(67968,67999),e.exports=a},"+Am3":function(e,n,t){var a=t("T/ei"),r=t("57ZD"),d=t("Pcn1"),o=t("DLGp"),i=t("EHJh").CONFIGURABLE,c=t("WQgc"),l=t("8eYF"),s=l.enforce,u=l.get,g=Object.defineProperty,p=o&&!a((function(){return 8!==g((function(){}),"length",{value:8}).length})),f=String(String).split("String"),m=e.exports=function(e,n,t){"Symbol("===String(n).slice(0,7)&&(n="["+String(n).replace(/^Symbol\(([^)]*)\)/,"$1")+"]"),t&&t.getter&&(n="get "+n),t&&t.setter&&(n="set "+n),(!d(e,"name")||i&&e.name!==n)&&g(e,"name",{value:n,configurable:!0}),p&&t&&d(t,"arity")&&e.length!==t.arity&&g(e,"length",{value:t.arity});try{t&&d(t,"constructor")&&t.constructor?o&&g(e,"prototype",{writable:!1}):e.prototype&&(e.prototype=void 0)}catch(r){}var a=s(e);return d(a,"source")||(a.source=f.join("string"==typeof n?n:"")),e};Function.prototype.toString=m((function(){return r(this)&&u(this).source||c(this)}),"toString")},"+C2r":function(e,n,t){var a=t("Csdp")();a.addRange(67680,67711),e.exports=a},"+Cy5":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M102.162 128.309C102.611 128.39 103.058 128.486 103.501 128.607C109.96 130.346 113.097 134.077 114.59 136.899C115.519 138.654 115.943 140.273 116.137 141.361C117.07 140.982 118.485 140.455 120.198 139.971C120.171 137.157 121.92 119.618 132.226 105.608C141.75 92.6623 155.56 86.2703 173.26 86.6206C192.16 86.9937 206.134 95.8847 213.674 112.332C218.851 123.628 219.504 135.235 219.579 138.718C223.514 139.031 226.944 140.512 228.652 141.378C229.422 138.75 231.858 132.861 238.537 130.272C237.083 119.997 233.531 105.445 224.881 92.9835C214.386 77.8653 198.978 69.4883 179.085 68.0862C177.636 67.984 176.164 67.9176 174.711 67.8895C163.136 67.6637 152.625 69.484 143.461 73.2955L141.364 74.2161C141.36 74.2175 141.358 74.2194 141.355 74.2209C115.009 86.3328 105.519 112.876 102.162 128.309Z",fill:"#FEB1A7",key:0}),a.createElement("path",{d:"M266.133 209.402C253.407 227.848 235.367 235.985 222.408 239.56C208.446 243.411 197.567 242.951 196.816 242.914H81.5891C74.7189 242.914 72.1656 242.332 69.6966 241.769C67.8231 241.342 66.0532 240.938 62.3018 240.864C56.5232 240.751 53.3662 241.839 51.059 242.636C49.8972 243.037 48.8691 243.391 47.858 243.391C47.0237 243.391 46.2015 243.15 45.325 242.493C44.0915 241.568 43.9655 240.478 44.077 239.726C44.6492 235.87 53.4079 231.389 60.7349 228.723C67.8362 226.142 76.5716 225.491 84.9534 225.173C87.342 225.077 89.7766 225.014 92.1307 224.953L93.8677 224.899C95.0145 224.864 96.1554 224.829 97.2872 224.79C101.658 224.632 112.25 223.709 128.772 222.047C128.351 220.773 127.502 217.636 125.609 209.402H52.6322L3.96118 268.336H167.427C167.486 268.336 167.543 268.343 167.599 268.353C167.655 268.343 167.712 268.336 167.771 268.336H331.238L282.567 209.402H266.133Z",fill:"#F6F6F7",key:1}),a.createElement("path",{d:"M267.587 48.5421L279.847 67.687C280.096 68.0751 280.037 68.5847 279.705 68.9055C279.375 69.2262 278.863 69.2698 278.483 69.0087L260.07 56.3784L258.939 61.6855C275.81 81.3372 286.775 107.558 289.844 135.608C292.541 138.673 293.225 142.205 293.351 144.443C295.985 142.413 301.338 138.995 306.766 139.687C303.619 105.082 289.983 71.7984 269.25 48.141L267.587 48.5421Z",fill:"#F6F6F7",key:2}),a.createElement("path",{d:"M201.227 29.4438C201.19 29.516 201.145 29.5857 201.087 29.6487C196.7 34.4384 196.347 45.2136 196.328 47.9079C218.761 52.3149 236.478 64.5974 248.989 84.4384C252.561 90.1027 255.425 95.9752 257.728 101.712C262.391 109.051 270.902 123.034 273.019 130.491C275.396 129.936 277.91 129.932 280.509 130.504C283.33 131.126 285.721 132.167 287.659 133.604C284.376 107.31 274.065 82.7839 258.428 64.0809L255.245 79.0169C255.15 79.4646 254.754 79.7839 254.298 79.7839H254.283C253.819 79.7766 253.426 79.4428 253.344 78.9869L249.12 55.5993L232.474 63.3895C232.073 63.578 231.594 63.4685 231.314 63.1245C231.033 62.781 231.021 62.2902 231.286 61.9341L241.583 48.0659C239.364 47.5397 234.907 46.4806 230.855 45.5029C228.633 44.967 226.534 44.4554 224.99 44.0702C224.213 43.8759 223.576 43.7132 223.134 43.5954C222.365 43.39 221.64 43.1962 221.739 42.3401C221.794 41.8701 222.194 41.5082 222.662 41.4816C222.877 41.452 223.993 41.2257 229.436 39.9002C220.717 35.0586 211.243 31.5479 201.227 29.4438Z",fill:"#D8365D",key:3}),a.createElement("path",{d:"M243.437 38.0586C243.315 38.3299 243.076 38.53 242.788 38.6022C242.788 38.6022 237.417 39.9447 232.26 41.2054C229.903 41.7834 228.14 42.2112 226.819 42.5266C230.657 43.4709 236.842 44.952 242.607 46.3168C243.148 46.4476 243.455 46.5194 243.457 46.5198C243.774 46.5944 244.033 46.8231 244.145 47.1288C244.258 47.4346 244.209 47.7766 244.016 48.0387L243.798 48.3343L235.131 60.0067L249.439 53.3105C249.569 53.2495 249.709 53.2194 249.849 53.2194C250.002 53.2194 250.155 53.2558 250.295 53.328C250.562 53.4661 250.75 53.7204 250.803 54.0164L254.376 73.7984L258.475 54.5581C258.543 54.2417 258.764 53.9801 259.064 53.8599C259.364 53.7403 259.705 53.7781 259.971 53.9607L275.637 64.7064L265.22 48.4413C265.051 48.1773 265.02 47.8483 265.138 47.5571C265.254 47.2664 265.505 47.0504 265.81 46.9767L282.001 43.0697L265.779 38.5964C265.473 38.5121 265.228 38.2834 265.123 37.9845C265.017 37.6851 265.065 37.3537 265.25 37.0964C268.835 32.1138 274.134 24.6003 276.578 20.8212C272.744 22.8517 265.256 27.1405 260.255 30.0591C259.986 30.2161 259.657 30.2345 259.372 30.107C259.087 29.9796 258.88 29.7224 258.818 29.4166C257.167 21.3551 255.179 12.5106 254.045 8.59446C252.767 13.4496 250.454 25.1652 250.126 27.6414C250.11 27.7471 250.102 27.8105 250.1 27.8483C250.1 28.1918 249.918 28.5 249.623 28.6739C249.483 28.7563 249.328 28.795 249.172 28.7994C249.169 28.8319 249.166 28.8658 249.166 28.8832L248.99 28.7829C248.877 28.7645 248.764 28.7335 248.66 28.6758L234.942 21.0455L243.411 37.2122C243.549 37.4757 243.559 37.7873 243.437 38.0586Z",fill:"#FF874E",key:4}),a.createElement("path",{d:"M244.851 129.039C255.714 128.719 259.655 136.065 261.009 140.118C261.782 138.808 262.939 137.118 264.511 135.494C264.452 135.388 264.41 135.27 264.393 135.143C262.998 124.474 258.928 103.834 247.35 85.4728C234.973 65.8449 217.389 53.7882 195.085 49.6371C190.816 48.8391 186.321 48.3343 181.712 48.1259C181.686 48.2466 181.636 48.3643 181.562 48.4719C178.539 52.8188 179.755 63.8144 180.066 66.2223C200.164 67.8444 215.777 76.4699 226.473 91.8783C235.243 104.512 238.894 119.195 240.408 129.661C241.8 129.297 243.286 129.084 244.851 129.039Z",fill:"#FF4237",key:5}),a.createElement("path",{d:"M249.174 28.7995C249.112 28.8009 249.052 28.7931 248.991 28.7829L249.168 28.8836C249.168 28.8661 249.171 28.8321 249.174 28.7995Z",fill:"#F6F6F7",key:6}),a.createElement("path",{d:"M156.6 22.2141C159.338 23.6676 161.996 24.2127 163.755 24.5736C165.062 24.8415 165.875 25.0135 166.331 25.4656C169.917 25.219 173.604 25.0896 177.307 25.0896C185.379 25.0896 193.25 25.8508 200.701 27.3517C211.945 29.6109 222.531 33.6085 232.177 39.2306C235.729 38.3614 239.319 37.4699 241.124 37.0203L231.901 19.4162C215.73 11.5964 197.636 7.62353 178.097 7.62353C166.924 7.62353 156.069 8.63709 145.79 10.6143C146.52 11.4729 147.249 12.3372 147.962 13.187C151.262 17.1206 154.674 21.188 156.6 22.2141Z",fill:"#F6F6F7",key:7}),a.createElement("path",{d:"M211.728 195.082C211.753 194.877 211.841 194.679 211.999 194.521C212.001 194.517 212.026 194.491 212.064 194.446C212.39 194.029 214.021 191.561 212.01 186.442C209.794 180.792 203.85 180.891 203.595 180.898C203.263 180.915 202.938 180.74 202.753 180.456C202.57 180.172 202.546 179.813 202.692 179.509C202.8 179.283 205.3 173.916 201.742 170.358C198.291 166.907 193.625 170.303 193.428 170.449C193.152 170.654 192.787 170.699 192.471 170.564C192.155 170.43 191.932 170.139 191.888 169.797C191.826 169.355 191.155 165.436 186.965 165.621C184.674 165.722 183.036 166.788 182.095 168.79C181.583 169.881 181.393 170.988 181.321 171.688C182.879 172.575 186.272 175.723 195.051 185.435C200.55 191.517 205.938 197.747 207.358 199.394C208.948 197.996 210.413 196.551 211.728 195.082Z",fill:"#D8365D",key:8}),a.createElement("path",{d:"M187.803 211.483C191.237 209.95 194.46 208.288 197.413 206.529C195.971 205.38 192.8 202.096 185.032 192.982C184.966 193.036 184.896 193.086 184.815 193.123C184.661 193.193 181.038 194.913 182.152 198.816C183.232 202.585 185.267 202.251 185.353 202.237C185.69 202.173 186.045 202.292 186.27 202.549C186.495 202.806 186.579 203.16 186.473 203.485C186.457 203.537 184.827 208.735 187.803 211.483Z",fill:"#D8365D",key:9}),a.createElement("path",{d:"M185.914 212.303C183.641 209.646 183.958 205.975 184.33 204.093C184.069 204.035 183.785 203.945 183.49 203.806C182.016 203.114 180.939 201.614 180.29 199.348C179.083 195.122 181.9 192.439 183.759 191.484C181.14 188.394 176.249 182.555 174.648 180.183C173.892 180.47 168.535 182.472 165.992 182.497C166.029 183.117 166.764 184.678 167.662 185.998C167.89 186.333 167.885 186.776 167.65 187.106C167.595 187.182 162.24 194.77 163.688 199.72C164.037 200.921 165.483 203.155 170.383 206.981C171.644 207.972 173.055 209.001 174.7 210.128C177.421 211.99 180.335 213.817 181.014 214.239C182.672 213.63 184.311 212.982 185.914 212.303Z",fill:"#FE874F",key:10}),a.createElement("path",{d:"M97.3563 226.726C96.2206 226.766 95.0772 226.801 93.9275 226.836L93.2739 226.856C93.2982 229.122 93.4532 238.691 93.4905 240.976H168.852V219.77C167.844 219.88 166.163 220.064 163.971 220.301C157.107 221.046 143.581 222.498 130.122 223.858C112.895 225.598 101.871 226.563 97.3563 226.726Z",fill:"#FE874F",key:11}),a.createElement("path",{d:"M130.757 221.846C143.288 220.577 155.751 219.243 162.724 218.488C162.422 217.121 162.058 215.414 161.886 214.42C160.008 214.574 158.439 214.639 157.131 214.639C151.99 214.639 150.834 213.656 150.385 213.275C149.5 212.526 148.687 210.868 147.828 208.057C145.461 200.342 143.685 186.821 143.559 185.846C143.524 185.664 143.49 185.332 143.403 184.478C142.174 172.383 140.71 169.041 139.7 168.367C139.325 168.116 138.736 168.177 138.308 168.273C137.82 168.374 137.266 168.581 136.644 168.892C133.183 170.625 129.128 174.787 128.511 176.747C128.248 177.577 128.319 178.625 129.066 179.099C130.199 179.817 132.89 179.213 137.045 175.362C137.071 175.335 137.127 175.284 137.184 175.233C137.58 174.873 138.198 174.899 138.557 175.295C138.787 175.548 138.858 175.888 138.777 176.194L140.475 184.503C140.667 185.44 140.482 186.397 139.953 187.196C139.425 187.995 138.618 188.54 137.68 188.733L134.301 189.423L124.967 197.69C125.633 200.714 126.463 204.447 127.291 208.066C129.756 218.838 130.523 221.302 130.757 221.846Z",fill:"#FE874F",key:12}),a.createElement("path",{d:"M83.7347 136.71C84.586 135.644 85.819 134.261 87.3936 132.909C91.3922 129.478 95.8122 127.815 100.23 128.072C102.951 115.462 109.711 95.4612 126.225 81.5528C122.634 78.6017 118.343 73.4932 113.98 66.9743C91.1582 84.4137 81.727 109.96 77.8428 128.6C81.5778 130.704 83.1122 134.326 83.7347 136.71Z",fill:"#FF4237",key:13}),a.createElement("path",{d:"M122.189 175.277C122.058 175.339 121.916 175.37 121.773 175.37C121.624 175.37 121.476 175.336 121.34 175.268L115.865 172.531C115.387 172.292 115.193 171.71 115.432 171.231C115.671 170.752 116.254 170.559 116.732 170.797L121.098 172.98L124.757 156.579C124.874 156.057 125.393 155.731 125.914 155.844C126.436 155.961 126.765 156.479 126.648 157.001L122.719 174.612C122.654 174.903 122.459 175.148 122.189 175.277ZM138.337 186.127C138.579 185.76 138.664 185.321 138.576 184.892L137.139 177.859C132.059 182.114 129.276 181.527 128.029 180.735C126.627 179.847 126.078 178.009 126.663 176.163C127.431 173.725 131.496 169.599 135.038 167.559C135.031 167.533 135.02 167.51 135.015 167.483L131.231 148.97C131.142 148.54 130.891 148.168 130.524 147.925C130.157 147.682 129.718 147.598 129.289 147.686L107.108 152.22C106.675 152.31 106.303 152.56 106.061 152.927C105.819 153.293 105.735 153.732 105.823 154.163L113.169 190.084C113.256 190.516 113.506 190.886 113.873 191.129C114.24 191.373 114.68 191.457 115.11 191.369L137.291 186.834C137.722 186.746 138.094 186.494 138.337 186.127Z",fill:"#FEB1A7",key:14}),a.createElement("path",{d:"M129.248 35.0288C127.068 35.8164 124.895 36.675 122.754 37.595C124.128 38.6484 125.521 39.7492 126.879 40.8226C129.58 42.9583 132.338 45.1361 134.522 46.571C132.716 43.34 130.924 39.4231 129.248 35.0288Z",fill:"#D8365D",key:15}),a.createElement("path",{d:"M50.3106 133.095C51.9158 134.263 53.2297 135.558 54.1856 136.62C54.331 119.489 58.6173 102.317 66.6212 86.8977C75.0747 70.6129 87.5917 56.5848 102.838 46.2718C102.646 45.7524 102.467 45.25 102.322 44.7907C101.374 41.8018 101.52 39.1167 102.758 36.811C104.725 33.1453 108.778 31.7384 109.487 31.5155C111.49 30.3488 114.87 31.7447 120.973 36.2558C123.469 35.156 126.017 34.1366 128.571 33.2127C126.494 27.5039 124.779 21.4404 123.862 16.578C99.9114 25.1666 79.3659 40.0465 64.3252 59.6967C69.3824 62.9946 74.8935 62.907 74.9531 62.9099C74.9608 62.9094 74.9686 62.9094 74.9763 62.9094C75.4749 62.9094 75.894 63.2892 75.9405 63.7883C75.988 64.295 75.6353 64.7519 75.1333 64.8348C56.7535 67.8624 55.8877 90.1308 55.8814 90.3556C55.8659 90.8803 55.4361 91.296 54.9129 91.296H54.8983C54.3688 91.2882 53.9439 90.8566 53.9439 90.327C53.9439 86.1826 53.2762 82.4699 51.9749 79.2475C43.7976 95.1657 38.8765 112.877 37.6992 130.67C41.7884 129.226 46.1188 130.047 50.3106 133.095Z",fill:"#F6F6F7",key:16}),a.createElement("path",{d:"M68.3417 87.7906C60.6285 102.65 56.4318 119.164 56.1387 135.669C58.6411 132.011 63.7196 126.641 71.8242 126.98C73.3446 127.044 74.7554 127.313 76.0369 127.776C80.0505 108.819 89.7142 83.0203 112.911 65.3522C109.09 59.4496 105.612 53.0339 103.567 48.1235C88.7496 58.233 76.5805 71.9195 68.3417 87.7906Z",fill:"#D8365D",key:17}),a.createElement("path",{d:"M106.414 176.914C107.132 178.531 108.278 179.173 109.011 179.428L107.902 174.004C107.351 174.291 106.614 174.794 106.33 175.457C106.144 175.893 106.171 176.369 106.414 176.914Z",fill:"#FE874F",key:18}),a.createElement("path",{d:"M104.414 169.211C104.768 170.628 106.408 171.362 107.429 171.688L106.256 165.95C105.503 166.479 104.042 167.723 104.414 169.211Z",fill:"#FE874F",key:19}),a.createElement("path",{d:"M104.873 159.221C104.843 159.233 102.732 160.14 103.052 161.528C103.295 162.583 104.794 163.329 105.793 163.686L104.879 159.218C104.877 159.218 104.875 159.22 104.873 159.221Z",fill:"#FE874F",key:20}),a.createElement("path",{d:"M45.9937 240.01C45.9564 240.261 45.986 240.566 46.4869 240.942C47.5514 241.74 48.281 241.544 50.4264 240.803C52.733 240.007 56.2171 238.809 62.3396 238.926C66.2897 239.004 68.1536 239.429 70.1269 239.879C72.4918 240.419 74.9365 240.976 81.5887 240.976H83.812L84.0242 227.149C76.1095 227.477 67.969 228.155 61.3968 230.544C51.7854 234.041 46.2868 238.031 45.9937 240.01Z",fill:"#FE874F",key:21}),a.createElement("path",{d:"M52.8928 76.5683C52.8947 76.5717 52.8967 76.5746 52.8981 76.578C53.8928 78.5286 54.6408 80.6666 55.1394 82.9762C56.7993 76.6017 60.7387 67.8314 70.0464 64.2127C67.761 63.6584 64.9805 62.624 62.3613 60.6952C62.3589 60.6933 62.3564 60.6913 62.354 60.6894C62.354 60.6894 62.3535 60.6894 62.3531 60.6889C62.3526 60.6884 62.3516 60.6875 62.3511 60.687C58.7818 58.0712 56.3351 54.4258 55.0386 49.8047C53.543 55.5034 49.6224 62.5121 39.5439 64.9971C43.5909 66.4568 49.3705 69.6637 52.8875 76.5581C52.8894 76.5615 52.8913 76.5649 52.8928 76.5683Z",fill:"#FF874E",key:22}),a.createElement("path",{d:"M125.913 155.844C125.393 155.731 124.874 156.057 124.756 156.579L121.097 172.98L116.732 170.797C116.253 170.559 115.671 170.753 115.432 171.231C115.192 171.71 115.386 172.292 115.865 172.531L121.34 175.268C121.476 175.336 121.624 175.371 121.773 175.371C121.915 175.371 122.058 175.339 122.189 175.277C122.458 175.149 122.654 174.904 122.719 174.612L126.648 157.001C126.765 156.479 126.436 155.961 125.913 155.844Z",fill:"#700051",key:23}),a.createElement("path",{d:"M84.0245 227.15L83.8123 240.976H81.589C74.9369 240.976 72.4921 240.419 70.1273 239.879C68.1539 239.429 66.29 239.004 62.34 238.926C56.2174 238.809 52.7334 240.008 50.4267 240.803C48.2813 241.544 47.5517 241.741 46.4872 240.942C45.9863 240.567 45.9567 240.261 45.994 240.011C46.2871 238.031 51.7857 234.041 61.3966 230.545C67.9693 228.156 76.1098 227.478 84.0245 227.15ZM91.5517 240.976H85.7508L85.964 227.075C87.7556 227.009 89.5618 226.959 91.3361 226.912C91.3617 229.267 91.5129 238.614 91.5517 240.976ZM167.771 268.336C167.712 268.336 167.655 268.343 167.599 268.353C167.543 268.343 167.486 268.336 167.427 268.336H3.96109L52.6321 209.402H125.609C127.502 217.636 128.351 220.773 128.772 222.046C112.25 223.709 101.658 224.632 97.2871 224.79C96.1554 224.829 95.0144 224.864 93.8676 224.899L92.1306 224.953C89.7765 225.013 87.3419 225.077 84.9533 225.173C76.5715 225.491 67.8361 226.142 60.7348 228.723C53.4078 231.389 44.6491 235.87 44.0769 239.726C43.9654 240.478 44.0914 241.568 45.3249 242.493C46.2014 243.15 47.0236 243.391 47.8579 243.391C48.8685 243.391 49.8971 243.037 51.059 242.636C53.3661 241.839 56.5231 240.751 62.3017 240.864C66.0531 240.938 67.823 241.341 69.6965 241.769C72.1655 242.332 74.7188 242.914 81.589 242.914H196.816C197.567 242.951 208.446 243.411 222.408 239.56C235.367 235.985 253.407 227.847 266.133 209.402H282.567L331.238 268.336H167.771ZM124.967 197.69L134.301 189.423L137.681 188.732C138.618 188.54 139.425 187.994 139.953 187.196C140.482 186.397 140.667 185.44 140.475 184.503L138.777 176.194C138.858 175.888 138.787 175.548 138.557 175.295C138.198 174.899 137.581 174.872 137.184 175.232C137.127 175.284 137.072 175.335 137.045 175.362C132.89 179.213 130.199 179.816 129.066 179.099C128.319 178.624 128.248 177.576 128.511 176.747C129.128 174.787 133.183 170.625 136.644 168.892C137.266 168.581 137.821 168.374 138.308 168.273C138.736 168.177 139.325 168.116 139.7 168.367C140.711 169.041 142.174 172.383 143.403 184.477C143.49 185.332 143.524 185.664 143.559 185.846C143.685 186.821 145.461 200.341 147.828 208.057C148.687 210.868 149.5 212.526 150.385 213.275C150.834 213.656 151.99 214.638 157.131 214.638C158.439 214.638 160.008 214.574 161.886 214.42C162.058 215.414 162.422 217.121 162.724 218.488C155.751 219.243 143.288 220.577 130.757 221.846C130.523 221.302 129.756 218.838 127.291 208.066C126.463 204.447 125.633 200.714 124.967 197.69ZM115.11 191.369C114.68 191.458 114.24 191.372 113.872 191.129C113.506 190.886 113.256 190.516 113.168 190.084L105.823 154.163C105.735 153.732 105.819 153.293 106.061 152.927C106.303 152.561 106.675 152.31 107.108 152.22L129.289 147.686C129.718 147.598 130.157 147.682 130.524 147.925C130.891 148.168 131.142 148.54 131.231 148.97L135.015 167.483C135.02 167.51 135.031 167.533 135.038 167.559C131.495 169.599 127.431 173.725 126.663 176.163C126.078 178.009 126.627 179.847 128.028 180.735C129.276 181.527 132.059 182.114 137.139 177.859L138.576 184.892C138.664 185.322 138.579 185.76 138.337 186.127C138.094 186.495 137.722 186.746 137.291 186.834L115.11 191.369ZM103.052 161.528C102.731 160.141 104.843 159.233 104.873 159.221C104.875 159.22 104.877 159.218 104.879 159.217L105.792 163.686C104.794 163.328 103.295 162.583 103.052 161.528ZM107.902 174.005L109.011 179.428C108.278 179.173 107.131 178.531 106.413 176.914C106.17 176.369 106.143 175.893 106.33 175.457C106.614 174.794 107.351 174.291 107.902 174.005ZM104.414 169.211C104.042 167.722 105.503 166.479 106.255 165.95L107.429 171.688C106.408 171.362 104.768 170.628 104.414 169.211ZM102.738 181.036C102.541 180.746 102.197 180.583 101.852 180.619C101.502 180.65 101.196 180.869 101.052 181.189C100.954 181.408 98.556 186.544 90.4049 187.171C78.4557 188.091 73.5531 177.482 73.3511 177.03C73.2028 176.697 72.8792 176.475 72.5144 176.457C72.1529 176.44 71.8056 176.627 71.6248 176.944C71.5725 177.035 66.2993 186.057 55.7838 186.486C44.1302 186.961 42.7043 175.307 42.6496 174.811C42.6161 174.503 42.4373 174.229 42.168 174.075C41.8991 173.92 41.572 173.904 41.2886 174.031C41.2169 174.064 34.0168 177.239 28.2363 174.703C25.371 173.446 23.3022 170.96 22.0871 167.312C21.153 164.511 21.2896 161.961 22.4931 159.734C25.1777 154.768 32.2872 152.843 32.3584 152.824C32.6394 152.75 32.8719 152.554 32.9931 152.29C33.1137 152.026 33.1098 151.721 32.9819 151.46C32.7295 150.944 26.9039 138.756 36.4669 133.349C36.6941 133.221 36.9204 133.1 37.1491 132.991C41.0003 131.116 45.0313 131.668 49.1307 134.634C52.3012 136.928 54.3191 139.863 54.339 139.893C54.5386 140.186 54.8802 140.343 55.2343 140.312C55.5866 140.278 55.8928 140.054 56.0318 139.728C56.0342 139.723 56.2542 139.212 56.7009 138.424C58.384 135.446 63.2154 128.563 71.7416 128.916C73.4339 128.987 74.9572 129.341 76.2721 129.968C81.7077 132.535 82.2116 139.117 82.2159 139.182C82.2426 139.602 82.5386 139.958 82.9475 140.061C83.3569 140.161 83.7847 139.989 84.0071 139.63C84.073 139.524 90.681 129.045 100.699 130.059C100.792 130.088 100.89 130.109 100.993 130.109C101.02 130.109 101.046 130.104 101.072 130.102C101.714 130.183 102.359 130.305 102.994 130.478C113.969 133.434 114.35 142.412 114.361 142.79C114.368 143.12 114.542 143.422 114.823 143.595C115.104 143.766 115.452 143.784 115.749 143.642C115.774 143.63 118.201 142.473 121.558 141.609C127.92 139.98 136.366 139.65 140.468 147.329C147.003 159.552 137.791 165.41 137.398 165.653C137.046 165.867 136.882 166.27 136.951 166.653C136.912 166.667 136.872 166.682 136.832 166.697L133.129 148.582C132.937 147.644 132.391 146.837 131.593 146.309C130.794 145.78 129.837 145.594 128.9 145.788L106.719 150.322C105.779 150.515 104.971 151.061 104.444 151.859C103.916 152.658 103.732 153.614 103.925 154.552L104.498 157.357C104.376 157.357 104.252 157.38 104.132 157.43C102.77 157.991 100.612 159.576 101.164 161.965C101.533 163.563 102.977 164.56 104.197 165.132C103.147 166.117 102.037 167.69 102.534 169.68C102.979 171.463 104.458 172.516 105.755 173.113C105.28 173.518 104.833 174.037 104.553 174.683C104.149 175.619 104.18 176.663 104.642 177.701C106.072 180.921 108.81 181.436 109.437 181.513L110.081 184.661C104.706 183.732 102.755 181.059 102.738 181.036ZM51.9746 79.2475C53.2765 82.4699 53.9436 86.1826 53.9436 90.327C53.9436 90.8565 54.369 91.2882 54.8986 91.296H54.9131C55.4359 91.296 55.8656 90.8798 55.8811 90.3551C55.8879 90.1308 56.7537 67.8624 75.1331 64.8347C75.6355 64.7519 75.9877 64.2945 75.9402 63.7882C75.8937 63.2892 75.4751 62.9094 74.9761 62.9094H74.9533C74.8937 62.9069 69.3821 62.9941 64.3249 59.6967C79.3661 40.046 99.9117 25.1666 123.861 16.578C124.778 21.4404 126.494 27.5038 128.572 33.2127C126.017 34.1366 123.468 35.1555 120.973 36.2558C114.87 31.7446 111.49 30.3488 109.488 31.5155C108.777 31.7379 104.726 33.1453 102.759 36.8105C101.521 39.1167 101.374 41.8018 102.322 44.7907C102.467 45.2495 102.646 45.7524 102.838 46.2718C87.5914 56.5847 75.0749 70.6124 66.6214 86.8977C58.6171 102.317 54.3312 119.489 54.1854 136.619C53.23 135.557 51.916 134.263 50.3109 133.095C46.119 130.046 41.7881 129.226 37.6995 130.67C38.8768 112.876 43.7978 95.1652 51.9746 79.2475ZM39.5439 64.9971C49.6229 62.5121 53.543 55.5034 55.0386 49.8047C56.3351 54.4258 58.7818 58.0712 62.3511 60.687C62.3521 60.6875 62.3526 60.6884 62.3535 60.6889C62.3535 60.6894 62.354 60.6894 62.354 60.6899C62.3569 60.6913 62.3588 60.6938 62.3613 60.6952C64.9805 62.624 67.7615 63.6584 70.0463 64.2127C60.7387 67.8314 56.7993 76.6017 55.1394 82.9762C54.6413 80.6666 53.8933 78.5285 52.8981 76.578C52.8966 76.5746 52.8947 76.5717 52.8928 76.5683C52.8913 76.5649 52.8894 76.562 52.8874 76.5586C49.3705 69.6637 43.5909 66.4568 39.5439 64.9971ZM126.831 5.85026C127.637 4.90647 128.639 4.25433 129.614 3.79794C128.618 5.67778 128.101 8.70395 128.803 13.7228C129.162 16.2708 129.804 19.2912 130.763 22.9564C131.491 25.734 132.707 28.9166 134.378 32.4166C137.974 39.9273 142.804 47.0164 144.667 49.6526C144.329 49.5891 143.966 49.5242 143.577 49.4544C141.952 49.1623 139.943 48.7989 137.758 48.2039C135.369 44.4927 132.941 39.405 130.724 33.4525C128.368 27.1395 126.44 20.2853 125.568 15.1172C125.382 14.0164 125.245 13.0034 125.161 12.109C124.925 9.53001 125.487 7.42439 126.831 5.85026ZM178.096 7.62352C197.635 7.62352 215.729 11.5964 231.9 19.4162L241.123 37.0198C239.318 37.4699 235.728 38.3614 232.176 39.2306C222.53 33.6085 211.944 29.6109 200.7 27.3517C193.249 25.8507 185.378 25.0896 177.306 25.0896C173.603 25.0896 169.917 25.219 166.33 25.4656C165.874 25.0135 165.061 24.8415 163.754 24.5736C161.995 24.2127 159.338 23.6676 156.599 22.2141C154.673 21.188 151.261 17.1206 147.961 13.187C147.248 12.3372 146.52 11.4728 145.789 10.6143C156.068 8.63708 166.923 7.62352 178.096 7.62352ZM248.661 28.6758C248.764 28.7335 248.877 28.7645 248.991 28.7829C249.051 28.7926 249.111 28.8008 249.172 28.7994C249.328 28.795 249.483 28.7563 249.622 28.6739C249.918 28.5 250.1 28.1918 250.1 27.8483C250.102 27.8105 250.11 27.7471 250.126 27.6414C250.454 25.1652 252.767 13.4496 254.045 8.59445C255.179 12.5106 257.167 21.3551 258.818 29.4166C258.881 29.7224 259.087 29.9796 259.372 30.107C259.657 30.2345 259.986 30.2161 260.256 30.0591C265.256 27.1405 272.744 22.8517 276.578 20.8212C274.134 24.6003 268.836 32.1138 265.25 37.0964C265.065 37.3536 265.017 37.685 265.123 37.9845C265.228 38.2834 265.474 38.5121 265.779 38.5964L282.001 43.0697L265.81 46.9767C265.505 47.0504 265.255 47.2664 265.138 47.5571C265.021 47.8483 265.052 48.1773 265.221 48.4413L275.637 64.7064L259.971 53.9607C259.705 53.7781 259.364 53.7403 259.064 53.8599C258.764 53.9801 258.543 54.2417 258.476 54.5581L254.376 73.7984L250.803 54.0164C250.75 53.7204 250.562 53.466 250.295 53.328C250.155 53.2558 250.003 53.2194 249.85 53.2194C249.71 53.2194 249.57 53.2495 249.439 53.3105L235.131 60.0067L243.798 48.3343L244.016 48.0387C244.21 47.7766 244.258 47.4346 244.146 47.1288C244.033 46.8231 243.775 46.5944 243.457 46.5198C243.455 46.5193 243.148 46.4476 242.607 46.3168C236.842 44.952 230.657 43.4709 226.819 42.5266C228.14 42.2112 229.903 41.7834 232.26 41.2054C237.417 39.9447 242.788 38.6022 242.788 38.6022C243.076 38.53 243.316 38.3299 243.437 38.0586C243.559 37.7873 243.549 37.4757 243.412 37.2122L234.942 21.0455L248.661 28.6758ZM306.766 139.688C301.338 138.995 295.984 142.413 293.351 144.444C293.225 142.205 292.541 138.673 289.843 135.608C286.774 107.558 275.809 81.3372 258.938 61.6855L260.069 56.3784L278.483 69.0087C278.863 69.2698 279.374 69.2267 279.705 68.9055C280.036 68.5847 280.095 68.0755 279.847 67.687L267.587 48.5421L269.25 48.141C289.982 71.7989 303.618 105.082 306.766 139.688ZM113.979 66.9748C118.342 73.4937 122.634 78.6022 126.225 81.5528C109.711 95.4617 102.95 115.463 100.23 128.072C95.8119 127.815 91.3923 129.478 87.3932 132.91C85.8186 134.261 84.5861 135.644 83.7343 136.711C83.1117 134.327 81.5774 130.704 77.8424 128.601C81.7266 109.961 91.1578 84.4142 113.979 66.9748ZM112.911 65.3522C89.7135 83.0203 80.0497 108.819 76.0362 127.776C74.7547 127.313 73.3443 127.044 71.8235 126.98C63.7188 126.641 58.6403 132.011 56.1379 135.669C56.4315 119.164 60.6278 102.65 68.3409 87.7906C76.5803 71.9195 88.7489 58.233 103.566 48.1235C105.612 53.0339 109.09 59.4496 112.911 65.3522ZM122.754 37.5949C124.895 36.6749 127.069 35.8163 129.248 35.0285C130.925 39.4229 132.716 43.3401 134.523 46.5712C132.338 45.1361 129.581 42.9583 126.88 40.8231C125.521 39.749 124.128 38.6482 122.754 37.5949ZM194.395 47.5474C190.048 46.7878 185.491 46.3144 180.828 46.1463C179.509 46.0944 178.107 46.0683 176.662 46.0683C171.029 46.0683 165.559 46.3953 160.294 47.0295C157.367 42.3454 156.876 35.4883 157.62 34.3372C158.077 33.6317 160.535 31.8314 162.329 30.5174C164.509 28.92 165.672 28.0421 166.236 27.4132C169.85 27.1594 173.569 27.0276 177.306 27.0276C184.81 27.0276 192.131 27.7039 199.094 29.0223C197.527 31.0867 194.502 36.5034 194.395 47.5474ZM226.473 91.8779C215.776 76.4699 200.164 67.8444 180.065 66.2223C179.755 63.8139 178.539 52.8188 181.561 48.4719C181.636 48.3643 181.685 48.2466 181.712 48.1259C186.321 48.3338 190.816 48.8391 195.085 49.6371C217.388 53.7882 234.973 65.8449 247.35 85.4723C258.928 103.834 262.997 124.474 264.393 135.142C264.41 135.27 264.451 135.388 264.511 135.493C262.938 137.118 261.781 138.808 261.008 140.118C259.654 136.065 255.714 128.719 244.851 129.039C243.286 129.084 241.799 129.297 240.407 129.661C238.893 119.195 235.243 104.512 226.473 91.8779ZM141.363 74.216L143.461 73.2955C152.625 69.484 163.136 67.6637 174.71 67.8895C176.164 67.9176 177.635 67.984 179.084 68.0862C198.978 69.4883 214.385 77.8653 224.881 92.9835C233.531 105.445 237.083 119.997 238.537 130.272C231.857 132.861 229.421 138.75 228.651 141.377C226.943 140.512 223.514 139.03 219.579 138.718C219.503 135.235 218.851 123.628 213.673 112.332C206.134 95.8846 192.159 86.9937 173.26 86.6206C155.559 86.2703 141.749 92.6623 132.225 105.608C121.919 119.618 120.17 137.157 120.198 139.971C118.484 140.455 117.069 140.982 116.136 141.361C115.943 140.273 115.518 138.654 114.59 136.899C113.096 134.076 109.959 130.346 103.5 128.607C103.058 128.486 102.61 128.39 102.162 128.309C105.519 112.876 115.008 86.3328 141.354 74.2209C141.357 74.2194 141.36 74.2175 141.363 74.216ZM222.718 41.4801C222.703 41.4801 222.689 41.4806 222.674 41.4811C222.688 41.4801 222.7 41.4801 222.711 41.4801H222.718ZM222.662 41.4816C222.194 41.5087 221.794 41.8706 221.739 42.3401C221.639 43.1962 222.366 43.39 223.134 43.5954C223.576 43.7136 224.213 43.8759 224.99 44.0702C226.534 44.4559 228.634 44.967 230.855 45.5034C234.906 46.4806 239.364 47.5402 241.584 48.0663L231.286 61.9341C231.021 62.2907 231.033 62.781 231.313 63.125C231.594 63.469 232.072 63.578 232.475 63.3895L249.12 55.5998L253.344 78.9874C253.426 79.4428 253.82 79.7766 254.282 79.7844H254.298C254.754 79.7844 255.15 79.4651 255.245 79.0174L258.428 64.0809C274.064 82.7843 284.376 107.31 287.659 133.604C285.721 132.168 283.329 131.126 280.509 130.505C277.91 129.932 275.397 129.937 273.02 130.492C270.902 123.034 262.391 109.051 257.728 101.713C255.425 95.9757 252.56 90.1027 248.989 84.4389C236.477 64.5978 218.761 52.3149 196.328 47.9084C196.346 45.2136 196.7 34.4389 201.087 29.6492C201.145 29.5862 201.189 29.5164 201.227 29.4443C211.243 31.5484 220.717 35.0591 229.436 39.9006C223.993 41.2262 222.876 41.4525 222.662 41.4816ZM148.145 51.2083L150.428 50.6904C150.543 50.6642 150.649 50.6138 150.745 50.5504C158.801 48.8648 167.516 48.0063 176.662 48.0063C177.652 48.0063 178.618 48.0193 179.554 48.0445C176.757 53.0765 177.714 63.0329 178.093 66.0881C176.978 66.0237 175.859 65.9733 174.747 65.952C164.289 65.749 154.655 67.1875 146.058 70.2253C145.934 70.202 145.804 70.1996 145.676 70.2277C145.632 70.0736 145.55 69.9278 145.428 69.8066C141.483 65.8614 140.144 60.2785 140.636 58.9762C140.904 58.2606 143.242 56.4922 144.638 55.436C147.145 53.5397 148.037 52.8033 148.202 51.9893C148.264 51.687 148.234 51.4302 148.145 51.2083ZM107.722 44.0266C108.604 46.6099 109.991 49.7432 111.962 53.607C113.395 56.4103 115.484 59.5377 118.172 62.904C123.538 69.6095 129.876 75.4709 131.721 77.1346L127.648 80.2156C124.018 77.2984 119.562 71.9491 115.02 65.0416C110.774 58.5818 106.902 51.3963 104.914 46.2863C104.912 46.2834 104.911 46.2805 104.91 46.2776C104.91 46.2766 104.91 46.2761 104.909 46.2756C104.617 45.5276 104.368 44.8314 104.17 44.2054C103.387 41.7393 103.485 39.5639 104.459 37.7393C105.047 36.639 105.892 35.7839 106.75 35.1279C105.918 37.9549 106.808 41.3643 107.722 44.0266ZM204.933 179.06C205.151 178.38 205.384 177.473 205.498 176.447C205.831 173.46 205.006 170.881 203.112 168.988C199.978 165.853 195.929 166.809 193.462 168.14C192.713 166.043 190.783 163.523 186.881 163.685C183.856 163.818 181.595 165.299 180.341 167.966C179.625 169.491 179.42 171.014 179.363 171.84C178.385 172.473 177.142 173.602 176.097 174.83C174.925 176.207 174.263 177.375 174.106 178.323C174.083 178.33 174.059 178.333 174.037 178.342C172.433 178.959 167.854 180.56 165.945 180.56C164.909 180.56 164.455 181.127 164.276 181.466C163.575 182.792 164.825 185.158 165.695 186.534C164.398 188.502 160.351 195.215 161.826 200.264C162.347 202.052 164.072 204.195 167.071 206.776H149.469C147.216 198.97 145.494 185.699 145.477 185.562C145.472 185.525 145.471 185.515 145.462 185.479C145.441 185.366 145.387 184.84 145.331 184.281C144.224 173.387 142.861 168.145 140.776 166.755C140.47 166.55 140.128 166.411 139.755 166.33C143.448 163.24 147.453 156.283 142.177 146.416C138.642 139.796 131.535 137.357 122.1 139.487C122.166 135.593 124.802 115.521 137.748 102.04C146.615 92.8066 158.555 88.2669 173.222 88.5581C191.584 88.9205 204.601 97.1908 211.912 113.14C216.9 124.022 217.559 135.202 217.639 138.666C213.774 138.764 210.474 140.168 207.823 142.848C202.77 147.961 202.566 152.847 203.285 156.045C204.387 160.953 208.18 164.584 211.554 166.146C210.588 169.306 208.286 179.838 218.556 184.514C217.615 186.749 216.401 188.936 214.931 191.051C214.932 189.618 214.648 187.857 213.814 185.733C211.814 180.635 207.248 179.371 204.933 179.06ZM195.052 185.435C186.272 175.723 182.879 172.575 181.322 171.688C181.393 170.988 181.583 169.881 182.095 168.791C183.036 166.788 184.675 165.722 186.965 165.622C191.155 165.436 191.826 169.355 191.888 169.798C191.932 170.139 192.155 170.43 192.471 170.564C192.787 170.699 193.152 170.654 193.429 170.449C193.625 170.304 198.291 166.907 201.742 170.358C205.3 173.917 202.8 179.284 202.693 179.509C202.546 179.814 202.57 180.172 202.754 180.456C202.938 180.74 203.263 180.915 203.595 180.898C203.851 180.891 209.793 180.792 212.01 186.442C214.021 191.562 212.39 194.029 212.063 194.447C212.026 194.491 212.002 194.517 211.999 194.521C211.841 194.679 211.754 194.877 211.728 195.082C210.414 196.551 208.948 197.996 207.357 199.394C205.938 197.748 200.55 191.517 195.052 185.435ZM185.637 190.702C179.876 183.921 176.408 179.519 175.997 178.731C175.917 177.841 178.599 174.545 180.471 173.422C182.927 174.754 195.15 188.165 205.883 200.651C203.844 202.313 201.604 203.918 199.197 205.438C199.082 205.333 198.947 205.252 198.795 205.212C197.825 204.553 192.976 199.342 185.637 190.702ZM168.852 219.77V240.976H93.4897C93.4524 238.691 93.2973 229.122 93.2736 226.857L93.9272 226.836C95.0769 226.801 96.2198 226.766 97.3559 226.727C101.87 226.564 112.895 225.599 130.122 223.859C143.581 222.499 157.106 221.046 163.97 220.302C166.163 220.064 167.843 219.881 168.852 219.77ZM162.643 212.41C154.273 213.184 152.16 212.24 151.638 211.796C151.363 211.563 150.823 210.852 150.08 208.714H169.457C170.422 209.465 171.475 210.24 172.645 211.06C170.864 211.367 166.785 212.027 162.643 212.41ZM178.693 215.069C178.692 215.069 178.691 215.069 178.691 215.069C178.689 215.067 178.687 215.065 178.685 215.063C178.688 215.065 178.69 215.067 178.693 215.069ZM174.7 210.129C173.055 209.001 171.644 207.972 170.383 206.981C165.482 203.155 164.037 200.922 163.687 199.72C162.24 194.77 167.595 187.182 167.649 187.106C167.885 186.776 167.889 186.333 167.661 185.997C166.763 184.679 166.028 183.118 165.992 182.497C168.534 182.472 173.891 180.471 174.648 180.183C176.248 182.555 181.139 188.394 183.759 191.484C181.899 192.439 179.083 195.122 180.289 199.349C180.938 201.615 182.015 203.114 183.489 203.806C183.785 203.945 184.069 204.036 184.329 204.094C183.958 205.975 183.64 209.646 185.913 212.303C184.311 212.982 182.671 213.63 181.013 214.24C180.335 213.817 177.421 211.99 174.7 210.129ZM186.27 202.549C186.045 202.292 185.69 202.173 185.353 202.237C185.267 202.251 183.232 202.585 182.153 198.816C181.039 194.913 184.661 193.194 184.815 193.123C184.896 193.086 184.966 193.036 185.032 192.982C192.8 202.096 195.971 205.381 197.413 206.529C194.461 208.288 191.237 209.95 187.803 211.483C184.827 208.736 186.457 203.537 186.474 203.486C186.579 203.161 186.495 202.807 186.27 202.549ZM307.492 141.793C309.041 142.164 310.469 142.981 311.733 144.22C319.257 151.62 311.979 160.652 311.666 161.031C311.331 161.436 311.382 162.035 311.777 162.381C312.068 162.634 318.835 168.688 313.268 176.905C311.963 178.829 310.219 180.008 308.084 180.408C302.446 181.466 295.791 176.93 295.725 176.885C295.494 176.725 295.205 176.672 294.933 176.744C294.661 176.813 294.432 176.998 294.307 177.249C294.253 177.357 288.852 187.984 281.379 186.94C279.825 186.722 278.342 186.222 276.962 185.459C276.848 185.301 276.686 185.175 276.486 185.109C276.43 185.091 276.373 185.079 276.316 185.072C272.338 182.557 270.581 178.505 270.564 178.465C270.424 178.131 270.109 177.903 269.748 177.874C269.38 177.844 269.039 178.02 268.847 178.328C268.815 178.381 265.513 183.621 260.252 186.342C257.978 187.52 253.709 188.071 249.71 186.498C246.03 185.05 243.286 182.048 241.775 177.815C241.653 177.473 241.349 177.229 240.988 177.182C240.946 177.176 240.904 177.173 240.862 177.173C240.546 177.173 240.246 177.328 240.064 177.592C239.799 177.977 233.439 186.961 222 183.717C221.255 183.504 220.559 183.265 219.932 183.006C208.792 178.433 213.456 166.468 213.66 165.962C213.759 165.718 213.754 165.445 213.647 165.204C213.54 164.964 213.34 164.778 213.093 164.688C209.911 163.529 206.169 160.043 205.176 155.621C204.297 151.71 205.689 147.764 209.201 144.211C211.686 141.699 214.842 140.485 218.59 140.603C223.983 140.762 228.739 143.629 228.787 143.658C229.06 143.825 229.4 143.845 229.692 143.714C229.984 143.581 230.192 143.312 230.247 142.997C230.307 142.651 231.817 134.514 239.911 131.822C241.43 131.312 243.11 131.028 244.907 130.976C257.994 130.588 259.672 142.448 259.736 142.951C259.79 143.388 260.133 143.733 260.569 143.792C261.003 143.847 261.426 143.607 261.594 143.2C261.609 143.163 263.187 139.397 266.486 136.263C270.382 132.567 274.96 131.265 280.092 132.397C283.547 133.158 286.266 134.587 288.176 136.646C292.07 140.831 291.387 146.368 291.38 146.421C291.324 146.828 291.531 147.226 291.897 147.414C292.262 147.603 292.706 147.539 293.005 147.258C293.081 147.186 300.607 140.187 307.402 141.766C307.431 141.777 307.462 141.785 307.492 141.793ZM334.041 268.687L283.77 207.815C283.586 207.592 283.312 207.464 283.023 207.464H267.414C271.261 201.49 274.386 194.788 276.717 187.514C278.105 188.19 279.577 188.644 281.11 188.859C288.581 189.912 293.904 181.882 295.529 179.056C297.68 180.353 303.264 183.282 308.435 182.314C311.099 181.816 313.265 180.362 314.872 177.993C320.308 169.968 315.513 163.544 313.684 161.556C315.438 159.021 320.577 150.2 313.091 142.838C311.791 141.563 310.336 140.658 308.756 140.139C305.713 105.279 292.118 71.6831 271.368 47.6293L286.1 44.0741C286.529 43.9704 286.834 43.5896 286.841 43.1477C286.848 42.7059 286.555 42.3154 286.13 42.1976L267.634 37.0974C268.806 35.4588 271.081 32.2674 273.321 29.0581C280.054 19.4074 279.944 19.0717 279.747 18.4627C279.651 18.1695 279.401 17.9157 279.109 17.8183C278.604 17.6516 278.034 17.4612 260.443 27.7068C260.019 25.6758 259.158 21.5954 258.238 17.5276C255.516 5.48835 255.009 5.29552 254.365 5.05182C254.03 4.92439 253.659 4.97623 253.37 5.19232C252.986 5.48156 252.509 5.84106 250.428 15.7287C249.54 19.9447 248.734 24.1652 248.375 26.2994L233.05 17.7752C232.951 17.7209 232.847 17.687 232.74 17.6691C216.305 9.72284 197.929 5.68554 178.096 5.68554C166.406 5.68554 155.054 6.77662 144.334 8.91761C139.528 3.39968 135.754 -0.0499266 133.042 0.853658C132.238 0.927786 128.047 1.45443 125.369 4.57846C123.665 6.56635 122.946 9.15937 123.231 12.2882C123.299 13.0082 123.399 13.7965 123.528 14.6385C99.0754 23.3401 78.0996 38.4995 62.762 58.5504C58.5711 55.1138 56.2721 49.8861 55.9301 42.9893C55.9335 42.0441 55.8797 41.4694 55.8773 41.4452C55.8274 40.9287 55.3816 40.5426 54.8613 40.5707C54.3433 40.5978 53.9388 41.0285 53.9436 41.5474C53.949 42.0915 53.9654 42.578 53.9921 43.0368C53.9805 45.4845 53.5764 50.2228 51.0173 54.591C47.8404 60.013 42.371 63.1211 34.76 63.8289C34.2658 63.875 33.887 64.2868 33.8811 64.7829C33.8758 65.279 34.246 65.6991 34.7387 65.7563C34.8487 65.7693 45.6176 67.138 50.9393 77.0281C42.0725 93.812 36.7998 112.642 35.6946 131.525C35.6936 131.539 35.6961 131.552 35.6961 131.566C35.6345 131.6 35.573 131.628 35.5115 131.664C26.1176 136.975 29.4669 147.881 30.8012 151.28C28.526 152.062 23.2348 154.296 20.793 158.804C19.3201 161.523 19.137 164.592 20.2484 167.924C21.6442 172.114 24.0696 174.992 27.4577 176.478C32.6176 178.742 38.5076 177.115 40.9451 176.246C41.7043 179.64 44.7891 188.885 55.8632 188.422C64.9252 188.052 70.3467 182.067 72.3855 179.289C74.2571 182.358 79.4775 189.165 88.9722 189.165C89.4863 189.165 90.0144 189.145 90.5541 189.103C97.4625 188.573 100.795 185.083 102.113 183.186C103.379 184.33 105.979 186.066 110.495 186.686L111.269 190.471C111.459 191.408 112.004 192.216 112.803 192.746C113.397 193.138 114.078 193.342 114.773 193.342C115.014 193.342 115.257 193.317 115.499 193.268L121.741 191.992C122.061 193.478 123.589 200.536 125.166 207.464H52.1752C51.8865 207.464 51.6122 207.592 51.4281 207.815L1.15683 268.687C0.917975 268.977 0.867588 269.378 1.02747 269.717C1.18687 270.057 1.52893 270.274 1.90393 270.274H167.427C167.486 270.274 167.543 270.266 167.599 270.256C167.655 270.266 167.712 270.274 167.771 270.274H333.294C333.67 270.274 334.011 270.057 334.171 269.717C334.331 269.378 334.28 268.977 334.041 268.687Z",fill:"#700051",key:24})])}r.defaultProps={width:"335",height:"271",viewBox:"0 0 335 271",fill:"none"},e.exports=r,r.default=r},"+DHC":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.70024 1.90006L6.00024 1.37506L5.30024 1.90006C4.26639 2.67545 3.62067 3.85367 3.51546 5.12997C3.19127 5.04516 2.85103 5 2.50024 5H1.00024V6.5C1.00024 8.70914 2.79111 10.5 5.00024 10.5H7.00031C9.20944 10.5 11.0003 8.70914 11.0003 6.5V5H9.50031C9.1495 5 8.80924 5.04516 8.48503 5.12998C8.37982 3.85368 7.7341 2.67546 6.70024 1.90006ZM7.50024 5.53516V5.50006C7.50024 4.39841 6.98156 3.36105 6.10024 2.70006L6.00024 2.62506L5.90024 2.70006C5.01892 3.36105 4.50024 4.39841 4.50024 5.50006V5.53513C5.12807 5.89831 5.64802 6.42722 6.00028 7.06205C6.35252 6.42724 6.87245 5.89834 7.50024 5.53516ZM2.00024 6H2.50024C4.1571 6 5.50024 7.34315 5.50024 9V9.5H5.00024C3.34339 9.5 2.00024 8.15685 2.00024 6.5V6ZM10.0003 6H9.50031C7.84345 6 6.50031 7.34315 6.50031 9V9.5H7.00031C8.65716 9.5 10.0003 8.15685 10.0003 6.5V6Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"+En/":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M2.94766 3.89472C2.42387 3.89472 2 3.47019 2 2.94713C2 2.42453 2.42387 2 2.94766 2C3.47016 2 3.89472 2.42453 3.89472 2.94713C3.89472 3.47019 3.47016 3.89472 2.94766 3.89472Z",key:0}),a.createElement("path",{d:"M9.99994 9.99992H8.31327V7.40261C8.31327 6.78328 8.30173 5.9866 7.43619 5.9866C6.55801 5.9866 6.4232 6.66126 6.4232 7.35784V9.99992H4.73684V4.65903H6.35563V5.3888H6.37823C6.60361 4.96897 7.15416 4.52629 7.97529 4.52629C9.6844 4.52629 9.99994 5.63252 9.99994 7.07044V9.99992Z",key:1}),a.createElement("path",{d:"M3.89474 9.99991H2.21055V4.7368H3.89474V9.99991Z",key:2})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"+ExE":function(e,n,t){var a=t("Csdp")(94180);a.addRange(101120,101589),e.exports=a},"+HmN":function(e,n,t){var a=t("Csdp")(181,257,259,261,263,265,267,269,271,273,275,277,279,281,283,285,287,289,291,293,295,297,299,301,303,305,307,309,311,314,316,318,320,322,324,326,331,333,335,337,339,341,343,345,347,349,351,353,355,357,359,361,363,365,367,369,371,373,375,378,380,387,389,392,396,402,405,414,417,419,421,424,429,432,436,438,441,445,447,452,460,462,464,466,468,470,472,474,479,481,483,485,487,489,491,493,499,501,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,547,549,551,553,555,557,559,561,563,572,578,583,585,587,589,601,611,623,629,637,640,658,837,881,883,887,912,985,987,989,991,993,995,997,999,1001,1003,1005,1013,1016,1019,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147,1149,1151,1153,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1218,1220,1222,1224,1226,1228,1233,1235,1237,1239,1241,1243,1245,1247,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301,1303,1305,1307,1309,1311,1313,1315,1317,1319,1321,1323,1325,1327,7545,7549,7566,7681,7683,7685,7687,7689,7691,7693,7695,7697,7699,7701,7703,7705,7707,7709,7711,7713,7715,7717,7719,7721,7723,7725,7727,7729,7731,7733,7735,7737,7739,7741,7743,7745,7747,7749,7751,7753,7755,7757,7759,7761,7763,7765,7767,7769,7771,7773,7775,7777,7779,7781,7783,7785,7787,7789,7791,7793,7795,7797,7799,7801,7803,7805,7807,7809,7811,7813,7815,7817,7819,7821,7823,7825,7827,7841,7843,7845,7847,7849,7851,7853,7855,7857,7859,7861,7863,7865,7867,7869,7871,7873,7875,7877,7879,7881,7883,7885,7887,7889,7891,7893,7895,7897,7899,7901,7903,7905,7907,7909,7911,7913,7915,7917,7919,7921,7923,7925,7927,7929,7931,7933,8126,8526,8580,11361,11368,11370,11372,11379,11382,11393,11395,11397,11399,11401,11403,11405,11407,11409,11411,11413,11415,11417,11419,11421,11423,11425,11427,11429,11431,11433,11435,11437,11439,11441,11443,11445,11447,11449,11451,11453,11455,11457,11459,11461,11463,11465,11467,11469,11471,11473,11475,11477,11479,11481,11483,11485,11487,11489,11491,11500,11502,11507,11559,11565,42561,42563,42565,42567,42569,42571,42573,42575,42577,42579,42581,42583,42585,42587,42589,42591,42593,42595,42597,42599,42601,42603,42605,42625,42627,42629,42631,42633,42635,42637,42639,42641,42643,42645,42647,42649,42651,42787,42789,42791,42793,42795,42797,42799,42803,42805,42807,42809,42811,42813,42815,42817,42819,42821,42823,42825,42827,42829,42831,42833,42835,42837,42839,42841,42843,42845,42847,42849,42851,42853,42855,42857,42859,42861,42863,42874,42876,42879,42881,42883,42885,42887,42892,42897,42903,42905,42907,42909,42911,42913,42915,42917,42919,42921,42933,42935,42937,42939,42941,42943,42945,42947,42952,42954,42961,42967,42969,42998,43859);a.addRange(97,122).addRange(223,246).addRange(248,255).addRange(328,329).addRange(382,384).addRange(409,410).addRange(454,455).addRange(457,458).addRange(476,477).addRange(495,497).addRange(575,576).addRange(591,596).addRange(598,599).addRange(603,604).addRange(608,609).addRange(613,614).addRange(616,620).addRange(625,626).addRange(642,643).addRange(647,652).addRange(669,670).addRange(891,893).addRange(940,974).addRange(976,977).addRange(981,983).addRange(1007,1011).addRange(1072,1119).addRange(1230,1231).addRange(1377,1415).addRange(5112,5117).addRange(7296,7304).addRange(7829,7835).addRange(7935,7943).addRange(7952,7957).addRange(7968,7975).addRange(7984,7991).addRange(8e3,8005).addRange(8016,8023).addRange(8032,8039).addRange(8048,8061).addRange(8064,8071).addRange(8080,8087).addRange(8096,8103).addRange(8112,8116).addRange(8118,8119).addRange(8130,8132).addRange(8134,8135).addRange(8144,8147).addRange(8150,8151).addRange(8160,8167).addRange(8178,8180),a.addRange(8182,8183).addRange(8560,8575).addRange(9424,9449).addRange(11312,11359).addRange(11365,11366).addRange(11520,11557).addRange(42899,42900).addRange(43888,43967).addRange(64256,64262).addRange(64275,64279).addRange(65345,65370).addRange(66600,66639).addRange(66776,66811).addRange(66967,66977).addRange(66979,66993).addRange(66995,67001).addRange(67003,67004).addRange(68800,68850).addRange(71872,71903).addRange(93792,93823).addRange(125218,125251),e.exports=a},"+NDc":function(e,n,t){var a=t("Csdp")();a.addRange(994,1007).addRange(11392,11507).addRange(11513,11519),e.exports=a},"+Qr3":function(e,n,t){"use strict";function a(e){return"object"==typeof e&&null!=e&&1===e.nodeType}function r(e,n){return(!n||"hidden"!==e)&&"visible"!==e&&"clip"!==e}function d(e,n){if(e.clientHeightn||d>e&&o=n&&i>=t?d-e-a:o>n&&it?o-n+r:0}n.a=function(e,n){var t=window,r=n.scrollMode,i=n.block,c=n.inline,l=n.boundary,s=n.skipOverflowHiddenElements,u="function"==typeof l?l:function(e){return e!==l};if(!a(e))throw new TypeError("Invalid target");for(var g=document.scrollingElement||document.documentElement,p=[],f=e;a(f)&&u(f);){if((f=f.parentElement)===g){p.push(f);break}null!=f&&f===document.body&&d(f)&&!d(document.documentElement)||null!=f&&d(f,s)&&p.push(f)}for(var m=t.visualViewport?t.visualViewport.width:innerWidth,C=t.visualViewport?t.visualViewport.height:innerHeight,h=window.scrollX||pageXOffset,R=window.scrollY||pageYOffset,b=e.getBoundingClientRect(),v=b.height,x=b.width,y=b.top,w=b.right,O=b.bottom,E=b.left,H="start"===i||"nearest"===i?y:"end"===i?O:y+v/2,j="center"===c?E+x/2:"end"===c?w:E,k=[],S=0;S=0&&E>=0&&O<=C&&w<=m&&y>=N&&O<=I&&E>=_&&w<=B)return k;var A=getComputedStyle(F),P=parseInt(A.borderLeftWidth,10),T=parseInt(A.borderTopWidth,10),D=parseInt(A.borderRightWidth,10),Z=parseInt(A.borderBottomWidth,10),V=0,z=0,G="offsetWidth"in F?F.offsetWidth-F.clientWidth-P-D:0,U="offsetHeight"in F?F.offsetHeight-F.clientHeight-T-Z:0;if(g===F)V="start"===i?H:"end"===i?H-C:"nearest"===i?o(R,R+C,C,T,Z,R+H,R+H+v,v):H-C/2,z="start"===c?j:"center"===c?j-m/2:"end"===c?j-m:o(h,h+m,m,P,D,h+j,h+j+x,x),V=Math.max(0,V+R),z=Math.max(0,z+h);else{V="start"===i?H-N-T:"end"===i?H-I+Z+U:"nearest"===i?o(N,I,M,T,Z+U,H,H+v,v):H-(N+M/2)+U/2,z="start"===c?j-_-P:"center"===c?j-(_+X/2)+G/2:"end"===c?j-B+D+G:o(_,B,X,P,D+G,j,j+x,x);var W=F.scrollLeft,J=F.scrollTop;H+=J-(V=Math.max(0,Math.min(J+V,F.scrollHeight-M+U))),j+=W-(z=Math.max(0,Math.min(W+z,F.scrollWidth-X+G)))}k.push({el:F,top:V,left:z})}return k}},"+RQ5":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M6.00006 6.34617C6.30329 6.34617 6.54336 6.10577 6.54336 5.82932V3.64172C6.54336 3.35325 6.29066 3.12488 6.00006 3.12488C5.69682 3.12488 5.45675 3.36527 5.45675 3.64172V5.8173C5.45675 6.10577 5.69682 6.34617 6.00006 6.34617Z",key:0}),a.createElement("path",{d:"M6.66963 7.45186C6.66963 7.80366 6.36982 8.08886 5.99999 8.08886C5.63016 8.08886 5.33036 7.80366 5.33036 7.45186C5.33036 7.10005 5.63016 6.81486 5.99999 6.81486C6.36982 6.81486 6.66963 7.10005 6.66963 7.45186Z",key:1}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.23821 0.673077L11.7994 7.93269C12.0647 8.35337 12.0647 8.87019 11.812 9.30288C11.5467 9.73558 11.0792 10 10.5612 10H1.43882C0.908158 10 0.440669 9.73558 0.187972 9.30288C-0.0647247 8.87019 -0.0647247 8.35337 0.200607 7.93269L4.76179 0.661058C5.02712 0.252404 5.49461 0 6 0C6.50539 0 6.97288 0.252404 7.23821 0.673077ZM10.5609 9.03845C10.7884 9.03845 10.9021 8.89423 10.94 8.83413C10.9779 8.77403 11.0411 8.60577 10.9274 8.42548L6.36616 1.15396C6.25245 0.97367 6.07556 0.949632 5.99975 0.949632C5.92394 0.949632 5.74705 0.97367 5.63334 1.15396L1.0595 8.42548C0.945786 8.60577 1.0216 8.77403 1.0595 8.83413C1.09741 8.89423 1.21112 9.03845 1.43855 9.03845H10.5609Z",key:2})])}r.defaultProps={width:"12",height:"10",viewBox:"0 0 12 10"},e.exports=r,r.default=r},"+VAR":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 2.5C4.067 2.5 2.5 4.067 2.5 6H3C3.82843 6 4.5 6.67157 4.5 7.5V8.7C4.5 9.41797 3.91797 10 3.2 10C2.26112 10 1.5 9.23888 1.5 8.3V6C1.5 3.51472 3.51472 1.5 6 1.5C8.48528 1.5 10.5 3.51472 10.5 6V8.3C10.5 9.23888 9.73888 10 8.8 10C8.08203 10 7.5 9.41797 7.5 8.7V7.5C7.5 6.67157 8.17157 6 9 6H9.5C9.5 4.067 7.933 2.5 6 2.5ZM9.5 7H9C8.72386 7 8.5 7.22386 8.5 7.5V8.7C8.5 8.86569 8.63431 9 8.8 9C9.1866 9 9.5 8.6866 9.5 8.3V7ZM2.5 7V8.3C2.5 8.6866 2.8134 9 3.2 9C3.36569 9 3.5 8.86569 3.5 8.7V7.5C3.5 7.22386 3.27614 7 3 7H2.5Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"+WIo":function(e,n,t){var a=t("NGBq")("keys"),r=t("9FWt");e.exports=function(e){return a[e]||(a[e]=r(e))}},"+Wpw":function(e,n,t){var a=t("Csdp")(1548,1563,1567,1600,1748);a.addRange(68864,68903).addRange(68912,68921),e.exports=a},"+YP5":function(e,n,t){var a=t("zWU9"),r=t("Pcn1"),d=t("TTvC"),o=t("xZIm"),i=RegExp.prototype;e.exports=function(e){var n=e.flags;return void 0!==n||"flags"in i||r(e,"flags")||!d(i,e)?n:a(o,e)}},"+ZX+":function(e,n,t){"use strict";(function(e){t("wXTC"),t("7fUd");var a=t("dEMF"),r=t("1TxV"),d=t("Rl48");function o(){return c.TYPED_ARRAY_SUPPORT?2147483647:1073741823}function i(e,n){if(o()=o())throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+o().toString(16)+" bytes");return 0|e}function f(e,n){if(c.isBuffer(e))return e.length;if("undefined"!=typeof ArrayBuffer&&"function"==typeof ArrayBuffer.isView&&(ArrayBuffer.isView(e)||e instanceof ArrayBuffer))return e.byteLength;"string"!=typeof e&&(e=""+e);var t=e.length;if(0===t)return 0;for(var a=!1;;)switch(n){case"ascii":case"latin1":case"binary":return t;case"utf8":case"utf-8":case void 0:return T(e).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*t;case"hex":return t>>>1;case"base64":return D(e).length;default:if(a)return T(e).length;n=(""+n).toLowerCase(),a=!0}}function m(e,n,t){var a=!1;if((void 0===n||n<0)&&(n=0),n>this.length)return"";if((void 0===t||t>this.length)&&(t=this.length),t<=0)return"";if((t>>>=0)<=(n>>>=0))return"";for(e||(e="utf8");;)switch(e){case"hex":return S(this,n,t);case"utf8":case"utf-8":return H(this,n,t);case"ascii":return j(this,n,t);case"latin1":case"binary":return k(this,n,t);case"base64":return E(this,n,t);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return F(this,n,t);default:if(a)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),a=!0}}function C(e,n,t){var a=e[n];e[n]=e[t],e[t]=a}function h(e,n,t,a,r){if(0===e.length)return-1;if("string"==typeof t?(a=t,t=0):t>2147483647?t=2147483647:t<-2147483648&&(t=-2147483648),t=+t,isNaN(t)&&(t=r?0:e.length-1),t<0&&(t=e.length+t),t>=e.length){if(r)return-1;t=e.length-1}else if(t<0){if(!r)return-1;t=0}if("string"==typeof n&&(n=c.from(n,a)),c.isBuffer(n))return 0===n.length?-1:R(e,n,t,a,r);if("number"==typeof n)return n&=255,c.TYPED_ARRAY_SUPPORT&&"function"==typeof Uint8Array.prototype.indexOf?r?Uint8Array.prototype.indexOf.call(e,n,t):Uint8Array.prototype.lastIndexOf.call(e,n,t):R(e,[n],t,a,r);throw new TypeError("val must be string, number or Buffer")}function R(e,n,t,a,r){var d,o=1,i=e.length,c=n.length;if(void 0!==a&&("ucs2"===(a=String(a).toLowerCase())||"ucs-2"===a||"utf16le"===a||"utf-16le"===a)){if(e.length<2||n.length<2)return-1;o=2,i/=2,c/=2,t/=2}function l(e,n){return 1===o?e[n]:e.readUInt16BE(n*o)}if(r){var s=-1;for(d=t;di&&(t=i-c),d=t;d>=0;d--){for(var u=!0,g=0;gr&&(a=r):a=r;var d=n.length;if(d%2!=0)throw new TypeError("Invalid hex string");a>d/2&&(a=d/2);for(var o=0;o>8,r=t%256,d.push(r),d.push(a);return d}(n,e.length-t),e,t,a)}function E(e,n,t){return 0===n&&t===e.length?a.fromByteArray(e):a.fromByteArray(e.slice(n,t))}function H(e,n,t){t=Math.min(e.length,t);for(var a=[],r=n;r239?4:l>223?3:l>191?2:1;if(r+u<=t)switch(u){case 1:l<128&&(s=l);break;case 2:128==(192&(d=e[r+1]))&&(c=(31&l)<<6|63&d)>127&&(s=c);break;case 3:d=e[r+1],o=e[r+2],128==(192&d)&&128==(192&o)&&(c=(15&l)<<12|(63&d)<<6|63&o)>2047&&(c<55296||c>57343)&&(s=c);break;case 4:d=e[r+1],o=e[r+2],i=e[r+3],128==(192&d)&&128==(192&o)&&128==(192&i)&&(c=(15&l)<<18|(63&d)<<12|(63&o)<<6|63&i)>65535&&c<1114112&&(s=c)}null===s?(s=65533,u=1):s>65535&&(s-=65536,a.push(s>>>10&1023|55296),s=56320|1023&s),a.push(s),r+=u}return function(e){var n=e.length;if(n<=4096)return String.fromCharCode.apply(String,e);var t="",a=0;for(;a0&&(e=this.toString("hex",0,t).match(/.{2}/g).join(" "),this.length>t&&(e+=" ... ")),""},c.prototype.compare=function(e,n,t,a,r){if(!c.isBuffer(e))throw new TypeError("Argument must be a Buffer");if(void 0===n&&(n=0),void 0===t&&(t=e?e.length:0),void 0===a&&(a=0),void 0===r&&(r=this.length),n<0||t>e.length||a<0||r>this.length)throw new RangeError("out of range index");if(a>=r&&n>=t)return 0;if(a>=r)return-1;if(n>=t)return 1;if(this===e)return 0;for(var d=(r>>>=0)-(a>>>=0),o=(t>>>=0)-(n>>>=0),i=Math.min(d,o),l=this.slice(a,r),s=e.slice(n,t),u=0;ur)&&(t=r),e.length>0&&(t<0||n<0)||n>this.length)throw new RangeError("Attempt to write outside buffer bounds");a||(a="utf8");for(var d=!1;;)switch(a){case"hex":return b(this,e,n,t);case"utf8":case"utf-8":return v(this,e,n,t);case"ascii":return x(this,e,n,t);case"latin1":case"binary":return y(this,e,n,t);case"base64":return w(this,e,n,t);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return O(this,e,n,t);default:if(d)throw new TypeError("Unknown encoding: "+a);a=(""+a).toLowerCase(),d=!0}},c.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}};function j(e,n,t){var a="";t=Math.min(e.length,t);for(var r=n;ra)&&(t=a);for(var r="",d=n;dt)throw new RangeError("Trying to access beyond buffer length")}function M(e,n,t,a,r,d){if(!c.isBuffer(e))throw new TypeError('"buffer" argument must be a Buffer instance');if(n>r||ne.length)throw new RangeError("Index out of range")}function X(e,n,t,a){n<0&&(n=65535+n+1);for(var r=0,d=Math.min(e.length-t,2);r>>8*(a?r:1-r)}function N(e,n,t,a){n<0&&(n=4294967295+n+1);for(var r=0,d=Math.min(e.length-t,4);r>>8*(a?r:3-r)&255}function B(e,n,t,a,r,d){if(t+a>e.length)throw new RangeError("Index out of range");if(t<0)throw new RangeError("Index out of range")}function I(e,n,t,a,d){return d||B(e,0,t,4),r.write(e,n,t,a,23,4),t+4}function _(e,n,t,a,d){return d||B(e,0,t,8),r.write(e,n,t,a,52,8),t+8}c.prototype.slice=function(e,n){var t,a=this.length;if((e=~~e)<0?(e+=a)<0&&(e=0):e>a&&(e=a),(n=void 0===n?a:~~n)<0?(n+=a)<0&&(n=0):n>a&&(n=a),n0&&(r*=256);)a+=this[e+--n]*r;return a},c.prototype.readUInt8=function(e,n){return n||L(e,1,this.length),this[e]},c.prototype.readUInt16LE=function(e,n){return n||L(e,2,this.length),this[e]|this[e+1]<<8},c.prototype.readUInt16BE=function(e,n){return n||L(e,2,this.length),this[e]<<8|this[e+1]},c.prototype.readUInt32LE=function(e,n){return n||L(e,4,this.length),(this[e]|this[e+1]<<8|this[e+2]<<16)+16777216*this[e+3]},c.prototype.readUInt32BE=function(e,n){return n||L(e,4,this.length),16777216*this[e]+(this[e+1]<<16|this[e+2]<<8|this[e+3])},c.prototype.readIntLE=function(e,n,t){e|=0,n|=0,t||L(e,n,this.length);for(var a=this[e],r=1,d=0;++d=(r*=128)&&(a-=Math.pow(2,8*n)),a},c.prototype.readIntBE=function(e,n,t){e|=0,n|=0,t||L(e,n,this.length);for(var a=n,r=1,d=this[e+--a];a>0&&(r*=256);)d+=this[e+--a]*r;return d>=(r*=128)&&(d-=Math.pow(2,8*n)),d},c.prototype.readInt8=function(e,n){return n||L(e,1,this.length),128&this[e]?-1*(255-this[e]+1):this[e]},c.prototype.readInt16LE=function(e,n){n||L(e,2,this.length);var t=this[e]|this[e+1]<<8;return 32768&t?4294901760|t:t},c.prototype.readInt16BE=function(e,n){n||L(e,2,this.length);var t=this[e+1]|this[e]<<8;return 32768&t?4294901760|t:t},c.prototype.readInt32LE=function(e,n){return n||L(e,4,this.length),this[e]|this[e+1]<<8|this[e+2]<<16|this[e+3]<<24},c.prototype.readInt32BE=function(e,n){return n||L(e,4,this.length),this[e]<<24|this[e+1]<<16|this[e+2]<<8|this[e+3]},c.prototype.readFloatLE=function(e,n){return n||L(e,4,this.length),r.read(this,e,!0,23,4)},c.prototype.readFloatBE=function(e,n){return n||L(e,4,this.length),r.read(this,e,!1,23,4)},c.prototype.readDoubleLE=function(e,n){return n||L(e,8,this.length),r.read(this,e,!0,52,8)},c.prototype.readDoubleBE=function(e,n){return n||L(e,8,this.length),r.read(this,e,!1,52,8)},c.prototype.writeUIntLE=function(e,n,t,a){(e=+e,n|=0,t|=0,a)||M(this,e,n,t,Math.pow(2,8*t)-1,0);var r=1,d=0;for(this[n]=255&e;++d=0&&(d*=256);)this[n+r]=e/d&255;return n+t},c.prototype.writeUInt8=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,1,255,0),c.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),this[n]=255&e,n+1},c.prototype.writeUInt16LE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[n]=255&e,this[n+1]=e>>>8):X(this,e,n,!0),n+2},c.prototype.writeUInt16BE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,2,65535,0),c.TYPED_ARRAY_SUPPORT?(this[n]=e>>>8,this[n+1]=255&e):X(this,e,n,!1),n+2},c.prototype.writeUInt32LE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[n+3]=e>>>24,this[n+2]=e>>>16,this[n+1]=e>>>8,this[n]=255&e):N(this,e,n,!0),n+4},c.prototype.writeUInt32BE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,4,4294967295,0),c.TYPED_ARRAY_SUPPORT?(this[n]=e>>>24,this[n+1]=e>>>16,this[n+2]=e>>>8,this[n+3]=255&e):N(this,e,n,!1),n+4},c.prototype.writeIntLE=function(e,n,t,a){if(e=+e,n|=0,!a){var r=Math.pow(2,8*t-1);M(this,e,n,t,r-1,-r)}var d=0,o=1,i=0;for(this[n]=255&e;++d>0)-i&255;return n+t},c.prototype.writeIntBE=function(e,n,t,a){if(e=+e,n|=0,!a){var r=Math.pow(2,8*t-1);M(this,e,n,t,r-1,-r)}var d=t-1,o=1,i=0;for(this[n+d]=255&e;--d>=0&&(o*=256);)e<0&&0===i&&0!==this[n+d+1]&&(i=1),this[n+d]=(e/o>>0)-i&255;return n+t},c.prototype.writeInt8=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,1,127,-128),c.TYPED_ARRAY_SUPPORT||(e=Math.floor(e)),e<0&&(e=255+e+1),this[n]=255&e,n+1},c.prototype.writeInt16LE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[n]=255&e,this[n+1]=e>>>8):X(this,e,n,!0),n+2},c.prototype.writeInt16BE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,2,32767,-32768),c.TYPED_ARRAY_SUPPORT?(this[n]=e>>>8,this[n+1]=255&e):X(this,e,n,!1),n+2},c.prototype.writeInt32LE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,4,2147483647,-2147483648),c.TYPED_ARRAY_SUPPORT?(this[n]=255&e,this[n+1]=e>>>8,this[n+2]=e>>>16,this[n+3]=e>>>24):N(this,e,n,!0),n+4},c.prototype.writeInt32BE=function(e,n,t){return e=+e,n|=0,t||M(this,e,n,4,2147483647,-2147483648),e<0&&(e=4294967295+e+1),c.TYPED_ARRAY_SUPPORT?(this[n]=e>>>24,this[n+1]=e>>>16,this[n+2]=e>>>8,this[n+3]=255&e):N(this,e,n,!1),n+4},c.prototype.writeFloatLE=function(e,n,t){return I(this,e,n,!0,t)},c.prototype.writeFloatBE=function(e,n,t){return I(this,e,n,!1,t)},c.prototype.writeDoubleLE=function(e,n,t){return _(this,e,n,!0,t)},c.prototype.writeDoubleBE=function(e,n,t){return _(this,e,n,!1,t)},c.prototype.copy=function(e,n,t,a){if(t||(t=0),a||0===a||(a=this.length),n>=e.length&&(n=e.length),n||(n=0),a>0&&a=this.length)throw new RangeError("sourceStart out of bounds");if(a<0)throw new RangeError("sourceEnd out of bounds");a>this.length&&(a=this.length),e.length-n=0;--r)e[r+n]=this[r+t];else if(d<1e3||!c.TYPED_ARRAY_SUPPORT)for(r=0;r>>=0,t=void 0===t?this.length:t>>>0,e||(e=0),"number"==typeof e)for(d=n;d55295&&t<57344){if(!r){if(t>56319){(n-=3)>-1&&d.push(239,191,189);continue}if(o+1===a){(n-=3)>-1&&d.push(239,191,189);continue}r=t;continue}if(t<56320){(n-=3)>-1&&d.push(239,191,189),r=t;continue}t=65536+(r-55296<<10|t-56320)}else r&&(n-=3)>-1&&d.push(239,191,189);if(r=null,t<128){if((n-=1)<0)break;d.push(t)}else if(t<2048){if((n-=2)<0)break;d.push(t>>6|192,63&t|128)}else if(t<65536){if((n-=3)<0)break;d.push(t>>12|224,t>>6&63|128,63&t|128)}else{if(!(t<1114112))throw new Error("Invalid code point");if((n-=4)<0)break;d.push(t>>18|240,t>>12&63|128,t>>6&63|128,63&t|128)}}return d}function D(e){return a.toByteArray(function(e){if((e=function(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")}(e).replace(A,"")).length<2)return"";for(;e.length%4!=0;)e+="=";return e}(e))}function Z(e,n,t,a){for(var r=0;r=n.length||r>=e.length);++r)n[r+t]=e[r];return r}}).call(this,t("fRV1"))},"+cY5":function(e,n,t){var a=t("Csdp")();a.addRange(69888,69940).addRange(69942,69959),e.exports=a},"+nN8":function(e,n,t){var a=t("MrWc"),r=t("ApsS");t("2qJG")("keys",(function(){return function(e){return r(a(e))}}))},"+ozH":function(e,n,t){e.exports={default:t("6XsV"),__esModule:!0}},"+ucT":function(e,n,t){var a=t("dJvc"),r=t("T/ei");e.exports=!!Object.getOwnPropertySymbols&&!r((function(){var e=Symbol();return!String(e)||!(Object(e)instanceof Symbol)||!Symbol.sham&&a&&a<41}))},"+wNj":function(e,n,t){"use strict";function a(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}t.d(n,"a",(function(){return a}))},"/30y":function(e,n,t){var a=t("Dhk8"),r=t("tLQN");e.exports=function(e){return r(e)&&"[object Arguments]"==a(e)}},"/5fA":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.03016 1.72863C7.37892 1.57778 7.75306 1.5 8.13115 1.5C8.50923 1.5 8.88338 1.57778 9.23213 1.72863C9.58079 1.87945 9.89696 2.10022 10.1628 2.37785C10.4288 2.65541 10.6393 2.98444 10.7828 3.3459C10.9263 3.70734 11 4.09442 11 4.48511C11 4.8758 10.9263 5.26288 10.7828 5.62432C10.6394 5.98574 10.4289 6.31474 10.1629 6.59229L6.71366 10.1931C6.32166 10.6023 5.67811 10.6023 5.28611 10.1931L1.83687 6.59229C1.29997 6.0318 1 5.27365 1 4.48511C1 3.69657 1.29997 2.93842 1.83687 2.37794C2.37408 1.81712 3.10473 1.50024 3.86862 1.50024C4.63252 1.50024 5.36317 1.81712 5.90038 2.37794L5.99989 2.48181L6.09931 2.37802C6.36521 2.10031 6.68143 1.87948 7.03016 1.72863Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"/Bu2":function(e,n,t){var a=t("nGXB"),r=t("lpjI").values;a({target:"Object",stat:!0},{values:function(e){return r(e)}})},"/GOs":function(e,n,t){e.exports={default:t("I1QY"),__esModule:!0}},"/MQ/":function(e,n,t){var a=t("nGXB"),r=t("T/ei"),d=t("16cg"),o=t("LUuf"),i=t("pxDA");a({target:"Object",stat:!0,forced:r((function(){o(1)})),sham:!i},{getPrototypeOf:function(e){return o(d(e))}})},"/Qos":function(e,n,t){(function(e){var a=void 0!==e&&e||"undefined"!=typeof self&&self||window,r=Function.prototype.apply;function d(e,n){this._id=e,this._clearFn=n}n.setTimeout=function(){return new d(r.call(setTimeout,a,arguments),clearTimeout)},n.setInterval=function(){return new d(r.call(setInterval,a,arguments),clearInterval)},n.clearTimeout=n.clearInterval=function(e){e&&e.close()},d.prototype.unref=d.prototype.ref=function(){},d.prototype.close=function(){this._clearFn.call(a,this._id)},n.enroll=function(e,n){clearTimeout(e._idleTimeoutId),e._idleTimeout=n},n.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},n._unrefActive=n.active=function(e){clearTimeout(e._idleTimeoutId);var n=e._idleTimeout;n>=0&&(e._idleTimeoutId=setTimeout((function(){e._onTimeout&&e._onTimeout()}),n))},t("gIIS"),n.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,n.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,t("fRV1"))},"/XIA":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M6 6.5C6.27614 6.5 6.5 6.72386 6.5 7V8C6.5 8.27614 6.27614 8.5 6 8.5C5.72386 8.5 5.5 8.27614 5.5 8V7C5.5 6.72386 5.72386 6.5 6 6.5Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 4.5V4C3 2.34315 4.34315 1 6 1C7.65685 1 9 2.34315 9 4V4.5C9.55228 4.5 10 4.94772 10 5.5V10C10 10.5523 9.55228 11 9 11H3C2.44772 11 2 10.5523 2 10V5.5C2 4.94772 2.44772 4.5 3 4.5ZM8 4V4.5H4V4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4ZM9 5.5H3V10H9V5.5Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"/Xp4":function(e,n,t){var a=t("xfS+"),r=t("Pcn1"),d=t("Zrst"),o=t("RR92").indexOf,i=t("mNRd"),c=a([].push);e.exports=function(e,n){var t,a=d(e),l=0,s=[];for(t in a)!r(i,t)&&r(a,t)&&c(s,t);for(;n.length>l;)r(a,t=n[l++])&&(~o(s,t)||c(s,t));return s}},"/aKN":function(e,n,t){var a=t("Csdp")(66463);a.addRange(66432,66461),e.exports=a},"/aPC":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M5.50004 7.45702L7.75004 5.20702C7.9453 5.01176 7.9453 4.69518 7.75004 4.49992C7.55478 4.30465 7.23819 4.30465 7.04293 4.49992L5.50004 6.04281L4.95714 5.49992C4.76188 5.30465 4.4453 5.30465 4.25004 5.49992C4.05478 5.69518 4.05478 6.01176 4.25004 6.20702L5.50004 7.45702Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.78215 10.8825C5.91935 10.9596 6.08065 10.9596 6.21785 10.8825C7.0525 10.4135 10 8.57518 10 5.99994V2.84644C10 2.63801 9.87071 2.45145 9.67556 2.37827L6.17556 1.06577C6.06237 1.02332 5.93763 1.02332 5.82444 1.06577L2.32444 2.37827C2.12929 2.45145 2 2.63801 2 2.84644V5.99994C2 8.57518 4.9475 10.4135 5.78215 10.8825ZM9 5.99994C9 6.89813 8.47979 7.75998 7.71527 8.52351C7.11166 9.12634 6.43814 9.58411 6 9.85118C5.56186 9.58411 4.88834 9.12634 4.28473 8.52351C3.52021 7.75998 3 6.89813 3 5.99994V3.19294L6 2.06794L9 3.19294V5.99994Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"/c8a":function(e,n,t){var a=t("Csdp")();a.addRange(66352,66378),e.exports=a},"/hzW":function(e,n,t){var a=t("Csdp")(33,46,63,1417,1748,2041,2103,2105,4962,5742,6147,6153,11822,11836,12290,42239,42739,42743,43311,44011,65106,65281,65294,65311,65377,70093,70313,72004,72006,92917,92996,93848,113823,121480);a.addRange(1565,1567).addRange(1792,1794).addRange(2109,2110).addRange(2404,2405).addRange(4170,4171).addRange(4967,4968).addRange(5941,5942).addRange(6468,6469).addRange(6824,6827).addRange(7002,7003).addRange(7006,7007).addRange(7037,7038).addRange(7227,7228).addRange(7294,7295).addRange(8252,8253).addRange(8263,8265).addRange(11859,11860).addRange(42510,42511).addRange(43126,43127).addRange(43214,43215).addRange(43464,43465).addRange(43613,43615).addRange(43760,43761).addRange(65110,65111).addRange(68182,68183).addRange(69461,69465).addRange(69510,69513).addRange(69703,69704).addRange(69822,69825).addRange(69953,69955).addRange(70085,70086).addRange(70110,70111).addRange(70200,70201).addRange(70203,70204).addRange(70731,70732).addRange(71106,71107).addRange(71113,71127).addRange(71233,71234).addRange(71484,71486).addRange(72258,72259).addRange(72347,72348).addRange(72769,72770).addRange(73463,73464).addRange(92782,92783).addRange(92983,92984),e.exports=a},"/r3m":function(e,n,t){"use strict";var a=t("S7IX")(!0);t("S49y")(String,"String",(function(e){this._t=String(e),this._i=0}),(function(){var e,n=this._t,t=this._i;return t>=n.length?{value:void 0,done:!0}:(e=a(n,t),this._i+=e.length,{value:e,done:!1})}))},"/sgr":function(e,n,t){t("nfmx"),t("y4v2"),t("XYQf"),t("Sco0"),t("sG+H")},"/v+O":function(e,n,t){var a=t("Csdp")();a.addRange(124928,125124).addRange(125127,125142),e.exports=a},"/vb6":function(e,n,t){var a=t("fdCg"),r=t("Pcn1"),d=t("75g0"),o=t("fCnm").f;e.exports=function(e){var n=a.Symbol||(a.Symbol={});r(n,e)||o(n,e,{value:d.f(e)})}},"/vpx":function(e,n,t){var a=t("Csdp")();a.addRange(69600,69622),e.exports=a},"/xCF":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M159.045 241.456C158.852 240.963 158.653 240.508 158.45 240.09L155.882 240.859C157.947 244.728 160.589 251.254 161.831 260.844C163.693 275.208 160.014 282.013 158.35 284.272H162.13C163.209 281.663 168.702 266.033 159.045 241.456Z",fill:"#D8375D",key:0}),a.createElement("path",{d:"M82.437 256.505C70.3425 254.444 58.9374 252.481 51.4245 251.184C45.3364 250.133 41.5377 249.475 41.5377 249.475C41.0957 249.399 40.7999 248.979 40.8762 248.537C40.9525 248.095 41.3737 247.802 41.8145 247.876C41.8149 247.876 45.2199 248.465 50.7443 249.419L50.2057 238.09L15.6286 236.011C14.6038 237.16 10.6408 241.76 7.27552 247.779C0.872921 259.232 1.50523 266.947 3.1631 271.404C7.81002 283.889 19.4001 284.068 19.8912 284.069C19.9054 284.069 19.9208 284.07 19.935 284.07L23.5978 284.272H135.369C135.368 284.253 135.366 284.236 135.367 284.217L136.154 271.597L82.437 256.505Z",fill:"#F6F6F6",key:1}),a.createElement("path",{d:"M49.5525 192.956C49.7173 192.936 49.882 192.965 50.0265 193.04C51.404 193.291 52.7997 193.622 54.1905 194.025C55.0667 191.419 57.8995 187.663 60.2834 186.668C61.0091 186.367 61.7347 186.184 62.4372 186.008C63.8151 185.661 65.0058 185.362 65.9178 184.265C66.9807 182.989 67.6203 180.857 67.6296 178.559C67.6333 177.711 67.6049 176.85 67.5424 175.926C67.4859 175.08 68.3682 174.746 69.1467 174.45C69.2639 174.406 69.4206 174.346 69.5602 174.289C69.3447 173.875 68.9437 173.226 68.6519 172.754C67.7936 171.364 67.3066 170.549 67.285 169.955C67.1848 167.458 66.2416 165.103 65.2741 163.377C64.9336 167.58 61.8439 172.262 59.2018 174.153C58.9701 174.319 58.6674 174.351 58.4056 174.237C58.1438 174.124 57.9612 173.881 57.9243 173.598C57.6207 171.264 56.0963 170.491 55.2144 170.237C53.4137 169.719 51.3443 170.411 50.0659 171.96C48.9307 173.338 48.9165 175.119 50.0273 176.721C51.1515 178.342 53.4003 179.604 55.5277 178.874C55.8455 178.764 56.1986 178.863 56.4141 179.121C56.6296 179.379 56.6637 179.744 56.4997 180.037C55.4141 181.978 54.0148 182.607 50.2745 184.287C49.2489 184.747 48.089 185.269 46.6856 185.924L41.2148 192.539C43.7867 192.318 46.6243 192.456 49.5525 192.956Z",fill:"white",key:2}),a.createElement("path",{d:"M34.9089 194.034C36.0912 193.521 37.4167 193.131 38.8428 192.861L44.9511 185.475C43.1849 184.373 41.596 183.058 40.3229 180.511C40.3087 180.582 40.2977 180.658 40.2831 180.728C39.566 184.172 37.2835 188.218 33.2113 188.286C33.1861 188.286 33.1598 188.286 33.1346 188.286C30.3537 188.286 26.5981 185.983 24.8375 180.88C23.2945 176.382 22.8188 167.782 26.6983 163.606C28.471 161.7 30.8347 161.003 33.3566 161.645C35.8915 162.29 38.2551 164.251 39.5932 166.648C40.7766 163.781 42.9138 161.461 43.9284 160.466C48.1135 156.347 57.055 153.974 62.3091 157.088C63.4832 157.783 64.3217 158.739 64.8087 159.935C64.8765 159.978 64.9402 160.027 64.995 160.091C66.3663 161.688 68.7336 165.549 68.9073 169.893C68.9633 170.168 69.6334 171.253 70.0335 171.901C70.8213 173.176 71.2701 173.924 71.3233 174.464C71.4093 175.329 70.5132 175.668 69.7226 175.968C69.5692 176.026 69.3485 176.11 69.1853 176.183C69.234 177.004 69.2567 177.804 69.2531 178.566C69.2429 181.228 68.4625 183.747 67.1654 185.303C65.9154 186.807 64.3485 187.201 62.8326 187.582C62.1585 187.751 61.5214 187.911 60.9085 188.167C59.012 188.958 56.4727 192.339 55.7389 194.503C58.5092 195.419 61.1362 196.577 63.5558 197.958C64.7701 198.653 68.555 200.711 74.0554 203.622C81.7929 196.432 86.2218 186.301 86.2218 175.729C86.2218 154.734 69.1407 137.652 48.1451 137.652C27.15 137.652 10.0688 154.734 10.0688 175.729C10.0688 186.446 14.5822 196.644 22.4796 203.853C25.5214 199.51 29.4938 196.376 34.9089 194.034Z",fill:"#FE874F",key:3}),a.createElement("path",{d:"M172.839 187.442C172.698 186.783 172.55 186.092 172.384 185.384C169.668 186.125 156.163 188.674 150.737 189.689L146.144 191.876C146.034 191.928 145.915 191.955 145.795 191.955C145.741 191.955 145.687 191.95 145.634 191.939C145.553 191.923 145.475 191.895 145.398 191.864C140.397 197.576 130.288 202.882 127.437 204.312C127.845 205.071 128.282 205.786 128.741 206.453C128.831 206.535 128.904 206.636 128.95 206.751C130.566 209.024 132.445 210.715 134.695 211.912C143.65 216.661 154.095 208.344 154.2 208.26L173.92 192.51C174.016 192.433 174.124 192.384 174.235 192.357C174.186 192.249 174.136 192.146 174.086 192.031C173.555 190.789 173.223 189.238 172.839 187.442Z",fill:"#D8375D",key:4}),a.createElement("path",{d:"M161.218 162.462C162.612 164.877 164.498 167.582 166.322 170.198C168.541 173.38 170.637 176.385 171.879 178.868C172.228 179.563 172.546 180.309 172.849 181.147C173.593 183.196 174.036 185.271 174.428 187.103C174.794 188.816 175.11 190.295 175.58 191.392C175.735 191.754 175.89 192.073 176.04 192.34C176.26 192.733 176.431 192.952 176.545 193.072C176.592 192.965 176.649 192.801 176.704 192.557C176.945 191.468 176.354 188.413 175.703 186.037V186.036C175.703 186.034 175.702 186.033 175.702 186.031C175.696 186.015 175.698 185.996 175.693 185.979C175.686 185.942 175.678 185.905 175.676 185.868C175.673 185.837 175.662 185.808 175.662 185.778C175.662 185.329 176.025 184.966 176.474 184.966C176.849 184.966 177.165 185.221 177.258 185.568C177.259 185.573 177.261 185.58 177.263 185.586C177.794 187.102 179.043 189.882 180.412 190.839C181.957 191.921 188.793 192.92 192.078 192.314L190.342 191.157C190.174 191.045 190.054 190.875 190.004 190.678C189.356 188.093 188.231 186.997 186.928 185.727C185.933 184.758 184.806 183.66 183.885 181.814C182.703 179.454 181.287 176.499 179.557 172.78C179.349 172.327 179.138 171.874 178.923 171.413C175.244 163.447 170.885 153.644 166.708 144.218C161.989 145.999 156.263 151.039 154.856 152.319C158.001 157.185 160.142 160.599 161.218 162.462Z",fill:"#D8375D",key:5}),a.createElement("path",{d:"M233.553 207.094C234.344 206.887 234.897 206.828 234.926 206.825C234.953 206.822 234.98 206.821 235.008 206.821H235.009C259.523 206.876 305.435 206.948 310.041 206.843C310.589 204.369 311.915 190.637 312.321 174.29C312.694 159.254 312.364 139.219 308.67 129.162C303.473 115.017 291.083 114.326 290.558 114.304C290.256 114.291 289.984 114.11 289.856 113.836C288.581 111.102 284.167 108.012 281.913 106.564C283.288 113.628 284.225 119.359 284.505 122.441C284.546 122.887 284.217 123.282 283.77 123.323C283.324 123.357 282.929 123.034 282.888 122.588C282.592 119.322 281.537 112.992 279.995 105.221C277.655 93.424 275.045 82.4276 273.646 78.4796C271.986 73.8022 267.396 63.5104 261.555 54.3298C257.468 47.8936 253.596 43.2925 250.047 40.6541C247.662 38.8822 244.679 39.0088 242.262 40.9841C239.615 43.1375 238.288 46.8761 238.713 50.9865C238.77 51.5344 238.862 52.1119 238.987 52.7032C239.619 55.6338 241.981 60.0762 244.715 65.2207C246.534 68.6419 248.596 72.5202 250.424 76.4938C253.45 83.0717 255.225 88.6314 255.849 93.4905C256.044 95.0177 256.232 96.8059 256.409 98.8067C257.018 105.747 257.472 114.961 257.654 124.085C257.827 132.621 257.748 140.268 257.429 146.226C257.456 146.36 257.448 146.499 257.407 146.631C257.071 152.741 256.481 156.79 255.652 158.659C254.657 160.896 253.04 162.23 250.976 162.517C246.197 163.178 240.122 158.17 236.377 153.675C235.228 152.296 234.226 150.646 233.314 148.633C232.405 146.617 231.682 144.472 230.916 142.201C229.083 136.763 227.005 130.6 221.691 125.065C221.139 124.49 220.571 123.945 220.003 123.444C215.506 119.467 210.57 117.844 206.461 118.988C203.856 119.713 201.925 121.521 201.163 123.951C199.974 127.745 201.804 130.711 204.575 135.2C206.096 137.667 207.822 140.463 209.482 144.062C211.907 149.314 212.722 153.476 213.667 158.294C214.617 163.144 215.695 168.64 218.663 176.756C224.032 191.435 232.003 204.594 233.546 207.083C233.549 207.088 233.551 207.09 233.553 207.094Z",fill:"#FFB0A8",key:6}),a.createElement("path",{d:"M258.924 251.48C260.291 251.609 275.118 251.533 284.9 251.448H310.333C310.843 251.448 311.312 251.406 311.727 251.325C315.429 250.648 316.127 247.153 316.215 245.13C316.321 242.709 315.935 240.521 315.485 238.643C315.457 238.646 315.43 238.651 315.402 238.651H228.119C227.672 240.516 227.281 242.698 227.39 245.129C227.493 247.489 228.394 251.448 233.271 251.448H258.697C258.776 251.448 258.852 251.458 258.924 251.48Z",fill:"#FF4239",key:7}),a.createElement("path",{d:"M314.835 236.166C314.357 234.424 313.906 232.779 313.809 231.256C313.507 226.455 313.968 223.478 314.376 220.852C314.379 220.835 314.381 220.819 314.384 220.802H229.22C229.223 220.821 229.225 220.84 229.228 220.859C229.636 223.484 230.098 226.459 229.796 231.255C229.7 232.775 229.249 234.419 228.771 236.158C228.693 236.443 228.614 236.734 228.535 237.028H315.071C314.992 236.736 314.913 236.449 314.835 236.166Z",fill:"#D8365C",key:8}),a.createElement("path",{d:"M314.623 219.179C314.814 217.775 314.962 216.224 314.875 214.305C314.661 209.536 311.143 208.586 310.44 208.444L310.398 208.439L310.399 208.429C309.861 208.479 308.925 208.484 307.232 208.493C305.162 208.505 302.21 208.513 298.668 208.517C292.403 208.524 283.674 208.521 272.722 208.508C254.411 208.487 236.109 208.447 235.054 208.444C234.896 208.464 234.226 208.559 233.385 208.834C233.385 208.834 233.384 208.835 233.383 208.835C231.342 209.496 228.877 210.982 228.729 214.304C228.642 216.226 228.789 217.776 228.979 219.179H314.623Z",fill:"#FF4239",key:9}),a.createElement("path",{d:"M291.485 253.071H284.906C284.848 253.071 278.341 253.128 271.89 253.156C268.723 253.169 266.303 253.178 264.449 253.178C260.778 253.178 259.328 253.146 258.696 253.062V253.071H234.071L233.636 283.971C233.634 284.078 233.611 284.179 233.572 284.272H313.424L312.407 270.036C309.476 261.639 296.83 255.233 291.485 253.071Z",fill:"#FFB0A8",key:10}),a.createElement("path",{d:"M256.042 139.833C255.069 137.785 252.849 137.527 251.52 137.573C251.076 141.377 250.332 144.091 249.294 145.689C250.427 146.398 252.968 147.545 255.819 145.934C255.917 144.058 255.992 142.016 256.042 139.833Z",fill:"#FFB0A8",key:11}),a.createElement("path",{d:"M247.553 145.308C248.986 143.778 249.733 139.81 250.091 135.476C248.585 130.503 242.89 128.15 240.568 127.382C240.756 128.972 240.929 130.532 240.997 131.754L241.025 132.216C241.196 134.949 241.684 142.756 239.027 146.704C240.574 147.272 244.685 148.366 247.553 145.308Z",fill:"#FFB0A8",key:12}),a.createElement("path",{d:"M239.794 41.1675H228.185C227.911 41.1675 227.657 41.1692 227.422 41.1704C225.738 41.1793 224.891 41.1842 224.287 40.5807C223.681 39.9752 223.686 39.1209 223.695 37.42L223.697 36.6785V23.0101C223.697 21.4277 222.411 20.1404 220.832 20.1404H217.471C215.891 20.1404 214.606 21.4277 214.606 23.0101V36.6785C214.606 37.1951 214.616 37.6387 214.624 38.0198C214.653 39.3627 214.67 40.1026 214.132 40.6456C213.58 41.2032 212.799 41.1943 211.251 41.1761C210.918 41.172 210.542 41.1675 210.117 41.1675H196.444C194.864 41.1675 193.579 42.4545 193.579 44.0364V47.3932C193.579 48.9727 194.864 50.258 196.444 50.258L210.534 50.2576C212.521 50.2576 213.439 50.2544 214.062 50.8847C214.645 51.4743 214.634 52.2755 214.615 53.7292C214.611 54.0332 214.606 54.3725 214.606 54.7511V68.4196C214.606 70.0019 215.891 71.2893 217.471 71.2893H220.832C222.411 71.2893 223.697 70.0019 223.697 68.4196L223.695 54.0389C223.686 52.4102 223.681 51.5133 224.298 50.894C224.935 50.2548 225.886 50.2572 227.787 50.2576L237.031 50.258C236.862 46.7442 237.86 43.5101 239.794 41.1675Z",fill:"white",key:13}),a.createElement("path",{d:"M221.603 122.711C222.027 123.105 222.449 123.512 222.862 123.941C228.427 129.738 230.567 136.084 232.455 141.682C233.162 143.782 233.838 145.767 234.645 147.611C234.765 147.517 234.914 147.454 235.078 147.44C235.833 147.378 236.469 147.096 237.023 146.58C239.077 144.674 239.878 139.876 239.404 132.318L239.376 131.845C239.294 130.384 239.053 128.38 238.821 126.442C238.031 119.868 237.949 117.995 238.875 117.342C239.21 117.107 239.626 117.085 240.018 117.28C240.725 117.632 244.858 119.138 251.355 121.412C253.308 122.094 255.019 122.687 256.007 123.03C255.819 114.599 255.403 106.184 254.85 99.6448C253.106 99.3526 243.654 98.0644 230.325 101.807C223.669 103.673 221.068 109.855 221.63 122.479C221.634 122.56 221.621 122.637 221.603 122.711Z",fill:"#FFB0A8",key:14}),a.createElement("path",{d:"M146.802 140.019C147.002 140.32 147.28 140.741 147.625 141.264C149.152 143.575 151.569 147.256 153.96 150.937C155.696 149.368 161.22 144.587 166.049 142.733L165.388 141.243C163.724 137.491 162.094 133.816 160.548 130.345C156.708 134.504 151.993 137.822 146.802 140.019Z",fill:"#F6F6F6",key:15}),a.createElement("path",{d:"M48.1452 215.429C45.2905 215.429 42.45 215.123 39.6846 214.521C40.1152 218.355 42.1294 221.25 45.2126 222.37C48.6874 223.631 52.7998 222.347 56.1152 219.017C55.5608 218.803 55.0657 218.618 54.5961 218.449C54.174 218.298 53.9545 217.833 54.1062 217.411C54.2576 216.989 54.7223 216.769 55.1444 216.921C55.8989 217.192 56.6963 217.495 57.7296 217.905C59.1399 218.469 60.6598 219.113 62.661 219.995C63.7333 220.469 64.8047 220.951 65.8725 221.432C70.2182 223.388 74.323 225.236 78.1237 226.424C80.0145 227.014 82.7694 227.889 86.0271 228.923C92.2531 230.9 100.001 233.361 107.26 235.598C117.392 238.722 123.819 240.555 126.364 241.048C126.517 241.078 126.655 241.105 126.782 241.124C127.417 241.224 128.054 241.329 128.698 241.437C133.999 242.319 139.48 243.231 142.772 240.951C146.574 238.318 151.628 235.37 153.505 234.994C154.303 234.835 155.246 234.945 156.163 235.302C156.201 235.316 156.236 235.337 156.274 235.352C156.383 235.396 156.491 235.444 156.598 235.497C158.149 236.234 159.433 237.618 160.236 239.454C161.198 241.646 162.366 242.364 162.886 242.176C163.285 242.031 163.519 241.221 163.165 240.006C162.08 236.291 157.528 229.212 152.696 228.93C150.325 228.786 147.857 229.678 144.995 230.707C141.921 231.811 138.438 233.063 134.366 233.224C133.023 233.281 130.45 232.553 126.497 231.001C126.496 231.001 126.495 231 126.494 231C126.439 230.979 126.386 230.959 126.33 230.933C121.37 228.987 114.207 225.734 105.078 221.28C93.0851 215.431 80.8311 209.037 74.2945 205.585C67.0571 211.932 57.7978 215.429 48.1452 215.429Z",fill:"white",key:16}),a.createElement("path",{d:"M105.627 123.16C109.326 117.408 117.137 115.254 117.927 115.049C118.356 114.883 120.879 114.008 125.004 114.401C125.023 114.403 125.043 114.406 125.062 114.409C125.065 114.409 125.174 114.428 125.374 114.459L125.752 108.611C125.756 108.547 125.769 108.487 125.787 108.429C124.13 106.619 123.349 104.116 122.984 102.103C122.97 102.105 122.957 102.109 122.942 102.111C122.87 102.116 122.791 102.117 122.719 102.117C120.998 102.117 119.611 100.883 119.01 98.8152C118.37 96.6196 118.716 93.7089 120.4 92.6375C120.513 92.5648 120.627 92.5015 120.74 92.4427C120.754 89.7584 121.131 86.8847 123.572 83.9995C125.353 81.894 128.043 80.7722 131.14 80.851C133.441 80.9118 135.765 81.4329 138.011 81.9366C138.374 82.0182 138.733 82.0985 139.089 82.1765C142.106 82.8339 144.144 84.2308 145.323 86.448C146.122 87.9585 146.365 89.6976 146.024 91.4784C145.877 92.2398 145.59 92.9029 145.312 93.5441C145.076 94.0904 144.852 94.6066 144.743 95.1282C144.731 95.1886 144.709 95.245 144.685 95.299C144.793 95.4634 144.895 95.6411 144.989 95.8359C145.902 97.7357 145.092 100.078 144.029 101.635C142.866 103.34 141.273 104.367 139.82 104.367C139.76 104.367 139.7 104.364 139.641 104.361C139.267 105.297 138.873 106.085 138.487 106.663L138.265 106.998C138.003 107.395 137.735 107.798 137.446 108.189C137.512 108.281 137.562 108.386 137.585 108.504L138.949 115.318C139.379 115.293 139.791 115.261 140.188 115.221C149.382 114.278 156.954 118.353 160.44 126.127L160.986 127.346C166.44 120.59 169.436 112.154 169.436 103.44C169.436 82.4423 152.353 65.3595 131.356 65.3595C110.36 65.3595 93.2788 82.4423 93.2788 103.44C93.2788 112.874 96.722 121.834 102.989 128.827C104.056 125.9 104.996 124.146 105.627 123.16Z",fill:"#FF4239",key:17}),a.createElement("path",{d:"M160.221 261.053C159.132 252.646 156.907 246.703 155.232 243.197C154.971 242.649 154.715 242.146 154.467 241.679L147.352 248.549C147.345 248.881 147.339 249.213 147.333 249.541C147.259 253.892 147.189 258.001 145.315 259.706C144.253 260.671 143.038 261.662 141.691 262.665C143.368 263.226 146.115 264.01 147.412 263.826C147.708 263.784 148.269 263.814 148.748 264.48C149.861 266.027 150.094 270.822 147.946 275.118C147.465 276.079 146.828 276.884 146.212 277.662C144.806 279.436 143.591 280.968 144.329 284.081C144.344 284.145 144.348 284.209 144.348 284.272H156.289C156.332 284.166 156.395 284.066 156.484 283.983C156.54 283.928 162.422 278.023 160.221 261.053Z",fill:"white",key:18}),a.createElement("path",{d:"M118.487 116.573C118.451 116.587 118.412 116.6 118.375 116.61C118.296 116.63 110.456 118.652 106.993 124.038C106.354 125.034 105.369 126.899 104.239 130.161C105.46 131.401 106.774 132.569 108.16 133.632C114.861 138.791 122.881 141.517 131.355 141.517C136.187 141.517 140.896 140.624 145.35 138.862C150.869 136.68 155.861 133.178 159.823 128.722L158.958 126.79C155.772 119.688 148.812 115.968 140.35 116.837C139.695 116.902 139.015 116.948 138.267 116.978C133.71 117.153 128.624 116.56 125.995 116.192C125.349 116.101 124.933 116.034 124.821 116.015C120.83 115.639 118.51 116.563 118.487 116.573Z",fill:"#F6F6F6",key:19}),a.createElement("path",{d:"M140.123 160.154C140.854 157.701 144.153 146.705 145.98 141.718C145.651 141.219 145.403 140.846 145.258 140.626C140.817 142.287 136.145 143.14 131.355 143.14C122.944 143.14 114.963 140.558 108.188 135.67C107.802 138.522 107.49 141.588 107.258 144.805C106.73 152.012 106.703 158.276 106.711 160.318C110.026 160.729 125.586 162.428 140.123 160.154Z",fill:"#F6F6F6",key:20}),a.createElement("path",{d:"M133.09 94.8875C132.929 95.8647 132.498 96.7661 132.081 97.6379C131.802 98.2219 131.533 98.784 131.355 99.342C131.781 99.4061 132.151 99.4987 132.474 99.6204C132.894 99.7791 133.106 100.247 132.947 100.667C132.824 100.991 132.515 101.192 132.188 101.192C132.092 101.192 131.996 101.175 131.901 101.139C131.523 100.996 130.99 100.906 130.318 100.87C130.093 100.858 129.883 100.752 129.738 100.579C129.594 100.407 129.528 100.181 129.556 99.9569C129.695 98.8655 130.163 97.8858 130.616 96.9378C131.001 96.133 131.364 95.3728 131.488 94.6232C131.561 94.1805 131.974 93.8822 132.422 93.954C132.863 94.0275 133.163 94.4451 133.09 94.8875ZM139.578 91.357C139.102 89.2901 135.882 86.9049 132.431 86.9049C132.416 86.9049 132.4 86.9053 132.385 86.9053C128.617 86.9289 125.936 89.7316 124.835 94.7974V94.7986C124.568 96.0202 124.39 97.3972 124.305 98.8915C124.294 99.0616 124.297 100.017 124.504 101.352C124.819 103.388 125.589 106.161 127.456 107.801C128.039 108.316 128.711 108.688 129.453 108.908C132.987 109.957 134.466 109.07 135.445 108.065C135.985 107.506 136.435 106.825 136.911 106.104L137.138 105.762C137.542 105.157 137.986 104.209 138.388 103.092C139.203 100.829 139.74 98.2133 139.875 95.885C139.862 95.7852 139.867 95.6837 139.891 95.5859C139.966 94.0198 139.863 92.5969 139.578 91.357Z",fill:"#D8375D",key:21}),a.createElement("path",{d:"M143.526 96.5389C143.325 96.1204 143.099 95.8449 142.858 95.7207C142.429 95.508 141.836 95.8631 141.484 96.146C141.345 98.256 140.905 100.573 140.238 102.684C141.049 102.493 141.965 101.781 142.689 100.721C143.688 99.2556 144.025 97.5758 143.526 96.5389Z",fill:"#D8375D",key:22}),a.createElement("path",{d:"M128.989 110.464C128.39 110.286 127.831 110.024 127.308 109.698L126.986 114.688C128.922 114.942 131.75 115.251 134.677 115.352C133.888 114.162 133.073 111.899 132.757 110.976C132.586 110.988 132.413 110.998 132.234 110.998C131.262 110.998 130.186 110.819 128.989 110.464Z",fill:"#D8375D",key:23}),a.createElement("path",{d:"M126 229.056C126.552 218.895 126.999 211.769 127.362 207.31C126.733 206.389 126.142 205.385 125.609 204.313C125.453 204.002 125.302 203.683 125.153 203.361C125.148 203.362 125.143 203.363 125.138 203.363L105.734 203.554H105.726C105.64 203.554 105.559 203.537 105.481 203.512C105.68 209.202 105.946 214.762 106.272 220.056C114.564 224.094 121.194 227.118 126 229.056Z",fill:"#D8375D",key:24}),a.createElement("path",{d:"M110.763 256.268L124.661 255.865C124.747 253.997 124.985 248.844 125.301 242.487C125.301 242.485 125.302 242.484 125.302 242.483C122.411 241.837 116.614 240.173 107.658 237.42C108.555 246.105 109.623 252.593 110.763 256.268Z",fill:"#D8375D",key:25}),a.createElement("path",{d:"M123.119 95.118C123.019 95.0161 122.943 94.8883 122.907 94.7393C122.862 94.5563 122.659 93.9893 122.32 93.7852C122.23 93.7308 122.095 93.676 121.843 93.7401C121.675 93.7831 121.478 93.8745 121.276 94.0051C120.401 94.5611 120.067 96.6362 120.569 98.3615C120.8 99.1577 121.388 100.494 122.719 100.494C122.733 100.494 122.746 100.493 122.76 100.493C122.682 99.6947 122.667 99.0676 122.684 98.7953C122.759 97.4808 122.907 96.2503 123.119 95.118Z",fill:"#D8375D",key:26}),a.createElement("path",{d:"M105.693 143.966C105.947 140.639 106.287 137.475 106.705 134.548C105.649 133.712 104.631 132.824 103.668 131.887C102.745 134.813 101.878 138.258 101.082 142.146L105.583 143.91C105.623 143.925 105.658 143.945 105.693 143.966Z",fill:"#F6F6F6",key:27}),a.createElement("path",{d:"M105.093 161.041C105.092 160.969 104.996 153.932 105.587 145.412C105.492 145.451 105.392 145.478 105.287 145.478C105.189 145.478 105.088 145.459 104.991 145.422L100.76 143.764C100.479 145.219 100.208 146.73 99.9516 148.277C99.2446 152.542 98.5408 159.774 97.9199 166.154C97.4244 171.247 96.997 175.645 96.6776 177.336C95.5421 183.357 94.8521 186.398 94.3481 188.619C93.9459 190.391 93.6801 191.562 93.411 193.27C92.8249 196.958 93.7762 199.813 95.2162 204.134C95.954 206.345 96.663 206.844 96.8736 206.851C96.9414 206.856 97.0916 206.726 97.1622 206.566C97.2352 206.133 96.8809 204.347 96.6216 203.039C96.1383 200.601 95.6383 198.081 95.9021 196.675C96.6464 192.698 97.7884 190.192 99.2949 189.228C99.8562 188.869 100.458 188.745 100.989 188.879C102.113 189.158 101.856 190.48 101.294 193.378C100.923 195.284 100.416 197.894 100.737 198.804C100.908 199.29 101.201 199.869 101.627 199.869H101.631C102.376 199.863 103.445 198.66 103.683 198.048C103.531 192.432 103.453 187.134 103.453 182.3C103.453 175.321 104.041 168.51 105.242 161.493C105.151 161.364 105.095 161.209 105.093 161.041Z",fill:"#D8375D",key:28}),a.createElement("path",{d:"M72.7537 204.771C67.5066 201.99 63.9741 200.068 62.7497 199.368C60.216 197.922 57.4437 196.724 54.5106 195.81C52.9209 195.317 51.3183 194.926 49.7407 194.638C48.3049 195.476 41.039 200.209 39.7217 210.881C39.6385 211.55 39.5946 212.204 39.5918 212.833C42.382 213.476 45.2553 213.805 48.145 213.805C57.1949 213.805 65.884 210.601 72.7537 204.771Z",fill:"white",key:29}),a.createElement("path",{d:"M132.42 93.954C131.973 93.8822 131.56 94.1805 131.487 94.6229C131.364 95.3729 131 96.133 130.615 96.9378C130.162 97.8859 129.693 98.8656 129.555 99.9569C129.527 100.181 129.592 100.406 129.737 100.579C129.881 100.752 130.092 100.858 130.317 100.87C130.989 100.906 131.521 100.996 131.9 101.139C131.994 101.175 132.091 101.192 132.187 101.192C132.514 101.192 132.823 100.991 132.946 100.667C133.105 100.247 132.893 99.7791 132.473 99.6204C132.15 99.4987 131.78 99.4061 131.353 99.3416C131.532 98.7836 131.801 98.2219 132.08 97.6379C132.496 96.7661 132.928 95.8647 133.089 94.8875C133.162 94.4451 132.862 94.0275 132.42 93.954Z",fill:"#700051",key:30}),a.createElement("path",{d:"M233.572 284.272C233.611 284.179 233.634 284.078 233.636 283.971L234.071 253.071H258.696V253.062C259.328 253.146 260.778 253.177 264.449 253.177C266.303 253.177 268.724 253.169 271.89 253.155C278.341 253.127 284.848 253.071 284.906 253.071H291.485C296.83 255.233 309.476 261.638 312.407 270.036L313.424 284.272H233.572ZM227.389 245.128C227.28 242.698 227.672 240.515 228.118 238.651H315.401C315.43 238.651 315.457 238.645 315.484 238.643C315.934 240.521 316.32 242.709 316.214 245.13C316.126 247.153 315.429 250.648 311.727 251.324C311.311 251.406 310.842 251.447 310.332 251.447H284.899C275.117 251.533 260.29 251.609 258.923 251.479C258.851 251.458 258.775 251.447 258.696 251.447H233.271C228.394 251.447 227.492 247.489 227.389 245.128ZM228.771 236.158C229.248 234.419 229.699 232.776 229.795 231.255C230.097 226.459 229.635 223.484 229.228 220.86C229.225 220.84 229.222 220.821 229.219 220.802H314.383C314.38 220.819 314.378 220.835 314.375 220.852C313.967 223.479 313.506 226.455 313.808 231.256C313.905 232.779 314.357 234.425 314.835 236.166C314.912 236.449 314.991 236.736 315.07 237.028H228.534C228.613 236.734 228.692 236.444 228.771 236.158ZM228.728 214.304C228.877 210.982 231.341 209.496 233.383 208.834C233.383 208.834 233.384 208.834 233.385 208.834C234.226 208.559 234.896 208.464 235.054 208.444C236.108 208.446 254.411 208.487 272.722 208.508C283.674 208.521 292.403 208.523 298.668 208.516C302.209 208.512 305.162 208.505 307.232 208.493C308.924 208.484 309.861 208.479 310.399 208.429L310.398 208.439L310.44 208.444C311.142 208.587 314.661 209.536 314.874 214.305C314.961 216.224 314.814 217.775 314.623 219.179H228.979C228.789 217.776 228.641 216.226 228.728 214.304ZM218.664 176.757C215.694 168.64 214.617 163.144 213.666 158.294C212.722 153.476 211.906 149.314 209.483 144.062C207.822 140.463 206.097 137.667 204.575 135.201C201.804 130.711 199.974 127.745 201.164 123.951C201.925 121.521 203.856 119.712 206.461 118.987C210.57 117.845 215.506 119.468 220.003 123.444C220.571 123.945 221.139 124.49 221.691 125.065C227.005 130.6 229.083 136.763 230.916 142.201C231.682 144.472 232.405 146.617 233.314 148.633C234.226 150.647 235.228 152.296 236.377 153.675C240.123 158.17 246.197 163.178 250.976 162.517C253.041 162.229 254.657 160.896 255.652 158.659C256.481 156.79 257.071 152.741 257.407 146.63C257.448 146.499 257.457 146.36 257.429 146.227C257.748 140.268 257.826 132.621 257.654 124.085C257.472 114.961 257.018 105.747 256.409 98.8069C256.232 96.8061 256.044 95.0179 255.849 93.4907C255.225 88.6312 253.45 83.0715 250.424 76.4936C248.596 72.52 246.534 68.6421 244.715 65.2209C241.981 60.0764 239.619 55.634 238.987 52.7034C238.862 52.1121 238.77 51.5342 238.713 50.9867C238.289 46.8763 239.615 43.1377 242.262 40.9843C244.679 39.009 247.662 38.882 250.047 40.6543C253.596 43.2927 257.468 47.8933 261.555 54.33C267.396 63.5106 271.986 73.802 273.646 78.4798C275.045 82.4274 277.655 93.4242 279.995 105.221C281.537 112.992 282.591 119.322 282.888 122.588C282.929 123.035 283.324 123.357 283.77 123.323C284.217 123.282 284.546 122.888 284.505 122.441C284.225 119.359 283.287 113.628 281.913 106.563C284.168 108.012 288.582 111.102 289.856 113.836C289.984 114.11 290.256 114.291 290.558 114.304C291.083 114.326 303.473 115.017 308.67 129.162C312.364 139.22 312.694 159.254 312.321 174.29C311.915 190.636 310.589 204.369 310.041 206.843C305.435 206.948 259.523 206.875 235.009 206.821H235.008C234.98 206.821 234.953 206.822 234.926 206.825C234.897 206.828 234.344 206.887 233.553 207.095C233.551 207.09 233.549 207.087 233.546 207.083C232.003 204.594 224.032 191.435 218.664 176.757ZM249.294 145.689C250.331 144.091 251.076 141.377 251.519 137.574C252.848 137.527 255.069 137.785 256.041 139.833C255.991 142.017 255.917 144.058 255.818 145.934C252.967 147.546 250.426 146.398 249.294 145.689ZM241.532 148.924C241.895 148.96 242.252 148.978 242.603 148.978C244.795 148.978 246.709 148.272 248.22 146.915C249.077 147.473 250.775 148.366 252.87 148.366C253.758 148.366 254.717 148.199 255.713 147.786C255.301 154.238 254.654 156.905 254.168 158C253.392 159.746 252.275 160.697 250.752 160.909C247.411 161.373 242.135 158.049 237.624 152.636C236.767 151.608 236.021 150.445 235.313 149.046C236.274 148.947 237.133 148.593 237.872 147.99C238.331 148.188 239.745 148.748 241.532 148.924ZM241.025 132.216L240.997 131.755C240.928 130.532 240.756 128.972 240.568 127.382C242.89 128.149 248.585 130.503 250.091 135.476C249.732 139.81 248.986 143.778 247.553 145.308C244.685 148.365 240.573 147.272 239.026 146.704C241.684 142.756 241.196 134.949 241.025 132.216ZM230.325 101.806C243.654 98.0646 253.105 99.3523 254.851 99.6445C255.403 106.184 255.819 114.599 256.007 123.029C255.019 122.687 253.308 122.094 251.355 121.412C244.858 119.138 240.725 117.632 240.017 117.28C239.626 117.084 239.21 117.106 238.876 117.342C237.948 117.994 238.031 119.867 238.821 126.442C239.053 128.38 239.294 130.384 239.376 131.845L239.404 132.318C239.877 139.876 239.077 144.674 237.023 146.58C236.469 147.096 235.833 147.378 235.078 147.44C234.914 147.454 234.765 147.516 234.644 147.612C233.838 145.766 233.162 143.782 232.454 141.682C230.566 136.084 228.427 129.738 222.862 123.941C222.449 123.511 222.027 123.104 221.603 122.711C221.622 122.636 221.633 122.559 221.63 122.479C221.068 109.855 223.668 103.673 230.325 101.806ZM227.786 50.2578C225.886 50.2574 224.935 50.2545 224.298 50.8937C223.681 51.5131 223.686 52.41 223.694 54.0386L223.697 68.4197C223.697 70.0017 222.411 71.289 220.832 71.289H217.471C215.891 71.289 214.606 70.0017 214.606 68.4197V54.7509C214.606 54.3722 214.611 54.033 214.614 53.729C214.634 52.2752 214.645 51.4745 214.062 50.8848C213.439 50.2541 212.521 50.2578 210.534 50.2578L196.444 50.2582C194.864 50.2582 193.579 48.9729 193.579 47.3929V44.0366C193.579 42.4542 194.864 41.1673 196.444 41.1673H210.117C210.542 41.1673 210.918 41.1718 211.251 41.1758C212.799 41.1945 213.58 41.203 214.132 40.6454C214.67 40.1024 214.653 39.3625 214.624 38.0196C214.616 37.6385 214.606 37.1949 214.606 36.6787V23.0098C214.606 21.4278 215.891 20.1405 217.471 20.1405H220.832C222.411 20.1405 223.697 21.4278 223.697 23.0098V36.6787L223.694 37.4197C223.686 39.1206 223.681 39.9749 224.287 40.5804C224.891 41.1839 225.738 41.1795 227.422 41.1701C227.657 41.1689 227.911 41.1673 228.185 41.1673H239.794C237.86 43.5098 236.862 46.744 237.031 50.2582L227.786 50.2578ZM158.35 284.272C160.014 282.013 163.693 275.208 161.831 260.844C160.588 251.254 157.947 244.728 155.882 240.859L158.45 240.09C158.653 240.508 158.851 240.963 159.045 241.456C168.702 266.033 163.209 281.663 162.13 284.272H158.35ZM156.289 284.272H144.348C144.348 284.209 144.343 284.145 144.328 284.081C143.591 280.968 144.806 279.436 146.211 277.662C146.828 276.884 147.465 276.079 147.946 275.118C150.093 270.822 149.86 266.026 148.747 264.479C148.269 263.814 147.707 263.784 147.412 263.826C146.115 264.01 143.368 263.226 141.691 262.664C143.038 261.662 144.252 260.671 145.314 259.706C147.189 258.001 147.258 253.892 147.333 249.541C147.339 249.213 147.345 248.881 147.351 248.548L154.466 241.679C154.714 242.146 154.97 242.649 155.232 243.197C156.907 246.703 159.132 252.646 160.221 261.052C162.421 278.024 156.54 283.928 156.483 283.983C156.395 284.066 156.331 284.166 156.289 284.272ZM136.989 284.272L138.186 265.094C138.573 264.847 139.249 264.405 140.098 263.812C140.127 263.827 140.154 263.843 140.185 263.855C140.694 264.046 145.111 265.667 147.456 265.455C147.983 266.189 148.575 270.228 146.493 274.392C146.088 275.203 145.53 275.908 144.939 276.653C143.505 278.462 141.889 280.513 142.711 284.272H136.989ZM135.368 284.272H23.5974L19.9346 284.07C19.9204 284.069 19.9054 284.069 19.8912 284.069C19.4001 284.067 7.80964 283.889 3.16273 271.404C1.50485 266.948 0.872561 259.231 7.27556 247.778C10.6404 241.759 14.6035 237.16 15.6282 236.011L50.2053 238.091L50.7443 249.419C45.2195 248.465 41.8145 247.875 41.8141 247.875C41.3734 247.802 40.9521 248.095 40.8762 248.537C40.7995 248.979 41.0958 249.399 41.5373 249.475C41.5373 249.475 45.336 250.133 51.4241 251.184C58.9371 252.481 70.3421 254.444 82.4367 256.504L136.154 271.597L135.366 284.217C135.365 284.236 135.368 284.254 135.368 284.272ZM10.0682 175.729C10.0682 154.733 27.1493 137.652 48.1449 137.652C69.14 137.652 86.2212 154.733 86.2212 175.729C86.2212 186.301 81.7926 196.433 74.0548 203.622C68.5544 200.711 64.7695 198.653 63.5552 197.958C61.1355 196.577 58.5085 195.419 55.7386 194.503C56.4724 192.339 59.0113 188.957 60.9078 188.166C61.5211 187.911 62.1578 187.751 62.832 187.582C64.3478 187.201 65.9151 186.808 67.1651 185.303C68.4618 183.748 69.2423 181.229 69.2524 178.566C69.2561 177.804 69.2337 177.004 69.1846 176.183C69.3482 176.11 69.569 176.026 69.7224 175.968C70.5126 175.668 71.4087 175.328 71.3226 174.464C71.2695 173.924 70.821 173.176 70.0328 171.901C69.6327 171.253 68.963 170.168 68.907 169.893C68.7329 165.55 66.3656 161.688 64.9943 160.091C64.9399 160.027 64.8758 159.978 64.8084 159.935C64.321 158.74 63.4825 157.783 62.3084 157.088C57.0548 153.974 48.1132 156.347 43.9277 160.466C42.9131 161.462 40.7764 163.781 39.5925 166.648C38.2544 164.25 35.8912 162.291 33.3559 161.645C30.834 161.003 28.4703 161.7 26.6976 163.606C22.8182 167.783 23.2938 176.382 24.8368 180.88C26.5978 185.983 30.3535 188.286 33.1339 188.286C33.1595 188.286 33.1854 188.286 33.211 188.286C37.2828 188.218 39.5653 184.172 40.2828 180.728C40.2975 180.658 40.308 180.582 40.3222 180.511C41.5958 183.058 43.1842 184.373 44.9509 185.475L38.8425 192.861C37.416 193.131 36.0905 193.521 34.9083 194.034C29.4935 196.375 25.5207 199.51 22.4793 203.853C14.5816 196.643 10.0682 186.446 10.0682 175.729ZM137.197 263.799C136.017 263.692 132.688 263.203 127.287 262.345L126.253 256.599C126.288 255.825 126.546 250.136 126.911 242.789C127.414 242.87 127.918 242.953 128.431 243.038C131.324 243.52 134.267 244.009 136.965 244.009C139.51 244.009 141.836 243.574 143.696 242.285C144.707 241.584 145.768 240.89 146.81 240.239C145.832 242.586 145.769 246.091 145.71 249.513C145.645 253.328 145.577 257.272 144.222 258.505C142.853 259.749 141.213 261.044 139.349 262.354C138.349 263.06 137.56 263.569 137.197 263.799ZM125.588 262.07C121.313 261.386 116.092 260.53 110.363 259.572L110.808 257.89L124.763 257.486L125.588 262.07ZM125.301 242.486C124.985 248.844 124.747 253.997 124.661 255.865L110.763 256.267C109.623 252.593 108.554 246.105 107.658 237.419C116.613 240.173 122.41 241.836 125.302 242.483C125.302 242.484 125.301 242.485 125.301 242.486ZM55.7833 229.437C57.8551 228.254 61.3936 224.495 62.7398 221.808C63.5625 222.175 64.3855 222.543 65.2057 222.912C69.597 224.889 73.7451 226.756 77.6392 227.973C79.5288 228.563 82.2808 229.437 85.5357 230.47C91.5454 232.379 98.972 234.737 106.014 236.912C105.998 236.991 105.989 237.071 105.998 237.154C106.958 246.591 108.08 253.3 109.333 257.119L108.755 259.303C89.4261 256.077 65.4772 251.961 52.3831 249.702L51.7995 237.429C52.6522 234.686 54.4456 230.201 55.7833 229.437ZM39.7216 210.881C41.0389 200.209 48.3048 195.475 49.7406 194.638C51.3182 194.926 52.9208 195.317 54.5105 195.81C57.4436 196.724 60.2159 197.921 62.7496 199.367C63.974 200.068 67.5065 201.99 72.7536 204.77C65.8839 210.6 57.1948 213.805 48.1449 213.805C45.2552 213.805 42.3819 213.476 39.5913 212.833C39.5945 212.204 39.638 211.55 39.7216 210.881ZM46.6854 185.924C48.0889 185.268 49.2484 184.747 50.2743 184.287C54.0146 182.607 55.4139 181.978 56.4996 180.037C56.6635 179.744 56.6294 179.379 56.4139 179.121C56.1984 178.862 55.8453 178.764 55.5276 178.873C53.4001 179.604 51.1514 178.342 50.0272 176.721C48.9164 175.119 48.9306 173.338 50.0657 171.96C51.3441 170.41 53.4135 169.719 55.2143 170.237C56.0958 170.49 57.6205 171.264 57.9241 173.597C57.961 173.88 58.1436 174.123 58.4054 174.237C58.6672 174.351 58.9699 174.319 59.2017 174.153C61.8437 172.262 64.9334 167.58 65.2739 163.377C66.2414 165.103 67.1846 167.458 67.2849 169.955C67.3064 170.548 67.7934 171.364 68.6518 172.754C68.9436 173.226 69.3445 173.875 69.56 174.289C69.4204 174.347 69.2638 174.406 69.1465 174.45C68.3681 174.746 67.4858 175.08 67.5422 175.926C67.6047 176.85 67.6331 177.711 67.629 178.558C67.6201 180.856 66.9805 182.989 65.9176 184.265C65.0057 185.362 63.8149 185.661 62.4371 186.008C61.7346 186.184 61.0089 186.367 60.2832 186.668C57.8993 187.663 55.0665 191.418 54.1903 194.024C52.7995 193.622 51.4038 193.291 50.0264 193.04C49.8819 192.965 49.7171 192.936 49.5523 192.956C46.6242 192.456 43.7865 192.318 41.2147 192.539L46.6854 185.924ZM105.078 221.28C114.207 225.734 121.369 228.987 126.33 230.933C126.386 230.959 126.438 230.979 126.493 231C126.495 231 126.495 231.001 126.497 231.001C130.449 232.552 133.022 233.28 134.366 233.224C138.438 233.063 141.921 231.811 144.994 230.707C147.857 229.678 150.325 228.786 152.696 228.93C157.528 229.211 162.08 236.291 163.165 240.006C163.519 241.221 163.285 242.031 162.885 242.176C162.365 242.364 161.197 241.646 160.236 239.454C159.433 237.617 158.148 236.234 156.597 235.497C156.491 235.444 156.383 235.396 156.273 235.352C156.236 235.336 156.2 235.316 156.162 235.302C155.246 234.945 154.303 234.835 153.504 234.994C151.627 235.37 146.573 238.318 142.772 240.951C139.48 243.231 133.999 242.319 128.698 241.437C128.054 241.329 127.417 241.224 126.781 241.123C126.655 241.105 126.517 241.078 126.363 241.048C123.819 240.555 117.392 238.722 107.26 235.598C100 233.36 92.2524 230.9 86.0268 228.923C82.769 227.888 80.0142 227.014 78.1233 226.423C74.3226 225.235 70.2175 223.388 65.8717 221.432C64.8044 220.951 63.7329 220.469 62.6603 219.994C60.6595 219.112 59.1396 218.468 57.7293 217.905C56.696 217.495 55.8985 217.192 55.144 216.921C54.722 216.769 54.2569 216.989 54.1055 217.411C53.9541 217.833 54.1737 218.298 54.5954 218.449C55.0653 218.617 55.5604 218.803 56.1148 219.017C52.7995 222.347 48.6871 223.631 45.2122 222.37C42.1286 221.25 40.1148 218.355 39.6842 214.521C42.4497 215.123 45.2902 215.429 48.1449 215.429C57.7975 215.429 67.0568 211.933 74.2942 205.585C80.8307 209.037 93.0844 215.431 105.078 221.28ZM103.453 182.3C103.453 187.134 103.531 192.432 103.683 198.048C103.445 198.66 102.376 199.862 101.631 199.869H101.627C101.201 199.869 100.908 199.29 100.737 198.804C100.416 197.894 100.923 195.283 101.294 193.378C101.856 190.48 102.113 189.158 100.989 188.878C100.458 188.745 99.8563 188.869 99.295 189.228C97.7885 190.192 96.6465 192.697 95.9022 196.675C95.6384 198.08 96.1384 200.601 96.6217 203.039C96.8811 204.347 97.2354 206.133 97.1623 206.566C97.0917 206.726 96.9415 206.856 96.8737 206.851C96.6631 206.845 95.9541 206.345 95.2163 204.134C93.7764 199.813 92.8251 196.958 93.4111 193.27C93.6802 191.562 93.946 190.391 94.3482 188.619C94.8522 186.398 95.5422 183.357 96.6777 177.337C96.9971 175.645 97.4245 171.247 97.92 166.154C98.541 159.774 99.2447 152.542 99.9517 148.276C100.208 146.73 100.479 145.219 100.76 143.764L104.991 145.421C105.088 145.459 105.189 145.478 105.287 145.478C105.392 145.478 105.492 145.451 105.587 145.412C104.996 153.932 105.092 160.97 105.093 161.041C105.095 161.209 105.151 161.364 105.242 161.493C104.041 168.51 103.453 175.321 103.453 182.3ZM103.668 131.887C104.631 132.824 105.649 133.712 106.705 134.548C106.287 137.475 105.948 140.639 105.694 143.966C105.658 143.946 105.623 143.925 105.584 143.91L101.082 142.147C101.878 138.259 102.745 134.813 103.668 131.887ZM122.76 100.493C122.746 100.493 122.732 100.494 122.719 100.494C121.387 100.494 120.799 99.1575 120.568 98.3613C120.066 96.636 120.401 94.561 121.275 94.0049C121.478 93.8743 121.674 93.7829 121.842 93.7399C122.095 93.6758 122.23 93.7306 122.319 93.785C122.659 93.9895 122.862 94.5561 122.907 94.7391C122.942 94.8881 123.019 95.0159 123.119 95.1178C122.907 96.2501 122.758 97.4806 122.684 98.7951C122.667 99.0674 122.681 99.6945 122.76 100.493ZM140.237 102.684C140.904 100.573 141.345 98.2562 141.483 96.1462C141.836 95.8633 142.429 95.5082 142.857 95.7208C143.099 95.845 143.324 96.1206 143.525 96.539C144.024 97.5756 143.687 99.2558 142.688 100.72C141.964 101.781 141.048 102.493 140.237 102.684ZM93.2788 103.44C93.2788 82.442 110.36 65.3597 131.355 65.3597C152.353 65.3597 169.435 82.442 169.435 103.44C169.435 112.154 166.44 120.589 160.985 127.346L160.44 126.127C156.953 118.354 149.382 114.278 140.188 115.222C139.791 115.261 139.379 115.292 138.949 115.318L137.585 108.504C137.561 108.386 137.512 108.281 137.446 108.189C137.735 107.798 138.003 107.395 138.265 106.998L138.487 106.663C138.873 106.085 139.267 105.297 139.641 104.361C139.7 104.364 139.76 104.367 139.819 104.367C141.272 104.367 142.866 103.34 144.029 101.635C145.092 100.078 145.902 97.7359 144.989 95.8357C144.895 95.6413 144.793 95.4635 144.685 95.2992C144.709 95.2452 144.73 95.1888 144.743 95.1279C144.852 94.6064 145.076 94.0906 145.312 93.5443C145.59 92.9031 145.877 92.2395 146.024 91.4782C146.364 89.6973 146.122 87.9583 145.322 86.4481C144.144 84.231 142.105 82.8337 139.089 82.1762C138.733 82.0987 138.374 82.0179 138.011 81.9364C135.764 81.4327 133.441 80.912 131.14 80.8511C128.043 80.772 125.352 81.8941 123.572 83.9993C121.131 86.8844 120.754 89.7586 120.739 92.4428C120.626 92.5013 120.513 92.5646 120.4 92.6376C118.715 93.7087 118.37 96.6198 119.009 98.815C119.611 100.883 120.998 102.117 122.719 102.117C122.791 102.117 122.87 102.116 122.942 102.11C122.957 102.11 122.97 102.105 122.984 102.103C123.349 104.117 124.13 106.619 125.786 108.429C125.769 108.487 125.756 108.548 125.752 108.611L125.374 114.459C125.174 114.428 125.064 114.41 125.062 114.409C125.042 114.406 125.023 114.403 125.004 114.401C120.879 114.008 118.356 114.884 117.927 115.048C117.137 115.254 109.326 117.408 105.627 123.16C104.996 124.146 104.056 125.899 102.989 128.827C96.722 121.834 93.2788 112.874 93.2788 103.44ZM165.388 141.243L166.049 142.733C161.22 144.587 155.695 149.367 153.96 150.937C151.569 147.256 149.151 143.574 147.625 141.264C147.28 140.741 147.002 140.32 146.802 140.018C151.993 137.822 156.709 134.504 160.548 130.345C162.094 133.815 163.724 137.49 165.388 141.243ZM178.922 171.412C179.137 171.874 179.348 172.327 179.556 172.78C181.286 176.499 182.702 179.454 183.884 181.814C184.806 183.66 185.933 184.758 186.927 185.727C188.23 186.996 189.355 188.093 190.004 190.679C190.053 190.874 190.173 191.045 190.341 191.156L192.077 192.314C188.792 192.92 181.956 191.921 180.411 190.839C179.042 189.882 177.793 187.102 177.262 185.586C177.261 185.58 177.258 185.574 177.257 185.567C177.164 185.221 176.849 184.966 176.473 184.966C176.024 184.966 175.661 185.329 175.661 185.778C175.661 185.808 175.672 185.837 175.675 185.868C175.677 185.905 175.685 185.942 175.692 185.979C175.697 185.996 175.695 186.015 175.701 186.031C175.701 186.033 175.702 186.034 175.702 186.036V186.037C176.353 188.414 176.944 191.468 176.703 192.557C176.648 192.801 176.591 192.965 176.544 193.071C176.43 192.952 176.259 192.733 176.04 192.34C175.889 192.073 175.735 191.754 175.579 191.392C175.11 190.295 174.793 188.815 174.427 187.102C174.035 185.271 173.592 183.195 172.849 181.147C172.545 180.309 172.227 179.563 171.878 178.868C170.636 176.385 168.541 173.38 166.321 170.198C164.497 167.582 162.611 164.877 161.217 162.462C160.142 160.599 158 157.185 154.855 152.318C156.262 151.039 161.988 145.998 166.707 144.218C170.884 153.644 175.243 163.446 178.922 171.412ZM206.624 192.096C205.502 192.637 204.086 192.827 202.401 192.649C201.992 192.606 201.56 192.565 201.106 192.523C199.108 192.335 196.62 192.101 193.734 191.431C193.712 191.427 193.689 191.426 193.667 191.423L191.498 189.977C190.722 187.158 189.369 185.84 188.06 184.564C187.07 183.599 186.135 182.689 185.336 181.088C184.25 178.921 182.962 176.237 181.415 172.925C187.034 172.75 191.316 174.888 196.254 177.367C200.984 179.742 204.985 183.263 206.957 186.787C208.002 188.655 207.894 190.345 206.624 192.096ZM105.726 203.554H105.734L125.138 203.363C125.143 203.363 125.148 203.361 125.153 203.361C125.301 203.683 125.452 204.002 125.608 204.313C126.142 205.385 126.733 206.389 127.362 207.31C126.998 211.769 126.552 218.895 126 229.056C121.193 227.118 114.563 224.093 106.272 220.055C105.946 214.762 105.68 209.202 105.48 203.512C105.558 203.537 105.64 203.554 105.726 203.554ZM169.558 178.933L145.897 190.196C145.198 189.042 144.65 185.099 144.76 181.922C145.297 166.304 142.584 161.757 141.661 160.674C142.302 158.523 145.223 148.78 147.098 143.413C148.722 145.878 150.947 149.274 153.101 152.595C156.4 157.691 158.721 161.384 159.812 163.273C161.239 165.749 163.146 168.483 164.99 171.127C166.957 173.947 168.819 176.623 170.041 178.865C169.88 178.838 169.711 178.859 169.558 178.933ZM107.258 144.805C107.489 141.589 107.802 138.522 108.188 135.67C114.963 140.558 122.944 143.14 131.355 143.14C136.145 143.14 140.817 142.287 145.258 140.626C145.403 140.846 145.651 141.22 145.979 141.718C144.153 146.705 140.854 157.701 140.123 160.154C125.586 162.428 110.026 160.729 106.711 160.318C106.703 158.276 106.729 152.013 107.258 144.805ZM138.267 116.978C139.015 116.948 139.696 116.902 140.351 116.837C148.812 115.968 155.773 119.688 158.958 126.79L159.823 128.722C155.861 133.177 150.869 136.68 145.35 138.862C140.896 140.623 136.187 141.516 131.355 141.516C122.881 141.516 114.861 138.79 108.16 133.632C106.774 132.569 105.46 131.4 104.239 130.161C105.369 126.899 106.355 125.034 106.993 124.037C110.457 118.652 118.296 116.63 118.375 116.61C118.412 116.6 118.452 116.587 118.487 116.572C118.511 116.563 120.831 115.638 124.821 116.015C124.933 116.033 125.349 116.101 125.995 116.192C128.623 116.559 133.71 117.153 138.267 116.978ZM132.758 110.976C133.073 111.899 133.888 114.162 134.677 115.352C131.751 115.25 128.922 114.942 126.986 114.688L127.308 109.698C127.832 110.024 128.39 110.286 128.989 110.464C130.186 110.819 131.262 110.998 132.235 110.998C132.413 110.998 132.586 110.988 132.758 110.976ZM139.875 95.8848C139.739 98.2135 139.202 100.828 138.388 103.092C137.985 104.209 137.541 105.157 137.137 105.761L136.91 106.104C136.434 106.825 135.984 107.506 135.444 108.065C134.465 109.071 132.986 109.957 129.452 108.908C128.71 108.688 128.039 108.315 127.455 107.802C125.588 106.162 124.819 103.388 124.503 101.352C124.296 100.016 124.294 99.0618 124.304 98.8917C124.389 97.397 124.567 96.02 124.835 94.7988V94.7976C125.935 89.7314 128.617 86.9286 132.384 86.9051H132.43C135.881 86.9051 139.102 89.2898 139.578 91.3568C139.862 92.5967 139.965 94.0196 139.89 95.5857C139.866 95.6839 139.862 95.785 139.875 95.8848ZM173.921 192.509L154.2 208.259C154.096 208.344 143.65 216.661 134.695 211.912C132.446 210.715 130.567 209.024 128.95 206.751C128.904 206.636 128.832 206.535 128.741 206.453C128.283 205.786 127.846 205.071 127.437 204.313C130.289 202.882 140.398 197.576 145.399 191.864C145.476 191.895 145.554 191.923 145.635 191.939C145.687 191.95 145.741 191.955 145.795 191.955C145.915 191.955 146.034 191.928 146.144 191.876L150.737 189.69C156.164 188.675 169.668 186.125 172.385 185.384C172.551 186.092 172.698 186.783 172.84 187.442C173.224 189.238 173.555 190.789 174.087 192.03C174.136 192.146 174.186 192.249 174.236 192.357C174.124 192.384 174.016 192.433 173.921 192.509ZM340.515 284.272H315.051L312.799 252.733C315.842 251.84 317.666 249.142 317.836 245.201C317.966 242.228 317.418 239.623 316.865 237.466C316.712 236.873 316.554 236.296 316.4 235.736C315.925 234.005 315.515 232.51 315.428 231.153C315.137 226.53 315.565 223.77 315.979 221.101C316.03 220.778 316.079 220.458 316.127 220.137C316.374 218.462 316.605 216.627 316.496 214.231C316.28 209.41 313.272 207.686 311.626 207.1C311.885 205.929 312.228 203.4 312.704 197.728C313.038 193.728 313.642 185.489 313.92 175.244C314.34 159.739 314.035 139.06 310.193 128.603C305.208 115.032 293.626 113.007 291.11 112.725C288.991 108.901 282.433 104.946 281.484 104.388C279.562 94.7566 276.806 82.5378 275.176 77.9372C273.508 73.2359 268.928 62.9558 263.097 53.7314C263.633 50.9595 263.907 48.1024 263.907 45.2338C263.907 20.5549 243.83 0.476959 219.151 0.476959C194.47 0.476959 174.391 20.5549 174.391 45.2338C174.391 69.9148 194.47 89.9944 219.151 89.9944C230.437 89.9944 241.138 85.8154 249.416 78.2034C252.088 84.1786 253.668 89.2574 254.239 93.6973C254.399 94.9502 254.554 96.3868 254.703 97.9737C252.054 97.5658 242.845 96.6056 229.886 100.244C220.838 102.781 219.674 112.14 219.961 121.298C215.343 117.64 210.326 116.226 206.026 117.424C202.881 118.299 200.544 120.501 199.614 123.465C198.204 127.966 200.296 131.358 203.193 136.052C204.691 138.481 206.389 141.232 208.008 144.742C210.351 149.817 211.149 153.89 212.074 158.606C213.036 163.515 214.126 169.078 217.139 177.314C222.373 191.624 230.048 204.494 231.976 207.63C229.924 208.497 227.279 210.36 227.107 214.231C226.998 216.635 227.229 218.471 227.476 220.147C227.524 220.466 227.573 220.785 227.624 221.108C228.038 223.776 228.466 226.533 228.174 231.153C228.09 232.507 227.68 234 227.205 235.729C227.039 236.338 226.866 236.966 226.701 237.616C226.166 239.727 225.637 242.28 225.767 245.2C225.969 249.819 228.446 252.694 232.448 253.036L232.012 283.948C232.011 284.063 232.034 284.172 232.075 284.272H163.929C165.866 279.414 168.987 264.32 161.558 243.543C162.254 243.878 162.913 243.893 163.439 243.702C164.561 243.295 165.393 241.854 164.724 239.552C163.564 235.584 158.725 227.655 152.791 227.309C150.09 227.147 147.349 228.135 144.445 229.179C141.482 230.244 138.124 231.451 134.301 231.602C133.568 231.625 131.812 231.313 127.591 229.685C128.087 220.532 128.498 213.805 128.84 209.237C130.325 210.954 132.031 212.333 133.933 213.345C136.012 214.448 138.314 214.999 140.774 214.999C143.185 214.999 145.745 214.469 148.39 213.409C152.365 211.815 155.107 209.614 155.218 209.524L174.934 193.778C174.954 193.762 174.969 193.743 174.987 193.725C175.343 194.233 175.896 194.817 176.614 194.817C176.677 194.817 176.742 194.813 176.808 194.803C177.533 194.697 178.031 194.061 178.288 192.91C178.394 192.431 178.397 191.789 178.34 191.082C178.692 191.507 179.073 191.884 179.481 192.169C181.793 193.788 191.545 195.009 194.289 193.214C196.884 193.754 199.121 193.967 200.954 194.139C201.403 194.181 201.828 194.221 202.232 194.263C202.701 194.313 203.154 194.337 203.592 194.337C205.133 194.337 206.479 194.031 207.605 193.423C209.489 192.407 210.714 190.577 211.144 188.132C211.683 185.079 210.824 181.248 209.19 179.41C202.352 171.717 192.631 169.176 188.48 168.091C188.058 167.981 187.692 167.886 187.392 167.801C185.607 167.294 181.993 167.156 179.943 169.747C176.276 161.778 171.983 152.116 167.884 142.867L166.873 140.585C165.097 136.583 163.362 132.671 161.725 128.999C167.743 121.852 171.059 112.8 171.059 103.44C171.059 81.5471 153.248 63.7363 131.355 63.7363C109.464 63.7363 91.6554 81.5471 91.6554 103.44C91.6554 113.578 95.4675 123.19 102.388 130.574C101.288 133.912 100.262 137.94 99.3372 142.572C98.9931 144.307 98.6607 146.137 98.3506 148.011C97.6339 152.33 96.9277 159.591 96.3048 165.997C95.8129 171.051 95.3884 175.415 95.0828 177.035C93.9525 183.027 93.2658 186.051 92.765 188.259C92.3701 189.999 92.0848 191.256 91.8076 193.016C91.1595 197.095 92.2155 200.263 93.6773 204.651C94.5117 207.15 95.5706 208.437 96.8259 208.473C96.8429 208.474 96.8599 208.474 96.8774 208.474C97.6505 208.474 98.3543 207.958 98.6789 207.147C98.931 206.518 98.7516 205.434 98.2143 202.723C97.8031 200.651 97.2918 198.072 97.4975 196.974C98.3685 192.324 99.5921 190.994 100.125 190.625C100.049 191.27 99.8543 192.273 99.7001 193.068C99.1367 195.966 98.7723 198.112 99.2053 199.343C99.8299 201.116 100.862 201.492 101.625 201.492C101.631 201.492 101.638 201.492 101.644 201.492C102.406 201.485 103.144 201.082 103.756 200.549C103.78 201.299 103.805 202.051 103.831 202.806C104.022 208.449 104.28 213.968 104.596 219.237C93.321 213.714 81.9902 207.809 75.5734 204.425C83.3855 196.955 87.8445 186.563 87.8445 175.729C87.8445 153.838 70.0353 136.029 48.1449 136.029C26.254 136.029 8.44479 153.838 8.44479 175.729C8.44479 186.992 13.2256 197.701 21.5816 205.228C20.6631 206.709 19.8385 208.311 19.1392 210.014C14.1688 222.104 14.364 232.794 14.4586 234.882C13.4411 236.012 9.39608 240.667 5.87498 246.957C0.553547 256.463 -0.909914 265.112 1.64163 271.97C6.57304 285.221 19.1566 285.678 19.86 285.692L23.53 285.894C23.545 285.895 23.5601 285.895 23.5751 285.895H340.515C340.963 285.895 341.327 285.532 341.327 285.084C341.327 284.636 340.963 284.272 340.515 284.272Z",fill:"#700051",key:31})])}r.defaultProps={width:"342",height:"286",viewBox:"0 0 342 286",fill:"none"},e.exports=r,r.default=r},"/zF9":function(e,n,t){var a=t("Csdp")();a.addRange(67808,67826).addRange(67828,67829).addRange(67835,67839),e.exports=a},"/zo1":function(e,n,t){var a=t("IFjL");a(a.S,"Object",{setPrototypeOf:t("Eqmn").set})},"0+N5":function(e,n,t){var a=t("Csdp")(12293,12295);a.addRange(11904,11929).addRange(11931,12019).addRange(12032,12245).addRange(12321,12329).addRange(12344,12347).addRange(13312,19903).addRange(19968,40959).addRange(63744,64109).addRange(64112,64217).addRange(94178,94179).addRange(94192,94193).addRange(131072,173791).addRange(173824,177976).addRange(177984,178205).addRange(178208,183969).addRange(183984,191456).addRange(194560,195101).addRange(196608,201546),e.exports=a},"0419":function(e,n,t){var a=t("mD7w"),r=t("zWU9"),d=t("1Kkg"),o=t("FfNy"),i=t("a+X5"),c=t("DZkJ"),l=t("TTvC"),s=t("kIEu"),u=t("xNn1"),g=t("9GKS"),p=TypeError,f=function(e,n){this.stopped=e,this.result=n},m=f.prototype;e.exports=function(e,n,t){var C,h,R,b,v,x,y,w=t&&t.that,O=!(!t||!t.AS_ENTRIES),E=!(!t||!t.IS_ITERATOR),H=!(!t||!t.INTERRUPTED),j=a(n,w),k=function(e){return C&&g(C,"normal",e),new f(!0,e)},S=function(e){return O?(d(e),H?j(e[0],e[1],k):j(e[0],e[1])):H?j(e,k):j(e)};if(E)C=e;else{if(!(h=u(e)))throw p(o(e)+" is not iterable");if(i(h)){for(R=0,b=c(e);b>R;R++)if((v=S(e[R]))&&l(m,v))return v;return new f(!1)}C=s(e,h)}for(x=C.next;!(y=r(x,C)).done;){try{v=S(y.value)}catch(F){g(C,"throw",F)}if("object"==typeof v&&v&&l(m,v))return v}return new f(!1)}},"09V9":function(e,n){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},"0A8l":function(e,n,t){"use strict";t.r(n);var a=t("j/s1"),r=t("XRXY"),d=t("ERkP");n.default={styled:a.d,theme:r.a,React:d}},"0Aoj":function(e,n,t){var a=t("Csdp")();a.addRange(68192,68223),e.exports=a},"0FfK":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.03016 2.2232C7.37892 2.07593 7.75306 2 8.13115 2C8.50923 2 8.88338 2.07593 9.23213 2.2232C9.58079 2.37043 9.89696 2.58595 10.1628 2.85699C10.4288 3.12795 10.6393 3.44916 10.7828 3.80203C10.9263 4.15488 11 4.53276 11 4.91416C11 5.29557 10.9263 5.67345 10.7828 6.0263C10.6394 6.37913 10.4289 6.70031 10.1629 6.97126L6.71366 10.4865C6.32166 10.886 5.67811 10.886 5.28611 10.4865L1.83687 6.97126C1.29997 6.42409 1 5.68396 1 4.91416C1 4.14437 1.29997 3.40423 1.83687 2.85707C2.37408 2.30958 3.10473 2.00023 3.86862 2.00023C4.63252 2.00023 5.36317 2.30958 5.90038 2.85707L5.99989 2.95848L6.09931 2.85715C6.36521 2.58604 6.68143 2.37046 7.03016 2.2232ZM8.13115 3C7.88708 3 7.64518 3.04899 7.41918 3.14443C7.19315 3.23988 6.98717 3.38003 6.81325 3.55736L6.35677 4.02257C6.26275 4.11839 6.13414 4.17238 5.99989 4.17238C5.86563 4.17238 5.73702 4.11839 5.643 4.02257L5.18661 3.55745C4.83541 3.19953 4.36112 3.00023 3.86862 3.00023C3.37612 3.00023 2.90184 3.19953 2.55064 3.55745C2.19913 3.91568 2 4.40353 2 4.91416C2 5.42479 2.19913 5.91265 2.55064 6.27088L5.99988 9.7861L9.44913 6.27088C9.62315 6.09361 9.76177 5.88255 9.85645 5.64966C9.95115 5.41676 10 5.16681 10 4.91416C10 4.66152 9.95115 4.41157 9.85645 4.17867C9.76177 3.94578 9.62323 3.7348 9.44921 3.55753C9.27529 3.3802 9.06914 3.23988 8.84312 3.14443C8.61711 3.04899 8.37521 3 8.13115 3Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"0Ia2":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M67.0419 80.0387C62.0943 78.3508 56.4997 76.4344 50.9579 71.6118C49.1223 72.0902 47.2295 72.7384 45.3086 73.5456C48.8431 75.975 52.2368 79.1629 55.4121 83.0509C69.794 100.657 69.1057 123.382 68.6276 129.417C77.4466 122.234 82.4742 111.696 82.4742 100.252C82.4742 96.6816 81.9738 93.1527 80.9888 89.7611C77.9027 83.7453 72.8686 82.0261 67.0419 80.0387Z",fill:"#FF4237",key:0}),a.createElement("path",{d:"M51.0412 69.5062C51.1597 69.6166 51.2786 69.7241 51.3979 69.8329C58.6285 68.1263 64.1971 69.1149 68.0599 70.6381C63.1333 66.7708 57.2977 64.164 51.0798 63.1243C50.5047 63.3536 49.0189 64.0573 48.7514 65.3012C48.5108 66.4201 49.3026 67.8743 51.0412 69.5062Z",fill:"#FF4237",key:1}),a.createElement("path",{d:"M43.6771 72.4834C45.6645 71.5971 47.6304 70.8714 49.5456 70.3166C47.6154 68.3844 46.8146 66.5849 47.1645 64.9595C47.3637 64.0321 47.9104 63.3215 48.5212 62.7894C47.2939 62.6697 46.0594 62.6019 44.828 62.6019C37.9331 62.6019 31.3305 64.4392 25.5139 67.9343C29.5082 67.5078 36.1446 67.8507 43.6771 72.4834Z",fill:"#FF4237",key:2}),a.createElement("path",{d:"M52.9368 71.1563C57.9461 75.2148 63.0354 76.9563 67.5662 78.5021C71.8921 79.9778 75.8036 81.315 78.9234 84.2663C77.5309 81.2935 75.7484 78.5175 73.5934 75.9684C73.5309 75.9343 73.47 75.895 73.4161 75.8438C73.41 75.8378 73.3872 75.815 73.3812 75.8089C73.0768 75.4883 66.2403 68.4977 52.9368 71.1563Z",fill:"#FF4237",key:3}),a.createElement("path",{d:"M13.5286 80.6397C18.1795 78.7379 26.3658 76.3078 31.8256 79.8293C34.8593 77.3086 38.2441 75.1235 41.9101 73.3187C31.171 67.1588 22.7209 70.0647 22.1483 70.2749C22.0988 70.2952 22.0476 70.3106 21.9957 70.3211C18.8857 72.6966 16.1503 75.561 13.9174 78.7664C13.7757 79.3224 13.6422 79.9482 13.5286 80.6397Z",fill:"#FF4237",key:4}),a.createElement("path",{d:"M30.5245 80.9409C25.3492 78.0322 17.3074 80.7842 13.2956 82.5095C12.923 86.7911 13.449 92.9571 16.8463 100.839C19.4961 94.2059 23.7371 86.9924 30.5245 80.9409Z",fill:"#FF4237",key:5}),a.createElement("path",{d:"M32.1641 82.1442C32.078 82.061 31.9859 81.9806 31.8938 81.9003C24.6438 88.259 20.339 95.9904 17.7854 102.902C18.1158 103.595 18.4656 104.298 18.841 105.014C22.2793 111.576 27.3252 118.279 33.9717 123.529C33.6332 117.607 34.5046 111.717 35.3191 106.227C36.787 96.3386 38.0545 87.7988 32.1641 82.1442Z",fill:"#FF4237",key:6}),a.createElement("path",{d:"M43.5513 74.3264C39.7591 76.1016 36.2652 78.2944 33.1455 80.8451C33.1934 80.8893 33.2449 80.9319 33.2912 80.9766C39.7835 87.2079 38.3947 96.5622 36.9247 106.466C36.0595 112.297 35.126 118.592 35.7031 124.838C42.9292 130.05 51.9024 133.522 62.6155 133.436C64.081 132.647 65.5002 131.755 66.8675 130.765C66.8687 130.75 66.8671 130.736 66.8687 130.722C66.9056 130.455 70.3444 103.897 54.1548 84.0776C50.8253 80.0009 47.2591 76.7282 43.5513 74.3264Z",fill:"#FF4237",key:7}),a.createElement("path",{d:"M101.37 84.3471C101.584 84.2863 101.803 84.1941 102.024 84.0732C104.706 82.5947 105.937 77.3061 105.675 70.3025L94.575 53.1584C94.7365 53.6308 94.8932 54.1215 95.0433 54.6349V54.6353C97.1501 61.8626 96.0198 66.2976 93.8149 66.9441C93.644 66.9941 93.433 67.0326 93.1866 67.0326C92.7986 67.0326 92.3242 66.9376 91.7852 66.6418C89.6988 65.4989 87.489 61.8037 86.1554 57.2286C84.0425 50.0018 85.1744 45.5659 87.3847 44.9194C88.0105 44.7376 88.7272 44.8597 89.4813 45.2915L81.3027 32.6605C79.8088 38.1276 80.1716 47.5732 83.4606 58.8394C88.4054 75.7818 96.7231 85.7043 101.37 84.3471Z",fill:"#F6F5F6",key:8}),a.createElement("path",{d:"M139.131 34.1126C139.131 34.1126 139.132 34.1122 139.132 34.1122C139.478 34.0111 140.033 33.9669 140.711 34.3374C142.191 35.1463 143.75 37.7291 144.682 40.917C145.776 44.6722 145.811 48.7753 143.83 49.5748C143.784 49.6004 143.735 49.6211 143.683 49.6373C143.678 49.639 143.674 49.6418 143.669 49.643C143.669 49.643 143.668 49.643 143.668 49.6434H143.668L136.81 51.6442C141.49 63.2676 147.872 70.7761 152.089 69.546C152.283 69.4904 152.481 69.4096 152.681 69.3045C152.701 69.292 152.72 69.2802 152.74 69.2688C155.464 67.7692 156.694 62.3467 156.383 55.1868L132.058 17.6179C130.855 21.8443 130.869 28.4839 132.285 36.1101L139.131 34.1126Z",fill:"#F6F5F6",key:9}),a.createElement("path",{d:"M324.162 57.774C315.304 55.8163 308.573 56.3966 304.152 59.4977C300.408 62.1255 298.17 66.5934 297.314 73.1576C296.063 82.7631 294.426 100.789 294.043 105.062C295.792 105.008 299.745 105.028 304.37 105.975C306.833 106.481 309.137 107.178 311.217 108.046C312.654 108.647 314.07 109.363 315.432 110.17C315.484 110.184 315.535 110.203 315.585 110.228C315.669 110.27 315.74 110.327 315.803 110.391C319.864 112.862 322.673 115.703 324.013 117.214C325.512 115.192 330.895 108.488 336.119 105.003C342.017 101.071 344.496 97.5082 343.697 94.1109C343.54 93.4534 343.064 92.4372 342.358 91.2525C339.148 85.8426 331.747 77.5683 328.1 77.2213C326.075 77.0261 324.203 77.6531 322.827 78.981C321.467 80.2923 320.721 82.1839 320.829 84.0403C321.051 87.8134 326.113 94.0683 326.164 94.1312C326.365 94.3775 326.403 94.7184 326.262 95.0037C326.121 95.2891 325.833 95.4729 325.508 95.455C325.465 95.4514 322.866 95.384 319.604 96.0508C317.481 96.6255 315.02 97.455 312.768 98.6016C308.138 100.958 304.327 94.2261 302.837 88.8613C301.513 84.0951 301.382 79.7436 301.427 77.5212C301.025 72.3102 302.854 67.4952 302.951 67.244C303.113 66.8264 303.583 66.6198 304.001 66.7805C304.419 66.9421 304.626 67.412 304.465 67.83C304.437 67.9019 301.719 75.0699 303.753 80.9445C305.478 85.9295 316.921 89.1385 321.292 89.8442C320.225 87.9542 319.311 85.869 319.209 84.1352C319.072 81.8118 320.003 79.4486 321.7 77.8126C323.423 76.1511 325.75 75.369 328.253 75.6052C332.684 76.0273 340.027 84.55 343.266 89.6356C345.427 86.9607 346.371 80.2582 346.556 77.7891C346.557 77.7757 346.558 77.7623 346.56 77.7489C347.913 66.9684 335.876 60.3621 324.162 57.774Z",fill:"#FF4237",key:10}),a.createElement("path",{d:"M344.207 173.972C342.287 172.82 329.781 173.43 322.351 174.084C321.928 174.122 321.542 173.821 321.477 173.399C321.412 172.976 321.687 172.575 322.105 172.483C329.009 170.966 342.48 167.942 344.056 167.36C344.817 167.078 345.24 166.599 345.214 166.049C345.187 165.442 344.574 164.671 343.269 164.319C339.611 163.336 327.415 165.656 320.785 167.182C320.781 167.183 320.777 167.184 320.772 167.185C320.765 167.187 320.757 167.186 320.75 167.188C320.713 167.196 320.676 167.2 320.638 167.203C320.406 167.224 320.167 167.152 319.989 166.974C319.672 166.658 319.672 166.144 319.989 165.827C320.022 165.794 320.063 165.771 320.101 165.744C320.115 165.734 320.128 165.722 320.144 165.713C320.171 165.696 320.198 165.683 320.227 165.67C320.244 165.661 320.26 165.65 320.279 165.642L320.375 165.604C327.763 162.667 336.353 159.141 338.31 158.053C339.314 157.495 339.742 156.733 339.453 156.017C339.056 155.026 337.428 154.346 335.092 154.961C327.951 156.842 305.589 164.792 305.365 164.872C305.035 164.989 304.667 164.883 304.452 164.607C304.237 164.331 304.223 163.949 304.417 163.658C305.055 162.7 307.264 160.934 310.826 158.141C313.221 156.262 315.699 154.319 316.728 153.236C318.307 151.574 318.588 150.188 318.167 149.553C317.768 148.951 316.493 148.67 314.546 149.401C313.738 149.703 312.637 150.08 311.243 150.556C304.9 152.726 293.092 156.765 286.092 161.897C280.299 166.144 273.574 189.335 268.664 206.269C266.374 214.166 264.396 220.987 262.735 225.415C261.406 228.96 259.881 230.759 258.074 230.913C257.99 230.92 257.906 230.923 257.824 230.923C255.216 230.923 253.175 227.433 251.811 225.1C251.663 224.847 251.525 224.611 251.398 224.401C249.514 221.276 247.941 218.403 246.554 215.869C244.805 212.676 243.285 209.904 241.594 207.408L233.551 214.567C231.713 216.8 227.147 222.933 226.3 229.712C225.437 236.616 227.649 242.772 228.283 244.355C237.814 260.18 249.982 272.67 262.164 271.163C262.174 271.162 262.184 271.16 262.194 271.159C268.711 267.538 268.475 262.816 279.602 243.131C284.679 234.149 291.694 223.774 295.645 216.011C298.14 211.108 300.344 205.67 301.874 201.616C301.897 201.526 301.922 201.432 301.944 201.344C302.802 198.046 303.226 196.436 303.495 195.853C304.746 193.148 316.914 190.511 322.109 189.385C330.671 187.53 339.245 186.098 340.194 185.94C341.323 185.752 342.651 185.21 343.072 184.428C343.278 184.045 343.262 183.599 343.023 183.061C342.948 182.954 341.943 181.875 332.525 181.563C327.557 181.399 322.733 181.533 322.685 181.534C322.254 181.558 321.896 181.227 321.854 180.803C321.811 180.38 322.104 179.995 322.524 179.923C323.273 179.794 340.904 176.767 343.184 176.48C344.327 176.339 345.143 175.733 345.245 175.252C345.324 174.882 344.945 174.415 344.207 173.972Z",fill:"#FFB1A8",key:11}),a.createElement("path",{d:"M227.293 242.683L224.862 238.331C225.649 239.8 226.46 241.253 227.293 242.683Z",fill:"#FFB1A8",key:12}),a.createElement("path",{d:"M252.861 84.8515C250.589 82.1729 247.655 81.7237 246.879 82.3807C246.854 82.4018 246.828 82.4217 246.801 82.4396L218.15 101.328C219.782 102.015 221.565 103.534 222.939 105.158C224.233 106.683 225.222 108.328 225.724 109.789C225.887 110.265 225.984 110.683 226.035 111.057L254.053 91.2935C254.38 90.9915 254.686 90.1384 254.603 88.9388C254.504 87.5114 253.885 86.0597 252.861 84.8515Z",fill:"#D8375D",key:13}),a.createElement("path",{d:"M188.617 37.1227C191.259 37.6543 193.482 38.6559 194.703 39.8268L204.407 6.94369C204.565 5.93598 202.905 3.31991 199.474 2.63079C196.034 1.93883 193.452 3.40798 193.25 4.40676C193.243 4.43801 193.235 4.46926 193.225 4.4997L182.483 37.0955C184.191 36.6186 186.532 36.7038 188.617 37.1227Z",fill:"#D8375D",key:14}),a.createElement("path",{d:"M183.035 145.894C183.035 145.795 183.039 145.676 183.043 145.557C183.046 145.46 183.07 145.369 183.104 145.284C183.455 142.525 185.57 140.239 187.803 137.829C190.303 135.13 192.888 132.339 192.687 128.92C192.292 122.195 190.428 118.811 190.408 118.777C190.286 118.559 190.27 118.296 190.365 118.065C190.644 117.398 191.399 115.46 191.556 114.518C191.604 114.232 191.567 114.04 191.511 113.914C186.958 115.2 183.837 112.74 180.538 110.141C178.644 108.649 176.683 107.115 174.268 106.058C173.686 106.285 165.708 109.502 164.793 114.992C163.887 120.423 167.642 124.586 168.051 125.021C168.053 125.022 168.056 125.024 168.057 125.025C168.389 125.326 168.413 125.84 168.112 126.172C167.844 126.466 167.409 126.519 167.082 126.315C166.428 125.966 157.533 121.343 154.752 126.039C153.433 128.265 153.469 130.769 154.852 132.911C156.094 134.837 158.152 135.998 159.971 135.793C165.036 135.227 167.121 131.411 167.207 131.249C167.374 130.936 167.725 130.767 168.075 130.832C168.424 130.898 168.69 131.182 168.731 131.535C168.744 131.647 169.044 134.31 168.57 137.447C167.958 141.492 166.318 144.461 163.816 146.076C163.931 154.88 160.542 160.261 153.19 162.943C153.641 165.03 155.19 171.489 158.264 177.666C162.975 187.13 168.934 191.651 175.958 191.087C175.982 191.085 176.007 191.085 176.031 191.085C176.142 191.084 187.796 190.729 196.055 163.774C189.655 162.104 182.722 158.397 183.035 145.894Z",fill:"#FFB1A8",key:15}),a.createElement("path",{d:"M145.845 18.0196C149.471 23.016 152.731 30.0959 155.023 37.9555C156.85 44.2152 157.843 50.2177 158.032 55.363C159.372 54.5152 164.925 53.0306 167.85 52.285C167.688 47.4218 166.766 41.5513 164.877 35.0781C162.635 27.393 159.463 20.49 155.943 15.641C152.636 11.0838 149.367 8.87313 146.971 9.57078L139.217 11.8346C141.337 12.8338 143.595 14.9198 145.845 18.0196Z",fill:"#F6F5F6",key:16}),a.createElement("path",{d:"M95.6451 224.401C95.5184 224.611 95.3804 224.847 95.2319 225.101C93.8675 227.434 91.8269 230.923 89.2189 230.923C89.1361 230.923 89.0533 230.92 88.9693 230.913C87.1621 230.759 85.6373 228.96 84.3078 225.415C82.6471 220.987 80.6694 214.167 78.3796 206.269C73.4689 189.336 66.7441 166.144 60.9515 161.897C53.9474 156.765 42.141 152.726 35.7981 150.556C34.4052 150.08 33.305 149.703 32.4982 149.401C30.5493 148.669 29.2749 148.95 28.876 149.553C28.4547 150.189 28.7364 151.574 30.3151 153.236C31.3439 154.319 33.8216 156.262 36.2173 158.141C39.779 160.934 41.9876 162.7 42.626 163.658C42.82 163.949 42.8058 164.331 42.5907 164.607C42.3756 164.883 42.0083 164.991 41.6787 164.872C41.4535 164.792 19.0915 156.842 11.9511 154.961C9.61301 154.347 7.98801 155.027 7.58948 156.017C7.30133 156.734 7.72909 157.495 8.73355 158.054C10.6897 159.141 19.2806 162.667 26.6678 165.604L26.764 165.643C26.7762 165.647 26.7863 165.655 26.7981 165.66C26.8318 165.675 26.863 165.691 26.8947 165.71C26.915 165.723 26.9328 165.738 26.9519 165.752C26.986 165.777 27.0237 165.796 27.0538 165.827C27.3707 166.144 27.3707 166.658 27.0538 166.975C26.8756 167.153 26.6353 167.225 26.402 167.202C26.3667 167.2 26.3314 167.197 26.296 167.189C26.2891 167.187 26.2818 167.188 26.2749 167.186C19.6183 165.655 7.43079 163.338 3.77251 164.32C2.46854 164.671 1.85652 165.442 1.82852 166.049C1.80335 166.6 2.22584 167.078 2.98801 167.361C4.12559 167.779 12.1759 169.661 24.5209 172.392L24.8902 172.474C24.9137 172.478 24.9361 172.486 24.9592 172.491C24.9633 172.492 24.9677 172.493 24.9718 172.494C25.3184 172.587 25.5749 172.9 25.5749 173.276C25.5749 173.724 25.2116 174.087 24.7632 174.087C24.7299 174.087 24.6901 174.084 24.6508 174.079L24.6138 174.076C15.3435 173.296 4.57405 172.931 2.83461 173.972C2.09759 174.415 1.71935 174.882 1.79808 175.253C1.89954 175.733 2.71407 176.339 3.85287 176.48C6.13899 176.767 23.7697 179.794 24.5193 179.923C24.9389 179.995 25.2315 180.38 25.1893 180.803C25.1471 181.227 24.7818 181.553 24.3585 181.534C24.3103 181.533 19.4791 181.398 14.5111 181.563C5.09962 181.876 4.09556 182.954 4.01196 183.076C3.78022 183.599 3.76358 184.045 3.96813 184.427C4.38899 185.21 5.71812 185.752 6.84962 185.941C7.79726 186.098 16.3695 187.529 24.9336 189.386C30.1292 190.511 42.2968 193.148 43.5481 195.853C43.8163 196.435 44.2396 198.044 45.0956 201.336C45.5237 202.983 46.0282 204.924 46.6085 207.085C47.8074 209.98 49.1909 213.091 50.6771 216.011C54.628 223.774 61.643 234.149 66.7197 243.131C77.6783 262.519 77.6175 267.391 83.8391 270.993C84.1861 271.061 84.533 271.12 84.8804 271.164C96.8886 272.652 108.889 260.524 118.358 245.018C119.389 242.978 122.036 236.979 121.224 230.477C120.351 223.495 115.333 216.94 113.54 214.791L105.423 207.492C104.188 209.546 102.922 211.781 101.586 214.146C99.8894 217.149 97.9661 220.552 95.6451 224.401Z",fill:"#FFB1A8",key:17}),a.createElement("path",{d:"M104.305 52.7558C106.194 59.2282 107.19 65.4255 107.329 70.6848C109.512 69.74 114.806 68.3634 117.149 67.7749C117.074 64.488 116.652 60.7591 115.855 56.779C115.406 54.5245 114.835 52.2047 114.159 49.8821C113.473 47.5334 112.693 45.2368 111.84 43.0562C107.128 30.9705 100.567 23.1191 96.249 24.3752L88.5396 26.6235C94.531 29.4713 100.837 40.8772 104.305 52.7558Z",fill:"#F6F5F6",key:18}),a.createElement("path",{d:"M21.9958 70.3212C22.0477 70.3106 22.0989 70.2952 22.1484 70.2749C22.721 70.0651 31.1711 67.1592 41.9101 73.3187C38.2441 75.1235 34.8594 77.309 31.8257 79.8293C26.3659 76.3078 18.1796 78.738 13.5286 80.6397C13.6423 79.9482 13.7758 79.3224 13.9174 78.7664C16.1504 75.561 18.8858 72.6966 21.9958 70.3212ZM44.8282 62.602C46.0595 62.602 47.2941 62.6698 48.5213 62.7895C47.9105 63.3216 47.3639 64.0322 47.1646 64.96C46.8148 66.585 47.6155 68.3849 49.5457 70.3167C47.6305 70.8715 45.6646 71.5971 43.6772 72.4835C36.1447 67.8512 29.5083 67.5079 25.514 67.9344C31.3306 64.4397 37.9333 62.602 44.8282 62.602ZM48.7514 65.3009C49.0189 64.0574 50.5047 63.3536 51.0798 63.1243C57.2981 64.1641 63.1333 66.7708 68.0603 70.6381C64.1971 69.115 58.6285 68.126 51.398 69.8329C51.279 69.7242 51.1601 69.6162 51.0412 69.5062C49.3026 67.8739 48.5108 66.4198 48.7514 65.3009ZM73.3813 75.809C73.3874 75.8155 73.4101 75.8378 73.4162 75.8439C73.4702 75.895 73.5307 75.9344 73.5936 75.9685C75.7486 78.5176 77.5311 81.2936 78.9235 84.2664C75.8038 81.3151 71.8919 79.9778 67.5664 78.5022C63.0355 76.9563 57.9463 75.2148 52.9369 71.1564C66.2405 68.4977 73.0769 75.4884 73.3813 75.809ZM82.4747 100.252C82.4747 111.696 77.4467 122.234 68.6277 129.417C69.1058 123.382 69.7941 100.657 55.4122 83.0509C52.2372 79.1629 48.8432 75.975 45.3087 73.5456C47.2295 72.7384 49.1228 72.0902 50.958 71.6118C56.4998 76.4344 62.0948 78.3504 67.042 80.0387C72.8687 82.0261 77.9028 83.7453 80.9889 89.7611C81.9738 93.1527 82.4747 96.6815 82.4747 100.252ZM66.8691 130.722C66.8671 130.736 66.8687 130.75 66.8675 130.765C65.5002 131.755 64.081 132.647 62.6159 133.437C51.9028 133.522 42.9292 130.05 35.7032 124.839C35.126 118.592 36.0595 112.297 36.9251 106.466C38.3951 96.5622 39.7835 87.2079 33.2916 80.9766C33.2454 80.932 33.1938 80.8893 33.1459 80.8451C36.2652 78.2944 39.7592 76.1016 43.5514 74.3264C47.2592 76.7282 50.8257 80.001 54.1553 84.0777C70.3448 103.897 66.9057 130.455 66.8691 130.722ZM33.9714 123.529C27.3253 118.28 22.279 111.576 18.8411 105.014C18.4657 104.298 18.1159 103.595 17.7851 102.903C20.3391 95.9904 24.6439 88.2591 31.8939 81.9003C31.986 81.9807 32.0782 82.061 32.1642 82.1442C38.0546 87.7988 36.7872 96.3386 35.3192 106.227C34.5043 111.717 33.6329 117.607 33.9714 123.529ZM13.2957 82.5099C17.3075 80.7842 25.3493 78.0322 30.5246 80.9409C23.7372 86.9928 19.4962 94.2059 16.8464 100.839C13.4491 92.9571 12.9231 86.7915 13.2957 82.5099ZM38.5258 139.016C40.6005 139.352 42.721 139.522 44.8282 139.522C53.3813 139.522 61.5096 136.82 68.3338 131.71C78.3521 124.217 84.098 112.751 84.098 100.252C84.098 96.6174 83.5972 93.0249 82.6179 89.5651C82.6159 89.447 82.5911 89.3281 82.5351 89.2152L82.5027 89.1527C80.9296 83.7976 78.2803 78.9251 74.6244 74.6706C68.5838 67.6373 60.2417 62.9543 51.1346 61.4839C49.0591 61.1487 46.9373 60.9786 44.8282 60.9786C36.2677 60.9786 28.1338 63.6844 21.3062 68.8029C16.5262 72.382 12.5765 77.0687 9.86833 82.3638C9.68571 82.5123 9.58221 82.7294 9.57207 82.9563C6.91135 88.3561 5.55908 94.1718 5.55908 100.252C5.55908 107.986 7.8034 115.465 12.0489 121.88C18.0993 131.032 27.7498 137.278 38.5258 139.016Z",fill:"#700051",key:19}),a.createElement("path",{d:"M345.245 175.252C345.143 175.733 344.327 176.339 343.184 176.48C340.904 176.767 323.273 179.794 322.524 179.923C322.104 179.995 321.811 180.38 321.853 180.803C321.896 181.227 322.254 181.558 322.684 181.534C322.732 181.533 327.557 181.399 332.525 181.563C341.943 181.875 342.947 182.954 343.023 183.061C343.262 183.598 343.278 184.046 343.072 184.427C342.651 185.21 341.323 185.752 340.195 185.94C339.245 186.098 330.671 187.53 322.109 189.385C316.913 190.511 304.746 193.148 303.495 195.853C303.226 196.435 302.802 198.046 301.945 201.344C301.921 201.432 301.897 201.526 301.874 201.616C300.344 205.671 298.139 211.108 295.644 216.011C291.694 223.774 284.679 234.149 279.602 243.131C268.475 262.816 268.711 267.538 262.194 271.158C262.184 271.16 262.173 271.162 262.163 271.163C249.982 272.67 237.813 260.18 228.283 244.355C227.649 242.772 225.437 236.615 226.3 229.712C227.147 222.934 231.712 216.799 233.551 214.566L241.593 207.408C243.284 209.904 244.805 212.675 246.553 215.869C247.941 218.404 249.514 221.276 251.398 224.401C251.525 224.611 251.662 224.847 251.811 225.1C253.175 227.434 255.215 230.923 257.824 230.923C257.906 230.923 257.99 230.92 258.073 230.912C259.88 230.759 261.406 228.96 262.735 225.415C264.395 220.986 266.374 214.167 268.664 206.269C273.574 189.335 280.299 166.144 286.091 161.897C293.091 156.765 304.9 152.726 311.243 150.556C312.637 150.08 313.738 149.703 314.545 149.401C316.492 148.67 317.768 148.95 318.167 149.553C318.588 150.188 318.307 151.574 316.727 153.236C315.699 154.319 313.221 156.262 310.825 158.141C307.264 160.934 305.055 162.699 304.417 163.658C304.223 163.949 304.237 164.331 304.452 164.607C304.667 164.883 305.035 164.99 305.364 164.872C305.589 164.792 327.951 156.842 335.091 154.962C337.428 154.346 339.055 155.027 339.453 156.017C339.741 156.733 339.314 157.495 338.309 158.053C336.353 159.141 327.763 162.667 320.376 165.604L320.279 165.642C320.26 165.65 320.244 165.661 320.226 165.669C320.198 165.683 320.171 165.697 320.143 165.713C320.128 165.723 320.115 165.734 320.1 165.744C320.062 165.771 320.021 165.794 319.989 165.826C319.672 166.144 319.672 166.657 319.989 166.975C320.167 167.152 320.406 167.225 320.639 167.203C320.676 167.2 320.713 167.196 320.751 167.188C320.757 167.186 320.765 167.187 320.772 167.185C320.777 167.184 320.781 167.183 320.785 167.182C327.414 165.656 339.611 163.336 343.269 164.319C344.574 164.671 345.186 165.442 345.214 166.048C345.239 166.6 344.817 167.077 344.056 167.36C342.48 167.942 329.008 170.965 322.105 172.483C321.687 172.575 321.412 172.976 321.477 173.399C321.542 173.822 321.928 174.122 322.351 174.084C329.781 173.43 342.286 172.82 344.207 173.972C344.945 174.415 345.323 174.882 345.245 175.252ZM224.861 238.331L227.292 242.683C226.46 241.253 225.649 239.8 224.861 238.331ZM176.031 191.084C176.006 191.085 175.982 191.085 175.957 191.087C168.933 191.65 162.975 187.13 158.264 177.665C155.19 171.488 153.64 165.03 153.189 162.943C160.542 160.261 163.931 154.88 163.816 146.076C166.318 144.46 167.958 141.492 168.57 137.447C169.044 134.31 168.744 131.646 168.731 131.534C168.69 131.182 168.424 130.897 168.075 130.832C167.725 130.766 167.374 130.935 167.207 131.249C167.121 131.411 165.036 135.226 159.97 135.792C158.152 135.997 156.094 134.836 154.851 132.91C153.469 130.769 153.433 128.264 154.751 126.039C157.533 121.343 166.428 125.966 167.082 126.315C167.409 126.519 167.844 126.466 168.111 126.171C168.413 125.84 168.389 125.326 168.057 125.025C168.055 125.023 168.053 125.022 168.051 125.02C167.642 124.586 163.887 120.422 164.793 114.992C165.708 109.502 173.686 106.285 174.268 106.057C176.683 107.115 178.644 108.648 180.538 110.14C183.837 112.739 186.958 115.2 191.51 113.914C191.567 114.04 191.604 114.232 191.556 114.518C191.399 115.46 190.644 117.397 190.365 118.065C190.27 118.295 190.286 118.559 190.408 118.777C190.427 118.81 192.291 122.195 192.687 128.92C192.888 132.339 190.303 135.13 187.803 137.828C185.57 140.238 183.455 142.524 183.104 145.284C183.07 145.369 183.046 145.46 183.043 145.557C183.038 145.676 183.034 145.794 183.035 145.893C182.722 158.397 189.655 162.104 196.055 163.774C187.795 190.729 176.142 191.084 176.031 191.084ZM113.54 214.79C115.333 216.94 120.351 223.495 121.223 230.476C122.036 236.979 119.389 242.978 118.358 245.017C108.889 260.524 96.8882 272.651 84.8804 271.163C84.533 271.12 84.1861 271.061 83.8391 270.993C77.6175 267.391 77.6783 262.519 66.7197 243.131C61.643 234.149 54.6276 223.774 50.6771 216.011C49.1909 213.091 47.8074 209.98 46.6081 207.085C46.0282 204.923 45.5237 202.983 45.0956 201.336C44.2396 198.043 43.8163 196.435 43.5481 195.853C42.2969 193.148 30.1292 190.511 24.9336 189.385C16.3695 187.529 7.79727 186.098 6.84922 185.941C5.71813 185.751 4.38858 185.21 3.96813 184.427C3.76318 184.045 3.77983 183.599 4.01197 183.076C4.09558 182.954 5.09963 181.875 14.5112 181.563C19.4791 181.398 24.3103 181.533 24.3586 181.534C24.7814 181.553 25.1471 181.227 25.1893 180.803C25.2315 180.38 24.9389 179.995 24.5189 179.923C23.7697 179.794 6.13899 176.767 3.85287 176.48C2.71407 176.339 1.89955 175.733 1.79809 175.253C1.71935 174.882 2.0972 174.415 2.83462 173.972C4.57366 172.93 15.3435 173.296 24.6138 174.076L24.6504 174.079C24.6901 174.084 24.7295 174.087 24.7632 174.087C25.2116 174.087 25.5749 173.724 25.5749 173.276C25.5749 172.9 25.3184 172.587 24.9714 172.494C24.9673 172.493 24.9633 172.492 24.9592 172.491C24.9361 172.486 24.9137 172.478 24.8902 172.474L24.5209 172.392C12.1759 169.661 4.12561 167.779 2.98803 167.361C2.22585 167.077 1.80337 166.6 1.82853 166.048C1.85653 165.442 2.46854 164.671 3.77251 164.32C7.43079 163.338 19.6183 165.655 26.2749 167.186C26.2818 167.188 26.2887 167.187 26.2956 167.189C26.3314 167.196 26.3667 167.199 26.402 167.202C26.6353 167.225 26.8756 167.153 27.0538 166.975C27.3707 166.657 27.3707 166.144 27.0538 165.826C27.0233 165.796 26.986 165.777 26.9519 165.752C26.9328 165.738 26.915 165.723 26.8943 165.71C26.863 165.691 26.8318 165.675 26.7981 165.66C26.7863 165.655 26.7762 165.647 26.764 165.642L26.6678 165.604C19.2806 162.667 10.6897 159.141 8.73316 158.053C7.72869 157.495 7.30134 156.733 7.58949 156.017C7.98803 155.027 9.61301 154.347 11.9511 154.961C19.0915 156.842 41.4535 164.792 41.6788 164.872C42.0083 164.991 42.3756 164.882 42.5907 164.607C42.8058 164.331 42.82 163.948 42.626 163.658C41.9876 162.699 39.779 160.934 36.2173 158.141C33.8212 156.262 31.3439 154.319 30.3151 153.236C28.7364 151.574 28.4547 150.188 28.876 149.553C29.2749 148.95 30.5493 148.669 32.4982 149.401C33.305 149.703 34.4052 150.08 35.7981 150.556C42.141 152.726 53.9474 156.765 60.9511 161.897C66.7437 166.144 73.4689 189.335 78.3792 206.269C80.6694 214.167 82.6471 220.986 84.3078 225.415C85.6374 228.96 87.1617 230.759 88.9693 230.912C89.0533 230.92 89.1361 230.923 89.2189 230.923C91.8269 230.923 93.8675 227.434 95.2319 225.101C95.3801 224.847 95.518 224.611 95.6451 224.401C97.9661 220.551 99.889 217.148 101.586 214.146C102.922 211.781 104.188 209.546 105.423 207.492L113.54 214.79ZM345.043 172.579C343.473 171.639 337.863 171.602 332.577 171.806C337.905 170.596 343.549 169.277 344.62 168.882C346.045 168.353 346.894 167.239 346.836 165.974C346.769 164.514 345.535 163.249 343.691 162.751C340.921 162.008 334.583 162.845 329.138 163.819C333.333 162.099 337.679 160.261 339.098 159.472C340.833 158.507 341.564 156.913 340.96 155.411C340.315 153.811 338.075 152.497 334.678 153.392C329.264 154.817 315.258 159.673 308.531 162.034C309.55 161.204 310.721 160.287 311.827 159.419C314.381 157.416 316.794 155.523 317.905 154.354C319.893 152.261 320.497 150.131 319.52 148.656C318.585 147.245 316.46 146.948 313.975 147.881C313.19 148.175 312.044 148.567 310.718 149.02C304.292 151.218 292.332 155.309 285.132 160.587C278.893 165.162 272.63 186.76 267.104 205.817C264.824 213.682 262.854 220.475 261.215 224.845C260.173 227.623 259.009 229.204 257.935 229.295C256.229 229.44 254.267 226.085 253.212 224.281C253.059 224.02 252.918 223.778 252.788 223.562C250.921 220.466 249.357 217.61 247.977 215.089C246.168 211.785 244.6 208.925 242.818 206.318L253.347 196.946C253.585 196.734 253.666 196.414 253.587 196.126C253.654 195.885 253.611 195.618 253.445 195.407C247.325 187.636 237.704 176.4 224.869 168.573C219.76 165.456 213.149 164.66 206.755 163.89C203.377 163.483 200.187 163.099 197.236 162.397C190.885 160.883 184.434 157.759 184.656 146.1C184.669 146.048 184.676 145.994 184.678 145.938C184.751 143.511 186.812 141.287 188.993 138.932C191.597 136.12 194.549 132.934 194.307 128.825C193.958 122.879 192.526 119.418 192.007 118.339C192.306 117.589 192.984 115.825 193.157 114.785C193.398 113.338 192.605 112.523 192.098 112.27C191.906 112.173 191.682 112.157 191.479 112.225C187.493 113.555 184.867 111.484 181.542 108.865C179.531 107.281 177.251 105.484 174.392 104.34C171.588 103.217 168.627 102.871 165.339 103.286C150.216 105.198 146.783 115.605 146.012 119.867C143.082 116.089 132.829 104.639 118.176 107.647C114.092 108.483 111.042 110.636 109.109 114.047C107.861 116.25 104.209 124.629 109.602 139.973C113.521 151.127 120.234 153.541 125.311 153.541C126.516 153.541 127.63 153.404 128.591 153.217C137.85 151.41 146.921 142.406 147.943 134.546C149.811 138.31 153.831 143.625 162.195 146.362C162.241 156.756 156.906 159.982 152.146 161.589C152.043 161.602 151.947 161.634 151.859 161.682C148.38 162.811 144.387 163.315 140.161 163.847C133.82 164.643 127.264 165.467 122.174 168.573C109.344 176.397 99.7185 187.635 93.5943 195.407C93.4279 195.618 93.3853 195.886 93.4519 196.126C93.3735 196.413 93.4531 196.731 93.6893 196.943L104.192 206.386C102.896 208.53 101.572 210.87 100.173 213.347C98.4811 216.34 96.5639 219.733 94.2546 223.562C94.1248 223.778 93.9827 224.02 93.8305 224.281C92.7758 226.085 90.8013 229.44 89.1073 229.295C88.0343 229.204 86.8695 227.623 85.8277 224.845C84.1889 220.475 82.2193 213.682 79.9385 205.817C74.4125 186.76 68.1491 165.162 61.9109 160.587C54.7072 155.309 42.7482 151.218 36.3236 149.02C34.9973 148.566 33.8525 148.175 33.068 147.881C30.5822 146.947 28.4576 147.244 27.5225 148.656C26.5457 150.131 27.1495 152.261 29.1382 154.354C30.2486 155.523 32.6613 157.415 35.2153 159.419C36.3224 160.287 37.4925 161.204 38.5112 162.034C31.7847 159.673 17.779 154.817 12.3642 153.391C8.96691 152.498 6.72667 153.812 6.0834 155.411C5.4791 156.913 6.20962 158.507 7.9446 159.472C9.36465 160.261 13.7129 162.1 17.9081 163.82C12.4661 162.848 6.12155 162.009 3.35045 162.752C1.50751 163.249 0.273729 164.514 0.206764 165.974C0.148729 167.239 0.998162 168.354 2.42511 168.883C3.46853 169.268 8.78996 170.517 14.443 171.8C9.0006 171.585 3.56472 171.642 1.99937 172.58C0.125998 173.705 0.0740611 174.948 0.209613 175.589C0.475441 176.843 1.89102 177.872 3.65116 178.091C4.78793 178.233 9.98801 179.1 14.8776 179.927C14.6621 179.934 14.4466 179.94 14.2307 179.948C4.7372 180.28 2.99166 181.376 2.53631 182.401C1.97462 183.662 2.22747 184.616 2.53794 185.195C3.45231 186.897 5.86423 187.422 6.58298 187.542C25.9267 190.744 41.1844 194.61 42.0741 196.534C42.2936 197.009 42.8366 199.099 43.5241 201.744C47.5956 217.409 58.4105 259.02 77.2197 270.14C79.6467 271.572 82.1564 272.459 84.68 272.774C85.4288 272.867 86.1796 272.913 86.934 272.913C94.4381 272.913 102.221 268.333 110.1 259.268C116.948 251.391 123.756 240.074 129.27 227.402C129.274 227.392 129.278 227.382 129.282 227.372C129.294 227.344 129.315 227.293 129.323 227.27C129.466 226.845 129.239 226.384 128.814 226.24C128.765 226.223 128.715 226.212 128.665 226.205L95.143 196.067C101.201 188.408 110.597 177.535 123.019 169.959C127.812 167.035 134.193 166.233 140.363 165.458C144.385 164.952 148.197 164.466 151.637 163.445C152.744 168.511 158.879 192.758 174.807 192.756C175.216 192.756 175.632 192.74 176.054 192.708C177.009 192.697 189.137 191.992 197.638 164.149C200.474 164.765 203.563 165.141 206.561 165.502C212.782 166.251 219.215 167.026 224.025 169.959C236.451 177.537 245.841 188.408 251.894 196.065L217.928 226.298C217.619 226.533 217.518 226.963 217.705 227.319C217.729 227.365 217.762 227.402 217.792 227.441C223.296 240.082 230.087 251.373 236.92 259.242C244.807 268.325 252.596 272.914 260.107 272.913C260.862 272.913 261.614 272.867 262.363 272.774C272.435 271.525 281.79 261.303 290.169 242.394C296.898 227.207 301.368 210.015 303.516 201.753C304.204 199.103 304.749 197.01 304.968 196.534C305.858 194.61 321.116 190.745 340.461 187.542C341.178 187.422 343.586 186.898 344.502 185.197C344.813 184.618 345.067 183.663 344.507 182.403C344.052 181.376 342.306 180.28 332.812 179.948C332.596 179.94 332.38 179.934 332.165 179.927C337.053 179.1 342.252 178.234 343.386 178.091C345.15 177.872 346.567 176.843 346.833 175.589C346.968 174.948 346.917 173.705 345.043 172.579Z",fill:"#700051",key:20}),a.createElement("path",{d:"M81.3028 32.6604C82.0552 29.9072 83.2768 28.1588 84.8365 27.703C89.4939 26.3479 97.8008 36.2692 102.746 53.2108C104.518 59.2818 105.486 65.2396 105.675 70.3025C105.937 77.3061 104.706 82.5943 102.024 84.0732C101.803 84.1941 101.584 84.2858 101.371 84.3471C96.7228 85.7038 88.4051 75.7814 83.4607 58.8394C80.1717 47.5732 79.8089 38.1276 81.3028 32.6604ZM96.2492 24.3751C100.567 23.119 107.127 30.9705 111.841 43.0561C112.693 45.2367 113.473 47.5334 114.159 49.882C114.834 52.2043 115.405 54.5245 115.855 56.7789C116.651 60.759 117.074 64.4879 117.149 67.7749C114.806 68.3633 109.512 69.74 107.329 70.6848C107.19 65.4254 106.194 59.2282 104.305 52.7558C100.837 40.8772 94.5309 29.4713 88.5394 26.6235L96.2492 24.3751ZM132.058 17.6178C132.79 15.0456 133.97 13.3658 135.559 12.9023C137.951 12.203 141.224 14.4153 144.531 18.9729C148.05 23.822 151.223 30.7246 153.465 38.4096C155.2 44.3552 156.166 50.1929 156.383 55.1864C156.694 62.3467 155.464 67.7692 152.74 69.2688C152.72 69.2802 152.701 69.2919 152.681 69.3045C152.481 69.4096 152.283 69.4904 152.089 69.546C147.872 70.7761 141.49 63.2676 136.81 51.6442L143.668 49.6434C143.668 49.6434 143.668 49.643 143.668 49.643H143.669C143.674 49.6418 143.678 49.6385 143.683 49.6373C143.735 49.6211 143.785 49.6004 143.831 49.5748C145.811 48.7753 145.776 44.6722 144.682 40.9169C143.75 37.729 142.192 35.1462 140.711 34.3374C140.033 33.9668 139.478 34.0107 139.133 34.1117C139.132 34.1121 139.132 34.1125 139.131 34.1125L132.286 36.1101C130.87 28.4835 130.856 21.8439 132.058 17.6178ZM146.972 9.57033C149.367 8.87269 152.637 11.0833 155.943 15.6405C159.463 20.4896 162.636 27.3926 164.877 35.0776C166.767 41.5508 167.689 47.4214 167.85 52.2846C164.925 53.0302 159.372 54.5147 158.032 55.3625C157.843 50.2172 156.85 44.2148 155.023 37.9551C152.731 30.0955 149.471 23.0155 145.845 18.0192C143.595 14.9194 141.338 12.8333 139.217 11.8341L146.972 9.57033ZM100.416 86.1068C100.89 86.1068 101.359 86.0415 101.821 85.9064C102.02 85.85 102.221 85.7708 102.422 85.6807C102.434 85.6815 102.446 85.6864 102.458 85.6864C102.533 85.6864 102.61 85.6758 102.686 85.6535L113.238 82.5772C118.47 81.0496 120.194 70.9145 117.598 57.2501L135.244 52.1012C139.966 63.9072 146.17 71.2972 151.183 71.2968C151.646 71.2968 152.099 71.2339 152.539 71.1056C152.739 71.0484 152.94 70.9693 153.142 70.8792C153.155 70.88 153.167 70.8857 153.18 70.8857C153.255 70.8857 153.332 70.8747 153.408 70.8528L163.956 67.7724C167.816 66.6454 169.473 61.1596 169.471 54.009C169.604 52.7185 169.67 51.8301 169.67 51.8301C169.67 51.8301 169.58 51.852 169.424 51.8901C169.195 46.5297 168.134 40.4421 166.435 34.6231C164.143 26.7631 160.884 19.6832 157.257 14.6868C153.469 9.46725 149.656 7.09712 146.517 8.01189L135.104 11.3439C129.907 12.8605 128.162 22.9717 130.72 36.5671L113.056 41.7221C107.898 28.8719 101.011 21.2944 95.7943 22.8167L84.3832 26.1446C84.3827 26.1446 84.3823 26.1446 84.3815 26.145C77.3702 28.1921 77.6149 44.6077 81.9022 59.2944C85.9063 73.0143 93.6944 86.1068 100.416 86.1068Z",fill:"#700051",key:21}),a.createElement("path",{d:"M89.4811 45.2915C88.7271 44.8597 88.0104 44.7375 87.3845 44.9194C85.1743 45.5663 84.0424 50.0017 86.1556 57.2286C87.4888 61.8037 89.6987 65.4989 91.7851 66.6418C92.3245 66.9376 92.7989 67.0326 93.1869 67.0326C93.4328 67.0326 93.6443 66.994 93.8147 66.9441C96.0197 66.298 97.15 61.8625 95.0432 54.6353V54.6349C94.8935 54.1215 94.7364 53.6308 94.5749 53.1588C93.1073 48.869 91.1983 46.2745 89.4811 45.2915Z",fill:"#700051",key:22}),a.createElement("path",{d:"M193.225 4.49973C193.235 4.46929 193.243 4.43805 193.25 4.4068C193.452 3.40802 196.034 1.93846 199.473 2.63083C202.905 3.31995 204.564 5.93602 204.407 6.94332L194.703 39.8268C193.482 38.656 191.259 37.6539 188.617 37.1227C186.532 36.7035 184.191 36.6186 182.483 37.0955L193.225 4.49973ZM264.41 33.0549C263.212 46.0452 253.782 62.4936 240.076 67.5342C237.828 68.3601 235.811 68.3086 234.399 67.3889C233.148 66.5748 232.419 65.0878 232.29 63.089C232.046 59.322 232.753 53.9518 239.857 42.6864C243.989 36.1369 252.99 27.1215 263.197 22.4482C264.311 25.518 264.753 29.3309 264.41 33.0549ZM254.053 91.2935L226.035 111.057C225.984 110.684 225.887 110.265 225.724 109.789C225.223 108.328 224.233 106.683 222.94 105.158C221.565 103.534 219.783 102.015 218.151 101.328L246.801 82.4396C246.828 82.4218 246.854 82.4019 246.879 82.3808C247.655 81.7237 250.589 82.1734 252.861 84.8516C253.885 86.0598 254.504 87.5115 254.603 88.9392C254.686 90.1389 254.38 90.9916 254.053 91.2935ZM186.035 43.897C185.304 46.1519 184.732 48.216 183.705 51.9259L183.486 52.7173C182.489 56.3009 181.488 63.9953 184.837 67.464C186.518 69.2043 188.438 70.0854 190.551 70.0854C190.643 70.0854 190.736 70.0837 190.828 70.0801C196.701 69.8686 202.553 62.8613 205.366 59.4936C208.794 55.3865 212.001 51.0748 215.103 46.9044C223.109 36.143 230.671 25.9782 242.028 18.5034C251.005 12.5975 256.709 15.0387 258.745 16.363C260.32 17.3849 261.601 18.9291 262.568 20.9531C251.991 25.7741 242.891 34.8358 238.484 41.8203C234.151 48.6917 230.206 56.0367 230.67 63.1941C230.833 65.7233 231.817 67.6446 233.513 68.7493C234.527 69.4092 235.743 69.7408 237.085 69.7408C238.197 69.7408 239.395 69.5135 240.636 69.0578C254.945 63.7956 264.782 46.6962 266.026 33.2043C266.394 29.2144 265.906 25.1134 264.688 21.8057C271.645 18.9376 277.909 18.6097 283.316 20.8475C287.262 22.4815 290.144 25.5245 291.648 29.6475C293.883 35.7729 292.999 43.7071 289.282 50.8723C284.602 59.8881 278.512 65.5103 269.574 72.1746C265.856 74.9474 262.951 76.8832 260.387 78.591C257.773 80.3321 255.693 81.7201 253.702 83.365C251.027 80.5383 247.467 79.8224 245.871 81.1081L215.368 101.218C215.3 101.255 215.223 101.306 215.14 101.369L215.139 101.369C215.139 101.37 215.138 101.37 215.137 101.371C215.112 101.39 215.087 101.405 215.063 101.427C214.576 101.839 213.878 102.874 214.667 105.174C215.168 106.634 216.157 108.279 217.452 109.807C219.438 112.147 222.013 114.028 223.907 114.028C224.412 114.028 224.866 113.887 225.25 113.593C225.257 113.589 225.265 113.587 225.272 113.582L255.024 92.5955C255.044 92.5817 255.063 92.5671 255.081 92.5517C255.897 91.8605 256.334 90.4327 256.223 88.8264C256.121 87.3759 255.591 85.9185 254.719 84.6292C256.653 83.0314 258.705 81.6616 261.287 79.9421C263.867 78.2225 266.792 76.2745 270.545 73.4762C279.672 66.6702 285.899 60.9125 290.723 51.6199C294.645 44.0586 295.561 35.6365 293.173 29.091C291.509 24.5294 288.315 21.16 283.937 19.3479C278.2 16.9725 271.34 17.3139 264.058 20.311C262.958 17.9859 261.474 16.1986 259.629 15.0018C252.715 10.507 244.393 15.005 241.135 17.1471C229.539 24.7794 221.538 35.5346 213.801 45.936C210.712 50.0878 207.518 54.3812 204.12 58.453C201.458 61.6405 195.919 68.2724 190.77 68.4579C189 68.5188 187.445 67.8272 186.005 66.3358C183.372 63.6093 183.991 56.9579 185.05 53.1511L185.27 52.3593C186.313 48.5902 186.883 46.531 187.628 44.2485C188.676 44.4356 189.689 44.5334 190.619 44.5334C192.329 44.5334 193.767 44.2229 194.669 43.6215C195.334 43.1787 195.582 42.658 195.673 42.2769L205.976 7.36134C205.983 7.3374 205.989 7.31386 205.994 7.28991C206.384 5.32725 204.162 1.91654 199.794 1.03911C195.691 0.21565 192.147 1.93318 191.67 4.03262L180.224 38.7582L180.223 38.7619C180.18 38.8735 180.145 38.9815 180.124 39.0874C180.12 39.1081 180.118 39.1284 180.115 39.1491C180.114 39.1539 180.113 39.1584 180.113 39.1633C179.789 41.1937 182.71 43.003 186.035 43.897Z",fill:"#700051",key:23}),a.createElement("path",{d:"M346.56 77.7485C346.558 77.7619 346.557 77.7753 346.556 77.7891C346.371 80.2583 345.428 86.9604 343.266 89.6353C340.028 84.5496 332.684 76.0269 328.254 75.6048C325.75 75.3686 323.423 76.1507 321.7 77.8122C320.003 79.4482 319.072 81.8118 319.209 84.1349C319.311 85.8686 320.225 87.9539 321.292 89.8443C316.921 89.1381 305.479 85.9291 303.753 80.9441C301.719 75.0695 304.438 67.9015 304.465 67.8301C304.627 67.4117 304.419 66.9417 304.001 66.7806C303.583 66.6195 303.113 66.826 302.951 67.2436C302.854 67.4949 301.025 72.3098 301.427 77.5208C301.382 79.7436 301.513 84.0947 302.837 88.8609C304.328 94.2258 308.139 100.958 312.768 98.6012C315.02 97.4547 317.481 96.6251 319.605 96.0509C322.866 95.3841 325.466 95.451 325.508 95.4547C325.833 95.4725 326.121 95.2887 326.262 95.0038C326.403 94.7181 326.365 94.3776 326.164 94.1308C326.113 94.0679 321.051 87.813 320.829 84.0399C320.721 82.1836 321.467 80.2923 322.827 78.9807C324.203 77.6531 326.075 77.0257 328.1 77.2209C331.747 77.5683 339.147 85.8423 342.358 91.2522C343.064 92.4368 343.54 93.4531 343.697 94.1105C344.496 97.5082 342.017 101.071 336.119 105.003C330.895 108.488 325.512 115.192 324.013 117.214C322.673 115.703 319.864 112.862 315.803 110.391C315.74 110.327 315.669 110.27 315.585 110.228C315.535 110.203 315.484 110.184 315.432 110.169C314.07 109.363 312.654 108.647 311.216 108.046C309.137 107.178 306.833 106.481 304.37 105.975C299.745 105.027 295.793 105.008 294.044 105.062C294.426 100.789 296.063 82.7627 297.313 73.1572C298.171 66.5935 300.408 62.1251 304.153 59.4973C308.573 56.3966 315.304 55.8159 324.162 57.7737C335.877 60.3617 347.912 66.9685 346.56 77.7485ZM318.57 129.889C317.173 127.761 313.85 125.477 310.278 123.602L315.563 112.152C319.6 114.726 322.236 117.606 323.215 118.772C323.283 118.853 323.344 118.926 323.397 118.992L318.57 129.889ZM304.454 115.941L311.647 116.76L310.092 120.131L304.454 115.941ZM308.828 122.869C308.806 122.859 308.784 122.848 308.762 122.837C307.493 122.222 306.151 121.632 304.769 121.084C303.19 120.46 301.646 119.924 300.16 119.474L301.578 115.826L309.397 121.637L308.828 122.869ZM304.473 108.381L304.729 107.722C306.829 108.191 308.802 108.798 310.591 109.544C311.805 110.052 313.001 110.647 314.163 111.311L312.383 115.167L304.473 108.381ZM309.566 114.889L302.266 114.058L303.849 109.985L309.566 114.889ZM288.877 117.992L293.701 106.701C294.987 106.646 298.694 106.585 303.117 107.386L298.594 119.023C296.27 118.402 291.768 117.396 288.877 117.992ZM344.482 66.447C340.527 61.6933 333.808 58.2424 324.513 56.1885C315.193 54.1304 308.029 54.7956 303.221 58.1686C299.082 61.072 296.623 65.906 295.704 72.9478C294.337 83.4401 292.514 103.917 292.355 105.718L286.391 119.677C286.391 119.68 286.39 119.682 286.389 119.684C286.388 119.688 286.385 119.692 286.383 119.697C285.767 121.25 287.017 123.268 289.999 125.531C292.677 127.563 296.486 129.609 300.722 131.291C304.957 132.971 309.132 134.093 312.477 134.449C313.213 134.527 313.892 134.565 314.514 134.565C317.015 134.565 318.582 133.936 319.093 132.714C319.094 132.712 319.096 132.71 319.098 132.707L325.08 119.201C325.176 118.983 325.166 118.738 325.066 118.527C325.882 117.351 331.645 109.939 337.02 106.353C343.548 102.001 346.25 97.8747 345.277 93.7363C345.111 93.0403 344.726 92.1519 344.139 91.0955C347.358 87.8094 348.125 78.5594 348.173 77.9303C348.458 75.6292 348.351 71.0963 344.482 66.447Z",fill:"#700051",key:24})])}r.defaultProps={width:"349",height:"273",viewBox:"0 0 349 273",fill:"none"},e.exports=r,r.default=r},"0Ip3":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M495.523 121.677c-.959-.033-20.656-.698-49.57-.059V62.336c0-8.739-7.462-15.67-16.248-14.948C372.053 52.201 298.704 77.676 255 124.141c-43.704-46.465-117.053-71.94-174.705-76.753-8.77-.714-16.248 6.186-16.248 14.948v60.885c-16.428-.62-31.967-1.057-48.602-1.546C7.055 121.41 0 128.168 0 136.668v273.17c0 7.894 6.117 14.437 13.993 14.966 59.668 4.016 159.617 4.468 235.123 36.672 6.729 2.874 12.77-.427 11.77 0 75.504-32.203 175.435-32.654 235.123-36.672 7.875-.529 13.993-7.072 13.993-14.966v-273.17c-.002-8.081-6.403-14.709-14.479-14.991zm-79.57-42.47v257.088C372.697 345.971 317.878 366.619 270 410.4V152.563c32.82-40.95 94.976-65.632 145.953-73.356zm-321.906 0C145.024 86.931 207.18 111.613 240 152.563V410.4c-47.878-43.781-102.697-64.429-145.953-74.105zM30 395.723V152.116c10.741.318 22.229.677 34.047 1.128v195.277c0 7.217 5.14 13.411 12.233 14.742 34.251 6.429 78.791 20.383 120.303 50.429C137.358 400.409 75.366 398.274 30 395.723zm450 0c-45.292 2.547-107.335 4.68-166.584 17.969 41.512-30.046 86.053-44 120.303-50.429 7.093-1.331 12.233-7.525 12.233-14.742V151.628c13.806-.309 25.565-.313 34.047-.236v244.331z",key:0}),a.createElement("path",{d:"M201.107 187.116c-11.618-8.094-31.647-18.029-53.022-21.641-8.165-1.386-15.909 4.123-17.29 12.291-1.38 8.168 4.123 15.909 12.292 17.289 16.503 2.789 32.331 10.726 40.871 16.676 6.795 4.734 16.145 3.066 20.882-3.733 4.735-6.797 3.064-16.147-3.733-20.882zM199.605 271.586c-10.689-6.527-31.596-17.981-51.52-21.348-8.165-1.384-15.909 4.122-17.29 12.291-1.38 8.169 4.123 15.909 12.292 17.289 15.521 2.623 33.76 13.021 40.881 17.371 7.079 4.321 16.307 2.079 20.62-4.983 4.318-7.07 2.087-16.301-4.983-20.62zM326.042 211.731c8.54-5.95 24.368-13.887 40.871-16.676 8.168-1.38 13.671-9.121 12.292-17.289-1.38-8.169-9.124-13.68-17.29-12.291-21.375 3.611-41.404 13.547-53.022 21.641-6.797 4.735-8.468 14.085-3.733 20.882 4.738 6.801 14.091 8.465 20.882 3.733zM361.915 250.239c-19.924 3.366-40.831 14.82-51.52 21.348-7.07 4.318-9.301 13.55-4.983 20.62 4.318 7.069 13.549 9.3 20.62 4.983 7.121-4.35 25.36-14.748 40.881-17.371 8.168-1.38 13.671-9.12 12.292-17.289-1.381-8.169-9.124-13.68-17.29-12.291z",key:1})])}r.defaultProps={height:"512",viewBox:"0 0 510 510",width:"512"},e.exports=r,r.default=r},"0Llm":function(e){e.exports=JSON.parse('{"name":"@gympass/yoga-icons","version":"1.13.0","description":"Yoga icon package","keywords":["yoga","icon","react"],"homepage":"https://github.com/Gympass/yoga/tree/master/packages/icons","license":"MIT","main":"./src","publishConfig":{"access":"public","directory":"dist"},"repository":{"type":"git","url":"git+https://github.com/Gympass/yoga.git"},"scripts":{"prebuild":"rm -rf ./dist","build":"yarn build:native && yarn build:web && yarn build:esm","build:web":"NODE_ENV=web babel ./src --out-dir dist/cjs --extensions \'.svg,.js\'","build:esm":"NODE_ENV=esm babel ./src --out-dir dist/esm --extensions \'.svg,.js\'","prebuild:native":"yarn build:native:svg","build:native":"NODE_ENV=native babel ./src --out-dir dist/cjs","build:native:svg":"NODE_ENV=svg babel ./src --out-dir dist/cjs --extensions \'.svg\' --out-file-extension .native.js","prepublishOnly":"node ../../scripts/prepublish.js"},"devDependencies":{"@dr.pogodin/babel-preset-svgr":"^1.0.3","babel-plugin-transform-rename-import":"^2.3.0"},"peerDependencies":{"react":">=16","react-native-svg":">=9.13.3"},"bugs":{"url":"https://github.com/Gympass/yoga/issues"}}')},"0MsJ":function(e,n,t){var a=t("Csdp")(35,42,169,174,8252,8265,8482,8505,9e3,9167,9410,9654,9664,9742,9745,9752,9757,9760,9766,9770,9792,9794,9827,9832,9851,9881,9895,9928,9937,9981,9986,9989,9999,10002,10004,10006,10013,10017,10024,10052,10055,10060,10062,10071,10145,10160,10175,11088,11093,12336,12349,12951,12953,126980,127183,127374,127514,127535,128391,128400,128424,128444,128481,128483,128488,128495,128499,128745,128752,129008);a.addRange(48,57).addRange(8596,8601).addRange(8617,8618).addRange(8986,8987).addRange(9193,9203).addRange(9208,9210).addRange(9642,9643).addRange(9723,9726).addRange(9728,9732).addRange(9748,9749).addRange(9762,9763).addRange(9774,9775).addRange(9784,9786).addRange(9800,9811).addRange(9823,9824).addRange(9829,9830).addRange(9854,9855).addRange(9874,9879).addRange(9883,9884).addRange(9888,9889).addRange(9898,9899).addRange(9904,9905).addRange(9917,9918).addRange(9924,9925).addRange(9934,9935).addRange(9939,9940).addRange(9961,9962).addRange(9968,9973).addRange(9975,9978).addRange(9992,9997).addRange(10035,10036).addRange(10067,10069).addRange(10083,10084).addRange(10133,10135).addRange(10548,10549).addRange(11013,11015).addRange(11035,11036).addRange(127344,127345).addRange(127358,127359).addRange(127377,127386).addRange(127462,127487).addRange(127489,127490).addRange(127538,127546).addRange(127568,127569).addRange(127744,127777).addRange(127780,127891).addRange(127894,127895).addRange(127897,127899).addRange(127902,127984).addRange(127987,127989).addRange(127991,128253),a.addRange(128255,128317).addRange(128329,128334).addRange(128336,128359).addRange(128367,128368).addRange(128371,128378).addRange(128394,128397).addRange(128405,128406).addRange(128420,128421).addRange(128433,128434).addRange(128450,128452).addRange(128465,128467).addRange(128476,128478).addRange(128506,128591).addRange(128640,128709).addRange(128715,128722).addRange(128725,128727).addRange(128733,128741).addRange(128747,128748).addRange(128755,128764).addRange(128992,129003).addRange(129292,129338).addRange(129340,129349).addRange(129351,129535).addRange(129648,129652).addRange(129656,129660).addRange(129664,129670).addRange(129680,129708).addRange(129712,129722).addRange(129728,129733).addRange(129744,129753).addRange(129760,129767).addRange(129776,129782),e.exports=a},"0UV6":function(e,n,t){var a=t("T/ei"),r=t("5uek").RegExp;e.exports=a((function(){var e=r(".","s");return!(e.dotAll&&e.exec("\n")&&"s"===e.flags)}))},"0Vap":function(e,n,t){var a=t("Csdp")();a.addRange(67712,67742).addRange(67751,67759),e.exports=a},"0VdX":function(e,n,t){var a=t("Csdp")();a.addRange(66928,66938).addRange(66940,66954).addRange(66956,66962).addRange(66964,66965).addRange(66967,66977).addRange(66979,66993).addRange(66995,67001).addRange(67003,67004),e.exports=a},"0XCD":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M1.5 7.5H2.5V9.5H4.5V10.5H2.5C1.95 10.5 1.5 10.05 1.5 9.5V7.5Z",key:0}),a.createElement("path",{d:"M4.5 2.5H2.5V4.5H1.5V2.5C1.5 1.95 1.95 1.5 2.5 1.5H4.5V2.5Z",key:1}),a.createElement("path",{d:"M7.5 1.5H9.5C10.05 1.5 10.5 1.95 10.5 2.5V4.5H9.5V2.5H7.5V1.5Z",key:2}),a.createElement("path",{d:"M7.5 9.5H9.5V7.5H10.5V9.5C10.5 10.05 10.05 10.5 9.5 10.5H7.5V9.5Z",key:3}),a.createElement("path",{d:"M10.5 6.5C10.7761 6.5 11 6.27614 11 6C11 5.72386 10.7761 5.5 10.5 5.5H1.5C1.22386 5.5 1 5.72386 1 6C1 6.27614 1.22386 6.5 1.5 6.5H10.5Z",key:4})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"0XJc":function(e,n,t){var a=t("Csdp")();a.addRange(68352,68405).addRange(68409,68415),e.exports=a},"0dqv":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=t("Wbzz"),o=["components"];var i,c=(i="PropsTable",function(e){return console.warn("Component "+i+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),l={_frontmatter:{}};function s(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,o);return Object(r.mdx)("wrapper",Object.assign({},l,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n \n\n")),Object(r.mdx)("h3",{id:"examples",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#examples","aria-label":"examples permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Examples"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n \n \n \n \n \n\n \n \n\n \n \n\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)("p",null,"The Progress component also has support for ","",Object(r.mdx)(d.a,{to:"/system/backgroundColor",mdxType:"GatsbyLink"},"backgroundColor"),", ","",Object(r.mdx)(d.a,{to:"/system/border",mdxType:"GatsbyLink"},"border"),", ","",Object(r.mdx)(d.a,{to:"/system/elevation",mdxType:"GatsbyLink"},"elevation"),", ","",Object(r.mdx)(d.a,{to:"/system/layout",mdxType:"GatsbyLink"},"layout"),", and ",Object(r.mdx)(d.a,{to:"/system/spacing",mdxType:"GatsbyLink"},"spacing")," props"),Object(r.mdx)(c,{component:"Progress",platform:"web",mdxType:"PropsTable"}))}s.isMDXComponent=!0;var u=["components"];var g=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),p={_frontmatter:{}};function f(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,u);return Object(r.mdx)("wrapper",Object.assign({},p,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo",type:"expo"},"\n \n\n \n \n \n\n \n\n \n\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)("p",null,"The Progress component also has support for ","",Object(r.mdx)(d.a,{to:"/system/backgroundColor",mdxType:"GatsbyLink"},"backgroundColor"),", ","",Object(r.mdx)(d.a,{to:"/system/border",mdxType:"GatsbyLink"},"border"),", ","",Object(r.mdx)(d.a,{to:"/system/elevation",mdxType:"GatsbyLink"},"elevation"),", ","",Object(r.mdx)(d.a,{to:"/system/layout",mdxType:"GatsbyLink"},"layout"),", and ",Object(r.mdx)(d.a,{to:"/system/spacing",mdxType:"GatsbyLink"},"spacing")," props"),Object(r.mdx)(g,{component:"Progress",platform:"native",mdxType:"PropsTable"}))}f.isMDXComponent=!0;n.default={ProgressWeb:s,ProgressNative:f,React:a}},"0fxe":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.3954 6.16784L8.0698 5.86721L6.42053 7.65351L6.74615 7.95416C7.33174 8.49482 7.36815 9.40783 6.82749 9.99342C6.39881 10.4577 5.73607 10.5768 5.18804 10.3367C5.12767 10.4835 5.04063 10.6223 4.92663 10.7458C4.4121 11.303 3.54322 11.3377 2.98594 10.8232L1.58114 9.52612C1.02385 9.01159 0.989197 8.14272 1.50373 7.58543C1.61773 7.46196 1.74912 7.36415 1.89066 7.29228C1.60771 6.76511 1.67361 6.09499 2.10228 5.6307C2.64295 5.04512 3.55596 5.0087 4.14155 5.54936L4.38353 5.77278L6.0328 3.98648L5.7908 3.76305C5.20521 3.22238 5.1688 2.30937 5.70946 1.72378C6.13719 1.26051 6.79796 1.14095 7.34528 1.37892C7.40586 1.23534 7.49191 1.09964 7.60372 0.978542C8.12188 0.417325 8.9969 0.382424 9.55811 0.900588L10.9487 2.18447C11.5099 2.70263 11.5448 3.57765 11.0266 4.13886C10.9148 4.25995 10.7864 4.35654 10.6481 4.42836C10.929 4.955 10.8624 5.62322 10.4347 6.0865C9.894 6.67209 8.98099 6.7085 8.3954 6.16784ZM9.67496 4.78196C9.85477 4.94798 9.86595 5.22832 9.69994 5.40813C9.53392 5.58794 9.25357 5.59913 9.07376 5.43311L6.46916 3.02832C6.28935 2.8623 6.27817 2.58195 6.44419 2.40214C6.6102 2.22233 6.89055 2.21115 7.07036 2.37717L9.67496 4.78196ZM6.76753 4.66484L7.33507 5.18885L5.6858 6.97515L5.11826 6.45115L6.76753 4.66484ZM6.09276 9.31506C6.25878 9.13525 6.24759 8.8549 6.06778 8.68888L3.46318 6.28409C3.28337 6.11807 3.00303 6.12926 2.83701 6.30907C2.67099 6.48888 2.68218 6.76922 2.86199 6.93524L5.46659 9.34003C5.6464 9.50605 5.92674 9.49487 6.09276 9.31506ZM4.19191 10.0674C4.33179 9.91589 4.32237 9.67967 4.17086 9.53979L2.76606 8.24275C2.61455 8.10287 2.37834 8.11229 2.23846 8.2638C2.09857 8.4153 2.108 8.65152 2.2595 8.7914L3.6643 10.0884C3.81581 10.2283 4.05202 10.2189 4.19191 10.0674ZM10.2919 3.4605C10.4354 3.30506 10.4257 3.06271 10.2703 2.9192L8.87975 1.63531C8.72431 1.4918 8.48196 1.50147 8.33845 1.65691C8.19493 1.81234 8.2046 2.05469 8.36004 2.19821L9.75059 3.48209C9.90603 3.6256 10.1484 3.61594 10.2919 3.4605Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"0g3j":function(e,n,t){"use strict";var a=t("j/s1"),r=t("kMAz"),d=a.d.div.withConfig({displayName:"Box",componentId:"sc-tsnagd-0"})(r.system);n.a=d},"0iIO":function(e,n,t){"use strict";t("UPNz"),Object.defineProperty(n,"__esModule",{value:!0});var a=d(t("aq5/")),r=d(t("4Mt5"));function d(e){return e&&e.__esModule?e:{default:e}}var o={}&&!0,i=function(e){return"[object String]"===Object.prototype.toString.call(e)},c=function(){function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.name,r=void 0===t?"stylesheet":t,d=n.optimizeForSpeed,c=void 0===d?o:d,s=n.isBrowser,u=void 0===s?"undefined"!=typeof window:s;(0,a.default)(this,e),l(i(r),"`name` must be a string"),this._name=r,this._deletedRulePlaceholder="#"+r+"-deleted-rule____{}",l("boolean"==typeof c,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=c,this._isBrowser=u,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0}return(0,r.default)(e,[{key:"setOptimizeForSpeed",value:function(e){l("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),l(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()}},{key:"isOptimizeForSpeed",value:function(){return this._optimizeForSpeed}},{key:"inject",value:function(){var e=this;if(l(!this._injected,"sheet already injected"),this._injected=!0,this._isBrowser&&this._optimizeForSpeed)return this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),void(this._optimizeForSpeed||(o||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0));this._serverSheet={cssRules:[],insertRule:function(n,t){return"number"==typeof t?e._serverSheet.cssRules[t]={cssText:n}:e._serverSheet.cssRules.push({cssText:n}),t},deleteRule:function(n){e._serverSheet.cssRules[n]=null}}}},{key:"getSheetForTag",value:function(e){if(e.sheet)return e.sheet;for(var n=0;n1?arguments[1]:void 0,t),c=o>2?arguments[2]:void 0,l=void 0===c?t:r(c,t);l>i;)n[i++]=e;return n}},"0lxf":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19 6.76557L7.79892 5.36544C6.68322 5.22597 5.58448 5.72884 4.96079 6.66438C4.01789 8.07872 4.01789 9.92129 4.96079 11.3356C5.58448 12.2712 6.68322 12.774 7.79892 12.6346L19 11.2344L19 6.76557ZM8.04699 3.38088C6.17959 3.14746 4.34059 3.98912 3.29669 5.55498C1.90593 7.64112 1.90593 10.3589 3.29669 12.445C3.74046 13.1107 4.32792 13.6455 5.00016 14.0224C5.00109 14.0618 5.00435 14.1015 5.01005 14.1414L5.8874 20.2828C6.02815 21.2681 6.872 22 7.8673 22H9.84699C11.0641 22 11.999 20.922 11.8269 19.7172L11.0451 14.2444L19.2481 13.219C20.2489 13.0939 21 12.2431 21 11.2344V6.76557C21 5.75692 20.2489 4.90612 19.2481 4.78102L8.04699 3.38088ZM9.0602 14.4925L8.04699 14.6191C7.73011 14.6587 7.41405 14.6674 7.10255 14.6468L7.8673 20H9.84699L9.0602 14.4925ZM8 11C9.10457 11 10 10.1046 10 9C10 7.89543 9.10457 7 8 7C6.89543 7 6 7.89543 6 9C6 10.1046 6.89543 11 8 11Z"}))}r.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=r,r.default=r},"0mzN":function(e,n,t){var a=t("Csdp")(6148);a.addRange(6144,6145).addRange(6150,6169).addRange(6176,6264).addRange(6272,6314).addRange(71264,71276),e.exports=a},"0uNr":function(e,n,t){var a=t("Csdp")(1600,68338);a.addRange(69488,69513),e.exports=a},"0vwV":function(e,n,t){"use strict";n.__esModule=!0,n.default=function(e,n){var t={};for(var a in e)n.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}},"15+4":function(e,n,t){var a=t("WuUU");e.exports=function(e,n,t){for(var r in n)a(e,r,n[r],t);return e}},"16cg":function(e,n,t){var a=t("Is8o"),r=Object;e.exports=function(e){return r(a(e))}},"1CKY":function(e,n,t){var a=t("Csdp")(95,170,181,183,186,748,750,895,908,1369,1471,1479,1791,2042,2045,2482,2519,2556,2558,2620,2641,2654,2768,2929,2972,3024,3031,3165,3517,3530,3542,3716,3749,3782,3840,3893,3895,3897,4038,4295,4301,4696,4800,6103,6823,8025,8027,8029,8126,8276,8305,8319,8417,8450,8455,8469,8484,8486,8488,8526,11559,11565,11631,42963,43052,43259,64318,65343,66045,66272,67592,67644,68159,69415,69826,70006,70108,70206,70280,70480,70487,70855,71236,71945,72263,72349,73018,73648,119970,119995,120134,121461,121476,123214,126500,126503,126521,126523,126530,126535,126537,126539,126548,126551,126553,126555,126557,126559,126564,126590);a.addRange(48,57).addRange(65,90).addRange(97,122).addRange(192,214).addRange(216,246).addRange(248,705).addRange(710,721).addRange(736,740).addRange(768,884).addRange(886,887).addRange(890,893).addRange(902,906).addRange(910,929).addRange(931,1013).addRange(1015,1153).addRange(1155,1159).addRange(1162,1327).addRange(1329,1366).addRange(1376,1416).addRange(1425,1469).addRange(1473,1474).addRange(1476,1477).addRange(1488,1514).addRange(1519,1522).addRange(1552,1562).addRange(1568,1641).addRange(1646,1747).addRange(1749,1756).addRange(1759,1768).addRange(1770,1788).addRange(1808,1866).addRange(1869,1969).addRange(1984,2037).addRange(2048,2093).addRange(2112,2139).addRange(2144,2154).addRange(2160,2183).addRange(2185,2190).addRange(2200,2273).addRange(2275,2403).addRange(2406,2415).addRange(2417,2435).addRange(2437,2444).addRange(2447,2448).addRange(2451,2472).addRange(2474,2480).addRange(2486,2489).addRange(2492,2500).addRange(2503,2504).addRange(2507,2510).addRange(2524,2525),a.addRange(2527,2531).addRange(2534,2545).addRange(2561,2563).addRange(2565,2570).addRange(2575,2576).addRange(2579,2600).addRange(2602,2608).addRange(2610,2611).addRange(2613,2614).addRange(2616,2617).addRange(2622,2626).addRange(2631,2632).addRange(2635,2637).addRange(2649,2652).addRange(2662,2677).addRange(2689,2691).addRange(2693,2701).addRange(2703,2705).addRange(2707,2728).addRange(2730,2736).addRange(2738,2739).addRange(2741,2745).addRange(2748,2757).addRange(2759,2761).addRange(2763,2765).addRange(2784,2787).addRange(2790,2799).addRange(2809,2815).addRange(2817,2819).addRange(2821,2828).addRange(2831,2832).addRange(2835,2856).addRange(2858,2864).addRange(2866,2867).addRange(2869,2873).addRange(2876,2884).addRange(2887,2888).addRange(2891,2893).addRange(2901,2903).addRange(2908,2909).addRange(2911,2915).addRange(2918,2927).addRange(2946,2947).addRange(2949,2954).addRange(2958,2960).addRange(2962,2965).addRange(2969,2970).addRange(2974,2975).addRange(2979,2980).addRange(2984,2986).addRange(2990,3001),a.addRange(3006,3010).addRange(3014,3016).addRange(3018,3021).addRange(3046,3055).addRange(3072,3084).addRange(3086,3088).addRange(3090,3112).addRange(3114,3129).addRange(3132,3140).addRange(3142,3144).addRange(3146,3149).addRange(3157,3158).addRange(3160,3162).addRange(3168,3171).addRange(3174,3183).addRange(3200,3203).addRange(3205,3212).addRange(3214,3216).addRange(3218,3240).addRange(3242,3251).addRange(3253,3257).addRange(3260,3268).addRange(3270,3272).addRange(3274,3277).addRange(3285,3286).addRange(3293,3294).addRange(3296,3299).addRange(3302,3311).addRange(3313,3314).addRange(3328,3340).addRange(3342,3344).addRange(3346,3396).addRange(3398,3400).addRange(3402,3406).addRange(3412,3415).addRange(3423,3427).addRange(3430,3439).addRange(3450,3455).addRange(3457,3459).addRange(3461,3478).addRange(3482,3505).addRange(3507,3515).addRange(3520,3526).addRange(3535,3540).addRange(3544,3551).addRange(3558,3567).addRange(3570,3571).addRange(3585,3642).addRange(3648,3662).addRange(3664,3673).addRange(3713,3714),a.addRange(3718,3722).addRange(3724,3747).addRange(3751,3773).addRange(3776,3780).addRange(3784,3789).addRange(3792,3801).addRange(3804,3807).addRange(3864,3865).addRange(3872,3881).addRange(3902,3911).addRange(3913,3948).addRange(3953,3972).addRange(3974,3991).addRange(3993,4028).addRange(4096,4169).addRange(4176,4253).addRange(4256,4293).addRange(4304,4346).addRange(4348,4680).addRange(4682,4685).addRange(4688,4694).addRange(4698,4701).addRange(4704,4744).addRange(4746,4749).addRange(4752,4784).addRange(4786,4789).addRange(4792,4798).addRange(4802,4805).addRange(4808,4822).addRange(4824,4880).addRange(4882,4885).addRange(4888,4954).addRange(4957,4959).addRange(4969,4977).addRange(4992,5007).addRange(5024,5109).addRange(5112,5117).addRange(5121,5740).addRange(5743,5759).addRange(5761,5786).addRange(5792,5866).addRange(5870,5880).addRange(5888,5909).addRange(5919,5940).addRange(5952,5971).addRange(5984,5996).addRange(5998,6e3).addRange(6002,6003).addRange(6016,6099).addRange(6108,6109).addRange(6112,6121),a.addRange(6155,6157).addRange(6159,6169).addRange(6176,6264).addRange(6272,6314).addRange(6320,6389).addRange(6400,6430).addRange(6432,6443).addRange(6448,6459).addRange(6470,6509).addRange(6512,6516).addRange(6528,6571).addRange(6576,6601).addRange(6608,6618).addRange(6656,6683).addRange(6688,6750).addRange(6752,6780).addRange(6783,6793).addRange(6800,6809).addRange(6832,6845).addRange(6847,6862).addRange(6912,6988).addRange(6992,7001).addRange(7019,7027).addRange(7040,7155).addRange(7168,7223).addRange(7232,7241).addRange(7245,7293).addRange(7296,7304).addRange(7312,7354).addRange(7357,7359).addRange(7376,7378).addRange(7380,7418).addRange(7424,7957).addRange(7960,7965).addRange(7968,8005).addRange(8008,8013).addRange(8016,8023).addRange(8031,8061).addRange(8064,8116).addRange(8118,8124).addRange(8130,8132).addRange(8134,8140).addRange(8144,8147).addRange(8150,8155).addRange(8160,8172).addRange(8178,8180).addRange(8182,8188).addRange(8255,8256).addRange(8336,8348).addRange(8400,8412).addRange(8421,8432),a.addRange(8458,8467).addRange(8472,8477).addRange(8490,8505).addRange(8508,8511).addRange(8517,8521).addRange(8544,8584).addRange(11264,11492).addRange(11499,11507).addRange(11520,11557).addRange(11568,11623).addRange(11647,11670).addRange(11680,11686).addRange(11688,11694).addRange(11696,11702).addRange(11704,11710).addRange(11712,11718).addRange(11720,11726).addRange(11728,11734).addRange(11736,11742).addRange(11744,11775).addRange(12293,12295).addRange(12321,12335).addRange(12337,12341).addRange(12344,12348).addRange(12353,12438).addRange(12441,12447).addRange(12449,12538).addRange(12540,12543).addRange(12549,12591).addRange(12593,12686).addRange(12704,12735).addRange(12784,12799).addRange(13312,19903).addRange(19968,42124).addRange(42192,42237).addRange(42240,42508).addRange(42512,42539).addRange(42560,42607).addRange(42612,42621).addRange(42623,42737).addRange(42775,42783).addRange(42786,42888).addRange(42891,42954).addRange(42960,42961).addRange(42965,42969).addRange(42994,43047).addRange(43072,43123).addRange(43136,43205).addRange(43216,43225).addRange(43232,43255).addRange(43261,43309),a.addRange(43312,43347).addRange(43360,43388).addRange(43392,43456).addRange(43471,43481).addRange(43488,43518).addRange(43520,43574).addRange(43584,43597).addRange(43600,43609).addRange(43616,43638).addRange(43642,43714).addRange(43739,43741).addRange(43744,43759).addRange(43762,43766).addRange(43777,43782).addRange(43785,43790).addRange(43793,43798).addRange(43808,43814).addRange(43816,43822).addRange(43824,43866).addRange(43868,43881).addRange(43888,44010).addRange(44012,44013).addRange(44016,44025).addRange(44032,55203).addRange(55216,55238).addRange(55243,55291).addRange(63744,64109).addRange(64112,64217).addRange(64256,64262).addRange(64275,64279).addRange(64285,64296).addRange(64298,64310).addRange(64312,64316).addRange(64320,64321).addRange(64323,64324).addRange(64326,64433).addRange(64467,64829).addRange(64848,64911).addRange(64914,64967).addRange(65008,65019).addRange(65024,65039).addRange(65056,65071).addRange(65075,65076).addRange(65101,65103).addRange(65136,65140).addRange(65142,65276).addRange(65296,65305).addRange(65313,65338).addRange(65345,65370).addRange(65382,65470).addRange(65474,65479),a.addRange(65482,65487).addRange(65490,65495).addRange(65498,65500).addRange(65536,65547).addRange(65549,65574).addRange(65576,65594).addRange(65596,65597).addRange(65599,65613).addRange(65616,65629).addRange(65664,65786).addRange(65856,65908).addRange(66176,66204).addRange(66208,66256).addRange(66304,66335).addRange(66349,66378).addRange(66384,66426).addRange(66432,66461).addRange(66464,66499).addRange(66504,66511).addRange(66513,66517).addRange(66560,66717).addRange(66720,66729).addRange(66736,66771).addRange(66776,66811).addRange(66816,66855).addRange(66864,66915).addRange(66928,66938).addRange(66940,66954).addRange(66956,66962).addRange(66964,66965).addRange(66967,66977).addRange(66979,66993).addRange(66995,67001).addRange(67003,67004).addRange(67072,67382).addRange(67392,67413).addRange(67424,67431).addRange(67456,67461).addRange(67463,67504).addRange(67506,67514).addRange(67584,67589).addRange(67594,67637).addRange(67639,67640).addRange(67647,67669).addRange(67680,67702).addRange(67712,67742).addRange(67808,67826).addRange(67828,67829).addRange(67840,67861).addRange(67872,67897).addRange(67968,68023),a.addRange(68030,68031).addRange(68096,68099).addRange(68101,68102).addRange(68108,68115).addRange(68117,68119).addRange(68121,68149).addRange(68152,68154).addRange(68192,68220).addRange(68224,68252).addRange(68288,68295).addRange(68297,68326).addRange(68352,68405).addRange(68416,68437).addRange(68448,68466).addRange(68480,68497).addRange(68608,68680).addRange(68736,68786).addRange(68800,68850).addRange(68864,68903).addRange(68912,68921).addRange(69248,69289).addRange(69291,69292).addRange(69296,69297).addRange(69376,69404).addRange(69424,69456).addRange(69488,69509).addRange(69552,69572).addRange(69600,69622).addRange(69632,69702).addRange(69734,69749).addRange(69759,69818).addRange(69840,69864).addRange(69872,69881).addRange(69888,69940).addRange(69942,69951).addRange(69956,69959).addRange(69968,70003).addRange(70016,70084).addRange(70089,70092).addRange(70094,70106).addRange(70144,70161).addRange(70163,70199).addRange(70272,70278).addRange(70282,70285).addRange(70287,70301).addRange(70303,70312).addRange(70320,70378).addRange(70384,70393).addRange(70400,70403).addRange(70405,70412).addRange(70415,70416),a.addRange(70419,70440).addRange(70442,70448).addRange(70450,70451).addRange(70453,70457).addRange(70459,70468).addRange(70471,70472).addRange(70475,70477).addRange(70493,70499).addRange(70502,70508).addRange(70512,70516).addRange(70656,70730).addRange(70736,70745).addRange(70750,70753).addRange(70784,70853).addRange(70864,70873).addRange(71040,71093).addRange(71096,71104).addRange(71128,71133).addRange(71168,71232).addRange(71248,71257).addRange(71296,71352).addRange(71360,71369).addRange(71424,71450).addRange(71453,71467).addRange(71472,71481).addRange(71488,71494).addRange(71680,71738).addRange(71840,71913).addRange(71935,71942).addRange(71948,71955).addRange(71957,71958).addRange(71960,71989).addRange(71991,71992).addRange(71995,72003).addRange(72016,72025).addRange(72096,72103).addRange(72106,72151).addRange(72154,72161).addRange(72163,72164).addRange(72192,72254).addRange(72272,72345).addRange(72368,72440).addRange(72704,72712).addRange(72714,72758).addRange(72760,72768).addRange(72784,72793).addRange(72818,72847).addRange(72850,72871).addRange(72873,72886).addRange(72960,72966).addRange(72968,72969),a.addRange(72971,73014).addRange(73020,73021).addRange(73023,73031).addRange(73040,73049).addRange(73056,73061).addRange(73063,73064).addRange(73066,73102).addRange(73104,73105).addRange(73107,73112).addRange(73120,73129).addRange(73440,73462).addRange(73728,74649).addRange(74752,74862).addRange(74880,75075).addRange(77712,77808).addRange(77824,78894).addRange(82944,83526).addRange(92160,92728).addRange(92736,92766).addRange(92768,92777).addRange(92784,92862).addRange(92864,92873).addRange(92880,92909).addRange(92912,92916).addRange(92928,92982).addRange(92992,92995).addRange(93008,93017).addRange(93027,93047).addRange(93053,93071).addRange(93760,93823).addRange(93952,94026).addRange(94031,94087).addRange(94095,94111).addRange(94176,94177).addRange(94179,94180).addRange(94192,94193).addRange(94208,100343).addRange(100352,101589).addRange(101632,101640).addRange(110576,110579).addRange(110581,110587).addRange(110589,110590).addRange(110592,110882).addRange(110928,110930).addRange(110948,110951).addRange(110960,111355).addRange(113664,113770).addRange(113776,113788).addRange(113792,113800).addRange(113808,113817).addRange(113821,113822),a.addRange(118528,118573).addRange(118576,118598).addRange(119141,119145).addRange(119149,119154).addRange(119163,119170).addRange(119173,119179).addRange(119210,119213).addRange(119362,119364).addRange(119808,119892).addRange(119894,119964).addRange(119966,119967).addRange(119973,119974).addRange(119977,119980).addRange(119982,119993).addRange(119997,120003).addRange(120005,120069).addRange(120071,120074).addRange(120077,120084).addRange(120086,120092).addRange(120094,120121).addRange(120123,120126).addRange(120128,120132).addRange(120138,120144).addRange(120146,120485).addRange(120488,120512).addRange(120514,120538).addRange(120540,120570).addRange(120572,120596).addRange(120598,120628).addRange(120630,120654).addRange(120656,120686).addRange(120688,120712).addRange(120714,120744).addRange(120746,120770).addRange(120772,120779).addRange(120782,120831).addRange(121344,121398).addRange(121403,121452).addRange(121499,121503).addRange(121505,121519).addRange(122624,122654).addRange(122880,122886).addRange(122888,122904).addRange(122907,122913).addRange(122915,122916).addRange(122918,122922).addRange(123136,123180).addRange(123184,123197).addRange(123200,123209).addRange(123536,123566).addRange(123584,123641),a.addRange(124896,124902).addRange(124904,124907).addRange(124909,124910).addRange(124912,124926).addRange(124928,125124).addRange(125136,125142).addRange(125184,125259).addRange(125264,125273).addRange(126464,126467).addRange(126469,126495).addRange(126497,126498).addRange(126505,126514).addRange(126516,126519).addRange(126541,126543).addRange(126545,126546).addRange(126561,126562).addRange(126567,126570).addRange(126572,126578).addRange(126580,126583).addRange(126585,126588).addRange(126592,126601).addRange(126603,126619).addRange(126625,126627).addRange(126629,126633).addRange(126635,126651).addRange(130032,130041).addRange(131072,173791).addRange(173824,177976).addRange(177984,178205).addRange(178208,183969).addRange(183984,191456).addRange(194560,195101).addRange(196608,201546).addRange(917760,917999),e.exports=a},"1CmB":function(e,n,t){var a=t("Csdp")();a.addRange(10240,10495),e.exports=a},"1ESw":function(e,n,t){t("nGXB")({target:"String",proto:!0},{repeat:t("2syQ")})},"1JqC":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 8V9C4.89543 9 4 9.89543 4 11V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V11C20 9.89543 19.1046 9 18 9V8C18 4.68629 15.3137 2 12 2C8.68629 2 6 4.68629 6 8ZM16 9V8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8V9H16ZM12 13C11.4477 13 11 13.4477 11 14V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V14C13 13.4477 12.5523 13 12 13Z"}))}r.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=r,r.default=r},"1Kkg":function(e,n,t){var a=t("Opzy"),r=String,d=TypeError;e.exports=function(e){if(a(e))return e;throw d(r(e)+" is not an object")}},"1Pcy":function(e,n){e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},e.exports.__esModule=!0,e.exports.default=e.exports},"1T57":function(e,n,t){"use strict";n.__esModule=!0,n.useScrollRestoration=n.ScrollContainer=n.ScrollContext=void 0;var a=t("B8dz");n.ScrollContext=a.ScrollHandler;var r=t("ieLl");n.ScrollContainer=r.ScrollContainer;var d=t("Ebtn");n.useScrollRestoration=d.useScrollRestoration},"1TxV":function(e,n){n.read=function(e,n,t,a,r){var d,o,i=8*r-a-1,c=(1<>1,s=-7,u=t?r-1:0,g=t?-1:1,p=e[n+u];for(u+=g,d=p&(1<<-s)-1,p>>=-s,s+=i;s>0;d=256*d+e[n+u],u+=g,s-=8);for(o=d&(1<<-s)-1,d>>=-s,s+=a;s>0;o=256*o+e[n+u],u+=g,s-=8);if(0===d)d=1-l;else{if(d===c)return o?NaN:1/0*(p?-1:1);o+=Math.pow(2,a),d-=l}return(p?-1:1)*o*Math.pow(2,d-a)},n.write=function(e,n,t,a,r,d){var o,i,c,l=8*d-r-1,s=(1<>1,g=23===r?Math.pow(2,-24)-Math.pow(2,-77):0,p=a?0:d-1,f=a?1:-1,m=n<0||0===n&&1/n<0?1:0;for(n=Math.abs(n),isNaN(n)||n===1/0?(i=isNaN(n)?1:0,o=s):(o=Math.floor(Math.log(n)/Math.LN2),n*(c=Math.pow(2,-o))<1&&(o--,c*=2),(n+=o+u>=1?g/c:g*Math.pow(2,1-u))*c>=2&&(o++,c/=2),o+u>=s?(i=0,o=s):o+u>=1?(i=(n*c-1)*Math.pow(2,r),o+=u):(i=n*Math.pow(2,u-1)*Math.pow(2,r),o=0));r>=8;e[t+p]=255&i,p+=f,i/=256,r-=8);for(o=o<0;e[t+p]=255&o,p+=f,o/=256,l-=8);e[t+p-f]|=128*m}},"1Yz/":function(e,n,t){var a=t("nGXB"),r=t("mWUp"),d=t("g2AZ"),o=t("Kzhf"),i=t("w4Um"),c=t("1Kkg"),l=t("Opzy"),s=t("73r2"),u=t("T/ei"),g=r("Reflect","construct"),p=Object.prototype,f=[].push,m=u((function(){function e(){}return!(g((function(){}),[],e)instanceof e)})),C=!u((function(){g((function(){}))})),h=m||C;a({target:"Reflect",stat:!0,forced:h,sham:h},{construct:function(e,n){i(e),c(n);var t=arguments.length<3?e:i(arguments[2]);if(C&&!m)return g(e,n,t);if(e==t){switch(n.length){case 0:return new e;case 1:return new e(n[0]);case 2:return new e(n[0],n[1]);case 3:return new e(n[0],n[1],n[2]);case 4:return new e(n[0],n[1],n[2],n[3])}var a=[null];return d(f,a,n),new(d(o,e,a))}var r=t.prototype,u=s(l(r)?r:p),h=d(e,u,n);return l(h)?h:u}})},"1bLK":function(e,n,t){var a=t("vbc5"),r=t("hR4s").document,d=a(r)&&a(r.createElement);e.exports=function(e){return d?r.createElement(e):{}}},"1eHt":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{d:"M7.91128 3.73642C7.3931 3.24097 6.73401 2.9887 5.99992 2.9887C4.69774 2.9887 3.59552 3.86812 3.20227 5.04982C3.10227 5.34982 3.04545 5.67049 3.04545 6.00003C3.04545 6.32958 3.10227 6.65003 3.20227 6.95003C3.59546 8.13184 4.69765 9.01144 5.99992 9.01144C6.67265 9.01144 7.24537 8.83416 7.6931 8.53416C8.22265 8.17962 8.575 7.65003 8.69091 7.02503H6V5.09094H10.7091C10.7682 5.41822 10.8 5.75912 10.8 6.11367C10.8 7.6364 10.2545 8.91821 9.30909 9.78867C8.48182 10.5523 7.34992 11.0001 5.99992 11.0001C4.04537 11.0001 2.35447 9.87962 1.53174 8.24553C1.19315 7.57057 1 6.80679 1 6.00003C1 5.19324 1.19317 4.42963 1.53179 3.75464C2.35451 2.12055 4.04537 1.00006 5.99992 1.00006C7.34765 1.00006 8.47946 1.49552 9.34537 2.30233L7.91128 3.73642Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"1gLF":function(e,n,t){var a=t("Csdp")();a.addRange(77712,77810),e.exports=a},"1m45":function(e,n,t){var a=t("Csdp")(453,456,459,498,8124,8140,8188);a.addRange(8072,8079).addRange(8088,8095).addRange(8104,8111),e.exports=a},"1prJ":function(e,n,t){t("bnTo")},"1sfF":function(e,n,t){var a=t("M25K"),r=t("eD9m")("iterator"),d=t("tReM");e.exports=t("rFq9").getIteratorMethod=function(e){if(null!=e)return e[r]||e["@@iterator"]||d[a(e)]}},"1tId":function(e,n,t){var a=t("Csdp")(40,91,123,3898,3900,5787,8218,8222,8261,8317,8333,8968,8970,9001,10088,10090,10092,10094,10096,10098,10100,10181,10214,10216,10218,10220,10222,10627,10629,10631,10633,10635,10637,10639,10641,10643,10645,10647,10712,10714,10748,11810,11812,11814,11816,11842,11861,11863,11865,11867,12296,12298,12300,12302,12304,12308,12310,12312,12314,12317,64831,65047,65077,65079,65081,65083,65085,65087,65089,65091,65095,65113,65115,65117,65288,65339,65371,65375,65378);e.exports=a},"1y5C":function(e,n,t){"use strict";var a=t("nGXB"),r=t("zWU9"),d=t("d0Qa");a({target:"Promise",stat:!0,forced:t("3H84").CONSTRUCTOR},{reject:function(e){var n=d.f(this);return r(n.reject,void 0,e),n.promise}})},"1yva":function(e,n,t){var a=t("dWRk"),r=t("aAA+"),d=t("MrWc"),o=t("MPuG"),i=t("Wnek");e.exports=function(e,n){var t=1==e,c=2==e,l=3==e,s=4==e,u=6==e,g=5==e||u,p=n||i;return function(n,i,f){for(var m,C,h=d(n),R=r(h),b=a(i,f,3),v=o(R.length),x=0,y=t?p(n,v):c?p(n,0):void 0;v>x;x++)if((g||x in R)&&(C=b(m=R[x],x,h),e))if(t)y[x]=C;else if(C)switch(e){case 3:return!0;case 5:return m;case 6:return x;case 2:y.push(m)}else if(s)return!1;return u?-1:l||s?s:y}}},"29pn":function(e,n,t){var a=t("Csdp")(187,8217,8221,8250,11779,11781,11786,11789,11805,11809);e.exports=a},"2G/r":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 1C3.24 1 1 3.24 1 6C1 8.76 3.24 11 6 11C8.76 11 11 8.76 11 6C11 3.24 8.76 1 6 1ZM8.21793 4.64669C8.02268 4.45006 7.70461 4.44957 7.50894 4.64578L5.205 6.95607L4.30636 6.19115C4.10791 6.02223 3.813 6.03407 3.62872 6.21834L3.62112 6.22594C3.41913 6.42793 3.42713 6.75781 3.63868 6.94977L5.205 8.37107L8.21721 5.35231C8.41162 5.15747 8.41186 4.842 8.21793 4.64669ZM2 6C2 8.21 3.79 10 6 10C8.21 10 10 8.21 10 6C10 3.79 8.21 2 6 2C3.79 2 2 3.79 2 6Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"2M3I":function(e,n,t){var a=t("9au6"),r=t("R5u7"),d=t("fWyh");e.exports=function(e){return function(n,t,o){return o&&"number"!=typeof o&&r(n,t,o)&&(t=o=void 0),n=d(n),void 0===t?(t=n,n=0):t=d(t),o=void 0===o?n0;(i>>>=1)&&(n+=n))1&i&&(t+=n);return t}},"2tcU":function(e,n,t){"use strict";n.__esModule=!0;var a=o(t("+ozH")),r=o(t("TQPF")),d="function"==typeof r.default&&"symbol"==typeof a.default?function(e){return typeof e}:function(e){return e&&"function"==typeof r.default&&e.constructor===r.default&&e!==r.default.prototype?"symbol":typeof e};function o(e){return e&&e.__esModule?e:{default:e}}n.default="function"==typeof r.default&&"symbol"===d(a.default)?function(e){return void 0===e?"undefined":d(e)}:function(e){return e&&"function"==typeof r.default&&e.constructor===r.default&&e!==r.default.prototype?"symbol":void 0===e?"undefined":d(e)}},"2tdP":function(e,n,t){var a=t("/Xp4"),r=t("gKYj");e.exports=Object.keys||function(e){return a(e,r)}},"2uJw":function(e,n,t){(function(n){var t=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,a=/^\w*$/,r=/^\./,d=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,o=/\\(\\)?/g,i=/^\[object .+?Constructor\]$/,c="object"==typeof n&&n&&n.Object===Object&&n,l="object"==typeof self&&self&&self.Object===Object&&self,s=c||l||Function("return this")();var u,g=Array.prototype,p=Function.prototype,f=Object.prototype,m=s["__core-js_shared__"],C=(u=/[^.]+$/.exec(m&&m.keys&&m.keys.IE_PROTO||""))?"Symbol(src)_1."+u:"",h=p.toString,R=f.hasOwnProperty,b=f.toString,v=RegExp("^"+h.call(R).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),x=s.Symbol,y=g.splice,w=N(s,"Map"),O=N(Object,"create"),E=x?x.prototype:void 0,H=E?E.toString:void 0;function j(e){var n=-1,t=e?e.length:0;for(this.clear();++n-1},k.prototype.set=function(e,n){var t=this.__data__,a=F(t,e);return a<0?t.push([e,n]):t[a][1]=n,this},S.prototype.clear=function(){this.__data__={hash:new j,map:new(w||k),string:new j}},S.prototype.delete=function(e){return X(this,e).delete(e)},S.prototype.get=function(e){return X(this,e).get(e)},S.prototype.has=function(e){return X(this,e).has(e)},S.prototype.set=function(e,n){return X(this,e).set(e,n),this};var B=_((function(e){var n;e=null==(n=e)?"":function(e){if("string"==typeof e)return e;if(T(e))return H?H.call(e):"";var n=e+"";return"0"==n&&1/e==-1/0?"-0":n}(n);var t=[];return r.test(e)&&t.push(""),e.replace(d,(function(e,n,a,r){t.push(a?r.replace(o,"$1"):n||e)})),t}));function I(e){if("string"==typeof e||T(e))return e;var n=e+"";return"0"==n&&1/e==-1/0?"-0":n}function _(e,n){if("function"!=typeof e||n&&"function"!=typeof n)throw new TypeError("Expected a function");var t=function t(){var a=arguments,r=n?n.apply(this,a):a[0],d=t.cache;if(d.has(r))return d.get(r);var o=e.apply(this,a);return t.cache=d.set(r,o),o};return t.cache=new(_.Cache||S),t}_.Cache=S;var A=Array.isArray;function P(e){var n=typeof e;return!!e&&("object"==n||"function"==n)}function T(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==b.call(e)}e.exports=function(e,n,t){var a=null==e?void 0:L(e,n);return void 0===a?t:a}}).call(this,t("fRV1"))},"2v2W":function(e,n,t){var a=t("Csdp")();a.addRange(3328,3340).addRange(3342,3344).addRange(3346,3396).addRange(3398,3400).addRange(3402,3407).addRange(3412,3427).addRange(3430,3455),e.exports=a},"2vRJ":function(e,n,t){(function(e){t("UPNz"),n.__esModule=!0,n.warn=n.requestAnimationFrame=n.reducePropsToState=n.mapStateOnServer=n.handleClientStateChange=n.convertReactPropstoHtmlAttributes=void 0;var a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=Object.assign||function(e){for(var n=1;n1&&void 0!==arguments[1])||arguments[1];return!1===n?String(e):String(e).replace(/&/g,"&").replace(//g,">").replace(/"/g,""").replace(/'/g,"'")},u=function(e){var n=C(e,i.TAG_NAMES.TITLE),t=C(e,i.HELMET_PROPS.TITLE_TEMPLATE);if(t&&n)return t.replace(/%s/g,(function(){return n}));var a=C(e,i.HELMET_PROPS.DEFAULT_TITLE);return n||a||void 0},g=function(e){return C(e,i.HELMET_PROPS.ON_CHANGE_CLIENT_STATE)||function(){}},p=function(e,n){return n.filter((function(n){return void 0!==n[e]})).map((function(n){return n[e]})).reduce((function(e,n){return r({},e,n)}),{})},f=function(e,n){return n.filter((function(e){return void 0!==e[i.TAG_NAMES.BASE]})).map((function(e){return e[i.TAG_NAMES.BASE]})).reverse().reduce((function(n,t){if(!n.length)for(var a=Object.keys(t),r=0;r=0;t--){var a=e[t];if(a.hasOwnProperty(n))return a[n]}return null},h=(l=Date.now(),function(e){var n=Date.now();n-l>16?(l=n,e(n)):setTimeout((function(){h(e)}),0)}),R=function(e){return clearTimeout(e)},b="undefined"!=typeof window?window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||h:e.requestAnimationFrame||h,v="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||R:e.cancelAnimationFrame||R,x=function(e){return console&&"function"==typeof console.warn&&console.warn(e)},y=null,w=function(e,n){var t=e.baseTag,a=e.bodyAttributes,r=e.htmlAttributes,d=e.linkTags,o=e.metaTags,c=e.noscriptTags,l=e.onChangeClientState,s=e.scriptTags,u=e.styleTags,g=e.title,p=e.titleAttributes;H(i.TAG_NAMES.BODY,a),H(i.TAG_NAMES.HTML,r),E(g,p);var f={baseTag:j(i.TAG_NAMES.BASE,t),linkTags:j(i.TAG_NAMES.LINK,d),metaTags:j(i.TAG_NAMES.META,o),noscriptTags:j(i.TAG_NAMES.NOSCRIPT,c),scriptTags:j(i.TAG_NAMES.SCRIPT,s),styleTags:j(i.TAG_NAMES.STYLE,u)},m={},C={};Object.keys(f).forEach((function(e){var n=f[e],t=n.newTags,a=n.oldTags;t.length&&(m[e]=t),a.length&&(C[e]=f[e].oldTags)})),n&&n(),l(e,m,C)},O=function(e){return Array.isArray(e)?e.join(""):e},E=function(e,n){void 0!==e&&document.title!==e&&(document.title=O(e)),H(i.TAG_NAMES.TITLE,n)},H=function(e,n){var t=document.getElementsByTagName(e)[0];if(t){for(var a=t.getAttribute(i.HELMET_ATTRIBUTE),r=a?a.split(","):[],d=[].concat(r),o=Object.keys(n),c=0;c=0;g--)t.removeAttribute(d[g]);r.length===d.length?t.removeAttribute(i.HELMET_ATTRIBUTE):t.getAttribute(i.HELMET_ATTRIBUTE)!==o.join(",")&&t.setAttribute(i.HELMET_ATTRIBUTE,o.join(","))}},j=function(e,n){var t=document.head||document.querySelector(i.TAG_NAMES.HEAD),a=t.querySelectorAll(e+"["+i.HELMET_ATTRIBUTE+"]"),r=Array.prototype.slice.call(a),d=[],o=void 0;return n&&n.length&&n.forEach((function(n){var t=document.createElement(e);for(var a in n)if(n.hasOwnProperty(a))if(a===i.TAG_PROPERTIES.INNER_HTML)t.innerHTML=n.innerHTML;else if(a===i.TAG_PROPERTIES.CSS_TEXT)t.styleSheet?t.styleSheet.cssText=n.cssText:t.appendChild(document.createTextNode(n.cssText));else{var c=void 0===n[a]?"":n[a];t.setAttribute(a,c)}t.setAttribute(i.HELMET_ATTRIBUTE,"true"),r.some((function(e,n){return o=n,t.isEqualNode(e)}))?r.splice(o,1):d.push(t)})),r.forEach((function(e){return e.parentNode.removeChild(e)})),d.forEach((function(e){return t.appendChild(e)})),{oldTags:r,newTags:d}},k=function(e){return Object.keys(e).reduce((function(n,t){var a=void 0!==e[t]?t+'="'+e[t]+'"':""+t;return n?n+" "+a:a}),"")},S=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(n,t){return n[i.REACT_TAG_MAP[t]||t]=e[t],n}),n)},F=function(e,n,t){switch(e){case i.TAG_NAMES.TITLE:return{toComponent:function(){return e=n.title,t=n.titleAttributes,(a={key:e})[i.HELMET_ATTRIBUTE]=!0,r=S(t,a),[d.default.createElement(i.TAG_NAMES.TITLE,r,e)];var e,t,a,r},toString:function(){return function(e,n,t,a){var r=k(t),d=O(n);return r?"<"+e+" "+i.HELMET_ATTRIBUTE+'="true" '+r+">"+s(d,a)+"":"<"+e+" "+i.HELMET_ATTRIBUTE+'="true">'+s(d,a)+""}(e,n.title,n.titleAttributes,t)}};case i.ATTRIBUTE_NAMES.BODY:case i.ATTRIBUTE_NAMES.HTML:return{toComponent:function(){return S(n)},toString:function(){return k(n)}};default:return{toComponent:function(){return function(e,n){return n.map((function(n,t){var a,r=((a={key:t})[i.HELMET_ATTRIBUTE]=!0,a);return Object.keys(n).forEach((function(e){var t=i.REACT_TAG_MAP[e]||e;if(t===i.TAG_PROPERTIES.INNER_HTML||t===i.TAG_PROPERTIES.CSS_TEXT){var a=n.innerHTML||n.cssText;r.dangerouslySetInnerHTML={__html:a}}else r[t]=n[e]})),d.default.createElement(e,r)}))}(e,n)},toString:function(){return function(e,n,t){return n.reduce((function(n,a){var r=Object.keys(a).filter((function(e){return!(e===i.TAG_PROPERTIES.INNER_HTML||e===i.TAG_PROPERTIES.CSS_TEXT)})).reduce((function(e,n){var r=void 0===a[n]?n:n+'="'+s(a[n],t)+'"';return e?e+" "+r:r}),""),d=a.innerHTML||a.cssText||"",o=-1===i.SELF_CLOSING_TAGS.indexOf(e);return n+"<"+e+" "+i.HELMET_ATTRIBUTE+'="true" '+r+(o?"/>":">"+d+"")}),"")}(e,n,t)}}}};n.convertReactPropstoHtmlAttributes=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(n,t){return n[i.HTML_TAG_MAP[t]||t]=e[t],n}),n)},n.handleClientStateChange=function(e){y&&v(y),e.defer?y=b((function(){w(e,(function(){y=null}))})):(w(e),y=null)},n.mapStateOnServer=function(e){var n=e.baseTag,t=e.bodyAttributes,a=e.encode,r=e.htmlAttributes,d=e.linkTags,o=e.metaTags,c=e.noscriptTags,l=e.scriptTags,s=e.styleTags,u=e.title,g=void 0===u?"":u,p=e.titleAttributes;return{base:F(i.TAG_NAMES.BASE,n,a),bodyAttributes:F(i.ATTRIBUTE_NAMES.BODY,t,a),htmlAttributes:F(i.ATTRIBUTE_NAMES.HTML,r,a),link:F(i.TAG_NAMES.LINK,d,a),meta:F(i.TAG_NAMES.META,o,a),noscript:F(i.TAG_NAMES.NOSCRIPT,c,a),script:F(i.TAG_NAMES.SCRIPT,l,a),style:F(i.TAG_NAMES.STYLE,s,a),title:F(i.TAG_NAMES.TITLE,{title:g,titleAttributes:p},a)}},n.reducePropsToState=function(e){return{baseTag:f([i.TAG_PROPERTIES.HREF],e),bodyAttributes:p(i.ATTRIBUTE_NAMES.BODY,e),defer:C(e,i.HELMET_PROPS.DEFER),encode:C(e,i.HELMET_PROPS.ENCODE_SPECIAL_CHARACTERS),htmlAttributes:p(i.ATTRIBUTE_NAMES.HTML,e),linkTags:m(i.TAG_NAMES.LINK,[i.TAG_PROPERTIES.REL,i.TAG_PROPERTIES.HREF],e),metaTags:m(i.TAG_NAMES.META,[i.TAG_PROPERTIES.NAME,i.TAG_PROPERTIES.CHARSET,i.TAG_PROPERTIES.HTTPEQUIV,i.TAG_PROPERTIES.PROPERTY,i.TAG_PROPERTIES.ITEM_PROP],e),noscriptTags:m(i.TAG_NAMES.NOSCRIPT,[i.TAG_PROPERTIES.INNER_HTML],e),onChangeClientState:g(e),scriptTags:m(i.TAG_NAMES.SCRIPT,[i.TAG_PROPERTIES.SRC,i.TAG_PROPERTIES.INNER_HTML],e),styleTags:m(i.TAG_NAMES.STYLE,[i.TAG_PROPERTIES.CSS_TEXT],e),title:u(e),titleAttributes:p(i.ATTRIBUTE_NAMES.TITLE,e)}},n.requestAnimationFrame=b,n.warn=x}).call(this,t("fRV1"))},"30RF":function(e,n,t){"use strict";t.d(n,"d",(function(){return s})),t.d(n,"a",(function(){return u})),t.d(n,"c",(function(){return g})),t.d(n,"b",(function(){return p}));t("6zwV"),t("YJP+"),t("HiP7"),t("Y7xb"),t("LnO1"),t("sC3A"),t("XuP5"),t("PoBW"),t("586z");var a=t("7kqo"),r=t("cSJ8"),d=(t("dd5r"),function(e){return void 0===e?e:"/"===e?"/":"/"===e.charAt(e.length-1)?e.slice(0,-1):e}),o=new Map,i=[],c=function(e){var n=decodeURIComponent(e);return Object(r.a)(n,"/yoga").split("#")[0].split("?")[0]};function l(e){return e.startsWith("/")||e.startsWith("https://")||e.startsWith("http://")?e:new URL(e,window.location.href+(window.location.href.endsWith("/")?"":"/")).pathname}var s=function(e){i=e},u=function(e){var n=f(e),t=i.map((function(e){var n=e.path;return{path:e.matchPath,originalPath:n}})),r=Object(a.pick)(t,n);return r?d(r.route.originalPath):null},g=function(e){var n=f(e),t=i.map((function(e){var n=e.path;return{path:e.matchPath,originalPath:n}})),r=Object(a.pick)(t,n);return r?r.params:{}},p=function(e){var n=c(l(e));if(o.has(n))return o.get(n);var t=u(n);return t||(t=f(e)),o.set(n,t),t},f=function(e){var n=c(l(e));return"/index.html"===n&&(n="/"),n=d(n)}},3555:function(e,n,t){var a=t("UwCj"),r=t("8fQz"),d=t("ApsS");e.exports=t("ObEa")?Object.defineProperties:function(e,n){r(e);for(var t,o=d(n),i=o.length,c=0;i>c;)a.f(e,t=o[c++],n[t]);return e}},"356R":function(e,n,t){var a=t("Csdp")();a.addRange(5920,5942),e.exports=a},"38BO":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 3C4.34315 3 3 4.34315 3 6C3 6.53465 3.13986 7.03664 3.38499 7.47137C2.55209 8.00444 2 8.93774 2 10C2 11.0666 2.5566 12.0032 3.39519 12.5351C2.53117 13.4338 2 14.6549 2 16C2 18.7614 4.23858 21 7 21H19C20.6569 21 22 19.6569 22 18C22 16.9377 21.4479 16.0044 20.615 15.4714C20.8601 15.0366 21 14.5347 21 14C21 13.1794 20.6705 12.4357 20.1366 11.894C21.273 10.9775 22 9.57365 22 8C22 5.23858 19.7614 3 17 3H6ZM17 11C18.6569 11 20 9.65685 20 8C20 6.34315 18.6569 5 17 5H6C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7H17C17.5523 7 18 7.44772 18 8C18 8.55228 17.5523 9 17 9H5C4.44772 9 4 9.44772 4 10C4 10.5523 4.44772 11 5 11H7H17ZM7 13C5.34315 13 4 14.3431 4 16C4 17.6569 5.34315 19 7 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H7C6.44771 17 6 16.5523 6 16C6 15.4477 6.44771 15 7 15H18C18.5523 15 19 14.5523 19 14C19 13.4477 18.5523 13 18 13H17H7Z"}))}r.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=r,r.default=r},"3H84":function(e,n,t){var a=t("5uek"),r=t("IccK"),d=t("57ZD"),o=t("DavU"),i=t("WQgc"),c=t("6wKc"),l=t("5dS2"),s=t("hVlx"),u=t("dJvc"),g=r&&r.prototype,p=c("species"),f=!1,m=d(a.PromiseRejectionEvent),C=o("Promise",(function(){var e=i(r),n=e!==String(r);if(!n&&66===u)return!0;if(s&&(!g.catch||!g.finally))return!0;if(u>=51&&/native code/.test(e))return!1;var t=new r((function(e){e(1)})),a=function(e){e((function(){}),(function(){}))};return(t.constructor={})[p]=a,!(f=t.then((function(){}))instanceof a)||!n&&l&&!m}));e.exports={CONSTRUCTOR:C,REJECTION_EVENT:m,SUBCLASSING:f}},"3Hg9":function(e,n,t){var a=t("Csdp")();a.addRange(2048,2093).addRange(2096,2110),e.exports=a},"3M5Q":function(e,n,t){"use strict";var a=t("dC+H"),r=t("7zcn"),d=t("44Vk"),o=t("uv4k"),i=t("ndOI"),c=t("O9AP"),l=t("DoU+"),s=t("kEqp"),u=t("2VH3")("iterator"),g=!([].keys&&"next"in[].keys()),p=function(){return this};e.exports=function(e,n,t,f,m,C,h){c(t,n,f);var R,b,v,x=function(e){if(!g&&e in E)return E[e];switch(e){case"keys":case"values":return function(){return new t(this,e)}}return function(){return new t(this,e)}},y=n+" Iterator",w="values"==m,O=!1,E=e.prototype,H=E[u]||E["@@iterator"]||m&&E[m],j=H||x(m),k=m?w?x("entries"):j:void 0,S="Array"==n&&E.entries||H;if(S&&(v=s(S.call(new e)))!==Object.prototype&&v.next&&(l(v,y,!0),a||"function"==typeof v[u]||o(v,u,p)),w&&H&&"values"!==H.name&&(O=!0,j=function(){return H.call(this)}),a&&!h||!g&&!O&&E[u]||o(E,u,j),i[n]=j,i[y]=p,m)if(R={values:w?j:x("values"),keys:C?j:x("keys"),entries:k},h)for(b in R)b in E||d(E,b,R[b]);else r(r.P+r.F*(g||O),n,R);return R}},"3Rwz":function(e,n,t){var a=t("Csdp")();a.addRange(5024,5109).addRange(5112,5117).addRange(43888,43967),e.exports=a},"3UdP":function(e,n,t){var a=t("DLGp"),r=t("T/ei");e.exports=a&&r((function(){return 42!=Object.defineProperty((function(){}),"prototype",{value:42,writable:!1}).prototype}))},"3Us2":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{d:"M6.85356 2.64645C6.65829 2.45118 6.34171 2.45118 6.14645 2.64645C5.95119 2.84171 5.95119 3.15829 6.14645 3.35355L8.29289 5.5L2.5 5.5C2.22386 5.5 2 5.72386 2 6C2 6.27614 2.22386 6.5 2.5 6.5L8.2929 6.5L6.14645 8.64645C5.95119 8.84171 5.95119 9.15829 6.14645 9.35355C6.34171 9.54882 6.65829 9.54882 6.85356 9.35355L9.85356 6.35355C9.94732 6.25979 10 6.13261 10 6C10 5.86739 9.94732 5.74022 9.85356 5.64645L6.85356 2.64645Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"3V9x":function(e,n,t){var a=t("Csdp")();a.addRange(71680,71739),e.exports=a},"3WEy":function(e,n,t){var a=t("JaYb"),r=t("CwQO"),d=t("r2uX")(!1),o=t("+WIo")("IE_PROTO");e.exports=function(e,n){var t,i=r(e),c=0,l=[];for(t in i)t!=o&&a(i,t)&&l.push(t);for(;n.length>c;)a(i,t=n[c++])&&(~d(l,t)||l.push(t));return l}},"3XFq":function(e,n,t){var a=t("5uek"),r=t("57ZD"),d=t("WQgc"),o=a.WeakMap;e.exports=r(o)&&/native code/.test(d(o))},"3YQz":function(e,n,t){"use strict";var a=t("NHkT").charAt;e.exports=function(e,n,t){return n+(t?a(e,n).length:1)}},"3bTY":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M5.875 3.5C6.08211 3.5 6.25 3.66789 6.25 3.875V6.1L8.17094 7.25256C8.35207 7.36124 8.40959 7.59692 8.29888 7.77683C8.18904 7.95531 7.95531 8.01096 7.77683 7.90112L5.5 6.5V3.875C5.5 3.66789 5.66789 3.5 5.875 3.5Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1 6C1 3.25 3.25 1 6 1C8.75 1 11 3.25 11 6C11 8.75 8.75 11 6 11C3.25 11 1 8.75 1 6ZM2 6C2 8.2 3.8 10 6 10C8.2 10 10 8.2 10 6C10 3.8 8.2 2 6 2C3.8 2 2 3.8 2 6Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"3eMz":function(e,n,t){"use strict";var a=t("lrpY"),r=t("LS0A"),d=t("ndOI"),o=t("CwQO");e.exports=t("3M5Q")(Array,"Array",(function(e,n){this._t=o(e),this._i=0,this._k=n}),(function(){var e=this._t,n=this._k,t=this._i++;return!e||t>=e.length?(this._t=void 0,r(1)):r(0,"keys"==n?t:"values"==n?e[t]:[t,e[t]])}),"values"),d.Arguments=d.Array,a("keys"),a("values"),a("entries")},"3g2l":function(e,n,t){var a=t("Csdp")();a.addRange(69424,69465),e.exports=a},"3ioZ":function(e,n,t){var a=t("Hs7Z"),r=t("VeTy").f;t("2qJG")("getOwnPropertyDescriptor",(function(){return function(e,n){return r(a(e),n)}}))},"3mCL":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.45822 1.21502C4.56867 1.46811 4.45303 1.76282 4.19994 1.87327C3.52623 2.16726 2.93481 2.62181 2.47736 3.19718C2.01991 3.77255 1.71037 4.45122 1.57581 5.17385C1.44124 5.89648 1.48574 6.64108 1.70542 7.34254C1.9251 8.04401 2.31327 8.68097 2.836 9.19776C3.35872 9.71455 4.00008 10.0954 4.704 10.3071C5.40793 10.5187 6.15298 10.5547 6.87403 10.4119C7.59508 10.2691 8.27017 9.95184 8.84028 9.48785C9.41039 9.02386 9.85816 8.42728 10.1444 7.75027C10.252 7.49593 10.5454 7.37693 10.7997 7.48448C11.054 7.59203 11.173 7.8854 11.0655 8.13973C10.7156 8.9672 10.1683 9.69635 9.47151 10.2634C8.77471 10.8305 7.9496 11.2183 7.06832 11.3929C6.18703 11.5674 5.27641 11.5234 4.41606 11.2647C3.55571 11.006 2.77182 10.5405 2.13294 9.90889C1.49406 9.27727 1.01963 8.49875 0.751127 7.64141C0.482628 6.78406 0.428236 5.874 0.592706 4.99078C0.757176 4.10756 1.1355 3.27808 1.6946 2.57485C2.25371 1.87162 2.97656 1.31606 3.79998 0.956734C4.05307 0.846288 4.34778 0.961927 4.45822 1.21502Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.6464 0.646447C5.74017 0.552678 5.86735 0.5 5.99996 0.5C6.72223 0.5 7.43743 0.642262 8.10472 0.918663C8.77201 1.19506 9.37832 1.60019 9.88904 2.11091C10.3998 2.62163 10.8049 3.22795 11.0813 3.89524C11.3577 4.56253 11.5 5.27773 11.5 6C11.5 6.27614 11.2761 6.5 11 6.5H5.99996C5.72382 6.5 5.49996 6.27614 5.49996 6V1C5.49996 0.867392 5.55264 0.740215 5.6464 0.646447ZM6.49996 1.52786V5.5H10.4721C10.4252 5.08071 10.3195 4.66925 10.1574 4.27792C9.93127 3.73196 9.5998 3.23588 9.18194 2.81802C8.76407 2.40016 8.268 2.06869 7.72203 1.84254C7.33071 1.68045 6.91925 1.57474 6.49996 1.52786Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"3qeL":function(e,n,t){"use strict";var a=t("nGXB"),r=t("zWU9"),d=t("o5fs"),o=t("d0Qa"),i=t("k5C1"),c=t("0419");a({target:"Promise",stat:!0,forced:t("L/wq")},{all:function(e){var n=this,t=o.f(n),a=t.resolve,l=t.reject,s=i((function(){var t=d(n.resolve),o=[],i=0,s=1;c(e,(function(e){var d=i++,c=!1;s++,r(t,n,e).then((function(e){c||(c=!0,o[d]=e,--s||a(o))}),l)})),--s||a(o)}));return s.error&&l(s.value),t.promise}})},"3tbs":function(e,n,t){var a=t("Csdp")();a.addRange(42656,42743).addRange(92160,92728),e.exports=a},"3yQh":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 2C1.44772 2 1 2.44771 1 3V9C1 9.55229 1.44772 10 2 10H10C10.5523 10 11 9.55229 11 9V3C11 2.44771 10.5523 2 10 2H2ZM9.59862 3L2.40139 3L6.00001 5.39907L9.59862 3ZM2 3.93425V9H10V3.93426L6.27736 6.41603C6.10941 6.52799 5.89061 6.52799 5.72266 6.41603L2 3.93425Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"3zGp":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 7C1.77614 7 2 7.22386 2 7.5V9.5C2 9.63261 2.05268 9.75979 2.14645 9.85355C2.24021 9.94732 2.36739 10 2.5 10H9.5C9.63261 10 9.75978 9.94732 9.85355 9.85355C9.94732 9.75978 10 9.63261 10 9.5V7.5C10 7.22386 10.2239 7 10.5 7C10.7761 7 11 7.22386 11 7.5V9.5C11 9.89783 10.842 10.2794 10.5607 10.5607C10.2794 10.842 9.89783 11 9.5 11H2.5C2.10217 11 1.72064 10.842 1.43934 10.5607C1.15804 10.2794 1 9.89783 1 9.5V7.5C1 7.22386 1.22386 7 1.5 7Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.64645 1.14645C5.84171 0.951184 6.15829 0.951184 6.35355 1.14645L8.85355 3.64645C9.04882 3.84171 9.04882 4.15829 8.85355 4.35355C8.65829 4.54882 8.34171 4.54882 8.14645 4.35355L6 2.20711L3.85355 4.35355C3.65829 4.54882 3.34171 4.54882 3.14645 4.35355C2.95118 4.15829 2.95118 3.84171 3.14645 3.64645L5.64645 1.14645Z",key:1}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 1C6.27614 1 6.5 1.22386 6.5 1.5V7.5C6.5 7.77614 6.27614 8 6 8C5.72386 8 5.5 7.77614 5.5 7.5V1.5C5.5 1.22386 5.72386 1 6 1Z",key:2})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"41lR":function(e,n,t){var a=t("Csdp")(3716,3749,3782);a.addRange(3713,3714).addRange(3718,3722).addRange(3724,3747).addRange(3751,3773).addRange(3776,3780).addRange(3784,3789).addRange(3792,3801).addRange(3804,3807),e.exports=a},"44Vk":function(e,n,t){var a=t("DozX"),r=t("uv4k"),d=t("JaYb"),o=t("9FWt")("src"),i=t("nIRx"),c=(""+i).split("toString");t("XFAF").inspectSource=function(e){return i.call(e)},(e.exports=function(e,n,t,i){var l="function"==typeof t;l&&(d(t,"name")||r(t,"name",n)),e[n]!==t&&(l&&(d(t,o)||r(t,o,e[n]?""+e[n]:c.join(String(n)))),e===a?e[n]=t:i?e[n]?e[n]=t:r(e,n,t):(delete e[n],r(e,n,t)))})(Function.prototype,"toString",(function(){return"function"==typeof this&&this[o]||i.call(this)}))},"4HvH":function(e,n,t){var a=t("Csdp")(95,170,181,183,186,748,750,895,908,1369,1471,1479,1791,2042,2045,2482,2519,2556,2558,2620,2641,2654,2768,2929,2972,3024,3031,3165,3517,3530,3542,3716,3749,3782,3840,3893,3895,3897,4038,4295,4301,4696,4800,6103,6823,8025,8027,8029,8126,8276,8305,8319,8417,8450,8455,8469,8484,8486,8488,8526,11559,11565,11631,42963,43052,43259,64318,65137,65139,65143,65145,65147,65149,65343,66045,66272,67592,67644,68159,69415,69826,70006,70108,70206,70280,70480,70487,70855,71236,71945,72263,72349,73018,73648,119970,119995,120134,121461,121476,123214,126500,126503,126521,126523,126530,126535,126537,126539,126548,126551,126553,126555,126557,126559,126564,126590);a.addRange(48,57).addRange(65,90).addRange(97,122).addRange(192,214).addRange(216,246).addRange(248,705).addRange(710,721).addRange(736,740).addRange(768,884).addRange(886,887).addRange(891,893).addRange(902,906).addRange(910,929).addRange(931,1013).addRange(1015,1153).addRange(1155,1159).addRange(1162,1327).addRange(1329,1366).addRange(1376,1416).addRange(1425,1469).addRange(1473,1474).addRange(1476,1477).addRange(1488,1514).addRange(1519,1522).addRange(1552,1562).addRange(1568,1641).addRange(1646,1747).addRange(1749,1756).addRange(1759,1768).addRange(1770,1788).addRange(1808,1866).addRange(1869,1969).addRange(1984,2037).addRange(2048,2093).addRange(2112,2139).addRange(2144,2154).addRange(2160,2183).addRange(2185,2190).addRange(2200,2273).addRange(2275,2403).addRange(2406,2415).addRange(2417,2435).addRange(2437,2444).addRange(2447,2448).addRange(2451,2472).addRange(2474,2480).addRange(2486,2489).addRange(2492,2500).addRange(2503,2504).addRange(2507,2510).addRange(2524,2525),a.addRange(2527,2531).addRange(2534,2545).addRange(2561,2563).addRange(2565,2570).addRange(2575,2576).addRange(2579,2600).addRange(2602,2608).addRange(2610,2611).addRange(2613,2614).addRange(2616,2617).addRange(2622,2626).addRange(2631,2632).addRange(2635,2637).addRange(2649,2652).addRange(2662,2677).addRange(2689,2691).addRange(2693,2701).addRange(2703,2705).addRange(2707,2728).addRange(2730,2736).addRange(2738,2739).addRange(2741,2745).addRange(2748,2757).addRange(2759,2761).addRange(2763,2765).addRange(2784,2787).addRange(2790,2799).addRange(2809,2815).addRange(2817,2819).addRange(2821,2828).addRange(2831,2832).addRange(2835,2856).addRange(2858,2864).addRange(2866,2867).addRange(2869,2873).addRange(2876,2884).addRange(2887,2888).addRange(2891,2893).addRange(2901,2903).addRange(2908,2909).addRange(2911,2915).addRange(2918,2927).addRange(2946,2947).addRange(2949,2954).addRange(2958,2960).addRange(2962,2965).addRange(2969,2970).addRange(2974,2975).addRange(2979,2980).addRange(2984,2986).addRange(2990,3001),a.addRange(3006,3010).addRange(3014,3016).addRange(3018,3021).addRange(3046,3055).addRange(3072,3084).addRange(3086,3088).addRange(3090,3112).addRange(3114,3129).addRange(3132,3140).addRange(3142,3144).addRange(3146,3149).addRange(3157,3158).addRange(3160,3162).addRange(3168,3171).addRange(3174,3183).addRange(3200,3203).addRange(3205,3212).addRange(3214,3216).addRange(3218,3240).addRange(3242,3251).addRange(3253,3257).addRange(3260,3268).addRange(3270,3272).addRange(3274,3277).addRange(3285,3286).addRange(3293,3294).addRange(3296,3299).addRange(3302,3311).addRange(3313,3314).addRange(3328,3340).addRange(3342,3344).addRange(3346,3396).addRange(3398,3400).addRange(3402,3406).addRange(3412,3415).addRange(3423,3427).addRange(3430,3439).addRange(3450,3455).addRange(3457,3459).addRange(3461,3478).addRange(3482,3505).addRange(3507,3515).addRange(3520,3526).addRange(3535,3540).addRange(3544,3551).addRange(3558,3567).addRange(3570,3571).addRange(3585,3642).addRange(3648,3662).addRange(3664,3673).addRange(3713,3714),a.addRange(3718,3722).addRange(3724,3747).addRange(3751,3773).addRange(3776,3780).addRange(3784,3789).addRange(3792,3801).addRange(3804,3807).addRange(3864,3865).addRange(3872,3881).addRange(3902,3911).addRange(3913,3948).addRange(3953,3972).addRange(3974,3991).addRange(3993,4028).addRange(4096,4169).addRange(4176,4253).addRange(4256,4293).addRange(4304,4346).addRange(4348,4680).addRange(4682,4685).addRange(4688,4694).addRange(4698,4701).addRange(4704,4744).addRange(4746,4749).addRange(4752,4784).addRange(4786,4789).addRange(4792,4798).addRange(4802,4805).addRange(4808,4822).addRange(4824,4880).addRange(4882,4885).addRange(4888,4954).addRange(4957,4959).addRange(4969,4977).addRange(4992,5007).addRange(5024,5109).addRange(5112,5117).addRange(5121,5740).addRange(5743,5759).addRange(5761,5786).addRange(5792,5866).addRange(5870,5880).addRange(5888,5909).addRange(5919,5940).addRange(5952,5971).addRange(5984,5996).addRange(5998,6e3).addRange(6002,6003).addRange(6016,6099).addRange(6108,6109).addRange(6112,6121),a.addRange(6155,6157).addRange(6159,6169).addRange(6176,6264).addRange(6272,6314).addRange(6320,6389).addRange(6400,6430).addRange(6432,6443).addRange(6448,6459).addRange(6470,6509).addRange(6512,6516).addRange(6528,6571).addRange(6576,6601).addRange(6608,6618).addRange(6656,6683).addRange(6688,6750).addRange(6752,6780).addRange(6783,6793).addRange(6800,6809).addRange(6832,6845).addRange(6847,6862).addRange(6912,6988).addRange(6992,7001).addRange(7019,7027).addRange(7040,7155).addRange(7168,7223).addRange(7232,7241).addRange(7245,7293).addRange(7296,7304).addRange(7312,7354).addRange(7357,7359).addRange(7376,7378).addRange(7380,7418).addRange(7424,7957).addRange(7960,7965).addRange(7968,8005).addRange(8008,8013).addRange(8016,8023).addRange(8031,8061).addRange(8064,8116).addRange(8118,8124).addRange(8130,8132).addRange(8134,8140).addRange(8144,8147).addRange(8150,8155).addRange(8160,8172).addRange(8178,8180).addRange(8182,8188).addRange(8255,8256).addRange(8336,8348).addRange(8400,8412).addRange(8421,8432),a.addRange(8458,8467).addRange(8472,8477).addRange(8490,8505).addRange(8508,8511).addRange(8517,8521).addRange(8544,8584).addRange(11264,11492).addRange(11499,11507).addRange(11520,11557).addRange(11568,11623).addRange(11647,11670).addRange(11680,11686).addRange(11688,11694).addRange(11696,11702).addRange(11704,11710).addRange(11712,11718).addRange(11720,11726).addRange(11728,11734).addRange(11736,11742).addRange(11744,11775).addRange(12293,12295).addRange(12321,12335).addRange(12337,12341).addRange(12344,12348).addRange(12353,12438).addRange(12441,12442).addRange(12445,12447).addRange(12449,12538).addRange(12540,12543).addRange(12549,12591).addRange(12593,12686).addRange(12704,12735).addRange(12784,12799).addRange(13312,19903).addRange(19968,42124).addRange(42192,42237).addRange(42240,42508).addRange(42512,42539).addRange(42560,42607).addRange(42612,42621).addRange(42623,42737).addRange(42775,42783).addRange(42786,42888).addRange(42891,42954).addRange(42960,42961).addRange(42965,42969).addRange(42994,43047).addRange(43072,43123).addRange(43136,43205).addRange(43216,43225).addRange(43232,43255),a.addRange(43261,43309).addRange(43312,43347).addRange(43360,43388).addRange(43392,43456).addRange(43471,43481).addRange(43488,43518).addRange(43520,43574).addRange(43584,43597).addRange(43600,43609).addRange(43616,43638).addRange(43642,43714).addRange(43739,43741).addRange(43744,43759).addRange(43762,43766).addRange(43777,43782).addRange(43785,43790).addRange(43793,43798).addRange(43808,43814).addRange(43816,43822).addRange(43824,43866).addRange(43868,43881).addRange(43888,44010).addRange(44012,44013).addRange(44016,44025).addRange(44032,55203).addRange(55216,55238).addRange(55243,55291).addRange(63744,64109).addRange(64112,64217).addRange(64256,64262).addRange(64275,64279).addRange(64285,64296).addRange(64298,64310).addRange(64312,64316).addRange(64320,64321).addRange(64323,64324).addRange(64326,64433).addRange(64467,64605).addRange(64612,64829).addRange(64848,64911).addRange(64914,64967).addRange(65008,65017).addRange(65024,65039).addRange(65056,65071).addRange(65075,65076).addRange(65101,65103).addRange(65151,65276).addRange(65296,65305).addRange(65313,65338).addRange(65345,65370).addRange(65382,65470),a.addRange(65474,65479).addRange(65482,65487).addRange(65490,65495).addRange(65498,65500).addRange(65536,65547).addRange(65549,65574).addRange(65576,65594).addRange(65596,65597).addRange(65599,65613).addRange(65616,65629).addRange(65664,65786).addRange(65856,65908).addRange(66176,66204).addRange(66208,66256).addRange(66304,66335).addRange(66349,66378).addRange(66384,66426).addRange(66432,66461).addRange(66464,66499).addRange(66504,66511).addRange(66513,66517).addRange(66560,66717).addRange(66720,66729).addRange(66736,66771).addRange(66776,66811).addRange(66816,66855).addRange(66864,66915).addRange(66928,66938).addRange(66940,66954).addRange(66956,66962).addRange(66964,66965).addRange(66967,66977).addRange(66979,66993).addRange(66995,67001).addRange(67003,67004).addRange(67072,67382).addRange(67392,67413).addRange(67424,67431).addRange(67456,67461).addRange(67463,67504).addRange(67506,67514).addRange(67584,67589).addRange(67594,67637).addRange(67639,67640).addRange(67647,67669).addRange(67680,67702).addRange(67712,67742).addRange(67808,67826).addRange(67828,67829).addRange(67840,67861).addRange(67872,67897),a.addRange(67968,68023).addRange(68030,68031).addRange(68096,68099).addRange(68101,68102).addRange(68108,68115).addRange(68117,68119).addRange(68121,68149).addRange(68152,68154).addRange(68192,68220).addRange(68224,68252).addRange(68288,68295).addRange(68297,68326).addRange(68352,68405).addRange(68416,68437).addRange(68448,68466).addRange(68480,68497).addRange(68608,68680).addRange(68736,68786).addRange(68800,68850).addRange(68864,68903).addRange(68912,68921).addRange(69248,69289).addRange(69291,69292).addRange(69296,69297).addRange(69376,69404).addRange(69424,69456).addRange(69488,69509).addRange(69552,69572).addRange(69600,69622).addRange(69632,69702).addRange(69734,69749).addRange(69759,69818).addRange(69840,69864).addRange(69872,69881).addRange(69888,69940).addRange(69942,69951).addRange(69956,69959).addRange(69968,70003).addRange(70016,70084).addRange(70089,70092).addRange(70094,70106).addRange(70144,70161).addRange(70163,70199).addRange(70272,70278).addRange(70282,70285).addRange(70287,70301).addRange(70303,70312).addRange(70320,70378).addRange(70384,70393).addRange(70400,70403).addRange(70405,70412),a.addRange(70415,70416).addRange(70419,70440).addRange(70442,70448).addRange(70450,70451).addRange(70453,70457).addRange(70459,70468).addRange(70471,70472).addRange(70475,70477).addRange(70493,70499).addRange(70502,70508).addRange(70512,70516).addRange(70656,70730).addRange(70736,70745).addRange(70750,70753).addRange(70784,70853).addRange(70864,70873).addRange(71040,71093).addRange(71096,71104).addRange(71128,71133).addRange(71168,71232).addRange(71248,71257).addRange(71296,71352).addRange(71360,71369).addRange(71424,71450).addRange(71453,71467).addRange(71472,71481).addRange(71488,71494).addRange(71680,71738).addRange(71840,71913).addRange(71935,71942).addRange(71948,71955).addRange(71957,71958).addRange(71960,71989).addRange(71991,71992).addRange(71995,72003).addRange(72016,72025).addRange(72096,72103).addRange(72106,72151).addRange(72154,72161).addRange(72163,72164).addRange(72192,72254).addRange(72272,72345).addRange(72368,72440).addRange(72704,72712).addRange(72714,72758).addRange(72760,72768).addRange(72784,72793).addRange(72818,72847).addRange(72850,72871).addRange(72873,72886).addRange(72960,72966),a.addRange(72968,72969).addRange(72971,73014).addRange(73020,73021).addRange(73023,73031).addRange(73040,73049).addRange(73056,73061).addRange(73063,73064).addRange(73066,73102).addRange(73104,73105).addRange(73107,73112).addRange(73120,73129).addRange(73440,73462).addRange(73728,74649).addRange(74752,74862).addRange(74880,75075).addRange(77712,77808).addRange(77824,78894).addRange(82944,83526).addRange(92160,92728).addRange(92736,92766).addRange(92768,92777).addRange(92784,92862).addRange(92864,92873).addRange(92880,92909).addRange(92912,92916).addRange(92928,92982).addRange(92992,92995).addRange(93008,93017).addRange(93027,93047).addRange(93053,93071).addRange(93760,93823).addRange(93952,94026).addRange(94031,94087).addRange(94095,94111).addRange(94176,94177).addRange(94179,94180).addRange(94192,94193).addRange(94208,100343).addRange(100352,101589).addRange(101632,101640).addRange(110576,110579).addRange(110581,110587).addRange(110589,110590).addRange(110592,110882).addRange(110928,110930).addRange(110948,110951).addRange(110960,111355).addRange(113664,113770).addRange(113776,113788).addRange(113792,113800).addRange(113808,113817),a.addRange(113821,113822).addRange(118528,118573).addRange(118576,118598).addRange(119141,119145).addRange(119149,119154).addRange(119163,119170).addRange(119173,119179).addRange(119210,119213).addRange(119362,119364).addRange(119808,119892).addRange(119894,119964).addRange(119966,119967).addRange(119973,119974).addRange(119977,119980).addRange(119982,119993).addRange(119997,120003).addRange(120005,120069).addRange(120071,120074).addRange(120077,120084).addRange(120086,120092).addRange(120094,120121).addRange(120123,120126).addRange(120128,120132).addRange(120138,120144).addRange(120146,120485).addRange(120488,120512).addRange(120514,120538).addRange(120540,120570).addRange(120572,120596).addRange(120598,120628).addRange(120630,120654).addRange(120656,120686).addRange(120688,120712).addRange(120714,120744).addRange(120746,120770).addRange(120772,120779).addRange(120782,120831).addRange(121344,121398).addRange(121403,121452).addRange(121499,121503).addRange(121505,121519).addRange(122624,122654).addRange(122880,122886).addRange(122888,122904).addRange(122907,122913).addRange(122915,122916).addRange(122918,122922).addRange(123136,123180).addRange(123184,123197).addRange(123200,123209).addRange(123536,123566),a.addRange(123584,123641).addRange(124896,124902).addRange(124904,124907).addRange(124909,124910).addRange(124912,124926).addRange(124928,125124).addRange(125136,125142).addRange(125184,125259).addRange(125264,125273).addRange(126464,126467).addRange(126469,126495).addRange(126497,126498).addRange(126505,126514).addRange(126516,126519).addRange(126541,126543).addRange(126545,126546).addRange(126561,126562).addRange(126567,126570).addRange(126572,126578).addRange(126580,126583).addRange(126585,126588).addRange(126592,126601).addRange(126603,126619).addRange(126625,126627).addRange(126629,126633).addRange(126635,126651).addRange(130032,130041).addRange(131072,173791).addRange(173824,177976).addRange(177984,178205).addRange(178208,183969).addRange(183984,191456).addRange(194560,195101).addRange(196608,201546).addRange(917760,917999),e.exports=a},"4Jht":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M5.50004 6.70708L7.60355 4.60357C7.79882 4.40831 7.79882 4.09172 7.60355 3.89646C7.40829 3.7012 7.09171 3.7012 6.89645 3.89646L5.50004 5.29287L4.94724 4.74007C4.75198 4.54481 4.4354 4.54481 4.24013 4.74007C4.04487 4.93533 4.04487 5.25192 4.24013 5.44718L5.50004 6.70708Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 5.09091C10 7.53712 7.63573 9.71467 6.54253 10.5908C6.22159 10.848 5.77841 10.848 5.45747 10.5908C4.36427 9.71467 2 7.53712 2 5.09091C2 4.00593 2.42143 2.96539 3.17157 2.1982C3.92172 1.43101 4.93913 1 6 1C7.06087 1 8.07828 1.43101 8.82843 2.1982C9.57857 2.96539 10 4.00593 10 5.09091ZM9 5.09091C9 5.99958 8.55358 6.94293 7.8844 7.82541C7.26014 8.64865 6.51337 9.32481 6 9.74347C5.48664 9.32481 4.73986 8.64865 4.1156 7.82541C3.44642 6.94293 3 5.99958 3 5.09091C3 4.26399 3.3214 3.47534 3.88658 2.89732C4.45101 2.32006 5.21169 2 6 2C6.78831 2 7.54899 2.32006 8.11342 2.89732C8.6786 3.47534 9 4.26399 9 5.09091Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"4Mt5":function(e,n,t){"use strict";n.__esModule=!0;var a,r=t("e5bQ"),d=(a=r)&&a.__esModule?a:{default:a};n.default=function(){function e(e,n){for(var t=0;tO;O++)if((p||O in x)&&(b=y(R=x[O],O,v),e))if(n)H[O]=b;else if(b)switch(e){case 3:return!0;case 5:return R;case 6:return O;case 2:l(H,R)}else switch(e){case 4:return!1;case 7:l(H,R)}return u?-1:r||s?s:H}};e.exports={forEach:s(0),map:s(1),filter:s(2),some:s(3),every:s(4),find:s(5),findIndex:s(6),filterReject:s(7)}},"4clb":function(e,n,t){var a=t("Csdp")(71945);a.addRange(71936,71942).addRange(71948,71955).addRange(71957,71958).addRange(71960,71989).addRange(71991,71992).addRange(71995,72006).addRange(72016,72025),e.exports=a},"4hkx":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5 2C5.54426 2 6.00727 2.34784 6.17887 2.83333L9.58333 2.83333C9.81345 2.83333 10 3.01988 10 3.25C10 3.48012 9.81345 3.66667 9.58333 3.66667L6.17887 3.66667C6.00727 4.15216 5.54426 4.5 5 4.5C4.45361 4.5 3.9891 4.14944 3.81913 3.66096C3.79664 3.66471 3.77355 3.66667 3.75 3.66667H2.91667C2.68655 3.66667 2.5 3.48012 2.5 3.25C2.5 3.01988 2.68655 2.83333 2.91667 2.83333H3.75C3.77355 2.83333 3.79664 2.83529 3.81913 2.83904C3.9891 2.35057 4.45361 2 5 2ZM5 2.83333C4.76988 2.83333 4.58333 3.01988 4.58333 3.25C4.58333 3.48012 4.76988 3.66667 5 3.66667C5.23012 3.66667 5.41667 3.48012 5.41667 3.25C5.41667 3.01988 5.23012 2.83333 5 2.83333Z",key:0}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.17887 7.83333L9.58333 7.83333C9.81345 7.83333 10 8.01988 10 8.25C10 8.48012 9.81345 8.66667 9.58333 8.66667H6.17887C6.00727 9.15216 5.54426 9.5 5 9.5C4.45361 9.5 3.9891 9.14944 3.81913 8.66096C3.79664 8.66471 3.77355 8.66667 3.75 8.66667H2.91667C2.68655 8.66667 2.5 8.48012 2.5 8.25C2.5 8.01988 2.68655 7.83333 2.91667 7.83333H3.75C3.77355 7.83333 3.79664 7.83529 3.81913 7.83904C3.9891 7.35056 4.45361 7 5 7C5.54426 7 6.00727 7.34784 6.17887 7.83333ZM5 7.83333C5.23012 7.83333 5.41667 8.01988 5.41667 8.25C5.41667 8.48012 5.23012 8.66667 5 8.66667C4.76988 8.66667 4.58333 8.48012 4.58333 8.25C4.58333 8.01988 4.76988 7.83333 5 7.83333Z",key:1}),a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.68087 5.33904C8.70336 5.33529 8.72645 5.33333 8.75 5.33333H9.58333C9.81345 5.33333 10 5.51988 10 5.75C10 5.98012 9.81345 6.16667 9.58333 6.16667H8.75C8.72645 6.16667 8.70336 6.16471 8.68087 6.16096C8.5109 6.64944 8.04639 7 7.5 7C6.95574 7 6.49273 6.65216 6.32113 6.16667H2.91667C2.68655 6.16667 2.5 5.98012 2.5 5.75C2.5 5.51988 2.68655 5.33333 2.91667 5.33333H6.32113C6.49273 4.84784 6.95574 4.5 7.5 4.5C8.04639 4.5 8.5109 4.85056 8.68087 5.33904ZM7.08333 5.75C7.08333 5.98012 7.26988 6.16667 7.5 6.16667C7.73012 6.16667 7.91667 5.98012 7.91667 5.75C7.91667 5.51988 7.73012 5.33333 7.5 5.33333C7.26988 5.33333 7.08333 5.51988 7.08333 5.75Z",key:2})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"4iaB":function(e,n,t){t("nX7j");var a=t("rFq9").Object;e.exports=function(e,n){return a.create(e,n)}},"4ixX":function(e,n,t){var a=t("Csdp")();a.addRange(6016,6109).addRange(6112,6121).addRange(6128,6137).addRange(6624,6655),e.exports=a},"4oFC":function(e,n,t){"use strict";var a=t("fCnm").f,r=t("73r2"),d=t("15+4"),o=t("mD7w"),i=t("brTi"),c=t("0419"),l=t("SCme"),s=t("iMCk"),u=t("DLGp"),g=t("hr1O").fastKey,p=t("8eYF"),f=p.set,m=p.getterFor;e.exports={getConstructor:function(e,n,t,l){var s=e((function(e,a){i(e,p),f(e,{type:n,index:r(null),first:void 0,last:void 0,size:0}),u||(e.size=0),null!=a&&c(a,e[l],{that:e,AS_ENTRIES:t})})),p=s.prototype,C=m(n),h=function(e,n,t){var a,r,d=C(e),o=R(e,n);return o?o.value=t:(d.last=o={index:r=g(n,!0),key:n,value:t,previous:a=d.last,next:void 0,removed:!1},d.first||(d.first=o),a&&(a.next=o),u?d.size++:e.size++,"F"!==r&&(d.index[r]=o)),e},R=function(e,n){var t,a=C(e),r=g(n);if("F"!==r)return a.index[r];for(t=a.first;t;t=t.next)if(t.key==n)return t};return d(p,{clear:function(){for(var e=C(this),n=e.index,t=e.first;t;)t.removed=!0,t.previous&&(t.previous=t.previous.next=void 0),delete n[t.index],t=t.next;e.first=e.last=void 0,u?e.size=0:this.size=0},delete:function(e){var n=C(this),t=R(this,e);if(t){var a=t.next,r=t.previous;delete n.index[t.index],t.removed=!0,r&&(r.next=a),a&&(a.previous=r),n.first==t&&(n.first=a),n.last==t&&(n.last=r),u?n.size--:this.size--}return!!t},forEach:function(e){for(var n,t=C(this),a=o(e,arguments.length>1?arguments[1]:void 0);n=n?n.next:t.first;)for(a(n.value,n.key,this);n&&n.removed;)n=n.previous},has:function(e){return!!R(this,e)}}),d(p,t?{get:function(e){var n=R(this,e);return n&&n.value},set:function(e,n){return h(this,0===e?0:e,n)}}:{add:function(e){return h(this,e=0===e?0:e,e)}}),u&&a(p,"size",{get:function(){return C(this).size}}),s},setStrong:function(e,n,t){var a=n+" Iterator",r=m(n),d=m(a);l(e,n,(function(e,n){f(this,{type:a,target:e,state:r(e),kind:n,last:void 0})}),(function(){for(var e=d(this),n=e.kind,t=e.last;t&&t.removed;)t=t.previous;return e.target&&(e.last=t=t?t.next:e.state.first)?"keys"==n?{value:t.key,done:!1}:"values"==n?{value:t.value,done:!1}:{value:[t.key,t.value],done:!1}:(e.target=void 0,{value:void 0,done:!0})}),t?"entries":"values",!t,!0),s(n)}}},"4p0c":function(e,n,t){"use strict";t.d(n,"a",(function(){return o}));for(var a={},r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",d=0;d0&&(d+=";"),0!==c.length){for(var l=0,s=[],u=0,g=c;u1&&(f+=i(p[1]-n)+i(p[2]-t)+i(p[3]-a),n=p[1],t=p[2],a=p[3]),5===p.length&&(f+=i(p[4]-r),r=p[4]),s.push(f)}d+=s.join(",")}}return d}function i(e){var n="";e=e<0?-e<<1|1:e<<1;do{var t=31&e;(e>>>=5)>0&&(t|=32),n+=r[t]}while(e>0);return n}},"4t0O":function(e,n,t){var a=t("Csdp")();a.addRange(93952,94026).addRange(94031,94087).addRange(94095,94111),e.exports=a},"4tA1":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20 5C20 3.34315 18.6569 2 17 2H9C6.94968 2 5.1876 3.2341 4.41604 5H3C2.44772 5 2 5.44772 2 6C2 6.55228 2.44772 7 3 7H4V20C4 21.1046 4.89543 22 6 22H14C15.1046 22 16 21.1046 16 20V16H18C19.1046 16 20 15.1046 20 14V7H21C21.5523 7 22 6.55228 22 6C22 5.44772 21.5523 5 21 5H20ZM17 4C17.5523 4 18 4.44772 18 5H16C16 4.44772 16.4477 4 17 4ZM18 14V7H16V14H18ZM14 5V6V20H6V7C6 5.34315 7.34315 4 9 4H14.1707C14.0602 4.31278 14 4.64936 14 5Z"}))}r.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=r,r.default=r},"4tfQ":function(e,n,t){var a=t("Csdp")(123647);a.addRange(123584,123641),e.exports=a},"4vkJ":function(e,n,t){var a=t("zWU9"),r=t("mWUp"),d=t("6wKc"),o=t("WuUU");e.exports=function(){var e=r("Symbol"),n=e&&e.prototype,t=n&&n.valueOf,i=d("toPrimitive");n&&!n[i]&&o(n,i,(function(e){return a(t,this)}),{arity:1})}},"4xC8":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=["components"];var o,i=(o="PropsTable",function(e){return console.warn("Component "+o+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),c={_frontmatter:{}};function l(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,d);return Object(r.mdx)("wrapper",Object.assign({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Gympass ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," description"),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"state",state:!0},"render(() => {\n const [first, toggleFirst] = useState(false);\n const [second, toggleSecond] = useState(false);\n const onToggleFirst = () => toggleFirst(!first);\n const onToggleSecond = () => toggleSecond(!second);\n\n return (\n <>\n \n Classes\n \n \n Gyms and studios\n \n \n );\n});\n")),Object(r.mdx)("p",null,"With icons:"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"state",state:!0},"render(() => {\n const [first, toggleFirst] = useState(true);\n const [second, toggleSecond] = useState(false);\n const [third, toggleThird] = useState(false);\n const onToggleFirst = () => toggleFirst(!first);\n const onToggleSecond = () => toggleSecond(!second);\n const onToggleThird = () => toggleThird(!third);\n\n return (\n <>\n \n Open now\n \n \n Activities\n \n \n Location\n \n \n );\n});\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(i,{component:"Chips",platform:"web",mdxType:"PropsTable"}))}l.isMDXComponent=!0;var s=["components"];var u=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),g={_frontmatter:{}};function p(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,s);return Object(r.mdx)("wrapper",Object.assign({},g,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Gympass ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," description"),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo state",type:"expo",state:!0},"const { useState } = React;\n\nfunction App() {\n const [first, toggleFirst] = useState(false);\n const [second, toggleSecond] = useState(false);\n const onToggleFirst = () => toggleFirst(!first);\n const onToggleSecond = () => toggleSecond(!second);\n\n return (\n \n \n Classes\n \n \n Gyms and studios\n \n \n );\n}\n\nexport default App;\n")),Object(r.mdx)("p",null,"With icons:"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"state",state:!0},"const { useState } = React;\n\nfunction App() {\n const [first, toggleFirst] = useState(true);\n const [second, toggleSecond] = useState(false);\n const [third, toggleThird] = useState(false);\n const onToggleFirst = () => toggleFirst(!first);\n const onToggleSecond = () => toggleSecond(!second);\n const onToggleThird = () => toggleThird(!third);\n\n return (\n \n \n Open now\n \n \n Activities\n \n \n Location\n \n \n );\n}\n\nexport default App;\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(u,{component:"Chips",platform:"native",mdxType:"PropsTable"}))}p.isMDXComponent=!0;n.default={ChipsWeb:l,ChipsNative:p,React:a}},"50Kn":function(e,n,t){"use strict";t.d(n,"c",(function(){return c})),t.d(n,"d",(function(){return l})),t.d(n,"a",(function(){return d})),t.d(n,"b",(function(){return o}));var a=Object.assign||function(e){for(var n=1;n1&&void 0!==arguments[1]?arguments[1]:{},l=c.state,s=c.replace,u=void 0!==s&&s;if("number"==typeof n)e.history.go(n);else{l=a({},l,{key:Date.now()+""});try{o||u?e.history.replaceState(l,null,n):e.history.pushState(l,null,n)}catch(p){e.location[u?"replace":"assign"](n)}}d=r(e),o=!0;var g=new Promise((function(e){return i=e}));return t.forEach((function(e){return e({location:d,action:"PUSH"})})),g}}},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",n=e.indexOf("?"),t={pathname:n>-1?e.substr(0,n):e,search:n>-1?e.substr(n):""},a=0,r=[t],d=[null];return{get location(){return r[a]},addEventListener:function(e,n){},removeEventListener:function(e,n){},history:{get entries(){return r},get index(){return a},get state(){return d[a]},pushState:function(e,n,t){var o=t.split("?"),i=o[0],c=o[1],l=void 0===c?"":c;a++,r.push({pathname:i,search:l.length?"?"+l:l}),d.push(e)},replaceState:function(e,n,t){var o=t.split("?"),i=o[0],c=o[1],l=void 0===c?"":c;r[a]={pathname:i,search:l},d[a]=e},go:function(e){var n=a+e;n<0||n>d.length-1||(a=n)}}}},i=!("undefined"==typeof window||!window.document||!window.document.createElement),c=d(i?window:o()),l=c.navigate},"57ZD":function(e,n){e.exports=function(e){return"function"==typeof e}},"586z":function(e,n,t){"use strict";var a=t("nGXB"),r=t("4cZ3").map;a({target:"Array",proto:!0,forced:!t("6jPt")("map")},{map:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}})},"58BG":function(e,n,t){var a=t("o5fs"),r=t("16cg"),d=t("BwIk"),o=t("DZkJ"),i=TypeError,c=function(e){return function(n,t,c,l){a(t);var s=r(n),u=d(s),g=o(s),p=e?g-1:0,f=e?-1:1;if(c<2)for(;;){if(p in u){l=u[p],p+=f;break}if(p+=f,e?p<0:g<=p)throw i("Reduce of empty array with no initial value")}for(;e?p>=0:g>p;p+=f)p in u&&(l=t(l,u[p],p,s));return l}};e.exports={left:c(!1),right:c(!0)}},"58i5":function(e,n,t){"use strict";var a=t("nGXB"),r=t("4cZ3").find,d=t("M3SG"),o=!0;"find"in[]&&Array(1).find((function(){o=!1})),a({target:"Array",proto:!0,forced:o},{find:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}}),d("find")},"58yo":function(e,n,t){var a=t("Csdp")();a.addRange(42240,42539),e.exports=a},"5AmW":function(e,n,t){var a=t("mMJI");e.exports=a},"5O+m":function(e,n,t){var a=t("Csdp")();a.addRange(6528,6571).addRange(6576,6601).addRange(6608,6618).addRange(6622,6623),e.exports=a},"5Q83":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 5C9.44772 5 9 5.44772 9 6V6.17071C9.37262 6.30241 9.71145 6.50564 10 6.76389C10.2885 6.50564 10.6274 6.30241 11 6.17071V6C11 5.44772 10.5523 5 10 5ZM12 3.7639C11.4692 3.28885 10.7684 3 10 3C8.34315 3 7 4.34315 7 6V6.17071C5.83481 6.58254 5 7.69378 5 9V10H4C3.44772 10 3 10.4477 3 11V13C3 17.4183 6.58172 21 11 21H13C17.4183 21 21 17.4183 21 13V11C21 10.4477 20.5523 10 20 10H19V9C19 7.69378 18.1652 6.58254 17 6.17071V6C17 4.34315 15.6569 3 14 3C13.2316 3 12.5308 3.28885 12 3.7639ZM15 6.17071V6C15 5.44772 14.5523 5 14 5C13.4477 5 13 5.44772 13 6V6.17071C13.3726 6.30241 13.7115 6.50564 14 6.7639C14.2886 6.50564 14.6274 6.30241 15 6.17071ZM12 8C11.4477 8 11 8.44772 11 9V10H13V9C13 8.44772 12.5523 8 12 8ZM7 9C7 8.44772 7.44772 8 8 8C8.55228 8 9 8.44772 9 9V10H7V9ZM17 10V9C17 8.44772 16.5523 8 16 8C15.4477 8 15 8.44772 15 9V10H17ZM18 12H19V13H5V12H6H10H14H18ZM11 19C8.38756 19 6.16508 17.3304 5.34141 15H18.6586C17.8349 17.3304 15.6124 19 13 19H11Z"}))}r.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24"},e.exports=r,r.default=r},"5Wm8":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.5 5L6 7.5L8.5 5L3.5 5Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"5ZFF":function(e,n,t){t("qa1t");var a=t("nGXB"),r=t("980g");a({target:"String",proto:!0,name:"trimEnd",forced:"".trimEnd!==r},{trimEnd:r})},"5cVS":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=["components"];var o,i=(o="PropsTable",function(e){return console.warn("Component "+o+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),c={_frontmatter:{}};function l(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,d);return Object(r.mdx)("wrapper",Object.assign({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},'\n Find an activity\n Find an activity\n\n')),Object(r.mdx)("h3",{id:"as-an-anchor",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#as-an-anchor","aria-label":"as an anchor permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"As an anchor"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},'\n \n Find an activity (external link)\n \n\n')),Object(r.mdx)("h3",{id:"with-icon",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#with-icon","aria-label":"with icon permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"With icon"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},'\n \n Find an activity (external link)\n \n \n Find an activity (external link)\n \n\n')),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(i,{component:"Button.Link",platform:"web",mdxType:"PropsTable"}))}l.isMDXComponent=!0;var s=["components"];var u=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),g={_frontmatter:{}};function p(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,s);return Object(r.mdx)("wrapper",Object.assign({},g,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo",type:"expo"},"Find an activity\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(u,{component:"Button.Link",platform:"native",mdxType:"PropsTable"}))}p.isMDXComponent=!0;n.default={LinkWeb:l,LinkNative:p,React:a}},"5dS2":function(e,n){e.exports="object"==typeof window&&"object"!=typeof Deno},"5mC7":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("defs",{key:0},a.createElement("linearGradient",{x1:"8.042%",y1:"0%",x2:"65.682%",y2:"23.865%",id:"a"},[a.createElement("stop",{stopColor:"#fff",stopOpacity:"0",offset:"0%",key:0}),a.createElement("stop",{stopColor:"#fff",stopOpacity:".631",offset:"63.146%",key:1}),a.createElement("stop",{stopColor:"#fff",offset:"100%",key:2})])),a.createElement("g",{fill:"none",fillRule:"evenodd",key:1},a.createElement("g",{transform:"translate(1 1)"},[a.createElement("path",{d:"M36 18c0-9.94-8.06-18-18-18",id:"Oval-2",stroke:"url(#a)",strokeWidth:"2",key:0},a.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"})),a.createElement("circle",{fill:"#fff",cx:"36",cy:"18",r:"1",key:1},a.createElement("animateTransform",{attributeName:"transform",type:"rotate",from:"0 18 18",to:"360 18 18",dur:"0.9s",repeatCount:"indefinite"}))]))])}r.defaultProps={width:"38",height:"38",viewBox:"0 0 38 38"},e.exports=r,r.default=r},"5nSH":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=["components"];var o,i=(o="PropsTable",function(e){return console.warn("Component "+o+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),c={_frontmatter:{}};function l(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,d);return Object(r.mdx)("wrapper",Object.assign({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"state",state:!0},'render(() => {\n const [value, setValue] = useState(\'\');\n\n return (\n setValue(e.target.value)}\n onClean={cleaned => setValue(cleaned)}\n />\n );\n});\n')),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(i,{component:"Input",platform:"web",mdxType:"PropsTable"}))}l.isMDXComponent=!0;var s=["components"];var u=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),g={_frontmatter:{}};function p(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,s);return Object(r.mdx)("wrapper",Object.assign({},g,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Input extends from\n",Object(r.mdx)("a",{parentName:"p",href:"https://facebook.github.io/react-native/docs/textinput"},"TextInput")," component."),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo",type:"expo"},'\n')),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(u,{component:"Input",platform:"native",mdxType:"PropsTable"}))}p.isMDXComponent=!0;n.default={EmailWeb:l,EmailNative:p,React:a}},"5nYn":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.9453 7.66795C4.10957 7.55844 4.30258 7.5 4.5 7.5H9.5L9.5 2.5L2.5 2.5L2.5 8.63148L3.9453 7.66795ZM4.5 8.5H9.5C9.76522 8.5 10.0196 8.39464 10.2071 8.20711C10.3946 8.01957 10.5 7.76522 10.5 7.5V2.5C10.5 2.23478 10.3946 1.98043 10.2071 1.79289C10.0196 1.60536 9.76522 1.5 9.5 1.5H2.5C2.23478 1.5 1.98043 1.60536 1.79289 1.79289C1.60536 1.98043 1.5 2.23478 1.5 2.5V9.56574C1.5 9.96509 1.94507 10.2033 2.27735 9.98177L4.5 8.5Z"}))}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"5rnr":function(e,n,t){var a=t("Csdp")();a.addRange(42240,42539),e.exports=a},"5uek":function(e,n,t){(function(n){var t=function(e){return e&&e.Math==Math&&e};e.exports=t("object"==typeof globalThis&&globalThis)||t("object"==typeof window&&window)||t("object"==typeof self&&self)||t("object"==typeof n&&n)||function(){return this}()||Function("return this")()}).call(this,t("fRV1"))},"5yr3":function(e,n,t){"use strict";var a=function(e){return e=e||Object.create(null),{on:function(n,t){(e[n]||(e[n]=[])).push(t)},off:function(n,t){e[n]&&e[n].splice(e[n].indexOf(t)>>>0,1)},emit:function(n,t){(e[n]||[]).slice().map((function(e){e(t)})),(e["*"]||[]).slice().map((function(e){e(n,t)}))}}}();n.a=a},"60LR":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=["components"];var o,i=(o="PropsTable",function(e){return console.warn("Component "+o+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),c={_frontmatter:{}};function l(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,d);return Object(r.mdx)("wrapper",Object.assign({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"The ",Object(r.mdx)("inlineCode",{parentName:"p"},"Skeleton")," component display´s a preview of a content right before the data is loaded. Using this component you can reducing the user perception of slow loading since your component data may not be immediately available. With it the data is shown incrementally on the screen."),Object(r.mdx)("p",null,"With this resourse available we sugest that you avoit the use of Progress components (spiners)."),Object(r.mdx)("h4",{id:"circular",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h4",href:"#circular","aria-label":"circular permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Circular"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},' \n')),Object(r.mdx)("h4",{id:"rectangular",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h4",href:"#rectangular","aria-label":"rectangular permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Rectangular"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},' \n')),Object(r.mdx)("h4",{id:"text",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h4",href:"#text","aria-label":"text permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Text"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript"},' \n')),Object(r.mdx)("p",null,"The text type can receive a prop called ",Object(r.mdx)("inlineCode",{parentName:"p"},"variant"),", that can be one of the following values:"),Object(r.mdx)("ul",null,Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"h1")," - 56px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"h2")," - 48px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"h3")," - 40px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"h4")," - 32px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"h5")," - 28px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"body1")," - 24px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"body2")," - 20px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"overline")," - 16px height;"),Object(r.mdx)("li",{parentName:"ul"},Object(r.mdx)("inlineCode",{parentName:"li"},"exception")," - 12px height;")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(i,{component:"Skeleton",platform:"web",mdxType:"PropsTable"}))}l.isMDXComponent=!0;var s=["components"];var u=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),g={_frontmatter:{}};function p(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,s);return Object(r.mdx)("wrapper",Object.assign({},g,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Gympass ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," description"),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo",type:"expo"}," \n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(u,{component:"Skeleton",platform:"native",mdxType:"PropsTable"}))}p.isMDXComponent=!0;n.default={SkeletonWeb:l,SkeletonNative:p,React:a}},"61E9":function(e,n,t){var a=t("Csdp")();a.addRange(43648,43714).addRange(43739,43743),e.exports=a},"695J":function(e,n){function t(n,a){return e.exports=t=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,n){return e.__proto__=n,e},e.exports.__esModule=!0,e.exports.default=e.exports,t(n,a)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},"6PU6":function(e,n,t){var a=t("Csdp")(69837);a.addRange(69760,69826),e.exports=a},"6Puw":function(e,n,t){var a=t("Csdp")();a.addRange(0,31).addRange(127,159),e.exports=a},"6Pyj":function(e,n,t){"use strict";t.r(n);t("CFFa"),t("Hfs8");var a=t("ERkP"),r=t("ZVZ0"),d=["components"];var o,i=(o="PropsTable",function(e){return console.warn("Component "+o+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",e)}),c={_frontmatter:{}};function l(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,d);return Object(r.mdx)("wrapper",Object.assign({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Gympass ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," component implements all our design guidelines, be sure to wrap your items with ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," that uses default spacing, border and color pallete tokens."),Object(r.mdx)("p",null,"If you need to use an anchor, ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," is also available."),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"state",state:!0},'const SwitchLine = props => (\n \n);\n\nrender(() => {\n const [locker, toggleLocker] = useState(false);\n const [wifi, toggleWifi] = useState(false);\n const [parking, toggleParking] = useState(false);\n\n return (\n \n \n \n Locker\n toggleLocker(!locker)}\n />\n \n \n\n \n \n Wi-fi\n toggleWifi(!wifi)} />\n \n \n\n \n \n Parking\n toggleParking(!parking)}\n />\n \n \n\n \n Link\n \n \n );\n});\n')),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(i,{component:"List",platform:"web",mdxType:"PropsTable"}))}l.isMDXComponent=!0;var s=["components"];var u=function(e){return function(n){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),Object(r.mdx)("div",n)}}("PropsTable"),g={_frontmatter:{}};function p(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,a,r={},d=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,s);return Object(r.mdx)("wrapper",Object.assign({},g,t,{components:n,mdxType:"MDXLayout"}),Object(r.mdx)("h3",{id:"reference",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#reference","aria-label":"reference permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Reference"),Object(r.mdx)("p",null,"Gympass List component extends from react-native's ",Object(r.mdx)("inlineCode",{parentName:"p"},"FlatList")," you can check it out ",Object(r.mdx)("a",{target:"_blank",href:"https://facebook.github.io/react-native/docs/flatlist"},"here"),". Flatlist is a performant interface for rendering basic, flat lists, supporting the most handy features. We extend ",Object(r.mdx)("inlineCode",{parentName:"p"},"FlatList")," implementing all our design guidelines, be sure to wrap your items with ",Object(r.mdx)("inlineCode",{parentName:"p"},"")," that uses default spacing, border and color pallete tokens."),Object(r.mdx)("h3",{id:"usage",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#usage","aria-label":"usage permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Usage"),Object(r.mdx)("pre",null,Object(r.mdx)("code",{parentName:"pre",className:"language-javascript",metastring:"type=expo",type:"expo"}," (\n \n {item.key}\n \n \n )}\n/>\n")),Object(r.mdx)("h3",{id:"props",style:{position:"relative"}},Object(r.mdx)("a",{parentName:"h3",href:"#props","aria-label":"props permalink",className:"anchor before"},Object(r.mdx)("svg",{parentName:"a","aria-hidden":"true",focusable:"false",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"},Object(r.mdx)("path",{parentName:"svg",fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}))),"Props"),Object(r.mdx)(u,{component:"List",platform:"native",mdxType:"PropsTable"}))}p.isMDXComponent=!0;n.default={ListWeb:l,ListNative:p,React:a}},"6QRt":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M5 2C5 2.55228 4.55228 3 4 3C3.44772 3 3 2.55228 3 2C3 1.44772 3.44772 1 4 1C4.55228 1 5 1.44772 5 2Z",key:0}),a.createElement("path",{d:"M5 6C5 6.55228 4.55228 7 4 7C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5C4.55228 5 5 5.44772 5 6Z",key:1}),a.createElement("path",{d:"M5 10C5 10.5523 4.55228 11 4 11C3.44772 11 3 10.5523 3 10C3 9.44771 3.44772 9 4 9C4.55228 9 5 9.44771 5 10Z",key:2}),a.createElement("path",{d:"M9 2C9 2.55228 8.55228 3 8 3C7.44772 3 7 2.55228 7 2C7 1.44772 7.44772 1 8 1C8.55228 1 9 1.44772 9 2Z",key:3}),a.createElement("path",{d:"M9 6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6C7 5.44772 7.44772 5 8 5C8.55228 5 9 5.44772 9 6Z",key:4}),a.createElement("path",{d:"M9 10C9 10.5523 8.55228 11 8 11C7.44772 11 7 10.5523 7 10C7 9.44771 7.44772 9 8 9C8.55228 9 9 9.44771 9 10Z",key:5})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"6SWS":function(e,n,t){var a=t("F3In"),r=t("DZkJ"),d=t("dsym"),o=Array,i=Math.max;e.exports=function(e,n,t){for(var c=r(e),l=a(n,c),s=a(void 0===t?c:t,c),u=o(i(s-l,0)),g=0;l3}))}},"6UZt":function(e,n,t){var a=t("Jo0e"),r=Math.max,d=Math.min;e.exports=function(e,n){return(e=a(e))<0?r(e+n,0):d(e,n)}},"6XIJ":function(e,n){var t=/\s/;e.exports=function(e){for(var n=e.length;n--&&t.test(e.charAt(n)););return n}},"6XsV":function(e,n,t){t("/r3m"),t("Fk9O"),e.exports=t("dWcX").f("iterator")},"6em7":function(e,n,t){var a=t("xfS+"),r=t("Is8o"),d=t("CB8z"),o=t("AazG"),i=a("".replace),c="["+o+"]",l=RegExp("^"+c+c+"*"),s=RegExp(c+c+"*$"),u=function(e){return function(n){var t=d(r(n));return 1&e&&(t=i(t,l,"")),2&e&&(t=i(t,s,"")),t}};e.exports={start:u(1),end:u(2),trim:u(3)}},"6jPt":function(e,n,t){var a=t("T/ei"),r=t("6wKc"),d=t("dJvc"),o=r("species");e.exports=function(e){return d>=51||!a((function(){var n=[];return(n.constructor={})[o]=function(){return{foo:1}},1!==n[e](Boolean).foo}))}},"6jPx":function(e,n,t){var a=t("Csdp")();a.addRange(5984,5996).addRange(5998,6e3).addRange(6002,6003),e.exports=a},"6jSh":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.5 1.5C4.5 1.22386 4.27614 1 4 1C3.72386 1 3.5 1.22386 3.5 1.5V2H2.5C1.94772 2 1.5 2.44772 1.5 3V9.5C1.5 10.0523 1.94772 10.5 2.5 10.5H6V9.5H2.5V6H10.5V3C10.5 2.44772 10.0523 2 9.5 2H8.5V1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V2H4.5V1.5ZM3.5 3V3.5C3.5 3.77614 3.72386 4 4 4C4.27614 4 4.5 3.77614 4.5 3.5V3H7.5V3.5C7.5 3.77614 7.72386 4 8 4C8.27614 4 8.5 3.77614 8.5 3.5V3H9.5V5H2.5V3H3.5Z",key:0}),a.createElement("path",{d:"M9.5 7.5C9.5 7.22386 9.27614 7 9 7C8.72386 7 8.5 7.22386 8.5 7.5V8.5H7.5C7.22386 8.5 7 8.72386 7 9C7 9.27614 7.22386 9.5 7.5 9.5H8.5V10.5C8.5 10.7761 8.72386 11 9 11C9.27614 11 9.5 10.7761 9.5 10.5V9.5H10.5C10.7761 9.5 11 9.27614 11 9C11 8.72386 10.7761 8.5 10.5 8.5H9.5V7.5Z",key:1})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"6nOo":function(e,n,t){var a=t("6wKc")("iterator"),r=!1;try{var d=0,o={next:function(){return{done:!!d++}},return:function(){r=!0}};o[a]=function(){return this},Array.from(o,(function(){throw 2}))}catch(i){}e.exports=function(e,n){if(!n&&!r)return!1;var t=!1;try{var d={};d[a]=function(){return{next:function(){return{done:t=!0}}}},e(d)}catch(i){}return t}},"6qOv":function(e,n){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},"6rc9":function(e,n,t){var a=t("Csdp")(67903);a.addRange(67872,67897),e.exports=a},"6wKc":function(e,n,t){var a=t("5uek"),r=t("mTwp"),d=t("Pcn1"),o=t("eoXr"),i=t("+ucT"),c=t("aeWy"),l=r("wks"),s=a.Symbol,u=s&&s.for,g=c?s:s&&s.withoutSetter||o;e.exports=function(e){if(!d(l,e)||!i&&"string"!=typeof l[e]){var n="Symbol."+e;i&&d(s,e)?l[e]=s[e]:l[e]=c&&u?u(n):g(n)}return l[e]}},"6zwV":function(e,n,t){t("UlHA")},"7/z+":function(e,n,t){var a=t("ERkP");function r(e){return a.createElement("svg",e,[a.createElement("path",{d:"M3.5 1.5C3.5 1.22386 3.72386 1 4 1C4.27614 1 4.5 1.22386 4.5 1.5V3C4.5 3.27614 4.27614 3.5 4 3.5C3.72386 3.5 3.5 3.27614 3.5 3V1.5Z",key:0}),a.createElement("path",{d:"M2.5 2C1.94772 2 1.5 2.44772 1.5 3V5H10.5V3C10.5 2.44772 10.0523 2 9.5 2H9V3C9 3.55228 8.55228 4 8 4C7.44772 4 7 3.55228 7 3V2H5V3C5 3.55228 4.55228 4 4 4C3.44772 4 3 3.55228 3 3V2H2.5Z",key:1}),a.createElement("path",{d:"M10.5 6H1.5V9.5C1.5 10.0523 1.94772 10.5 2.5 10.5H9.5C10.0523 10.5 10.5 10.0523 10.5 9.5V6Z",key:2}),a.createElement("path",{d:"M8 1C7.72386 1 7.5 1.22386 7.5 1.5V3C7.5 3.27614 7.72386 3.5 8 3.5C8.27614 3.5 8.5 3.27614 8.5 3V1.5C8.5 1.22386 8.27614 1 8 1Z",key:3})])}r.defaultProps={width:"12",height:"12",viewBox:"0 0 12 12"},e.exports=r,r.default=r},"71wK":function(e,n,t){e.exports={default:t("bjdl"),__esModule:!0}},"725a":function(e,n,t){var a=t("Csdp")();a.addRange(127995,127999),e.exports=a},"72J4":function(e,n,t){var a=t("Csdp")(4295,4301,11559,11565);a.addRange(4256,4293).addRange(4304,4351).addRange(7312,7354).addRange(7357,7359).addRange(11520,11557),e.exports=a},"73r2":function(e,n,t){var a,r=t("1Kkg"),d=t("XbiS"),o=t("gKYj"),i=t("mNRd"),c=t("LdAm"),l=t("oE43"),s=t("KUdq"),u=s("IE_PROTO"),g=function(){},p=function(e){return" \ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
titlestringundefinedfalse
subtitlestringundefinedfalse
childrennodetrue
disabledboolfalsefalse
expandedboolfalsefalse
smallboolfalsefalse
hasHorizontalPaddingbooltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/actionrequirement/actionrequirement-native/index.html b/components/actionrequirement/actionrequirement-native/index.html index 6be26debc0..0e666933ac 100644 --- a/components/actionrequirement/actionrequirement-native/index.html +++ b/components/actionrequirement/actionrequirement-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +function%20handleGetCheckableContent()%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3CBox%20display=%22flex%22%20flexDirection=%22row%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%20%20%3CCheckbox%20/%3E%20%3CText%3EI%20have%20read%20and%20agree%20to%20the%20Terms%20of%20Use%20and%20Privacy%20Policy.%3C/Text%3E%0A%20%20%20%20%20%20%3C/Box%3E%0A%20%20%20%20)%0A%20%20%7D;%0A%0A%20%20function%20handleGetIllustration()%20%7B%0A%20%20%20%20return%20%3CImg2d01%20%20width=%7B375%7D%20height=%7B375%7D%20/%3E%0A%20%20%7D%0A%0A%20%20function%20handleGetList()%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3C%3E%0A%20%20%20%20%20%20%20%20%3CText%3E%3CDumbbell/%3E%201x/day%20standard%20access%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20mt=%22small%22%3E%3CUser%20/%3E%204x/month%201-on-1%20sessions%3C/Text%3E%0A%20%20%20%20%20%20%20%20%3CText%20mt=%22small%22%3E%3CStar%20/%3E%202x/month%20premium%20classes%3C/Text%3E%0A%20%20%20%20%20%20%3C/%3E%0A%20%20%20%20)%0A%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%3CScrollView%20style=%7B%7B%0A%20%20%20%20%20%20%20%20marginBottom,%20'50px',%0A%20%20%20%20%20%20%20%20padding:%20'10px',%0A%20%20%20%20%20%20%20%20width:%20'100%25',%0A%20%20%20%20%20%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%3CActionRequirement%0A%20%20%20%20%20%20%20%20%20%20%20%20title=%22Welcome%20to%20the%20world%20of%20feeling%20good!%22%0A%20%20%20%20%20%20%20%20%20%20%20%20description=%22Let%E2%80%99s%20make%20it%20a%20good%20day!%22%0A%20%20%20%20%20%20%20%20%20%20%20%20checkable=%7BhandleGetCheckableContent()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20illustration=%7BhandleGetIllustration()%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20list=%7BhandleGetList()%7D%0A%20%20%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CView%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton%3EStart%20working%3C/Button%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3CButton.Text%3ELarge%20button%3C/Button.Text%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%20%20%20%20%3C/ActionRequirement%3E%0A%20%20%20%20%20%20%3C/ScrollView%3E%0A%20%20%20%20);%0A%20%20%7D" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
titlestringtrue
childrenunionundefinedfalse
descriptionstringtrue
checkableunionundefinedfalse
illustrationunionundefinedfalse
listunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/actionrequirement/actionrequirement-web/index.html b/components/actionrequirement/actionrequirement-web/index.html index dd36c9b3b4..449d7355bf 100644 --- a/components/actionrequirement/actionrequirement-web/index.html +++ b/components/actionrequirement/actionrequirement-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
titlestringtrue
childrenunionundefinedfalse
descriptionstringtrue
checkableunionundefinedfalse
illustrationunionundefinedfalse
listunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/actionrequirement/index.html b/components/actionrequirement/index.html index d88bf35d00..c32ea66ef4 100644 --- a/components/actionrequirement/index.html +++ b/components/actionrequirement/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - ActionRequirement
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
titlestringtrue
childrenunionundefinedfalse
descriptionstringtrue
checkableunionundefinedfalse
illustrationunionundefinedfalse
listunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/autocomplete/index.html b/components/autocomplete/index.html index b05c1c8cbe..734184102a 100644 --- a/components/autocomplete/index.html +++ b/components/autocomplete/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - AutoComplete

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
fullboolfalsefalse
optionsarrayOf[]false
styleshapeundefinedfalse
onSelectcallback to know when a user selects a suggestionfunc() => {}false
onChangecalled when user type or clean the field and when selects a suggestionfunc() => {}false
onCleana callback to know when the user cleaned the fieldfunc() => {}false
valuestringundefinedfalse
errorstringundefinedfalse
openSuggestionsAriaLabelan aria label for the open suggestions iconstringOpen suggestionsfalse
closeSuggestionsAriaLabelan aria label for the close suggestions iconstringClose suggestionsfalse
shouldFilterOptionsflag to enable options filteringbooltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/avatar/avatar-native/index.html b/components/avatar/avatar-native/index.html index 2d61b2b040..db4b817c35 100644 --- a/components/avatar/avatar-native/index.html +++ b/components/avatar/avatar-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
srccustomundefinedfalse
iconfuncBuildingFilledfalse
fillstringwhitefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/avatar/avatar-web/index.html b/components/avatar/avatar-web/index.html index 76a59f6879..ec46c8b538 100644 --- a/components/avatar/avatar-web/index.html +++ b/components/avatar/avatar-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
srcstringundefinedfalse
altRequired if src is truecustomundefinedfalse
iconUsed when src is missingcustomundefinedfalse
fillstringwhitefalse
strokestringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/avatar/index.html b/components/avatar/index.html index b297be234c..4d578ceb6d 100644 --- a/components/avatar/index.html +++ b/components/avatar/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Avatar
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
srcstringundefinedfalse
altRequired if src is truecustomundefinedfalse
iconUsed when src is missingcustomundefinedfalse
fillstringwhitefalse
strokestringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/banner/banner-native/index.html b/components/banner/banner-native/index.html index 123bdd78ae..ad49730d34 100644 --- a/components/banner/banner-native/index.html +++ b/components/banner/banner-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props

The Banner component also has support for margins props as you can see more details our system

PropDescriptionTypeDefaultRequired
iconSVG to be rendered.elementTypeundefinedfalse
variantstyle the banner following the theme (success, informative, attention)enuminformativefalse
messagethe message to be displayedstringtrue
primaryButtonthe label and action fuction are required for banner action buttonscustomundefinedfalse
secondaryButtonthe secondary button should only be used assemble the primary button (the label and action fuction are required for banner action buttons).customundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/banner/banner-web/index.html b/components/banner/banner-web/index.html index 79efa6e63e..0165632138 100644 --- a/components/banner/banner-web/index.html +++ b/components/banner/banner-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props

The Banner component also has support for margins and paddings props as you can see more details our system

PropDescriptionTypeDefaultRequired
iconSVG to be rendered.elementTypeundefinedfalse
variantstyle the banner following the theme (success, informative, attention)enuminformativefalse
messagethe message to displayuniontrue
primaryButtonthe label and action fuction are required for banner action buttonscustomundefinedfalse
secondaryButtonthe secondary button should only be used assemble the primary button (the label and action fuction are required for banner action buttons).customundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/banner/index.html b/components/banner/index.html index 7dbf01c9ff..e58a9d6399 100644 --- a/components/banner/index.html +++ b/components/banner/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Banner
GuidelinesComponentsSystem

Props

The Banner component also has support for margins and paddings props as you can see more details our system

PropDescriptionTypeDefaultRequired
iconSVG to be rendered.elementTypeundefinedfalse
variantstyle the banner following the theme (success, informative, attention)enuminformativefalse
messagethe message to displayuniontrue
primaryButtonthe label and action fuction are required for banner action buttonscustomundefinedfalse
secondaryButtonthe secondary button should only be used assemble the primary button (the label and action fuction are required for banner action buttons).customundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/bottomsheet/index.html b/components/bottomsheet/index.html index d9e9efa8b2..e82c783f72 100644 --- a/components/bottomsheet/index.html +++ b/components/bottomsheet/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - BottomSheet
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
childrennodetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/box/box-native/index.html b/components/box/box-native/index.html index e4b0aa53f1..064ddd5bae 100644 --- a/components/box/box-native/index.html +++ b/components/box/box-native/index.html @@ -36,7 +36,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

Check our system

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/box/box-web/index.html b/components/box/box-web/index.html index 5e01bcc8ab..24bd97f40b 100644 --- a/components/box/box-web/index.html +++ b/components/box/box-web/index.html @@ -54,7 +54,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

Check our system

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/box/index.html b/components/box/index.html index 45e7971bc5..9a5d878d13 100644 --- a/components/box/index.html +++ b/components/box/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Box
GuidelinesComponentsSystem
\ No newline at end of file +

Props

Check our system

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/default-native/index.html b/components/button/default-native/index.html index fc2fe10be1..c49af84fd0 100644 --- a/components/button/default-native/index.html +++ b/components/button/default-native/index.html @@ -44,7 +44,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
fullboolfalsefalse
disabledboolfalsefalse
smallboolfalsefalse
pressedboolfalsefalse
invertedboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/default-web/index.html b/components/button/default-web/index.html index f10d33c503..09eef06226 100644 --- a/components/button/default-web/index.html +++ b/components/button/default-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
disabledboolfalsefalse
fullboolfalsefalse
invertedboolfalsefalse
onClickfunc() => {}false
smallboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
hrefstringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/default/index.html b/components/button/default/index.html index 0e5649ec4b..d383f782bc 100644 --- a/components/button/default/index.html +++ b/components/button/default/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Button.Default
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
disabledboolfalsefalse
fullboolfalsefalse
invertedboolfalsefalse
onClickfunc() => {}false
smallboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
hrefstringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/icon-native/index.html b/components/button/icon-native/index.html index ae1d27dcc6..f134b9f1e2 100644 --- a/components/button/icon-native/index.html +++ b/components/button/icon-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
smallboolfalsefalse
disabledboolfalsefalse
pressedboolfalsefalse
invertedboolfalsefalse
secondaryboolfalsefalse
iconunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/icon-web/index.html b/components/button/icon-web/index.html index f4e06067be..ee4508018e 100644 --- a/components/button/icon-web/index.html +++ b/components/button/icon-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
fullboolfalsefalse
disabledboolfalsefalse
smallboolfalsefalse
pressedboolfalsefalse
invertedboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/text-web/index.html b/components/button/text-web/index.html index ecdf7829ea..f97e9dd797 100644 --- a/components/button/text-web/index.html +++ b/components/button/text-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
disabledboolfalsefalse
fullboolfalsefalse
invertedboolfalsefalse
onClickfunc() => {}false
smallboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
hrefstringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/button/text/index.html b/components/button/text/index.html index 01b3a817ed..8c7c1f2f80 100644 --- a/components/button/text/index.html +++ b/components/button/text/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Button.Text
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrennodeButtonfalse
disabledboolfalsefalse
fullboolfalsefalse
invertedboolfalsefalse
onClickfunc() => {}false
smallboolfalsefalse
secondaryboolfalsefalse
iconan Icon from yoga-icons packageunionundefinedfalse
hrefstringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/default-native/index.html b/components/card/default-native/index.html index b42afba158..6e4a812eff 100644 --- a/components/card/default-native/index.html +++ b/components/card/default-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file diff --git a/components/card/default-web/index.html b/components/card/default-web/index.html index 0a289780ac..478998b74a 100644 --- a/components/card/default-web/index.html +++ b/components/card/default-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +medium, light, clear, white)shape{}falsechildrennodenullfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/default/index.html b/components/card/default/index.html index a7190bf37f..44edd93256 100644 --- a/components/card/default/index.html +++ b/components/card/default/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Card Component
GuidelinesComponentsSystem
\ No newline at end of file +medium, light, clear, white)shape{}falsechildrennodenullfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/eventcard-native/index.html b/components/card/eventcard-native/index.html index 5d67ed84a7..28369ccccc 100644 --- a/components/card/eventcard-native/index.html +++ b/components/card/eventcard-native/index.html @@ -44,7 +44,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
eventevent information: { name (string), place (string), time (string) }unionundefinedfalse
datedate information: { day (string), dayOfWeek (string), month (string) }shapetrue
smallboolfalsefalse
activeboolfalsefalse
linkstringfalse
onLinkPressfuncundefinedfalse
onPressfuncundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/eventcard-web/index.html b/components/card/eventcard-web/index.html index 0839dd99b9..49c84af42a 100644 --- a/components/card/eventcard-web/index.html +++ b/components/card/eventcard-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
eventevent information: { name (string), place (string), time (string) }shapetrue
datedate information: { day (string), dayOfWeek (string), month (string) }shapetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/eventcard/index.html b/components/card/eventcard/index.html index a4350d0667..d5d78dd572 100644 --- a/components/card/eventcard/index.html +++ b/components/card/eventcard/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Event Card Component
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
eventevent information: { name (string), place (string), time (string) }shapetrue
datedate information: { day (string), dayOfWeek (string), month (string) }shapetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/gym/checkin/index.html b/components/card/gym/checkin/index.html index 90ff150676..466a8e5b85 100644 --- a/components/card/gym/checkin/index.html +++ b/components/card/gym/checkin/index.html @@ -44,7 +44,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Check-in Card
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
namestringtrue
addressstringtrue
avatarThe same as in source prop of Image react-native componentcustomundefinedfalse
distancestringtrue
ratingnumbertrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/gym/index.html b/components/card/gym/index.html index 17217c1659..6b186d27d0 100644 --- a/components/card/gym/index.html +++ b/components/card/gym/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/index.html b/components/card/index.html index 2b1a67dfbe..7b1b2ff800 100644 --- a/components/card/index.html +++ b/components/card/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Card
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/card/plancard-native/index.html b/components/card/plancard-native/index.html index d168c10493..af62dd5965 100644 --- a/components/card/plancard-native/index.html +++ b/components/card/plancard-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/checkbox/default/index.html b/components/checkbox/default/index.html index 2290d6f8d8..be8b6d2a96 100644 --- a/components/checkbox/default/index.html +++ b/components/checkbox/default/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Checkbox
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
labelunionundefinedfalse
helpershort helper text under checkboxstringundefinedfalse
valuestringundefinedfalse
checkedboolfalsefalse
disabledboolfalsefalse
invertedboolfalsefalse
errorstringundefinedfalse
indeterminateif true, the component appears indeterminateboolfalsefalse
styleset a style to the checkbox containershapeundefinedfalse
classNamestringundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/checkbox/index.html b/components/checkbox/index.html index bdf8adbae1..6dd54ca558 100644 --- a/components/checkbox/index.html +++ b/components/checkbox/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Checkboxes
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/checkbox/switch-native/index.html b/components/checkbox/switch-native/index.html index 1f088b0a52..fc14458ee6 100644 --- a/components/checkbox/switch-native/index.html +++ b/components/checkbox/switch-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
checkedboolfalsefalse
disabledboolfalsefalse
pressedboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/checkbox/switch-web/index.html b/components/checkbox/switch-web/index.html index 4fa95764bc..6c7b5eaf45 100644 --- a/components/checkbox/switch-web/index.html +++ b/components/checkbox/switch-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
checkedboolfalsefalse
disabledboolfalsefalse
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/checkbox/switch/index.html b/components/checkbox/switch/index.html index 970fc0fcf7..0b0cc63fb8 100644 --- a/components/checkbox/switch/index.html +++ b/components/checkbox/switch/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Checkbox.Switch
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
checkedboolfalsefalse
disabledboolfalsefalse
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/chips/chips-native/index.html b/components/chips/chips-native/index.html index f60a66ec78..bee4a61833 100644 --- a/components/chips/chips-native/index.html +++ b/components/chips/chips-native/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +sign will be displayed instead. ex: "+999"numberundefinedfalsedisableddisable chipboolfalsefalseiconsa list of max two icons from @gympass/yoga-icons packagearrayOf[]falseonToggleonPress eventfuncundefinedfalseonPressfuncundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/chips/chips-web/index.html b/components/chips/chips-web/index.html index d682cb74e5..bb8e1ebdb3 100644 --- a/components/chips/chips-web/index.html +++ b/components/chips/chips-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +sign will be displayed instead. ex: "+999"numberundefinedfalsedisableddisable chipboolfalsefalseiconsa list of max two icons from @gympass/yoga-icons packagearrayOf[]falseonToggleclick eventfuncundefinedfalseonClickfuncundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/chips/index.html b/components/chips/index.html index 1dc66b8eed..29a32ad370 100644 --- a/components/chips/index.html +++ b/components/chips/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Chips
GuidelinesComponentsSystem
\ No newline at end of file +sign will be displayed instead. ex: "+999"numberundefinedfalsedisableddisable chipboolfalsefalseiconsa list of max two icons from @gympass/yoga-icons packagearrayOf[]falseonToggleclick eventfuncundefinedfalseonClickfuncundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/datepicker/index.html b/components/datepicker/index.html index a669e6c799..51ff0028b2 100644 --- a/components/datepicker/index.html +++ b/components/datepicker/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Datepicker

Props

PropDescriptionTypeDefaultRequired
fullWidthboolfalsefalse
typeenumtrue
placeholderstringundefinedfalse
startDateinstanceOfundefinedfalse
endDateinstanceOfundefinedfalse
disabledboolfalsefalse
onSelectSinglefuncundefinedfalse
onSelectRangefuncundefinedfalse
customOnSelectRangefuncundefinedfalse
disablePastDatesboolfalsefalse
disableFutureDatesboolfalsefalse
disablePastFrominstanceOfundefinedfalse
disableFutureFrominstanceOfundefinedfalse
errorstringundefinedfalse
onOpenfuncundefinedfalse
displayEndDateOnlyboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/dialog/index.html b/components/dialog/index.html index 10c957bc61..f9387817e8 100644 --- a/components/dialog/index.html +++ b/components/dialog/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Dialog
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
dialogIdCustom id to allow creating isolated portal nodesstringundefinedfalse
isOpenControl the dialog visibility.boolfalsefalse
hideCloseButtonHide the close button when onClose prop is defined.boolfalsefalse
onCloseFunction to close the dialog.funcundefinedfalse
zIndexnumber3false
childrennodetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/divider/divider-native/index.html b/components/divider/divider-native/index.html index 1e109cbb39..d5ebaec47f 100644 --- a/components/divider/divider-native/index.html +++ b/components/divider/divider-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
verticalIf this value is defined, the divider will be in vertical when the flexDirection is row typeboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/divider/divider-web/index.html b/components/divider/divider-web/index.html index ab0ad2065e..07bef81d06 100644 --- a/components/divider/divider-web/index.html +++ b/components/divider/divider-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
verticalIf this value is defined, the divider will be in vertical if the flexDirection is row typeboolfalsefalse
styleshapeundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/divider/index.html b/components/divider/index.html index 46ee99860c..d9d179f97a 100644 --- a/components/divider/index.html +++ b/components/divider/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Divider
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
verticalIf this value is defined, the divider will be in vertical if the flexDirection is row typeboolfalsefalse
styleshapeundefinedfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/drawer/index.html b/components/drawer/index.html index 6e80806db5..95e188448f 100644 --- a/components/drawer/index.html +++ b/components/drawer/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Drawer
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrennodetrue
zIndexnumber3false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/dropdown/dropdown-native/index.html b/components/dropdown/dropdown-native/index.html index 26e5805ff2..376e1fc2af 100644 --- a/components/dropdown/dropdown-native/index.html +++ b/components/dropdown/dropdown-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
labelstringfalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
options{ label (string), value (string or number), selected: (boolean) }arrayOftrue
cancelActionLabelCancel label that will be shown in iOS option chooserstringCancelfalse
confirmActionLabelConfirm label that will be shown in iOS option chooserstringConfirmfalse
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/dropdown/dropdown-web/index.html b/components/dropdown/dropdown-web/index.html index 8cd5c5c803..bfebf7fe33 100644 --- a/components/dropdown/dropdown-web/index.html +++ b/components/dropdown/dropdown-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
labelstringfalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
options{ label (string), value (string or number), selected: (boolean) }arrayOftrue
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/dropdown/index.html b/components/dropdown/index.html index 194ae24507..ead98ce92e 100644 --- a/components/dropdown/index.html +++ b/components/dropdown/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Dropdown
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
labelstringfalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
options{ label (string), value (string or number), selected: (boolean) }arrayOftrue
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/feedback/index.html b/components/feedback/index.html index b2291a3823..c160b60818 100644 --- a/components/feedback/index.html +++ b/components/feedback/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Feedback
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
variantenumtrue
titlestringundefinedfalse
descriptionstringtrue
childrenunionundefinedfalse
centerCenter the component verticallybooltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/getting-started/default-native/index.html b/components/getting-started/default-native/index.html index 90b26e8a7f..2d2ef31ef2 100644 --- a/components/getting-started/default-native/index.html +++ b/components/getting-started/default-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/getting-started/default-web/index.html b/components/getting-started/default-web/index.html index e0c5be54c7..aefe2c4222 100644 --- a/components/getting-started/default-web/index.html +++ b/components/getting-started/default-web/index.html @@ -38,7 +38,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Adding Gympass font in your project

Make sure to import and use FontLoader inside ThemeProvider.

import { ThemeProvider, Button, FontLoader } from '@gympass/yoga';
const App = () => (
  <ThemeProvider>
    <FontLoader />
    <Button>Find an activity</Button>
  </ThemeProvider>
);
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/getting-started/index.html b/components/getting-started/index.html index 0c89e9142c..0f6d75200b 100644 --- a/components/getting-started/index.html +++ b/components/getting-started/index.html @@ -44,7 +44,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Getting started
GuidelinesComponentsSystem

Getting Started

Gympass design-system's follows design guidelines specification, we developed a React and React Native UI library that contains a set of high quality components that defines our interfaces.

An important note is that the styled-components is a peerDependency see why, if you dont have styled-components installed you'll need to install.

Installing

In order to install our design-system just run:

yarn add @gympass/yoga
// or
npm install @gympass/yoga

Usage

An important point in using it is that your whole application must be wrapped in our ThemeProvider component:

import { ThemeProvider, Button } from '@gympass/yoga';
const App = () => (
  <ThemeProvider>
    <Button>Find an activity</Button>
  </ThemeProvider>
);
  • Web
  • Native

Adding Gympass font in your project

Make sure to import and use FontLoader inside ThemeProvider.

import { ThemeProvider, Button, FontLoader } from '@gympass/yoga';
const App = () => (
  <ThemeProvider>
    <FontLoader />
    <Button>Find an activity</Button>
  </ThemeProvider>
);
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/grid/index.html b/components/grid/index.html index dd26594752..d412ec2e7e 100644 --- a/components/grid/index.html +++ b/components/grid/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Grid
GuidelinesComponentsSystem
\ No newline at end of file +

You can mix the breakpoint props to hide in one, several or all of them.

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/header/index.html b/components/header/index.html index 3c73c68bb0..bf5bf1c0dc 100644 --- a/components/header/index.html +++ b/components/header/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Header
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
linkUse link to redirect clicking on the Gympass' logostringnullfalse
childrenUse children to add whatever you want inside the headernodenullfalse
logoUse logo to change headers imageelementTypenullfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/heading/index.html b/components/heading/index.html index c7a8ea2d48..b4e8fa9d1d 100644 --- a/components/heading/index.html +++ b/components/heading/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Heading
GuidelinesComponentsSystem

Props

PropDescriptionTypeDefaultRequired
childrenunionundefinedfalse
noPaddingboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/helpers/index.html b/components/helpers/index.html index a98ab4382e..d85ace259c 100644 --- a/components/helpers/index.html +++ b/components/helpers/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Helpers
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/helpers/media/index.html b/components/helpers/media/index.html index 2b6c45729c..5d632078a4 100644 --- a/components/helpers/media/index.html +++ b/components/helpers/media/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Media
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/icon/icon-native/index.html b/components/icon/icon-native/index.html index 898ba0c93a..43b00b44fa 100644 --- a/components/icon/icon-native/index.html +++ b/components/icon/icon-native/index.html @@ -34,7 +34,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/icon/icon-web/index.html b/components/icon/icon-web/index.html index 55814a9ca4..c23dfb55e1 100644 --- a/components/icon/icon-web/index.html +++ b/components/icon/icon-web/index.html @@ -52,7 +52,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/icon/index.html b/components/icon/index.html index b34493a5eb..6bfa0e784d 100644 --- a/components/icon/index.html +++ b/components/icon/index.html @@ -70,7 +70,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Icon
GuidelinesComponentsSystem
\ No newline at end of file diff --git a/components/icons/icons-web/index.html b/components/icons/icons-web/index.html index 365e758e07..53d5030cf0 100644 --- a/components/icons/icons-web/index.html +++ b/components/icons/icons-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/icons/index.html b/components/icons/index.html index bef0025f0a..bae64c3b14 100644 --- a/components/icons/index.html +++ b/components/icons/index.html @@ -66,7 +66,7 @@ /* sc-component-id: Tab-sc-jbx3ar-0 */ .bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Icons
GuidelinesComponentsSystem
\ No newline at end of file +

Flags Icons

FlagArgentina
FlagBrazil
FlagChile
FlagGermany
FlagIreland
FlagItaly
FlagMexico
FlagNetherlands
FlagPortugal
FlagSpain
FlagUK
FlagUruguay
FlagUS

UI Icons

Accessibility
Accessible
AddBooking
Add
AirConditioning
AlertCircle
AlertTriangle
ArrowDropDown
ArrowDropUp
ArrowLeft
ArrowRight
Bank
BankStatement
BarChart
BeautySalon
BookingFilled
Booking
Boxing
BuildingFilled
Building
BulletList
Camera
Cart
Chat
CheckFilled
Check
CheckedFull
CheckedHalf
CheckinFilled
Checkin
ChevronDown
ChevronLeft
ChevronRight
ChevronUp
ChildrenArea
CloseFilled
Close
Code
CoffeeShop
CompassFilled
Compass
Copy
CornerUpLeft
CornerUpRight
CreditCard
Cycling
Dance
Disconnect
DislikeFilled
Dislike
Doc
Download
Draggable
Dumbbell
DumbbellFilled
Edit
Exit
ExternalLink
Facebook
FamilyMember
FamilyMemberFilled
FavoriteFilled
Favorite
Filter
Google
Gympass
Headphone
Heartbeat
Heater
HelpCircle
Help
History
Hit
HomeFilled
Home
Image
Info
Instagram
JumpRope
LikeFilled
Like
Link
Linkedin
Location
LockOff
LockOnFilled
Lock
LockerRoom
Lockers
LogOut
Loop
MailRead
MailUnread
MapPin
Map
MartialArts
MenuList
MenuMore
Money
Monitor
NetworkOff
NetworkOn
NotificationFilled
NotificationOff
Nutritionist
PaperPin
Paperclip
Password
Pause
PhoneFilled
Phone
PieChart
Pilates
PinFilled
Play
PlayFilled
PlusCircle
Pool
Printer
QRCodeReader
QRCode
Rectangle
Refresh
Restaurant
SearchFilled
Search
Settings
ShareAndroid
ShareIos
ShieldCheck
ShieldSecure
Shower
ShowerTowels
Signal
SmartphoneFilled
Smartphone
SnackBar
SortAscending
SortDescending
Spa
SportsEquipment
StarFilled
Star
SystemStatus
ParkingLot
PriceTag
Time
TimeFilled
Token
Toiletries
TrainingTowels
Trash
TrendingUp
TriangleAlert
Twitter
Upload
Upload2
UserAdd
UserFilled
UserFilledStar
User
Video
VisibilityOff
Visibility
Wallet
Whatsapp
WiFi
Youtube
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/illustrations/illustrations-native/index.html b/components/illustrations/illustrations-native/index.html index a5312033c7..ce9a1aaf0e 100644 --- a/components/illustrations/illustrations-native/index.html +++ b/components/illustrations/illustrations-native/index.html @@ -38,7 +38,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/illustrations/illustrations-web/index.html b/components/illustrations/illustrations-web/index.html index 2a41b8272d..f66a0e2e17 100644 --- a/components/illustrations/illustrations-web/index.html +++ b/components/illustrations/illustrations-web/index.html @@ -54,7 +54,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/illustrations/index.html b/components/illustrations/index.html index 2a8a83ea37..39b07a1972 100644 --- a/components/illustrations/index.html +++ b/components/illustrations/index.html @@ -68,7 +68,7 @@ /* sc-component-id: sc-jzJRlG */ .jHDeaf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:200px;font-size:14px;} /* sc-component-id: sc-cSHVUG */ -.fdoguI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}Yoga - Illustrations
GuidelinesComponentsSystem
\ No newline at end of file +

All Illustrations

Img2d01
Img2d02
Img2d03
Img2d04
Img2d05
Img2d06
Img2d07
Img2d08
Img2d09
Img2d10
Img2d12
Img2d11
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/index.html b/components/index.html index ce5743c09f..d18ff6bb1f 100644 --- a/components/index.html +++ b/components/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Components List Page
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/default-native/index.html b/components/input/default-native/index.html index 6d23cc02f3..18f3ac45bd 100644 --- a/components/input/default-native/index.html +++ b/components/input/default-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
textContentTypestringundefinedfalse
valueunionfalse
styleunion{}false
onBlurfunc() => {}false
onCleancallback invoked when close icon is clickedfunc() => {}false
onFocusfunc() => {}false
hideMaxLengthboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/default-web/index.html b/components/input/default-web/index.html index eb06fb99b3..2ad866e245 100644 --- a/components/input/default-web/index.html +++ b/components/input/default-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/default/index.html b/components/input/default/index.html index 8cc97b4a30..c09f0bde71 100644 --- a/components/input/default/index.html +++ b/components/input/default/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Default Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/email-native/index.html b/components/input/email-native/index.html index 01cb51ff63..4872cdb11a 100644 --- a/components/input/email-native/index.html +++ b/components/input/email-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
textContentTypestringundefinedfalse
valueunionfalse
styleunion{}false
onBlurfunc() => {}false
onCleancallback invoked when close icon is clickedfunc() => {}false
onFocusfunc() => {}false
hideMaxLengthboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/email-web/index.html b/components/input/email-web/index.html index 6118732b34..bcf96d4d1b 100644 --- a/components/input/email-web/index.html +++ b/components/input/email-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/email/index.html b/components/input/email/index.html index 1397d96b20..f427f0ef5e 100644 --- a/components/input/email/index.html +++ b/components/input/email/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Email Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/index.html b/components/input/index.html index e66ed6f48a..a4c9df4847 100644 --- a/components/input/index.html +++ b/components/input/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Input
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/number-native/index.html b/components/input/number-native/index.html index ee9d06d038..369c7a8e50 100644 --- a/components/input/number-native/index.html +++ b/components/input/number-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
textContentTypestringundefinedfalse
valueunionfalse
styleunion{}false
onBlurfunc() => {}false
onCleancallback invoked when close icon is clickedfunc() => {}false
onFocusfunc() => {}false
hideMaxLengthboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/number-web/index.html b/components/input/number-web/index.html index 432cd6dc59..1602845c03 100644 --- a/components/input/number-web/index.html +++ b/components/input/number-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/number/index.html b/components/input/number/index.html index 818a6c74f7..be2a5f5829 100644 --- a/components/input/number/index.html +++ b/components/input/number/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Number Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/password-native/index.html b/components/input/password-native/index.html index 5c714d5edb..37145f5394 100644 --- a/components/input/password-native/index.html +++ b/components/input/password-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
textContentTypestringundefinedfalse
valueunionfalse
styleunion{}false
onBlurfunc() => {}false
onCleancallback invoked when close icon is clickedfunc() => {}false
onFocusfunc() => {}false
hideMaxLengthboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/password-web/index.html b/components/input/password-web/index.html index 0a4272dc4f..017cac21df 100644 --- a/components/input/password-web/index.html +++ b/components/input/password-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/password/index.html b/components/input/password/index.html index c64aaff27f..9ad64182f4 100644 --- a/components/input/password/index.html +++ b/components/input/password/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Password Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/phone-web/index.html b/components/input/phone-web/index.html index 81b0759bf2..1d2fb31477 100644 --- a/components/input/phone-web/index.html +++ b/components/input/phone-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/phone/index.html b/components/input/phone/index.html index 900be1c19b..ae00214219 100644 --- a/components/input/phone/index.html +++ b/components/input/phone/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Phone Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/tel-native/index.html b/components/input/tel-native/index.html index 9f23006409..6f6020345c 100644 --- a/components/input/tel-native/index.html +++ b/components/input/tel-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
textContentTypestringundefinedfalse
valueunionfalse
styleunion{}false
onBlurfunc() => {}false
onCleancallback invoked when close icon is clickedfunc() => {}false
onFocusfunc() => {}false
hideMaxLengthboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/tel-web/index.html b/components/input/tel-web/index.html index f55da325e4..34e79a0466 100644 --- a/components/input/tel-web/index.html +++ b/components/input/tel-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/input/tel/index.html b/components/input/tel/index.html index 7d3d288173..74243958bd 100644 --- a/components/input/tel/index.html +++ b/components/input/tel/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Tel Input
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
childrena children node to override default input componentunionundefinedfalse
cleanabledisplay a close icon to clean the fieldbooltruefalse
disabledboolfalsefalse
errorstringundefinedfalse
fullboolfalsefalse
helpera helper text to be displayed below fieldstringundefinedfalse
labelstringLabelfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valueunionfalse
onChangefunc() => {}false
onCleancallback invoked when close icon is clicked, it returns a empty string to update your statefunc() => {}false
hideMaxLengthwhen max length helper is unnecessary to appearboolfalsefalse
placeholderstringundefinedfalse
rightIconnodeundefinedfalse
a11yIda unique prefix to generate HTML IDs to be used for aria-labelledby and aria-describedbystringundefinedfalse
includeAriaAttributesuseful for components that extend the Input component and have their own ARIA attributes implementation (e.g. Dropdown)booltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/list/index.html b/components/list/index.html index 1a742dc1fe..b383a13446 100644 --- a/components/list/index.html +++ b/components/list/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - List
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
horizontalboolfalsefalse
dividedbooltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/list/list-native/index.html b/components/list/list-native/index.html index 6a2f1f0e77..60c24cca47 100644 --- a/components/list/list-native/index.html +++ b/components/list/list-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/list/list-web/index.html b/components/list/list-web/index.html index e3555f88a7..22f8827f60 100644 --- a/components/list/list-web/index.html +++ b/components/list/list-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
horizontalboolfalsefalse
dividedbooltruefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/menu/index.html b/components/menu/index.html index adcf255596..20b910de70 100644 --- a/components/menu/index.html +++ b/components/menu/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Menu
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/popover/index.html b/components/popover/index.html index 7d25af8595..9fb7e87ae7 100644 --- a/components/popover/index.html +++ b/components/popover/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Popover

Props

PropDescriptionTypeDefaultRequired
a11yIdstringundefinedfalse
childrennodetrue
titlestringundefinedfalse
descriptionstringtrue
positionPosition of the popover relative to the children. Accepted values: bottom-[start|center|end], left-[start|center|end], top-[start|center|end] or right-[start|center|end]enumbottom-centerfalse
widthnumber265false
heightnumber200false
zIndexnumber1false
hoverboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/progress/index.html b/components/progress/index.html index b025fe99d0..043c4defdd 100644 --- a/components/progress/index.html +++ b/components/progress/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Progress
\ No newline at end of file +medium, light, clear, white)enumvervefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/progress/progress-native/index.html b/components/progress/progress-native/index.html index 6ca40aaf65..84bf66122c 100644 --- a/components/progress/progress-native/index.html +++ b/components/progress/progress-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
\ No newline at end of file +medium, light, clear, white)enumvervefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/progress/progress-web/index.html b/components/progress/progress-web/index.html index f41862072a..ec6a2c98a3 100644 --- a/components/progress/progress-web/index.html +++ b/components/progress/progress-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
\ No newline at end of file +medium, light, clear, white)enumvervefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/button-native/index.html b/components/radiogroup/button-native/index.html index 717e716d6d..c375617a75 100644 --- a/components/radiogroup/button-native/index.html +++ b/components/radiogroup/button-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
childrennodetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/button-web/index.html b/components/radiogroup/button-web/index.html index 65ad9289fa..9393e99cbf 100644 --- a/components/radiogroup/button-web/index.html +++ b/components/radiogroup/button-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
namestringfalse
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
fullboolfalsefalse
childrennodenullfalse
styleshape{}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/button/index.html b/components/radiogroup/button/index.html index 96eae9b5e2..c7445db053 100644 --- a/components/radiogroup/button/index.html +++ b/components/radiogroup/button/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - RadioGroup.Button
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
namestringfalse
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
fullboolfalsefalse
childrennodenullfalse
styleshape{}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/index.html b/components/radiogroup/index.html index 65ff1a7ace..4a14902ae1 100644 --- a/components/radiogroup/index.html +++ b/components/radiogroup/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - RadioGroup Component
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/radio-native/index.html b/components/radiogroup/radio-native/index.html index de49bc4e80..c12b70a65d 100644 --- a/components/radiogroup/radio-native/index.html +++ b/components/radiogroup/radio-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +const%20%7B%20useState%20%7D%20=%20React;%0A%0Aconst%20App%20=%20()%20=%3E%20%7B%0A%20%20const%20%5BselectedValue,%20setSelectedValue%5D%20=%20useState('24h');%0A%20%20const%20%5Bcategory,%20setCategory%5D%20=%20useState('Gyms');%0A%0A%20%20return%20(%0A%20%20%20%20%3CThemeProvider%3E%0A%20%20%20%20%20%20%3CView%3E%0A%20%20%20%20%20%20%20%20%3CText%3ERadioGroup.Button%3C/Text%3E%0A%0A%20%20%20%20%20%20%20%20%3CRadioGroup%0A%20%20%20%20%20%20%20%20%20%20selectedValue=%7BselectedValue%7D%0A%20%20%20%20%20%20%20%20%20%20onChange=%7B(%7B%20value%20%7D)%20=%3E%20setSelectedValue(value)%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CRadioGroup.Button%20value=%2224h%22%3E24%20hours%3C/RadioGroup.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%3CRadioGroup.Button%20value=%22now%22%3EOpen%20now%3C/RadioGroup.Button%3E%0A%20%20%20%20%20%20%20%20%20%20%3CRadioGroup.Button%20value=%22sundays%22%3EAt%20Sundays%3C/RadioGroup.Button%3E%0A%20%20%20%20%20%20%20%20%3C/RadioGroup%3E%0A%0A%20%20%20%20%20%20%20%20%3CText%3ERadioGroup.Radio%3C/Text%3E%0A%0A%20%20%20%20%20%20%20%20%3CRadioGroup%0A%20%20%20%20%20%20%20%20%20%20selectedValue=%7Bcategory%7D%0A%20%20%20%20%20%20%20%20%20%20onChange=%7B(%7B%20value%20%7D)%20=%3E%20setCategory(value)%7D%0A%20%20%20%20%20%20%20%20%20%20style=%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20paddingBottom:%2040,%0A%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%20%20%3CRadioGroup.Radio%0A%20%20%20%20%20%20%20%20%20%20%20%20style=%7B%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20marginRight:%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20value=%22Gyms%22%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%20%20%3CRadioGroup.Radio%20value=%22Classes%22%20/%3E%0A%20%20%20%20%20%20%20%20%3C/RadioGroup%3E%0A%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%3CThemeProvider%3E%0A%20%20);%0A%7D;%0A%0Aexport%20default%20App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

RadioGroup

PropDescriptionTypeDefaultRequired
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
childrennodetrue

RadioGroup.Radio

PropDescriptionTypeDefaultRequired
disabledboolfalsefalse
valueunionfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/radio-web/index.html b/components/radiogroup/radio-web/index.html index fb63a6931e..c77b6cf2c3 100644 --- a/components/radiogroup/radio-web/index.html +++ b/components/radiogroup/radio-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

RadioGroup

PropDescriptionTypeDefaultRequired
namestringfalse
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
fullboolfalsefalse
childrennodenullfalse
styleshape{}false

RadioGroup.Radio

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
disabledboolfalsefalse
styleshape{}false
valueunionfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/radiogroup/radio/index.html b/components/radiogroup/radio/index.html index 282d93ec8a..8f0ee0eceb 100644 --- a/components/radiogroup/radio/index.html +++ b/components/radiogroup/radio/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - RadioGroup.Radio
GuidelinesComponentsSystem
\ No newline at end of file +

Props

RadioGroup

PropDescriptionTypeDefaultRequired
namestringfalse
onChangefunc() => {}false
selectedValueunionfalse
smallboolfalsefalse
fullboolfalsefalse
childrennodenullfalse
styleshape{}false

RadioGroup.Radio

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
disabledboolfalsefalse
styleshape{}false
valueunionfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/rating/index.html b/components/rating/index.html index 080c71a994..6669253a46 100644 --- a/components/rating/index.html +++ b/components/rating/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Rating
GuidelinesComponentsSystem
\ No newline at end of file +}falsemaxMaximum ratingnumber5falsereadOnlyfalse to make it interactablebooltruefalseonRateEvent to be fired on clickfuncrating => {}falseonMouseOverfunc() => {}falseonMouseMovefunc() => {}falseonMouseLeavefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/rating/rating-native/index.html b/components/rating/rating-native/index.html index fc1ecf03e5..b0c42b24e8 100644 --- a/components/rating/rating-native/index.html +++ b/components/rating/rating-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file diff --git a/components/rating/rating-web/index.html b/components/rating/rating-web/index.html index 61f0bfa4e1..74b0808e2a 100644 --- a/components/rating/rating-web/index.html +++ b/components/rating/rating-web/index.html @@ -58,7 +58,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +}falsemaxMaximum ratingnumber5falsereadOnlyfalse to make it interactablebooltruefalseonRateEvent to be fired on clickfuncrating => {}falseonMouseOverfunc() => {}falseonMouseMovefunc() => {}falseonMouseLeavefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/result/index.html b/components/result/index.html index 4af7d96ae3..89f0d7edbf 100644 --- a/components/result/index.html +++ b/components/result/index.html @@ -46,7 +46,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Result
GuidelinesComponentsSystem
\ No newline at end of file +examplenumberundefinedfalselimitLabelIf is necessary show a label after the limit.Example + 4 activitiesstringfalsedotsIf shows the dot separator between the itensboolfalsefalserenderItemThe component to render as the item of the list.unionText.Tinyfalse

Props - Result.Tags

PropDescriptionTypeDefaultRequired
itemsProps to generate each Tag. See Tag for detailsarrayOftrue

Props - Result.Button

PropDescriptionTypeDefaultRequired
disabledboolfalsefalse
secondaryboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/result/result-native/index.html b/components/result/result-native/index.html index c3d0a2eecd..f5c151480d 100644 --- a/components/result/result-native/index.html +++ b/components/result/result-native/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem

Props - Result

PropDescriptionTypeDefaultRequired
avatarThe component Avatarnodetrue
attendancesA list with the attendancesarrayOfundefinedfalse
rateThe evaluation of the partnerstringundefinedfalse
titleThe main titlestringtrue
subTitleThe text below the main titlestringundefinedfalse
dividedIf it is to show the divide in the bottomboolfalsefalse
childrenThe chidren necessarynodeundefinedfalse

Props - Result.Details

PropDescriptionTypeDefaultRequired
itemsProps to be passed to each component at `renderItem`arrayOftrue
limitIf has limit of items to show in component.Other with show with + 4 for +examplenumberundefinedfalse
limitLabelIf is necessary show a label after the limit.Example + 4 activitiesstringfalse
dotsIf shows the dot separator between the itensboolfalsefalse
renderItemThe component to render as the item of the list.unionText.Tinyfalse

Props - Result.Tags

PropDescriptionTypeDefaultRequired
itemsProps to generate each Tag. See Tag for detailsarrayOftrue

Props - Result.Button

PropDescriptionTypeDefaultRequired
disabledboolfalsefalse
secondaryboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/skeleton/index.html b/components/skeleton/index.html index d0cb9959e9..a28f62527d 100644 --- a/components/skeleton/index.html +++ b/components/skeleton/index.html @@ -70,7 +70,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Skeleton
GuidelinesComponentsSystem
\ No newline at end of file +It can be 'h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', or 'exception'customundefinedfalseanimationDetermine if the animation will 'pulse' or false;enumpulsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/skeleton/skeleton-native/index.html b/components/skeleton/skeleton-native/index.html index ec22fea9d7..cfae4cbf2f 100644 --- a/components/skeleton/skeleton-native/index.html +++ b/components/skeleton/skeleton-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file diff --git a/components/skeleton/skeleton-web/index.html b/components/skeleton/skeleton-web/index.html index 14f1607b6a..b1aaead5f8 100644 --- a/components/skeleton/skeleton-web/index.html +++ b/components/skeleton/skeleton-web/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +It can be 'h1', 'h2', 'h3', 'h4', 'h5', 'body1', 'body2', 'overline', or 'exception'customundefinedfalseanimationDetermine if the animation will 'pulse' or false;enumpulsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/slider/index.html b/components/slider/index.html index 84e14ee5fa..85beafe118 100644 --- a/components/slider/index.html +++ b/components/slider/index.html @@ -70,7 +70,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Slider
GuidelinesComponentsSystem
\ No newline at end of file +

Showing a tooltip

Is possible to render a tooltip over the marks of slider, to do that you need to pass the tooltip prop. It's takes an array of objects that accepts the current shape:

  • ribbon: string
  • title: string
  • description: string
  • visible: bool (condition that controls tooltip visibility)
  • step: number (a specific step to show the tooltip)

With this array of objects you can render different tooltips, with different messages for each respective step you like.

Props

PropDescriptionTypeDefaultRequired
maxset the max valuenumber10false
maxLabellabel to be displayed at max valueunionundefinedfalse
minset the min valuenumber0false
minLabellabel to be displayed at min valueunionundefinedfalse
snappedmake slider be snap through dotsboolfalsefalse
tooltipaccepts a shape with 'ribbon', 'title', 'description', 'visible' and 'step' propertiesarrayOf[]false
valuesan array that accepts one or two numbers, this determines how many markers will be displayedarrayOf[0]false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/slider/slider-native/index.html b/components/slider/slider-native/index.html index 04434beb89..56bd09e124 100644 --- a/components/slider/slider-native/index.html +++ b/components/slider/slider-native/index.html @@ -46,7 +46,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +const%20%7B%20useState%20%7D%20=%20React;%0A%0Aconst%20App%20=%20()%20=%3E%20%7B%0A%20%20const%20%5Bsimple,%20setSimple%5D%20=%20useState(%5B0%5D);%0A%20%20const%20%5BwithTooltip,%20setWithTooltip%5D%20=%20useState(%5B0,%2010%5D);%0A%20%20const%20%5BoverlapMultiLabel,%20setOverlapMultiLabel%5D%20=%20useState(%5B0,%2010%5D);%0A%20%20const%20%5BsingleSnapped,%20setSingleSnapped%5D%20=%20useState(%5B0%5D);%0A%20%20const%20%5BmultiValues,%20setMultiValues%5D%20=%20useState(%5B0,%207%5D);%0A%0A%20%20return%20(%0A%20%20%20%20%3CThemeProvider%3E%0A%20%20%20%20%20%20%3CScrollView%0A%20%20%20%20%20%20%20%20contentContainerStyle=%7B%7B%0A%20%20%20%20%20%20%20%20%20%20flex:%201,%0A%20%20%20%20%20%20%20%20%20%20alignItems:%20'center',%0A%20%20%20%20%20%20%20%20%20%20justifyContent:%20'center',%0A%20%20%20%20%20%20%20%20%7D%7D%0A%20%20%20%20%20%20%3E%0A%20%20%20%20%20%20%20%20%3CView%20style=%7B%7B%20marginBottom:%2030%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3ESimple%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20%20%20min=%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20max=%7B10%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sliderLength=%7B250%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20values=%7Bsimple%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20step=%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onValuesChange=%7Be%20=%3E%20setSimple(e)%7D%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%3C/View%3E%0A%0A%20%20%20%20%20%20%20%20%3CView%20style=%7B%7B%20marginBottom:%2030%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3EWith%20Tooltip%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20%20%20min=%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20max=%7B10%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sliderLength=%7B250%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20values=%7BwithTooltip%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20step=%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onValuesChange=%7Be%20=%3E%20setWithTooltip(e)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20tooltip=%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ribbon:%20'Ribbon',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Title',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60Description%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20true,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%20%20%20%20%3CView%20style=%7B%7B%20marginBottom:%2030%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3EMulti%20with%20min%20and%20max%20labels%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20%20%20min=%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20max=%7B24%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sliderLength=%7B250%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20values=%7BoverlapMultiLabel%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20step=%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20allowOverlap%0A%20%20%20%20%20%20%20%20%20%20%20%20onValuesChange=%7Be%20=%3E%20setOverlapMultiLabel(e)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20minLabel=%7B%60$%7BoverlapMultiLabel%5B0%5D%7D%20h%60%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20maxLabel=%7B%60$%7BoverlapMultiLabel%5B1%5D%7D%20h%60%7D%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%20%20%20%20%3CView%20style=%7B%7B%20marginBottom:%2030%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3ESnapped%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20%20%20min=%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20max=%7B10%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sliderLength=%7B250%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20values=%7BsingleSnapped%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onValuesChange=%7Be%20=%3E%20setSingleSnapped(e)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20step=%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20snapped%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%20%20%20%20%3CView%20style=%7B%7B%20marginBottom:%2030%20%7D%7D%3E%0A%20%20%20%20%20%20%20%20%20%20%3CText%3EPlans%3C/Text%3E%0A%20%20%20%20%20%20%20%20%20%20%3CSlider%0A%20%20%20%20%20%20%20%20%20%20%20%20max=%7B7%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20min=%7B0%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20onValuesChange=%7Be%20=%3E%20setMultiValues(e)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20sliderLength=%7B250%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20snapped%0A%20%20%20%20%20%20%20%20%20%20%20%20step=%7B1%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20values=%7BmultiValues%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20allowOverlap%0A%20%20%20%20%20%20%20%20%20%20%20%20tooltip=%7B%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2019,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%200%20&&%20multiValues%5B1%5D%20===%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2029,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%201%20&&%20multiValues%5B1%5D%20===%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2059,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%202%20&&%20multiValues%5B1%5D%20===%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2099,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%203%20&&%20multiValues%5B1%5D%20===%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20159,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%204%20&&%20multiValues%5B1%5D%20===%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20279,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%205%20&&%20multiValues%5B1%5D%20===%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20379,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%206%20&&%20multiValues%5B1%5D%20===%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Only',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20429,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%207%20&&%20multiValues%5B1%5D%20===%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2019,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2029,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2059,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2099,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20159,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20279,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ribbon:%20'My%20plan',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20379,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20429,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Start%20from',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2019,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B0%5D%20===%200,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2029,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%201,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2059,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%202,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%2099,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%203,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20159,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%204,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20279,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%205,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20ribbon:%20'My%20plan',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20379,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%206,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20title:%20'Up%20to',%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20description:%20%60U$%20429,90%60,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20step:%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20visible:%20multiValues%5B1%5D%20===%207,%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D,%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%7D%0A%20%20%20%20%20%20%20%20%20%20/%3E%0A%20%20%20%20%20%20%20%20%3C/View%3E%0A%20%20%20%20%20%20%3C/ScrollView%3E%0A%20%20%20%20%3C/ThemeProvider%3E%0A%20%20);%0A%7D;%0A%0Aexport%20default%20App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Showing a tooltip

Is possible to render a tooltip over the marks of slider, to do that you need to pass the tooltip prop. It's takes an array of objects that accepts the current shape:

  • ribbon: string
  • title: string
  • description: string
  • visible: bool (condition that controls tooltip visibility)
  • step: number (a specific step to show the tooltip)

With this array of objects you can render different tooltips, with different messages for each respective step you like.

Props

PropDescriptionTypeDefaultRequired
maxset the max valuenumber10false
maxLabellabel to be displayed at max valueunionundefinedfalse
minset the min valuenumber0false
minLabellabel to be displayed at min valueunionundefinedfalse
sliderLengthnumber280false
snappedmake slider be snap through dotsboolfalsefalse
tooltipaccepts a shape with 'ribbon', 'title', 'description', 'visible' and 'step' propertiesarrayOf[]false
valuesan array that accepts one or two numbers, this determines how many markers will be displayedarrayOf[0]false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/slider/slider-web/index.html b/components/slider/slider-web/index.html index b163b244f1..e7b36208e9 100644 --- a/components/slider/slider-web/index.html +++ b/components/slider/slider-web/index.html @@ -64,7 +64,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Showing a tooltip

Is possible to render a tooltip over the marks of slider, to do that you need to pass the tooltip prop. It's takes an array of objects that accepts the current shape:

  • ribbon: string
  • title: string
  • description: string
  • visible: bool (condition that controls tooltip visibility)
  • step: number (a specific step to show the tooltip)

With this array of objects you can render different tooltips, with different messages for each respective step you like.

Props

PropDescriptionTypeDefaultRequired
maxset the max valuenumber10false
maxLabellabel to be displayed at max valueunionundefinedfalse
minset the min valuenumber0false
minLabellabel to be displayed at min valueunionundefinedfalse
snappedmake slider be snap through dotsboolfalsefalse
tooltipaccepts a shape with 'ribbon', 'title', 'description', 'visible' and 'step' propertiesarrayOf[]false
valuesan array that accepts one or two numbers, this determines how many markers will be displayedarrayOf[0]false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/snackbar/index.html b/components/snackbar/index.html index 0de3df8a4c..18777c05e5 100644 --- a/components/snackbar/index.html +++ b/components/snackbar/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Snackbar

Props

PropDescriptionTypeDefaultRequired
openControls the snackbar visibility.boolfalsefalse
messageThe message shown when snackbar is opened.stringtrue
onCloseFunction to close the snackbar.functrue
durationA number in milliseconds to close snackbar automaticaly.numberundefinedfalse
actionLabelLabel for a custom action.stringundefinedfalse
hideIconControls the snackbar icon visibility.boolfalsefalse
onActionFunction for the custom action. The `actionLabel` becomes required when passing this function.funcundefinedfalse
variantThe style variant, it may be "success", "failure" or "info".enumsuccessfalse
hideCloseButtonHides the close button.boolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/snackbar/snackbar-native/index.html b/components/snackbar/snackbar-native/index.html index bfccaf6de5..c4e4662aba 100644 --- a/components/snackbar/snackbar-native/index.html +++ b/components/snackbar/snackbar-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +const%20%7B%20createRef%20%7D%20=%20React;%0A%0Aconst%20App%20=%20()%20=%3E%20%7B%0A%20%20const%20snackbarRef%20=%20createRef();%0A%0A%20%20const%20handleOpenSnackbar%20=%20()%20=%3E%20%7B%0A%20%20%20%20snackbarRef.current.open();%0A%20%20%7D;%0A%0A%20%20return%20(%0A%20%20%20%20%3CView%20flex=%7B1%7D%20width=%22100%25%22%20alignItems=%22center%22%3E%0A%20%20%20%20%20%20%3CButton%20onPress=%7BhandleOpenSnackbar%7D%3ETap%20to%20open%20snackbar%3C/Button%3E%0A%0A%20%20%20%20%20%20%3CSnackbar%0A%20%20%20%20%20%20%20%20variant=%22success%22%0A%20%20%20%20%20%20%20%20icon=%7BCheckedFull%7D%0A%20%20%20%20%20%20%20%20message=%22Feedback%20message.%22%0A%20%20%20%20%20%20%20%20actionLabel=%22Action%22%0A%20%20%20%20%20%20%20%20onAction=%7B()%20=%3E%20%7B%7D%7D%0A%20%20%20%20%20%20%20%20duration=%22default%22%0A%20%20%20%20%20%20%20%20bottomOffset=%7B0%7D%0A%20%20%20%20%20%20%20%20ref=%7BsnackbarRef%7D%0A%20%20%20%20%20%20/%3E%0A%20%20%20%20%3C/View%3E%0A%20%20);%0A%20%20%0A%7D;%0Aexport%20default%20App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
variantThe style variant change the color of the component, it may be "success", "informative" or "attention".enumsuccessfalse
iconCan be any icon of yoga-icons.elementTypeundefinedfalse
messageThe message shown when snackbar is opened. The maximum number of lines is two.stringfalse
actionLabelLabel for a custom action.stringundefinedfalse
onActionFunction for the custom action. The `actionLabel` becomes required when passing this function.funcundefinedfalse
onSnackbarCloseCallback function triggered by the Snackbar close action. Can be used for events, for example.funcundefinedfalse
durationThe duration sets how long it will take to close snackbar automatically, it may be "fast" (4 seconds), "default" (8 seconds), "slow" (10 seconds) or "indefinite" (it doesn't close automatically).enumdefaultfalse
bottomOffsetAdd extra margin to Snackbar. Can be useful for SafeAreaView or button cases.number0false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/snackbar/snackbar-web/index.html b/components/snackbar/snackbar-web/index.html index 6b7efa9e41..f95f63628b 100644 --- a/components/snackbar/snackbar-web/index.html +++ b/components/snackbar/snackbar-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System

Props

PropDescriptionTypeDefaultRequired
openControls the snackbar visibility.boolfalsefalse
messageThe message shown when snackbar is opened.stringtrue
onCloseFunction to close the snackbar.functrue
durationA number in milliseconds to close snackbar automaticaly.numberundefinedfalse
actionLabelLabel for a custom action.stringundefinedfalse
hideIconControls the snackbar icon visibility.boolfalsefalse
onActionFunction for the custom action. The `actionLabel` becomes required when passing this function.funcundefinedfalse
variantThe style variant, it may be "success", "failure" or "info".enumsuccessfalse
hideCloseButtonHides the close button.boolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/stepper/index.html b/components/stepper/index.html index ea474dfd3b..b3cc5e5211 100644 --- a/components/stepper/index.html +++ b/components/stepper/index.html @@ -68,7 +68,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Stepper
GuidelinesComponentsSystem
\ No newline at end of file +step. Starting from 0.custom0falsesecondaryboolfalsefalse

Stepper.Step

PropDescriptionTypeDefaultRequired
labelLabel to be displayed below the stepper dot.stringtrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/stepper/stepper-native/index.html b/components/stepper/stepper-native/index.html index fcc0d826cb..173b15786e 100644 --- a/components/stepper/stepper-native/index.html +++ b/components/stepper/stepper-native/index.html @@ -44,7 +44,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +step. Starting from 0.custom0falsesecondaryUse secondary colorboolfalsefalse

Stepper.Step

PropDescriptionTypeDefaultRequired
labelLabel to be displayed below the stepper dot.stringtrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/stepper/stepper-web/index.html b/components/stepper/stepper-web/index.html index 90ae351dd1..25e7cafa96 100644 --- a/components/stepper/stepper-web/index.html +++ b/components/stepper/stepper-web/index.html @@ -62,7 +62,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +step. Starting from 0.custom0falsesecondaryboolfalsefalse

Stepper.Step

PropDescriptionTypeDefaultRequired
labelLabel to be displayed below the stepper dot.stringtrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/default-native/index.html b/components/tag/default-native/index.html index 2430daebf1..57e4990c64 100644 --- a/components/tag/default-native/index.html +++ b/components/tag/default-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

The Tag component also has support for margins props as you can see more details our system

PropDescriptionTypeDefaultRequired
variantstyle the tag following the theme (success, informative, attention)enumfalse
smallCan send small to use this variantboolfalsefalse
childrennodetrue
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/default-web/index.html b/components/tag/default-web/index.html index 8bd39f3abd..bc60d26583 100644 --- a/components/tag/default-web/index.html +++ b/components/tag/default-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

The Tag component also has support for margins props as you can see more details our system

PropDescriptionTypeDefaultRequired
variantstyle the tag following the theme (success, informative, attention)enumfalse
childrennodetrue
smallCan send small to use this variantboolfalsefalse
ellipsisAfter set a max-width can put ellipses for large textsboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/default/index.html b/components/tag/default/index.html index 660db36661..200092810a 100644 --- a/components/tag/default/index.html +++ b/components/tag/default/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Tag
GuidelinesComponentsSystem
\ No newline at end of file +

Props

The Tag component also has support for margins props as you can see more details our system

PropDescriptionTypeDefaultRequired
variantstyle the tag following the theme (success, informative, attention)enumfalse
childrennodetrue
smallCan send small to use this variantboolfalsefalse
ellipsisAfter set a max-width can put ellipses for large textsboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/index.html b/components/tag/index.html index 08426e5269..2d21e10372 100644 --- a/components/tag/index.html +++ b/components/tag/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Tags
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/informative-native/index.html b/components/tag/informative-native/index.html index 6ac75f9d9d..9bb8d5153b 100644 --- a/components/tag/informative-native/index.html +++ b/components/tag/informative-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

The Tag component also has support for margins props as you can see more details our system

PropDescriptionTypeDefaultRequired
variantstyle the tag following the theme (neutral, success, informative, attention)enumneutralfalse
iconfuncundefinedfalse
childrennodetrue
smallCan send small to use this variantboolfalsefalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/informative-web/index.html b/components/tag/informative-web/index.html index cf8eeedd28..6c01c5c148 100644 --- a/components/tag/informative-web/index.html +++ b/components/tag/informative-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
variantValues: neutral, success, informative, attentionenumneutralfalse
iconIcon reference from our libraryfuncundefinedfalse
childrenThe tag's contentnodetrue
smallThe tag's sizeboolfalsefalse
ellipsisAfter set a max-width can put ellipses for large textsboolfalsefalse

The Tag component also has support for margins props as you can see more details our system

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/tag/informative/index.html b/components/tag/informative/index.html index f6a1504b26..fa12dd815d 100644 --- a/components/tag/informative/index.html +++ b/components/tag/informative/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Tag.Informative
GuidelinesComponentsSystem
\ No newline at end of file +

Props

PropDescriptionTypeDefaultRequired
variantValues: neutral, success, informative, attentionenumneutralfalse
iconIcon reference from our libraryfuncundefinedfalse
childrenThe tag's contentnodetrue
smallThe tag's sizeboolfalsefalse
ellipsisAfter set a max-width can put ellipses for large textsboolfalsefalse

The Tag component also has support for margins props as you can see more details our system

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/text/default-native/index.html b/components/text/default-native/index.html index 217bf9ced2..114070c3cf 100644 --- a/components/text/default-native/index.html +++ b/components/text/default-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-illustrations,@gympass/yoga-system,@gympass/yoga,@gympass/yoga-helpers,@gympass/yoga-icons,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

Text component also has support for system props as you can see here

PropDescriptionTypeDefaultRequired
invertedboolfalsefalse
variant(deprecated: use color instead) style the text following the themecustomundefinedfalse
size(deprecated: use fontSize instead) style the text following the themecustomundefinedfalse
lightset the font-weight to regularboolfalsefalse
fontSizecustommediumfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/text/default-web/index.html b/components/text/default-web/index.html index 34f1d83e6c..e127e6ee9d 100644 --- a/components/text/default-web/index.html +++ b/components/text/default-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +(SSR) you need to import the <FontLoader /> in your <Head>.

Props

Text component also has support for system props as you can see here

PropDescriptionTypeDefaultRequired
invertedboolfalsefalse
numberOfLinesnumberundefinedfalse
variant(deprecated: use color instead) style the text following the themecustomundefinedfalse
size(deprecated: use fontSize instead) style the text following the themecustomundefinedfalse
lightset the font-weight to regularboolfalsefalse
fontSizecustommediumfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/text/index.html b/components/text/index.html index b1b399c182..11f35c6cf7 100644 --- a/components/text/index.html +++ b/components/text/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Text
GuidelinesComponentsSystem
\ No newline at end of file +(SSR) you need to import the <FontLoader /> in your <Head>.

Props

Text component also has support for system props as you can see here

PropDescriptionTypeDefaultRequired
invertedboolfalsefalse
numberOfLinesnumberundefinedfalse
variant(deprecated: use color instead) style the text following the themecustomundefinedfalse
size(deprecated: use fontSize instead) style the text following the themecustomundefinedfalse
lightset the font-weight to regularboolfalsefalse
fontSizecustommediumfalse
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/textarea/index.html b/components/textarea/index.html index 01915b6767..e6b722ce29 100644 --- a/components/textarea/index.html +++ b/components/textarea/index.html @@ -66,7 +66,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - TextArea

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
disabledboolfalsefalse
errorA error text to be displayed below fieldstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
placeholderstringundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valuestringfalse
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/textarea/textarea-native/index.html b/components/textarea/textarea-native/index.html index 70975f85aa..59bc162bdd 100644 --- a/components/textarea/textarea-native/index.html +++ b/components/textarea/textarea-native/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System
GuidelinesComponentsSystem
\ No newline at end of file +export default App;" data-snack-dependencies="@gympass/yoga-icons,@gympass/yoga-helpers,@gympass/yoga,@gympass/yoga-system,@gympass/yoga-illustrations,react-native,@react-native-picker/picker,react,react-native,styled-components,react-native-svg,react-is" class="SnackEmbed__Snack-sc-1v5h7rx-0 ihuILh">

Props

PropDescriptionTypeDefaultRequired
disabledboolfalsefalse
errorA error text to be displayed below fieldstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
readOnlyboolfalsefalse
valuestringfalse
onBlurfunc() => {}false
onChangeTextfunc() => {}false
onFocusfunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/textarea/textarea-web/index.html b/components/textarea/textarea-web/index.html index 5c7d0f3df1..dfb450b0da 100644 --- a/components/textarea/textarea-web/index.html +++ b/components/textarea/textarea-web/index.html @@ -60,7 +60,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Gympass Design System

Props

PropDescriptionTypeDefaultRequired
classNamestringundefinedfalse
disabledboolfalsefalse
errorA error text to be displayed below fieldstringundefinedfalse
fullboolfalsefalse
helperA helper text to be displayed below fieldstringundefinedfalse
labelstringfalse
maxLengthmaximum length (number of characters) of valuenumberundefinedfalse
placeholderstringundefinedfalse
readOnlyboolfalsefalse
styleshapeundefinedfalse
valuestringfalse
onChangefunc() => {}false
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/borders/index.html b/components/theming/borders/index.html index 879f742278..f51f72fd98 100644 --- a/components/theming/borders/index.html +++ b/components/theming/borders/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Borders
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/breakpoints/index.html b/components/theming/breakpoints/index.html index 13d04a771c..10b3346b97 100644 --- a/components/theming/breakpoints/index.html +++ b/components/theming/breakpoints/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Breakpoints
GuidelinesComponentsSystem

Breakpoints

A breakpoint maps the screen size with its layout requirements.

Usage

This is a simple usage:

import styled from 'styled-components';
import { theme } from '@gympass/yoga';
const MyCoolComponent = styled.div`
  width: ${theme.breakpoints.xxs}px;
`;
ThemeWidthMarginGutter
breakpoints.xxs02016
breakpoints.xs3602016
breakpoints.sm4802016
breakpoints.md7682016
breakpoints.lg10247124
breakpoints.xl12007124
breakpoints.xxl13667124
breakpoints.xxxl16007124
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/colors/index.html b/components/theming/colors/index.html index 9436a07e1d..59171630c1 100644 --- a/components/theming/colors/index.html +++ b/components/theming/colors/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Colors
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/elevations/index.html b/components/theming/elevations/index.html index 78494477d6..8f30f187a4 100644 --- a/components/theming/elevations/index.html +++ b/components/theming/elevations/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Elevations
\ No newline at end of file +app light theme templates).

import styled from 'styled-components';
import { theme } from '@gympass/yoga';
const MyCoolComponent = styled.div`
  box-shadow: ${theme.elevations.medium};
`;
theme.elevations.zero
theme.elevations[0]
value: 0 0 0 rgba(0, 0, 0, 0)
theme.elevations.small
theme.elevations[1]
value: 0 2px 4px -1px rgba(152, 152, 166, 0.2),0 4px 5px 0px rgba(152, 152, 166, 0.14),0 1px 10px 0px rgba(152, 152, 166, 0.12)
theme.elevations.medium
theme.elevations[2]
value: 0 5px 5px -3px rgba(152, 152, 166, 0.2),0 8px 10px 1px rgba(152, 152, 166, 0.14),0 3px 14px 2px rgba(152, 152, 166, 0.12)
theme.elevations.large
theme.elevations[3]
value: 0 7px 8px -4px rgba(152, 152, 166, 0.2),0 12px 17px 2px rgba(152, 152, 166, 0.14),0 5px 22px 4px rgba(152, 152, 166, 0.12)
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/font-sizes/index.html b/components/theming/font-sizes/index.html index 2ff063ba82..c5f6c15404 100644 --- a/components/theming/font-sizes/index.html +++ b/components/theming/font-sizes/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Font-Sizes
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/font-weights/index.html b/components/theming/font-weights/index.html index 364082c155..5dba686352 100644 --- a/components/theming/font-weights/index.html +++ b/components/theming/font-weights/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Font-Weights
GuidelinesComponentsSystem

Font-Weights

Font Weights define the weight of a typography to express relevance.

Usage

This is a simple usage:

import styled from 'styled-components';
import { theme } from '@gympass/yoga';
const MyCoolComponent = styled.div`
  font-weight: ${theme.fontWeights.medium};
`;
300light
400regular
500medium
700bold
900black
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/fonts/index.html b/components/theming/fonts/index.html index 9e22602f9d..920352732f 100644 --- a/components/theming/fonts/index.html +++ b/components/theming/fonts/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Fonts
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/index.html b/components/theming/index.html index fb2485c352..e9b0162980 100644 --- a/components/theming/index.html +++ b/components/theming/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theming
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/line-heights/index.html b/components/theming/line-heights/index.html index ad44d98c03..80f5ebe7f8 100644 --- a/components/theming/line-heights/index.html +++ b/components/theming/line-heights/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme LineHeights
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/shapes/index.html b/components/theming/shapes/index.html index 05a4ca1d59..59f1e86ea0 100644 --- a/components/theming/shapes/index.html +++ b/components/theming/shapes/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Shapes
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/spacing/index.html b/components/theming/spacing/index.html index 1303d1cba4..993004b478 100644 --- a/components/theming/spacing/index.html +++ b/components/theming/spacing/index.html @@ -42,7 +42,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme Spacing
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/theme/index.html b/components/theming/theme/index.html index 83a90a03ce..c808deedd8 100644 --- a/components/theming/theme/index.html +++ b/components/theming/theme/index.html @@ -38,7 +38,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Theme
GuidelinesComponentsSystem
\ No newline at end of file +the pattern of Component.theme.js.

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/themeGenerator/index.html b/components/theming/themeGenerator/index.html index 39ce2e51b9..948d4dfeaa 100644 --- a/components/theming/themeGenerator/index.html +++ b/components/theming/themeGenerator/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Creating a custom theme
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/themeProvider/index.html b/components/theming/themeProvider/index.html index fe8d43ce1b..a11884fec2 100644 --- a/components/theming/themeProvider/index.html +++ b/components/theming/themeProvider/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - ThemeProvider
GuidelinesComponentsSystem
\ No newline at end of file +global theming for now.

Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/components/theming/themereader/index.html b/components/theming/themereader/index.html index 7023591729..4eebaca545 100644 --- a/components/theming/themereader/index.html +++ b/components/theming/themereader/index.html @@ -40,7 +40,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - ThemeReader
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/index.html b/guidelines/index.html index efd3e5d5ed..e7996dac05 100644 --- a/guidelines/index.html +++ b/guidelines/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Guidelines
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/borders/index.html b/guidelines/tokens/borders/index.html index 491826be5b..2b740633f5 100644 --- a/guidelines/tokens/borders/index.html +++ b/guidelines/tokens/borders/index.html @@ -40,7 +40,7 @@ /* sc-component-id: Wrapper-sc-1pywwly-0 */ .kRtKCe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;} /* sc-component-id: Cards__Card-sc-12si8kh-0 */ -.iBAVPC{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-width:0px;}.eoHyQB{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-width:1px;}.gMpLCI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-width:2px;}Yoga - Borders
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/breakpoints/index.html b/guidelines/tokens/breakpoints/index.html index 5de91a27dc..58f5cc04d9 100644 --- a/guidelines/tokens/breakpoints/index.html +++ b/guidelines/tokens/breakpoints/index.html @@ -36,7 +36,7 @@ /* sc-component-id: Tab-sc-jbx3ar-0 */ .bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;} /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ -.jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;}Yoga - Breakpoints
GuidelinesComponentsSystem

Breakpoints

A breakpoint maps the screen size with its layout requirements.

TokenAliasWidthMarginGutter
breakpoints[0]breakpoints.xxs02016
breakpoints[1]breakpoints.xs3602016
breakpoints[2]breakpoints.sm4802016
breakpoints[3]breakpoints.md7682016
breakpoints[4]breakpoints.lg10247124
breakpoints[5]breakpoints.xl12007124
breakpoints[6]breakpoints.xxl13667124
breakpoints[7]breakpoints.xxxl16007124
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/colors/index.html b/guidelines/tokens/colors/index.html index 89f153a92b..a9c520c476 100644 --- a/guidelines/tokens/colors/index.html +++ b/guidelines/tokens/colors/index.html @@ -44,7 +44,7 @@ /* sc-component-id: Colors__Title-sc-as4pyp-1 */ .elTQgh{display:block;padding:10px 0;font-size:16px;text-transform:uppercase;} /* sc-component-id: Colors__Color-sc-as4pyp-2 */ -.HzzUP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#D8385E;}.gztUrX{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#1D856C;}.fevUDJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FFC24C;}.hYOHCz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#5340C9;}.vBaqZ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FFB0A7;}.gYAxnv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FF874C;}.feFjXt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#CA4808;}.lmQts{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FF4438;}.iavrsL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#710252;}.eunhJv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FFEEF2;}.dMZqnQ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#C1EEDB;}.KWIZO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#E0DFFF;}.bGEjho{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FCD6C3;}.OKgSa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#231B22;}.euivdT{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#6B6B78;}.hOnXNI{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#9898A6;}.fhSSpG{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#D7D7E0;}.kIUCdB{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#F5F5FA;}.hdFruh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;background-color:#FFFFFF;}Yoga - Colors
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/elevations/index.html b/guidelines/tokens/elevations/index.html index 72fd9130fe..f734cffbaa 100644 --- a/guidelines/tokens/elevations/index.html +++ b/guidelines/tokens/elevations/index.html @@ -40,7 +40,7 @@ /* sc-component-id: Wrapper-sc-1pywwly-0 */ .kRtKCe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;} /* sc-component-id: Cards__Card-sc-12si8kh-0 */ -.hJfQHn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);box-shadow:0 0 0 rgba(0,0,0,0);}.etAGOw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);box-shadow:0 2px 4px -1px rgba(152,152,166,0.2),0 4px 5px 0px rgba(152,152,166,0.14),0 1px 10px 0px rgba(152,152,166,0.12);}.fnxged{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);box-shadow:0 5px 5px -3px rgba(152,152,166,0.2),0 8px 10px 1px rgba(152,152,166,0.14),0 3px 14px 2px rgba(152,152,166,0.12);}.jBiUCZ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);box-shadow:0 7px 8px -4px rgba(152,152,166,0.2),0 12px 17px 2px rgba(152,152,166,0.14),0 5px 22px 4px rgba(152,152,166,0.12);}Yoga - Elevations
GuidelinesComponentsSystem
\ No newline at end of file +app light theme templates).

token: elevations[0]alias: elevations.zerovalue: 0 0 0 rgba(0, 0, 0, 0)
token: elevations[1]alias: elevations.smallvalue: 0 2px 4px -1px rgba(152, 152, 166, 0.2),0 4px 5px 0px rgba(152, 152, 166, 0.14),0 1px 10px 0px rgba(152, 152, 166, 0.12)
token: elevations[2]alias: elevations.mediumvalue: 0 5px 5px -3px rgba(152, 152, 166, 0.2),0 8px 10px 1px rgba(152, 152, 166, 0.14),0 3px 14px 2px rgba(152, 152, 166, 0.12)
token: elevations[3]alias: elevations.largevalue: 0 7px 8px -4px rgba(152, 152, 166, 0.2),0 12px 17px 2px rgba(152, 152, 166, 0.14),0 5px 22px 4px rgba(152, 152, 166, 0.12)
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/font-sizes/index.html b/guidelines/tokens/font-sizes/index.html index 3e7f3bc7f2..eb4e2bfe7a 100644 --- a/guidelines/tokens/font-sizes/index.html +++ b/guidelines/tokens/font-sizes/index.html @@ -38,7 +38,7 @@ /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ .jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;} /* sc-component-id: Tokens__Example-sc-1bnsqfz-1 */ -.bsRuob{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:10px;}.ksfQHJ{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:12px;}.dGkCbe{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:14px;}.jGotrP{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:16px;}.dYGHpb{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:20px;}.kPjBfr{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:24px;}.eXDRVg{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:32px;}.fviqNl{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:40px;}.hCWynt{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-size:48px;}Yoga - Font-Sizes
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/font-weights/index.html b/guidelines/tokens/font-weights/index.html index a3161103f7..cf100546df 100644 --- a/guidelines/tokens/font-weights/index.html +++ b/guidelines/tokens/font-weights/index.html @@ -38,7 +38,7 @@ /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ .jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;} /* sc-component-id: Tokens__Example-sc-1bnsqfz-1 */ -.cItHpj{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-weight:300;}.dBuouh{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-weight:400;}.hMWpYA{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-weight:500;}.iBpGbg{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-weight:700;}.cvDpgo{display:inline-block;width:100%;background-color:transparent;font-family:'Rubik';font-weight:900;}Yoga - Font-Weights
GuidelinesComponentsSystem

Font-Weights

Font Weights define the weight of a typography to express relevance.

TokenAliasValueExample
fontWeights[0]fontWeights.light300Gympass
fontWeights[1]fontWeights.regular400Gympass
fontWeights[2]fontWeights.medium500Gympass
fontWeights[3]fontWeights.bold700Gympass
fontWeights[4]fontWeights.black900Gympass
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/fonts/index.html b/guidelines/tokens/fonts/index.html index be714b034f..f0479150ed 100644 --- a/guidelines/tokens/fonts/index.html +++ b/guidelines/tokens/fonts/index.html @@ -36,7 +36,7 @@ /* sc-component-id: Tab-sc-jbx3ar-0 */ .bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;} /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ -.jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;}Yoga - Fonts
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/index.html b/guidelines/tokens/index.html index abbf84d0c2..47a88452c4 100644 --- a/guidelines/tokens/index.html +++ b/guidelines/tokens/index.html @@ -30,7 +30,7 @@ /* sc-component-id: TabBar-sc-1ophav4-0 */ .fRvfMf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;height:64px;width:100%;background-color:#fff;box-shadow:0 -2px 2px #F5F5FA;color:#6B6B78;z-index:2;} @media (min-width:900px){.fRvfMf{display:none;}} /* sc-component-id: Tab-sc-jbx3ar-0 */ -.bxOfxl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;border-top:2px solid transparent;font-size:12px;} .bxOfxl.active{border-top-color:#D8385E;color:#D8385E;} .bxOfxl.active svg{fill:#D8385E;} .bxOfxl svg{width:32px;height:32px;margin-bottom:4px;fill:#9898A6;}Yoga - Design Tokens
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/line-heights/index.html b/guidelines/tokens/line-heights/index.html index 09448b1e0e..ff922eb621 100644 --- a/guidelines/tokens/line-heights/index.html +++ b/guidelines/tokens/line-heights/index.html @@ -38,7 +38,7 @@ /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ .jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;} /* sc-component-id: Tokens__Example-sc-1bnsqfz-1 */ -.jxgtbP{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:12px;}.bqavka{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:16px;}.iwvOUj{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:20px;}.fMrlQl{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:24px;}.ixHsUf{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:28px;}.iAOXqT{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:32px;}.exeFkG{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:40px;}.bXGRdN{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:48px;}.hGHDhk{display:inline-block;width:100%;background-color:rgba(215,215,224,0.7);font-family:'Rubik';line-height:56px;}Yoga - Line-Heights
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/radii/index.html b/guidelines/tokens/radii/index.html index 10986b24f7..92a9486e88 100644 --- a/guidelines/tokens/radii/index.html +++ b/guidelines/tokens/radii/index.html @@ -40,7 +40,7 @@ /* sc-component-id: Wrapper-sc-1pywwly-0 */ .kRtKCe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;} /* sc-component-id: Cards__Card-sc-12si8kh-0 */ -.ijKgqi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-radius:0px;}.jsoaaW{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-radius:4px;}.cJAQEP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-radius:8px;}.junFhC{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-radius:16px;}.gvQZLr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:200px;height:200px;margin:10px 20px 10px 0;padding:8px;background:#FFFFFF;border:1px solid rgba(215,215,224,0.7);border-radius:9999px;}Yoga - Shapes
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/guidelines/tokens/spacing/index.html b/guidelines/tokens/spacing/index.html index 4e52113bce..077e20de98 100644 --- a/guidelines/tokens/spacing/index.html +++ b/guidelines/tokens/spacing/index.html @@ -38,7 +38,7 @@ /* sc-component-id: Tokens__StyledTable-sc-1bnsqfz-0 */ .jGFoEB{width:100%;margin:0;border-collapse:collapse;font-family:monospace;} .jGFoEB thead{font-family:'neue-haas-grotesk-display';} .jGFoEB thead th{padding:14px 12px 12px;border:none;font-weight:normal;text-align:left;} .jGFoEB tbody td{padding:14px 12px 12px;border:none;border-top:1px solid rgba(215,215,224,0.7);} .jGFoEB tbody td:first-child{font-weight:700;} /* sc-component-id: Tokens__Example-sc-1bnsqfz-1 */ -.hWrQin{display:inline-block;width:0px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:0px;}.dXfcPl{display:inline-block;width:4px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:4px;}.jGgAjM{display:inline-block;width:8px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:8px;}.ljDqKR{display:inline-block;width:12px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:12px;}.kazKmA{display:inline-block;width:16px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:16px;}.kFavzY{display:inline-block;width:20px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:20px;}.gyQAkb{display:inline-block;width:24px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:24px;}.cExtGX{display:inline-block;width:32px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:32px;}.fNaqsl{display:inline-block;width:40px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:40px;}.koiVya{display:inline-block;width:56px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:56px;}.cGbyWN{display:inline-block;width:72px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:72px;}.fLViaN{display:inline-block;width:80px;background-color:rgba(215,215,224,0.7);font-family:'Rubik';height:80px;}Yoga - Spacing
GuidelinesComponentsSystem
Made with ❤️ by Gympass • github
\ No newline at end of file diff --git a/index.html b/index.html index 19254f7439..1f204f68f0 100644 --- a/index.html +++ b/index.html @@ -26,4 +26,4 @@ /* sc-component-id: pages__BoxWrapper-sc-1fw18q2-3 */ .hUTNMA{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} /* sc-component-id: pages__Version-sc-1fw18q2-4 */ -.hMFscT{-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;font-size:16px;}Yoga • Design System
\ No newline at end of file +.hMFscT{-webkit-text-decoration:none;text-decoration:none;color:#6B6B78;font-size:16px;}Yoga • Design System
\ No newline at end of file diff --git a/page-data/app-data.json b/page-data/app-data.json index 422b3c5fcf..b9e82f5097 100644 --- a/page-data/app-data.json +++ b/page-data/app-data.json @@ -1 +1 @@ -{"webpackCompilationHash":"2dcefd029eef080dbf8f"} +{"webpackCompilationHash":"f7f06fd62406668d239b"} diff --git a/page-data/components/accordion/page-data.json b/page-data/components/accordion/page-data.json index b021f12706..622fb3a70d 100644 --- a/page-data/components/accordion/page-data.json +++ b/page-data/components/accordion/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/accordion","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7af0b125-c1fa-5d95-8340-8a9606265ede","title":"Accordion","slug":"/components/components/accordion/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Accordion\",\n \"metaTitle\": \"Accordion\",\n \"metaDescription\": \"Accordion component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"accordion\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#accordion\",\n \"aria-label\": \"accordion permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Accordion\"), mdx(\"p\", null, \"The Accordion component is a container where we can insert contents inside it, we can show or hide them.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"basic\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#basic\",\n \"aria-label\": \"basic permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-subtitle\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-subtitle\",\n \"aria-label\": \"with subtitle permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With subtitle\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"without-horizontal-padding\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#without-horizontal-padding\",\n \"aria-label\": \"without horizontal padding permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without horizontal padding\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"expanded\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#expanded\",\n \"aria-label\": \"expanded permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Expanded\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n\\n \\n Item 3\\n \\n\\n \\n Item 4\\n \\n\\n \\n Item 5\\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n\\n \\n Item 3\\n \\n\\n \\n Item 4\\n \\n\\n \\n Item 5\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-summary\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-summary\",\n \"aria-label\": \"with summary permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With Summary\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n Company\\n R$1000\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Accordion\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#accordion","title":"Accordion","items":[{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#basic","title":"Basic"},{"url":"#with-subtitle","title":"With subtitle"},{"url":"#without-horizontal-padding","title":"Without horizontal padding"},{"url":"#expanded","title":"Expanded"},{"url":"#with-summary","title":"With Summary"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/accordion/index.mdx"},"frontmatter":{"metaTitle":"Accordion","metaDescription":"Accordion component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7af0b125-c1fa-5d95-8340-8a9606265ede"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/accordion","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7af0b125-c1fa-5d95-8340-8a9606265ede","title":"Accordion","slug":"/components/components/accordion/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Accordion\",\n \"metaTitle\": \"Accordion\",\n \"metaDescription\": \"Accordion component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"accordion\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#accordion\",\n \"aria-label\": \"accordion permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Accordion\"), mdx(\"p\", null, \"The Accordion component is a container where we can insert contents inside it, we can show or hide them.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"basic\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#basic\",\n \"aria-label\": \"basic permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-subtitle\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-subtitle\",\n \"aria-label\": \"with subtitle permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With subtitle\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"without-horizontal-padding\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#without-horizontal-padding\",\n \"aria-label\": \"without horizontal padding permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without horizontal padding\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"expanded\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#expanded\",\n \"aria-label\": \"expanded permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Expanded\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n\\n \\n Item 3\\n \\n\\n \\n Item 4\\n \\n\\n \\n Item 5\\n \\n \\n \\n\\n \\n \\n \\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n\\n \\n Item 3\\n \\n\\n \\n Item 4\\n \\n\\n \\n Item 5\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-summary\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-summary\",\n \"aria-label\": \"with summary permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With Summary\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const List = styled.ul`\\n align-items: flex-start;\\n display: flex;\\n flex-direction: column;\\n margin: 0 0 ${theme.spacing.xxxsmall}px;\\n padding-left: ${theme.spacing.medium}px;\\n`;\\n\\nconst Item = styled.li`\\n font-size: ${theme.spacing.xsmall}px;\\n`;\\n\\nrender(() => {\\n return (\\n \\n \\n \\n Company\\n R$1000\\n \\n \\n \\n \\n Subtitle with a list of some items:\\n \\n\\n \\n \\n Item 1\\n \\n\\n \\n Item 2\\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Accordion\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#accordion","title":"Accordion","items":[{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#basic","title":"Basic"},{"url":"#with-subtitle","title":"With subtitle"},{"url":"#without-horizontal-padding","title":"Without horizontal padding"},{"url":"#expanded","title":"Expanded"},{"url":"#with-summary","title":"With Summary"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/accordion/index.mdx"},"frontmatter":{"metaTitle":"Accordion","metaDescription":"Accordion component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7af0b125-c1fa-5d95-8340-8a9606265ede"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/actionrequirement/actionrequirement-native/page-data.json b/page-data/components/actionrequirement/actionrequirement-native/page-data.json index aeba4909e4..ec3a0d7877 100644 --- a/page-data/components/actionrequirement/actionrequirement-native/page-data.json +++ b/page-data/components/actionrequirement/actionrequirement-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement/actionrequirement-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1cb875dd-35c2-53fe-8885-7719a175a339","title":"Actionrequirement Native","slug":"/components/components/actionrequirement/actionrequirement-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"actionrequirement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#actionrequirement\",\n \"aria-label\": \"actionrequirement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \" function handleGetCheckableContent() {\\n return (\\n \\n I have read and agree to the Terms of Use and Privacy Policy.\\n \\n )\\n };\\n\\n function handleGetIllustration() {\\n return \\n }\\n\\n function handleGetList() {\\n return (\\n <>\\n 1x/day standard access\\n 4x/month 1-on-1 sessions\\n 2x/month premium classes\\n \\n )\\n\\n return (\\n \\n \\n \\n \\n Large button\\n \\n \\n \\n );\\n }\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"ActionRequirement\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#actionrequirement","title":"ActionRequirement"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/actionrequirement-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1cb875dd-35c2-53fe-8885-7719a175a339"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement/actionrequirement-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1cb875dd-35c2-53fe-8885-7719a175a339","title":"Actionrequirement Native","slug":"/components/components/actionrequirement/actionrequirement-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"actionrequirement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#actionrequirement\",\n \"aria-label\": \"actionrequirement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \" function handleGetCheckableContent() {\\n return (\\n \\n I have read and agree to the Terms of Use and Privacy Policy.\\n \\n )\\n };\\n\\n function handleGetIllustration() {\\n return \\n }\\n\\n function handleGetList() {\\n return (\\n <>\\n 1x/day standard access\\n 4x/month 1-on-1 sessions\\n 2x/month premium classes\\n \\n )\\n\\n return (\\n \\n \\n \\n \\n Large button\\n \\n \\n \\n );\\n }\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"ActionRequirement\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#actionrequirement","title":"ActionRequirement"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/actionrequirement-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1cb875dd-35c2-53fe-8885-7719a175a339"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/actionrequirement/actionrequirement-web/page-data.json b/page-data/components/actionrequirement/actionrequirement-web/page-data.json index 1bdc23ff96..08779cd096 100644 --- a/page-data/components/actionrequirement/actionrequirement-web/page-data.json +++ b/page-data/components/actionrequirement/actionrequirement-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement/actionrequirement-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b707ebea-a378-5d5a-bb21-77c13c1f0490","title":"Actionrequirement Web","slug":"/components/components/actionrequirement/actionrequirement-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"actionrequirement-full-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#actionrequirement-full-props\",\n \"aria-label\": \"actionrequirement full props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement full props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n\\n function handleGetCheckableContent() {\\n return (\\n \\n I have read and agree to the Terms of Use and Privacy Policy.\\n \\n )\\n };\\n function handleGetIllustration() {\\n return \\n }\\n function handleGetList() {\\n return (\\n <>\\n 1x/day standard access\\n 4x/month 1-on-1 sessions\\n 2x/month premium classes\\n \\n )\\n }\\n\\n return (\\n <>\\n \\n \\n Start working\\n Large button\\n \\n \\n \\n );\\n });\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"ActionRequirement\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#actionrequirement-full-props","title":"ActionRequirement full props"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/actionrequirement-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b707ebea-a378-5d5a-bb21-77c13c1f0490"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement/actionrequirement-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b707ebea-a378-5d5a-bb21-77c13c1f0490","title":"Actionrequirement Web","slug":"/components/components/actionrequirement/actionrequirement-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"actionrequirement-full-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#actionrequirement-full-props\",\n \"aria-label\": \"actionrequirement full props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement full props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n\\n function handleGetCheckableContent() {\\n return (\\n \\n I have read and agree to the Terms of Use and Privacy Policy.\\n \\n )\\n };\\n function handleGetIllustration() {\\n return \\n }\\n function handleGetList() {\\n return (\\n <>\\n 1x/day standard access\\n 4x/month 1-on-1 sessions\\n 2x/month premium classes\\n \\n )\\n }\\n\\n return (\\n <>\\n \\n \\n Start working\\n Large button\\n \\n \\n \\n );\\n });\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"ActionRequirement\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#actionrequirement-full-props","title":"ActionRequirement full props"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/actionrequirement-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b707ebea-a378-5d5a-bb21-77c13c1f0490"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/actionrequirement/page-data.json b/page-data/components/actionrequirement/page-data.json index 08e704b15f..47f11f51d4 100644 --- a/page-data/components/actionrequirement/page-data.json +++ b/page-data/components/actionrequirement/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9ab089a4-9781-59e2-8c53-590e5b2404c8","title":"ActionRequirement","slug":"/components/components/actionrequirement/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"ActionRequirement\",\n \"metaTitle\": \"ActionRequirement\",\n \"metaDescription\": \"ActionRequirement Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"actionrequirement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#actionrequirement\",\n \"aria-label\": \"actionrequirement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ActionRequirementWeb, {\n mdxType: \"ActionRequirementWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ActionRequirementNative, {\n mdxType: \"ActionRequirementNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#actionrequirement","title":"ActionRequirement"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/index.mdx"},"frontmatter":{"metaTitle":"ActionRequirement","metaDescription":"ActionRequirement Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9ab089a4-9781-59e2-8c53-590e5b2404c8"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/actionrequirement","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9ab089a4-9781-59e2-8c53-590e5b2404c8","title":"ActionRequirement","slug":"/components/components/actionrequirement/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"ActionRequirement\",\n \"metaTitle\": \"ActionRequirement\",\n \"metaDescription\": \"ActionRequirement Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"actionrequirement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#actionrequirement\",\n \"aria-label\": \"actionrequirement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"ActionRequirement\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ActionRequirementWeb, {\n mdxType: \"ActionRequirementWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ActionRequirementNative, {\n mdxType: \"ActionRequirementNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#actionrequirement","title":"ActionRequirement"}]},"parent":{"__typename":"File","relativePath":"components/components/actionrequirement/index.mdx"},"frontmatter":{"metaTitle":"ActionRequirement","metaDescription":"ActionRequirement Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9ab089a4-9781-59e2-8c53-590e5b2404c8"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/autocomplete/page-data.json b/page-data/components/autocomplete/page-data.json index 6ceed96e09..a291ea1685 100644 --- a/page-data/components/autocomplete/page-data.json +++ b/page-data/components/autocomplete/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/autocomplete","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4d3d1290-2598-5a6a-b2c2-7fbd5d182301","title":"AutoComplete","slug":"/components/components/autocomplete/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"AutoComplete\",\n \"metaTitle\": \"AutoComplete\",\n \"metaDescription\": \"AutoComplete Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"autocomplete\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#autocomplete\",\n \"aria-label\": \"autocomplete permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"AutoComplete\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"It accepts unlimited number of suggstions, but it filters and only display the six\\nmost matched options.\"), mdx(\"p\", null, \"It inherit all the \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/yoga/components/input/default\"\n }, \"Input\"), \" props.\"), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(value)}\\n onSelect={selected => console.log(selected)}\\n onClean={cleaned => console.log('cleaned', cleaned)}\\n options={[\\n 'Madrid',\\n 'Milan',\\n 'S\\xE3o Paulo',\\n 'New York',\\n 'Paris',\\n 'Buenos Aires',\\n 'Amsterdam',\\n 'Los Angeles',\\n 'Hollywood',\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"AutoComplete\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#autocomplete","title":"AutoComplete","items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/autocomplete/index.mdx"},"frontmatter":{"metaTitle":"AutoComplete","metaDescription":"AutoComplete Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4d3d1290-2598-5a6a-b2c2-7fbd5d182301"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/autocomplete","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4d3d1290-2598-5a6a-b2c2-7fbd5d182301","title":"AutoComplete","slug":"/components/components/autocomplete/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"AutoComplete\",\n \"metaTitle\": \"AutoComplete\",\n \"metaDescription\": \"AutoComplete Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"autocomplete\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#autocomplete\",\n \"aria-label\": \"autocomplete permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"AutoComplete\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"It accepts unlimited number of suggstions, but it filters and only display the six\\nmost matched options.\"), mdx(\"p\", null, \"It inherit all the \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"/yoga/components/input/default\"\n }, \"Input\"), \" props.\"), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(value)}\\n onSelect={selected => console.log(selected)}\\n onClean={cleaned => console.log('cleaned', cleaned)}\\n options={[\\n 'Madrid',\\n 'Milan',\\n 'S\\xE3o Paulo',\\n 'New York',\\n 'Paris',\\n 'Buenos Aires',\\n 'Amsterdam',\\n 'Los Angeles',\\n 'Hollywood',\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"AutoComplete\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#autocomplete","title":"AutoComplete","items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/autocomplete/index.mdx"},"frontmatter":{"metaTitle":"AutoComplete","metaDescription":"AutoComplete Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4d3d1290-2598-5a6a-b2c2-7fbd5d182301"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/avatar/avatar-native/page-data.json b/page-data/components/avatar/avatar-native/page-data.json index 0d4b5e210f..15472fa1c7 100644 --- a/page-data/components/avatar/avatar-native/page-data.json +++ b/page-data/components/avatar/avatar-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar/avatar-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7cda6ba0-99f6-5d53-a016-8fb87570fe72","title":"Avatar Native","slug":"/components/components/avatar/avatar-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Avatar\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#default","title":"Default"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/avatar-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7cda6ba0-99f6-5d53-a016-8fb87570fe72"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar/avatar-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7cda6ba0-99f6-5d53-a016-8fb87570fe72","title":"Avatar Native","slug":"/components/components/avatar/avatar-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Avatar\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#default","title":"Default"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/avatar-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7cda6ba0-99f6-5d53-a016-8fb87570fe72"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/avatar/avatar-web/page-data.json b/page-data/components/avatar/avatar-web/page-data.json index d9aaf93cf1..8a9e1d9d0a 100644 --- a/page-data/components/avatar/avatar-web/page-data.json +++ b/page-data/components/avatar/avatar-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar/avatar-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4a736084-8df3-5bdb-bb5a-64d4eee5dffa","title":"Avatar Web","slug":"/components/components/avatar/avatar-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"circle\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#circle\",\n \"aria-label\": \"circle permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Circle\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"custom-image-component-children\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-image-component-children\",\n \"aria-label\": \"custom image component children permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom image component (children)\"), mdx(\"p\", null, \"You can also pass your very own children to Avatar, which may be useful in cases where you need to wrap it inside some custom component to extend it:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n LC\\n \\n\\n \\n \\n Yoga\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Avatar\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#default","title":"Default"},{"url":"#circle","title":"Circle"},{"url":"#custom-image-component-children","title":"Custom image component (children)"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/avatar-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4a736084-8df3-5bdb-bb5a-64d4eee5dffa"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar/avatar-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4a736084-8df3-5bdb-bb5a-64d4eee5dffa","title":"Avatar Web","slug":"/components/components/avatar/avatar-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"circle\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#circle\",\n \"aria-label\": \"circle permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Circle\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"custom-image-component-children\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-image-component-children\",\n \"aria-label\": \"custom image component children permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom image component (children)\"), mdx(\"p\", null, \"You can also pass your very own children to Avatar, which may be useful in cases where you need to wrap it inside some custom component to extend it:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n LC\\n \\n\\n \\n \\n Yoga\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Avatar\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#default","title":"Default"},{"url":"#circle","title":"Circle"},{"url":"#custom-image-component-children","title":"Custom image component (children)"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/avatar-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4a736084-8df3-5bdb-bb5a-64d4eee5dffa"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/avatar/page-data.json b/page-data/components/avatar/page-data.json index 503713be73..d981428da5 100644 --- a/page-data/components/avatar/page-data.json +++ b/page-data/components/avatar/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"49c94719-d289-5c08-a4c7-ea6f96caa916","title":"Avatar","slug":"/components/components/avatar/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Avatar\",\n \"metaTitle\": \"Avatar\",\n \"metaDescription\": \"Avatar Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"avatar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#avatar\",\n \"aria-label\": \"avatar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Avatar\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(AvatarWeb, {\n mdxType: \"AvatarWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(AvatarNative, {\n mdxType: \"AvatarNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#avatar","title":"Avatar"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/index.mdx"},"frontmatter":{"metaTitle":"Avatar","metaDescription":"Avatar Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"49c94719-d289-5c08-a4c7-ea6f96caa916"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/avatar","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"49c94719-d289-5c08-a4c7-ea6f96caa916","title":"Avatar","slug":"/components/components/avatar/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Avatar\",\n \"metaTitle\": \"Avatar\",\n \"metaDescription\": \"Avatar Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"avatar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#avatar\",\n \"aria-label\": \"avatar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Avatar\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(AvatarWeb, {\n mdxType: \"AvatarWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(AvatarNative, {\n mdxType: \"AvatarNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#avatar","title":"Avatar"}]},"parent":{"__typename":"File","relativePath":"components/components/avatar/index.mdx"},"frontmatter":{"metaTitle":"Avatar","metaDescription":"Avatar Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"49c94719-d289-5c08-a4c7-ea6f96caa916"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/banner/banner-native/page-data.json b/page-data/components/banner/banner-native/page-data.json index 2f5f09b2a7..8aa8d1870a 100644 --- a/page-data/components/banner/banner-native/page-data.json +++ b/page-data/components/banner/banner-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner/banner-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1999b4bc-26da-5bdc-a455-2b518827bd65","title":"Banner Native","slug":"/components/components/banner/banner-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n \\n \\n Banner default\\n \\n\\n \\n \\n \\n \\n\\n \\n \\n Banner with icon\\n \\n\\n \\n \\n \\n \\n\\n \\n \\n Banner with action button\\n \\n {},\\n }}\\n />\\n {},\\n }}\\n />\\n {},\\n }}\\n />\\n \\n \\n \\n \\n Banner with two action buttons\\n \\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n \\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Banner component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Banner\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/banner/banner-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1999b4bc-26da-5bdc-a455-2b518827bd65"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner/banner-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1999b4bc-26da-5bdc-a455-2b518827bd65","title":"Banner Native","slug":"/components/components/banner/banner-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n \\n \\n Banner default\\n \\n\\n \\n \\n \\n \\n\\n \\n \\n Banner with icon\\n \\n\\n \\n \\n \\n \\n\\n \\n \\n Banner with action button\\n \\n {},\\n }}\\n />\\n {},\\n }}\\n />\\n {},\\n }}\\n />\\n \\n \\n \\n \\n Banner with two action buttons\\n \\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n {},\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => {},\\n }}\\n />\\n \\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Banner component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Banner\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/banner/banner-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1999b4bc-26da-5bdc-a455-2b518827bd65"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/banner/banner-web/page-data.json b/page-data/components/banner/banner-web/page-data.json index acea992168..1b9a96db25 100644 --- a/page-data/components/banner/banner-web/page-data.json +++ b/page-data/components/banner/banner-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner/banner-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"80b56edc-02dd-55bf-b9f0-275140124aaf","title":"Banner Web","slug":"/components/components/banner/banner-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"banner-default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-default\",\n \"aria-label\": \"banner default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-icon\",\n \"aria-label\": \"banner with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-action-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-action-button\",\n \"aria-label\": \"banner with action button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with action button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const successBannerProps = {\\n variant: 'success',\\n message: 'Success Banner',\\n };\\n\\n const informativeBannerProps = {\\n variant: 'informative',\\n message: 'Informative Banner',\\n };\\n\\n const attentionBannerProps = {\\n variant: 'attention',\\n message: 'Attention Banner',\\n };\\n\\n const handleOnAction = (message) => {\\n alert(`This is your custom action ${message}`);\\n };\\n\\n return (\\n \\n \\n handleOnAction(successBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(informativeBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(attentionBannerProps.message),\\n }}\\n />\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-two-buttons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-two-buttons\",\n \"aria-label\": \"banner with two buttons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with two buttons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const successBannerProps = {\\n variant: 'success',\\n message: 'Success Banner',\\n };\\n\\n const informativeBannerProps = {\\n variant: 'informative',\\n message: 'Informative Banner',\\n };\\n\\n const attentionBannerProps = {\\n variant: 'attention',\\n message: 'Attention Banner',\\n };\\n\\n const handleOnAction = (message) => {\\n alert(`This is your custom action ${message}`);\\n };\\n\\n return (\\n \\n \\n handleOnAction(successBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(successBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(informativeBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(informativeBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(attentionBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(attentionBannerProps.message),\\n }}\\n />\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Banner component also has support for margins and paddings props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Banner\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#banner-default","title":"Banner default"},{"url":"#banner-with-icon","title":"Banner with icon"},{"url":"#banner-with-action-button","title":"Banner with action button"},{"url":"#banner-with-two-buttons","title":"Banner with two buttons"},{"url":"#props","title":"Props"}]}]},"parent":{"__typename":"File","relativePath":"components/components/banner/banner-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"80b56edc-02dd-55bf-b9f0-275140124aaf"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner/banner-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"80b56edc-02dd-55bf-b9f0-275140124aaf","title":"Banner Web","slug":"/components/components/banner/banner-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"banner-default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-default\",\n \"aria-label\": \"banner default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-icon\",\n \"aria-label\": \"banner with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-action-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-action-button\",\n \"aria-label\": \"banner with action button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with action button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const successBannerProps = {\\n variant: 'success',\\n message: 'Success Banner',\\n };\\n\\n const informativeBannerProps = {\\n variant: 'informative',\\n message: 'Informative Banner',\\n };\\n\\n const attentionBannerProps = {\\n variant: 'attention',\\n message: 'Attention Banner',\\n };\\n\\n const handleOnAction = (message) => {\\n alert(`This is your custom action ${message}`);\\n };\\n\\n return (\\n \\n \\n handleOnAction(successBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(informativeBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(attentionBannerProps.message),\\n }}\\n />\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"banner-with-two-buttons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#banner-with-two-buttons\",\n \"aria-label\": \"banner with two buttons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner with two buttons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const successBannerProps = {\\n variant: 'success',\\n message: 'Success Banner',\\n };\\n\\n const informativeBannerProps = {\\n variant: 'informative',\\n message: 'Informative Banner',\\n };\\n\\n const attentionBannerProps = {\\n variant: 'attention',\\n message: 'Attention Banner',\\n };\\n\\n const handleOnAction = (message) => {\\n alert(`This is your custom action ${message}`);\\n };\\n\\n return (\\n \\n \\n handleOnAction(successBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(successBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(informativeBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(informativeBannerProps.message),\\n }}\\n />\\n\\n handleOnAction(attentionBannerProps.message),\\n }}\\n secondaryButton={{\\n label: 'Secondary Action',\\n action: () => handleOnAction(attentionBannerProps.message),\\n }}\\n />\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Banner component also has support for margins and paddings props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Banner\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#banner-default","title":"Banner default"},{"url":"#banner-with-icon","title":"Banner with icon"},{"url":"#banner-with-action-button","title":"Banner with action button"},{"url":"#banner-with-two-buttons","title":"Banner with two buttons"},{"url":"#props","title":"Props"}]}]},"parent":{"__typename":"File","relativePath":"components/components/banner/banner-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"80b56edc-02dd-55bf-b9f0-275140124aaf"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/banner/page-data.json b/page-data/components/banner/page-data.json index f3054ea9c1..d41188e9c3 100644 --- a/page-data/components/banner/page-data.json +++ b/page-data/components/banner/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"62fc0225-f4f2-5d60-ad6a-1ef5cc37ae8c","title":"Banner","slug":"/components/components/banner/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Banner\",\n \"metaTitle\": \"Banner\",\n \"metaDescription\": \"Banner Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"banner\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#banner\",\n \"aria-label\": \"banner permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(BannerWeb, {\n mdxType: \"BannerWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(BannerNative, {\n mdxType: \"BannerNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#banner","title":"Banner"}]},"parent":{"__typename":"File","relativePath":"components/components/banner/index.mdx"},"frontmatter":{"metaTitle":"Banner","metaDescription":"Banner Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"62fc0225-f4f2-5d60-ad6a-1ef5cc37ae8c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/banner","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"62fc0225-f4f2-5d60-ad6a-1ef5cc37ae8c","title":"Banner","slug":"/components/components/banner/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Banner\",\n \"metaTitle\": \"Banner\",\n \"metaDescription\": \"Banner Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"banner\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#banner\",\n \"aria-label\": \"banner permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Banner\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(BannerWeb, {\n mdxType: \"BannerWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(BannerNative, {\n mdxType: \"BannerNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#banner","title":"Banner"}]},"parent":{"__typename":"File","relativePath":"components/components/banner/index.mdx"},"frontmatter":{"metaTitle":"Banner","metaDescription":"Banner Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"62fc0225-f4f2-5d60-ad6a-1ef5cc37ae8c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/bottomsheet/page-data.json b/page-data/components/bottomsheet/page-data.json index 6773addbb4..f7534c597f 100644 --- a/page-data/components/bottomsheet/page-data.json +++ b/page-data/components/bottomsheet/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/bottomsheet","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"90754391-62d5-5d32-9179-9c196c68a608","title":"BottomSheet","slug":"/components/components/bottomsheet/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"BottomSheet\",\n \"metaTitle\": \"BottomSheet\",\n \"metaDescription\": \"BottomSheet Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"bottomsheet\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#bottomsheet\",\n \"aria-label\": \"bottomsheet permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet\"), mdx(\"p\", null, \"The Bottom sheet component is a variation with the objective of providing maximum priority information for the user.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-one-action\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-one-action\",\n \"aria-label\": \"bottomsheet with one action permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with one action\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n handleOnClose();\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work,\\n contact your HR team.\\n \\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-two-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-two-actions\",\n \"aria-label\": \"bottomsheet with two actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with two actions\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work,\\n contact your HR team.\\n \\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-only-title\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-only-title\",\n \"aria-label\": \"bottomsheet with only title permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with only title\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n handleOnClose();\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-overlay-closable\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-overlay-closable\",\n \"aria-label\": \"bottomsheet with overlay closable permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with overlay closable\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"BottomSheet\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#bottomsheet","title":"BottomSheet","items":[{"items":[{"url":"#usage","title":"Usage"},{"url":"#bottomsheet-with-one-action","title":"BottomSheet with one action"},{"url":"#bottomsheet-with-two-actions","title":"BottomSheet with two actions"},{"url":"#bottomsheet-with-only-title","title":"BottomSheet with only title"},{"url":"#bottomsheet-with-overlay-closable","title":"BottomSheet with overlay closable"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/bottomsheet/index.mdx"},"frontmatter":{"metaTitle":"BottomSheet","metaDescription":"BottomSheet Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"90754391-62d5-5d32-9179-9c196c68a608"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/bottomsheet","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"90754391-62d5-5d32-9179-9c196c68a608","title":"BottomSheet","slug":"/components/components/bottomsheet/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"BottomSheet\",\n \"metaTitle\": \"BottomSheet\",\n \"metaDescription\": \"BottomSheet Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"bottomsheet\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#bottomsheet\",\n \"aria-label\": \"bottomsheet permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet\"), mdx(\"p\", null, \"The Bottom sheet component is a variation with the objective of providing maximum priority information for the user.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-one-action\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-one-action\",\n \"aria-label\": \"bottomsheet with one action permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with one action\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n handleOnClose();\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work,\\n contact your HR team.\\n \\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-two-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-two-actions\",\n \"aria-label\": \"bottomsheet with two actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with two actions\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work,\\n contact your HR team.\\n \\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-only-title\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-only-title\",\n \"aria-label\": \"bottomsheet with only title permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with only title\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n handleOnClose();\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"bottomsheet-with-overlay-closable\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#bottomsheet-with-overlay-closable\",\n \"aria-label\": \"bottomsheet with overlay closable permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"BottomSheet with overlay closable\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n We confirm your eligibility\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"BottomSheet\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#bottomsheet","title":"BottomSheet","items":[{"items":[{"url":"#usage","title":"Usage"},{"url":"#bottomsheet-with-one-action","title":"BottomSheet with one action"},{"url":"#bottomsheet-with-two-actions","title":"BottomSheet with two actions"},{"url":"#bottomsheet-with-only-title","title":"BottomSheet with only title"},{"url":"#bottomsheet-with-overlay-closable","title":"BottomSheet with overlay closable"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/bottomsheet/index.mdx"},"frontmatter":{"metaTitle":"BottomSheet","metaDescription":"BottomSheet Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"90754391-62d5-5d32-9179-9c196c68a608"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/box/box-native/page-data.json b/page-data/components/box/box-native/page-data.json index da9c21e87b..315f7282fc 100644 --- a/page-data/components/box/box-native/page-data.json +++ b/page-data/components/box/box-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box/box-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"6d80dd68-2569-5447-979f-f4fd3278b8fc","title":"Box Native","slug":"/components/components/box/box-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n Making\\n wellbeing\\n universal\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Check \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/box/box-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"6d80dd68-2569-5447-979f-f4fd3278b8fc"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box/box-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"6d80dd68-2569-5447-979f-f4fd3278b8fc","title":"Box Native","slug":"/components/components/box/box-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n Making\\n wellbeing\\n universal\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Check \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/box/box-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"6d80dd68-2569-5447-979f-f4fd3278b8fc"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/box/box-web/page-data.json b/page-data/components/box/box-web/page-data.json index 027b5e665d..d8c6d3bf4c 100644 --- a/page-data/components/box/box-web/page-data.json +++ b/page-data/components/box/box-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box/box-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f98adce7-a68a-5d80-9684-052c43663dcf","title":"Box Web","slug":"/components/components/box/box-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n Making\\n wellbeing\\n universal\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Check \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/box/box-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f98adce7-a68a-5d80-9684-052c43663dcf"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box/box-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f98adce7-a68a-5d80-9684-052c43663dcf","title":"Box Web","slug":"/components/components/box/box-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n Making\\n wellbeing\\n universal\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Check \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/box/box-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f98adce7-a68a-5d80-9684-052c43663dcf"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/box/page-data.json b/page-data/components/box/page-data.json index 74c429e7bd..ce388705dc 100644 --- a/page-data/components/box/page-data.json +++ b/page-data/components/box/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1df77eff-fc56-5893-bd77-06c8cbc88eac","title":"Box","slug":"/components/components/box/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Box\",\n \"metaTitle\": \"Box\",\n \"metaDescription\": \"Box Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"box\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#box\",\n \"aria-label\": \"box permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Box\"), mdx(\"p\", null, \"Use this component as a layout primitive to add\\xA0\", mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"background color\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"borders\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \", and\\xA0\", mdx(GatsbyLink, {\n to: \"/system/typography\",\n mdxType: \"GatsbyLink\"\n }, \"typography\"), \" to content.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(BoxWeb, {\n mdxType: \"BoxWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(BoxNative, {\n mdxType: \"BoxNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#box","title":"Box"}]},"parent":{"__typename":"File","relativePath":"components/components/box/index.mdx"},"frontmatter":{"metaTitle":"Box","metaDescription":"Box Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1df77eff-fc56-5893-bd77-06c8cbc88eac"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/box","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1df77eff-fc56-5893-bd77-06c8cbc88eac","title":"Box","slug":"/components/components/box/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Box\",\n \"metaTitle\": \"Box\",\n \"metaDescription\": \"Box Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"box\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#box\",\n \"aria-label\": \"box permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Box\"), mdx(\"p\", null, \"Use this component as a layout primitive to add\\xA0\", mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"background color\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"borders\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \",\\xA0\", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \", and\\xA0\", mdx(GatsbyLink, {\n to: \"/system/typography\",\n mdxType: \"GatsbyLink\"\n }, \"typography\"), \" to content.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(BoxWeb, {\n mdxType: \"BoxWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(BoxNative, {\n mdxType: \"BoxNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#box","title":"Box"}]},"parent":{"__typename":"File","relativePath":"components/components/box/index.mdx"},"frontmatter":{"metaTitle":"Box","metaDescription":"Box Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1df77eff-fc56-5893-bd77-06c8cbc88eac"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/default-native/page-data.json b/page-data/components/button/default-native/page-data.json index be242be3ba..305a75080f 100644 --- a/page-data/components/button/default-native/page-data.json +++ b/page-data/components/button/default-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1d438698-267d-52e5-8ead-74f9ee3359ee","title":"Default Native","slug":"/components/components/button/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\n\")), mdx(\"h4\", {\n \"id\": \"with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-icon\",\n \"aria-label\": \"with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#with-icon","title":"With icon"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1d438698-267d-52e5-8ead-74f9ee3359ee"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1d438698-267d-52e5-8ead-74f9ee3359ee","title":"Default Native","slug":"/components/components/button/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\n\")), mdx(\"h4\", {\n \"id\": \"with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-icon\",\n \"aria-label\": \"with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#with-icon","title":"With icon"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1d438698-267d-52e5-8ead-74f9ee3359ee"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/default-web/page-data.json b/page-data/components/button/default-web/page-data.json index 1bd66e42b8..c83679915b 100644 --- a/page-data/components/button/default-web/page-data.json +++ b/page-data/components/button/default-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"57499706-584b-5a24-9375-ff056cb624ef","title":"Default Web","slug":"/components/components/button/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"as-an-anchor\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#as-an-anchor\",\n \"aria-label\": \"as an anchor permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"As an anchor\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-icon\",\n \"aria-label\": \"with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#as-an-anchor","title":"As an anchor"},{"url":"#with-icon","title":"With icon"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"57499706-584b-5a24-9375-ff056cb624ef"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"57499706-584b-5a24-9375-ff056cb624ef","title":"Default Web","slug":"/components/components/button/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"as-an-anchor\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#as-an-anchor\",\n \"aria-label\": \"as an anchor permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"As an anchor\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"with-icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-icon\",\n \"aria-label\": \"with icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#as-an-anchor","title":"As an anchor"},{"url":"#with-icon","title":"With icon"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"57499706-584b-5a24-9375-ff056cb624ef"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/default/page-data.json b/page-data/components/button/default/page-data.json index 926d20e78d..e7f79fb807 100644 --- a/page-data/components/button/default/page-data.json +++ b/page-data/components/button/default/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"46b9d3cb-2cb6-5ffe-8b54-b72ea573bbd7","title":"Button","slug":"/components/components/button/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Button\",\n \"metaTitle\": \"Button.Default\",\n \"metaDescription\": \"Button default looks and behavior\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#button\",\n \"aria-label\": \"button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Button\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ButtonWeb, {\n mdxType: \"ButtonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ButtonNative, {\n mdxType: \"ButtonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#button","title":"Button"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default.mdx"},"frontmatter":{"metaTitle":"Button.Default","metaDescription":"Button default looks and behavior"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"46b9d3cb-2cb6-5ffe-8b54-b72ea573bbd7"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"46b9d3cb-2cb6-5ffe-8b54-b72ea573bbd7","title":"Button","slug":"/components/components/button/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Button\",\n \"metaTitle\": \"Button.Default\",\n \"metaDescription\": \"Button default looks and behavior\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#button\",\n \"aria-label\": \"button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Button\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ButtonWeb, {\n mdxType: \"ButtonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ButtonNative, {\n mdxType: \"ButtonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#button","title":"Button"}]},"parent":{"__typename":"File","relativePath":"components/components/button/default.mdx"},"frontmatter":{"metaTitle":"Button.Default","metaDescription":"Button default looks and behavior"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"46b9d3cb-2cb6-5ffe-8b54-b72ea573bbd7"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/icon-native/page-data.json b/page-data/components/button/icon-native/page-data.json index 5f356bdf9b..f2e0ccd9a3 100644 --- a/page-data/components/button/icon-native/page-data.json +++ b/page-data/components/button/icon-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/icon-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3abb4545-1a3f-5437-982c-50f6460406ff","title":"Icon Native","slug":"/components/components/button/icon-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button.Icon\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/icon-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3abb4545-1a3f-5437-982c-50f6460406ff"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/icon-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3abb4545-1a3f-5437-982c-50f6460406ff","title":"Icon Native","slug":"/components/components/button/icon-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button.Icon\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/icon-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3abb4545-1a3f-5437-982c-50f6460406ff"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/icon-web/page-data.json b/page-data/components/button/icon-web/page-data.json index c8a67cb0ff..346f93a4c1 100644 --- a/page-data/components/button/icon-web/page-data.json +++ b/page-data/components/button/icon-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/icon-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"02f3401b-4e4d-5385-89b2-b67d82f4c11f","title":"Icon Web","slug":"/components/components/button/icon-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"inverted\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#inverted\",\n \"aria-label\": \"inverted permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Inverted\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button.Icon\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#inverted","title":"Inverted"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/icon-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"02f3401b-4e4d-5385-89b2-b67d82f4c11f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/icon-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"02f3401b-4e4d-5385-89b2-b67d82f4c11f","title":"Icon Web","slug":"/components/components/button/icon-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"inverted\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#inverted\",\n \"aria-label\": \"inverted permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Inverted\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Button.Icon\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#inverted","title":"Inverted"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/button/icon-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"02f3401b-4e4d-5385-89b2-b67d82f4c11f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/button/icon/page-data.json b/page-data/components/button/icon/page-data.json index b7c2930ad8..24072dd20c 100644 --- a/page-data/components/button/icon/page-data.json +++ b/page-data/components/button/icon/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/button/icon","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"189f98e0-995c-543b-9c9a-67fbe8c76761","title":"Icon","slug":"/components/components/button/icon"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Icon\",\n \"metaTitle\": \"Button.Icon\",\n \"metaDescription\": \"Button icon looks and behavior\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"buttonicon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#buttonicon\",\n \"aria-label\": \"buttonicon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Button.Icon\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Compounded \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Button\"), \" used to display visual icon elements, supporting the same states as \", mdx(GatsbyLink, {\n to: \"/components/button/default\",\n mdxType: \"GatsbyLink\"\n }, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\\n\\n \\n \\n We couldn't confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work, contact your HR team.\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-two-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-two-actions\",\n \"aria-label\": \"dialog with two actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with two actions\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work, contact your HR team.\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-close-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-close-button\",\n \"aria-label\": \"dialog with close button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with close button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n The change will happen at the end of your billing cycle on March, 28. Until then, enjoy your Black plan - you\\u2019ve already paid for it.\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-only-title\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-only-title\",\n \"aria-label\": \"dialog with only title permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with only title\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-custom-ref\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-custom-ref\",\n \"aria-label\": \"dialog with custom ref permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with custom ref\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const { useRef, useEffect } = React;\\n\\nrender(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n const dialogRef = useRef(null);\\n const buttonRef = useRef(null);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n useEffect(() => {\\n if(isOpen && dialogRef.current && buttonRef.current) {\\n buttonRef.current.focus();\\n }\\n },[dialogRef, buttonRef, isOpen]);\\n\\n return (\\n <>\\n \\n\\n \\n \\n I am an example on how a custom ref option can be used\\n \\n \\n \\n Close\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-custom-portal-id\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-custom-portal-id\",\n \"aria-label\": \"dialog with custom portal id permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with custom portal ID\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const { useRef, useEffect } = React;\\n\\nrender(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n const [isNestedOpen, setIsNestedOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n With a custom id I can open an isolated dialog\\n \\n\\n \\n \\n Close\\n \\n \\n\\n \\n \\n I am a nested dialog\\n \\n\\n \\n setIsNestedOpen(false)}>Close\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dialog\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#dialog","title":"Dialog","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#recommendations-of-use-buttons","title":"Recommendations of use Buttons"},{"url":"#usage","title":"Usage"},{"url":"#dialog-with-one-action","title":"Dialog with one action"},{"url":"#dialog-with-two-actions","title":"Dialog with two actions"},{"url":"#dialog-with-close-button","title":"Dialog with close button"},{"url":"#dialog-with-only-title","title":"Dialog with only title"},{"url":"#dialog-with-custom-ref","title":"Dialog with custom ref"},{"url":"#dialog-with-custom-portal-id","title":"Dialog with custom portal ID"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/dialog/index.mdx"},"frontmatter":{"metaTitle":"Dialog","metaDescription":"Dialog Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"118b6587-8e9a-5c34-bb11-4cef0da4360c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dialog","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"118b6587-8e9a-5c34-bb11-4cef0da4360c","title":"Dialog","slug":"/components/components/dialog/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Dialog\",\n \"metaTitle\": \"Dialog\",\n \"metaDescription\": \"Dialog Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"dialog\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#dialog\",\n \"aria-label\": \"dialog permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" is a component which has the purpose of providing prioritary feedback for the user\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\"))), mdx(\"h3\", {\n \"id\": \"recommendations-of-use-buttons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#recommendations-of-use-buttons\",\n \"aria-label\": \"recommendations of use buttons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Recommendations of use Buttons\"), mdx(\"p\", null, \"The right positioning of the buttons starting with the primary followed by the secondary\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"dialog-with-one-action\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-one-action\",\n \"aria-label\": \"dialog with one action permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with one action\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n We couldn't confirm your eligibility\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work, contact your HR team.\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-two-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-two-actions\",\n \"aria-label\": \"dialog with two actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with two actions\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n Double check your info and company selection. If it still doesn\\u2019t work, contact your HR team.\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-close-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-close-button\",\n \"aria-label\": \"dialog with close button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with close button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n The change will happen at the end of your billing cycle on March, 28. Until then, enjoy your Black plan - you\\u2019ve already paid for it.\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-only-title\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-only-title\",\n \"aria-label\": \"dialog with only title permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with only title\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n Are you sure you want to downgrade to a Platinum plan?\\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-custom-ref\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-custom-ref\",\n \"aria-label\": \"dialog with custom ref permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with custom ref\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const { useRef, useEffect } = React;\\n\\nrender(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n const dialogRef = useRef(null);\\n const buttonRef = useRef(null);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n useEffect(() => {\\n if(isOpen && dialogRef.current && buttonRef.current) {\\n buttonRef.current.focus();\\n }\\n },[dialogRef, buttonRef, isOpen]);\\n\\n return (\\n <>\\n \\n\\n \\n \\n I am an example on how a custom ref option can be used\\n \\n \\n \\n Close\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"dialog-with-custom-portal-id\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#dialog-with-custom-portal-id\",\n \"aria-label\": \"dialog with custom portal id permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dialog with custom portal ID\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const { useRef, useEffect } = React;\\n\\nrender(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n const [isNestedOpen, setIsNestedOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n With a custom id I can open an isolated dialog\\n \\n\\n \\n \\n Close\\n \\n \\n\\n \\n \\n I am a nested dialog\\n \\n\\n \\n setIsNestedOpen(false)}>Close\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dialog\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#dialog","title":"Dialog","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#recommendations-of-use-buttons","title":"Recommendations of use Buttons"},{"url":"#usage","title":"Usage"},{"url":"#dialog-with-one-action","title":"Dialog with one action"},{"url":"#dialog-with-two-actions","title":"Dialog with two actions"},{"url":"#dialog-with-close-button","title":"Dialog with close button"},{"url":"#dialog-with-only-title","title":"Dialog with only title"},{"url":"#dialog-with-custom-ref","title":"Dialog with custom ref"},{"url":"#dialog-with-custom-portal-id","title":"Dialog with custom portal ID"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/dialog/index.mdx"},"frontmatter":{"metaTitle":"Dialog","metaDescription":"Dialog Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"118b6587-8e9a-5c34-bb11-4cef0da4360c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/divider/divider-native/page-data.json b/page-data/components/divider/divider-native/page-data.json index 8e66f120bf..d94fdb5ce6 100644 --- a/page-data/components/divider/divider-native/page-data.json +++ b/page-data/components/divider/divider-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider/divider-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"868a15a7-3d3a-5db1-9889-b1225efe93e3","title":"Divider Native","slug":"/components/components/divider/divider-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Divider component is used to divide two parts.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n First Content\\n \\n Second Content\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Divider\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/divider-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"868a15a7-3d3a-5db1-9889-b1225efe93e3"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider/divider-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"868a15a7-3d3a-5db1-9889-b1225efe93e3","title":"Divider Native","slug":"/components/components/divider/divider-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Divider component is used to divide two parts.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n First Content\\n \\n Second Content\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Divider\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/divider-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"868a15a7-3d3a-5db1-9889-b1225efe93e3"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/divider/divider-web/page-data.json b/page-data/components/divider/divider-web/page-data.json index 443698ae50..9478214979 100644 --- a/page-data/components/divider/divider-web/page-data.json +++ b/page-data/components/divider/divider-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider/divider-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9f9e4e92-9bff-51df-a64d-1d973d99c007","title":"Divider Web","slug":"/components/components/divider/divider-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Divider component is used to divide two parts.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n First Content\\n \\n Second Content\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Divider\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/divider-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9f9e4e92-9bff-51df-a64d-1d973d99c007"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider/divider-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9f9e4e92-9bff-51df-a64d-1d973d99c007","title":"Divider Web","slug":"/components/components/divider/divider-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Divider component is used to divide two parts.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n First Content\\n \\n Second Content\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Divider\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/divider-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9f9e4e92-9bff-51df-a64d-1d973d99c007"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/divider/page-data.json b/page-data/components/divider/page-data.json index 49ab4da922..0f61797cce 100644 --- a/page-data/components/divider/page-data.json +++ b/page-data/components/divider/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"99fd0814-044e-506c-8f55-a371f5616f68","title":"Divider","slug":"/components/components/divider/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Divider\",\n \"metaTitle\": \"Divider\",\n \"metaDescription\": \"Divider Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"divider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#divider\",\n \"aria-label\": \"divider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Divider\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(DividerWeb, {\n mdxType: \"DividerWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(DividerNative, {\n mdxType: \"DividerNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#divider","title":"Divider"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/index.mdx"},"frontmatter":{"metaTitle":"Divider","metaDescription":"Divider Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"99fd0814-044e-506c-8f55-a371f5616f68"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/divider","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"99fd0814-044e-506c-8f55-a371f5616f68","title":"Divider","slug":"/components/components/divider/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Divider\",\n \"metaTitle\": \"Divider\",\n \"metaDescription\": \"Divider Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"divider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#divider\",\n \"aria-label\": \"divider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Divider\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(DividerWeb, {\n mdxType: \"DividerWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(DividerNative, {\n mdxType: \"DividerNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#divider","title":"Divider"}]},"parent":{"__typename":"File","relativePath":"components/components/divider/index.mdx"},"frontmatter":{"metaTitle":"Divider","metaDescription":"Divider Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"99fd0814-044e-506c-8f55-a371f5616f68"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/drawer/page-data.json b/page-data/components/drawer/page-data.json index 214b8ab95c..a570eb641a 100644 --- a/page-data/components/drawer/page-data.json +++ b/page-data/components/drawer/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/drawer","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"27a41f5f-a125-5483-8193-5b79a7972b77","title":"Drawer","slug":"/components/components/drawer/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Drawer\",\n \"metaTitle\": \"Drawer\",\n \"metaDescription\": \"Drawer Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"drawer\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#drawer\",\n \"aria-label\": \"drawer permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Drawer\"), mdx(\"p\", null, \"The Drawer component is a variation with the objective of providing maximum priority information for the user.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"drawer-simple-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#drawer-simple-usage\",\n \"aria-label\": \"drawer simple usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Drawer simple usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n \\n \\n \\n \\n Drawer title\\n \\n \\n \\n \\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Drawer\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#drawer","title":"Drawer","items":[{"items":[{"url":"#usage","title":"Usage"},{"url":"#drawer-simple-usage","title":"Drawer simple usage"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/drawer/index.mdx"},"frontmatter":{"metaTitle":"Drawer","metaDescription":"Drawer Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"27a41f5f-a125-5483-8193-5b79a7972b77"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/drawer","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"27a41f5f-a125-5483-8193-5b79a7972b77","title":"Drawer","slug":"/components/components/drawer/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Drawer\",\n \"metaTitle\": \"Drawer\",\n \"metaDescription\": \"Drawer Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"drawer\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#drawer\",\n \"aria-label\": \"drawer permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Drawer\"), mdx(\"p\", null, \"The Drawer component is a variation with the objective of providing maximum priority information for the user.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"drawer-simple-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#drawer-simple-usage\",\n \"aria-label\": \"drawer simple usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Drawer simple usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n \\n \\n \\n \\n Drawer title\\n \\n \\n \\n \\n \\n \\n \\n Cancel\\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Drawer\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#drawer","title":"Drawer","items":[{"items":[{"url":"#usage","title":"Usage"},{"url":"#drawer-simple-usage","title":"Drawer simple usage"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/drawer/index.mdx"},"frontmatter":{"metaTitle":"Drawer","metaDescription":"Drawer Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"27a41f5f-a125-5483-8193-5b79a7972b77"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/dropdown/dropdown-native/page-data.json b/page-data/components/dropdown/dropdown-native/page-data.json index 4e08e9fa77..d26ab70f43 100644 --- a/page-data/components/dropdown/dropdown-native/page-data.json +++ b/page-data/components/dropdown/dropdown-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown/dropdown-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bfe169a6-3781-5f06-a90b-e337bc9fbe26","title":"Dropdown Native","slug":"/components/components/dropdown/dropdown-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dropdown\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/dropdown-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bfe169a6-3781-5f06-a90b-e337bc9fbe26"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown/dropdown-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bfe169a6-3781-5f06-a90b-e337bc9fbe26","title":"Dropdown Native","slug":"/components/components/dropdown/dropdown-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dropdown\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/dropdown-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bfe169a6-3781-5f06-a90b-e337bc9fbe26"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/dropdown/dropdown-web/page-data.json b/page-data/components/dropdown/dropdown-web/page-data.json index 6d103c1f28..2b8a441d86 100644 --- a/page-data/components/dropdown/dropdown-web/page-data.json +++ b/page-data/components/dropdown/dropdown-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown/dropdown-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"288fa4a3-854d-54a1-98d6-7264f8bb5120","title":"Dropdown Web","slug":"/components/components/dropdown/dropdown-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"with-selected-option\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#with-selected-option\",\n \"aria-label\": \"with selected option permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"with selected option\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dropdown\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#with-selected-option","title":"with selected option"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/dropdown-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"288fa4a3-854d-54a1-98d6-7264f8bb5120"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown/dropdown-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"288fa4a3-854d-54a1-98d6-7264f8bb5120","title":"Dropdown Web","slug":"/components/components/dropdown/dropdown-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"with-selected-option\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#with-selected-option\",\n \"aria-label\": \"with selected option permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"with selected option\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Dropdown\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#with-selected-option","title":"with selected option"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/dropdown-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"288fa4a3-854d-54a1-98d6-7264f8bb5120"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/dropdown/page-data.json b/page-data/components/dropdown/page-data.json index 9a75909e82..4b235f1601 100644 --- a/page-data/components/dropdown/page-data.json +++ b/page-data/components/dropdown/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d63b5610-cce6-580f-9dd2-944b66c3877c","title":"Dropdown","slug":"/components/components/dropdown/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Dropdown\",\n \"metaTitle\": \"Dropdown\",\n \"metaDescription\": \"Dropdown Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"dropdown\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#dropdown\",\n \"aria-label\": \"dropdown permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dropdown\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(DropdownWeb, {\n mdxType: \"DropdownWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(DropdownNative, {\n mdxType: \"DropdownNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#dropdown","title":"Dropdown"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/index.mdx"},"frontmatter":{"metaTitle":"Dropdown","metaDescription":"Dropdown Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d63b5610-cce6-580f-9dd2-944b66c3877c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/dropdown","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d63b5610-cce6-580f-9dd2-944b66c3877c","title":"Dropdown","slug":"/components/components/dropdown/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Dropdown\",\n \"metaTitle\": \"Dropdown\",\n \"metaDescription\": \"Dropdown Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"dropdown\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#dropdown\",\n \"aria-label\": \"dropdown permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Dropdown\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(DropdownWeb, {\n mdxType: \"DropdownWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(DropdownNative, {\n mdxType: \"DropdownNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#dropdown","title":"Dropdown"}]},"parent":{"__typename":"File","relativePath":"components/components/dropdown/index.mdx"},"frontmatter":{"metaTitle":"Dropdown","metaDescription":"Dropdown Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d63b5610-cce6-580f-9dd2-944b66c3877c"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/feedback/page-data.json b/page-data/components/feedback/page-data.json index 06462d7311..5d2772f83b 100644 --- a/page-data/components/feedback/page-data.json +++ b/page-data/components/feedback/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/feedback","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"207e1f00-fc0b-5b3a-8834-c1c4ad913e87","title":"Feedback","slug":"/components/components/feedback/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Feedback\",\n \"metaTitle\": \"Feedback\",\n \"metaDescription\": \"Feedback Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"feedback\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#feedback\",\n \"aria-label\": \"feedback permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Feedback\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"This screen can be used to give feedback to the user of success, information, or attention.\"), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"success-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#success-variant\",\n \"aria-label\": \"success variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Success variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"informative-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#informative-variant\",\n \"aria-label\": \"informative variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Informative variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"attention-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#attention-variant\",\n \"aria-label\": \"attention variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Attention variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"only-with-primary-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#only-with-primary-button\",\n \"aria-label\": \"only with primary button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Only with primary button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"without-buttons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#without-buttons\",\n \"aria-label\": \"without buttons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without buttons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"overriding-title-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#overriding-title-props\",\n \"aria-label\": \"overriding title props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Overriding title props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Welcome to Yoga, Feedback.\\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"not-centered-vertically\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#not-centered-vertically\",\n \"aria-label\": \"not centered vertically permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Not centered vertically\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Welcome to Yoga, Feedback.\\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h2\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Feedback\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#feedback","title":"Feedback","items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#success-variant","title":"Success variant"},{"url":"#informative-variant","title":"Informative variant"},{"url":"#attention-variant","title":"Attention variant"},{"url":"#only-with-primary-button","title":"Only with primary button"},{"url":"#without-buttons","title":"Without buttons"},{"url":"#overriding-title-props","title":"Overriding title props"},{"url":"#not-centered-vertically","title":"Not centered vertically"}]},{"url":"#props","title":"Props"}]}]},"parent":{"__typename":"File","relativePath":"components/components/feedback/index.mdx"},"frontmatter":{"metaTitle":"Feedback","metaDescription":"Feedback Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"207e1f00-fc0b-5b3a-8834-c1c4ad913e87"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/feedback","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"207e1f00-fc0b-5b3a-8834-c1c4ad913e87","title":"Feedback","slug":"/components/components/feedback/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Feedback\",\n \"metaTitle\": \"Feedback\",\n \"metaDescription\": \"Feedback Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"feedback\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#feedback\",\n \"aria-label\": \"feedback permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Feedback\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"This screen can be used to give feedback to the user of success, information, or attention.\"), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"success-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#success-variant\",\n \"aria-label\": \"success variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Success variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"informative-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#informative-variant\",\n \"aria-label\": \"informative variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Informative variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"attention-variant\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#attention-variant\",\n \"aria-label\": \"attention variant permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Attention variant\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"only-with-primary-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#only-with-primary-button\",\n \"aria-label\": \"only with primary button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Only with primary button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Ok\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"without-buttons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#without-buttons\",\n \"aria-label\": \"without buttons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without buttons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"overriding-title-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#overriding-title-props\",\n \"aria-label\": \"overriding title props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Overriding title props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Welcome to Yoga, Feedback.\\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"not-centered-vertically\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#not-centered-vertically\",\n \"aria-label\": \"not centered vertically permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Not centered vertically\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n Welcome to Yoga, Feedback.\\n Ok\\n Cancel\\n \\n\\n\")), mdx(\"h2\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Feedback\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#feedback","title":"Feedback","items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#success-variant","title":"Success variant"},{"url":"#informative-variant","title":"Informative variant"},{"url":"#attention-variant","title":"Attention variant"},{"url":"#only-with-primary-button","title":"Only with primary button"},{"url":"#without-buttons","title":"Without buttons"},{"url":"#overriding-title-props","title":"Overriding title props"},{"url":"#not-centered-vertically","title":"Not centered vertically"}]},{"url":"#props","title":"Props"}]}]},"parent":{"__typename":"File","relativePath":"components/components/feedback/index.mdx"},"frontmatter":{"metaTitle":"Feedback","metaDescription":"Feedback Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"207e1f00-fc0b-5b3a-8834-c1c4ad913e87"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/getting-started/default-native/page-data.json b/page-data/components/getting-started/default-native/page-data.json index f5da0213b0..c4e4645a67 100644 --- a/page-data/components/getting-started/default-native/page-data.json +++ b/page-data/components/getting-started/default-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"641869f6-ac49-5a3e-8e93-f71f451c5830","title":"Default Native","slug":"/components/getting-started/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"peer-dependencies\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#peer-dependencies\",\n \"aria-label\": \"peer dependencies permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Peer dependencies\"), mdx(\"p\", null, \"\\u26A0\\uFE0F Depending on your package manager and its version, it is possible that it automatically install these \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"peerDependencies\"), \", making step unnecessary.\"), mdx(\"p\", null, \"In order to have Yoga working in your application, you'll need some peer dependencies:\"), mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-picker/picker\"\n }, \"@react-native-picker\"), \": Used in our mobile version of the Dropdown component\"), mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-svg/react-native-svg\"\n }, \"react-native-svg\"), \": Used for our Icons.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @react-native-picker/picker react-native-svg\\n\")), mdx(\"h3\", {\n \"id\": \"adding-gympass-font-in-your-project\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adding-gympass-font-in-your-project\",\n \"aria-label\": \"adding gympass font in your project permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adding Gympass font in your project\"), mdx(\"p\", null, \"Both iOS and Android come with their own set of platform fonts but all Yoga\\ncomponents needs its own font family based on\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/fonts\"\n }, \"font design token\"), \".\"), mdx(\"h4\", {\n \"id\": \"react-native--060\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#react-native--060\",\n \"aria-label\": \"react native 060 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"React Native > 0.60\"), mdx(\"p\", null, \"Edit or create the file \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native.config.js\"), \" in your project's root to be as\\nfollows:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"module.exports = {\\n project: {\\n ios: {},\\n android: {},\\n },\\n assets: ['./node_modules/@gympass/yoga/fonts'],\\n};\\n\")), mdx(\"p\", null, \"and run the command bellow:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"react-native link\\n\")), mdx(\"h4\", {\n \"id\": \"react-native--060-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#react-native--060-1\",\n \"aria-label\": \"react native 060 1 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"React Native < 0.60\"), mdx(\"p\", null, \"Add the following lines in your \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"package.json\"), \":\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"\\\"rnpm\\\": {\\n \\\"assets\\\": [\\n \\\"./node_modules/@gympass/yoga/fonts\\\"\\n ]\\n}\\n\")), mdx(\"p\", null, \"and run the command bellow:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"react-native link\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#peer-dependencies","title":"Peer dependencies"},{"url":"#adding-gympass-font-in-your-project","title":"Adding Gympass font in your project","items":[{"url":"#react-native--060","title":"React Native > 0.60"},{"url":"#react-native--060-1","title":"React Native < 0.60"}]}]},"parent":{"__typename":"File","relativePath":"components/getting-started/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"641869f6-ac49-5a3e-8e93-f71f451c5830"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"641869f6-ac49-5a3e-8e93-f71f451c5830","title":"Default Native","slug":"/components/getting-started/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"peer-dependencies\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#peer-dependencies\",\n \"aria-label\": \"peer dependencies permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Peer dependencies\"), mdx(\"p\", null, \"\\u26A0\\uFE0F Depending on your package manager and its version, it is possible that it automatically install these \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"peerDependencies\"), \", making step unnecessary.\"), mdx(\"p\", null, \"In order to have Yoga working in your application, you'll need some peer dependencies:\"), mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-picker/picker\"\n }, \"@react-native-picker\"), \": Used in our mobile version of the Dropdown component\"), mdx(\"p\", null, mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-svg/react-native-svg\"\n }, \"react-native-svg\"), \": Used for our Icons.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @react-native-picker/picker react-native-svg\\n\")), mdx(\"h3\", {\n \"id\": \"adding-gympass-font-in-your-project\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adding-gympass-font-in-your-project\",\n \"aria-label\": \"adding gympass font in your project permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adding Gympass font in your project\"), mdx(\"p\", null, \"Both iOS and Android come with their own set of platform fonts but all Yoga\\ncomponents needs its own font family based on\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/fonts\"\n }, \"font design token\"), \".\"), mdx(\"h4\", {\n \"id\": \"react-native--060\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#react-native--060\",\n \"aria-label\": \"react native 060 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"React Native > 0.60\"), mdx(\"p\", null, \"Edit or create the file \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native.config.js\"), \" in your project's root to be as\\nfollows:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"module.exports = {\\n project: {\\n ios: {},\\n android: {},\\n },\\n assets: ['./node_modules/@gympass/yoga/fonts'],\\n};\\n\")), mdx(\"p\", null, \"and run the command bellow:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"react-native link\\n\")), mdx(\"h4\", {\n \"id\": \"react-native--060-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#react-native--060-1\",\n \"aria-label\": \"react native 060 1 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"React Native < 0.60\"), mdx(\"p\", null, \"Add the following lines in your \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"package.json\"), \":\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"\\\"rnpm\\\": {\\n \\\"assets\\\": [\\n \\\"./node_modules/@gympass/yoga/fonts\\\"\\n ]\\n}\\n\")), mdx(\"p\", null, \"and run the command bellow:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"react-native link\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#peer-dependencies","title":"Peer dependencies"},{"url":"#adding-gympass-font-in-your-project","title":"Adding Gympass font in your project","items":[{"url":"#react-native--060","title":"React Native > 0.60"},{"url":"#react-native--060-1","title":"React Native < 0.60"}]}]},"parent":{"__typename":"File","relativePath":"components/getting-started/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"641869f6-ac49-5a3e-8e93-f71f451c5830"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/getting-started/default-web/page-data.json b/page-data/components/getting-started/default-web/page-data.json index c0bbc53a95..e0f0243c8c 100644 --- a/page-data/components/getting-started/default-web/page-data.json +++ b/page-data/components/getting-started/default-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8b56c864-7055-50a3-a317-54474a022825","title":"Default Web","slug":"/components/getting-started/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"adding-gympass-font-in-your-project\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adding-gympass-font-in-your-project\",\n \"aria-label\": \"adding gympass font in your project permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adding Gympass font in your project\"), mdx(\"p\", null, \"Make sure to import and use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FontLoader\"), \" inside \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ThemeProvider\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import { ThemeProvider, Button, FontLoader } from '@gympass/yoga';\\n\\nconst App = () => (\\n \\n \\n \\n \\n);\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#adding-gympass-font-in-your-project","title":"Adding Gympass font in your project"}]},"parent":{"__typename":"File","relativePath":"components/getting-started/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8b56c864-7055-50a3-a317-54474a022825"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8b56c864-7055-50a3-a317-54474a022825","title":"Default Web","slug":"/components/getting-started/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"adding-gympass-font-in-your-project\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adding-gympass-font-in-your-project\",\n \"aria-label\": \"adding gympass font in your project permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adding Gympass font in your project\"), mdx(\"p\", null, \"Make sure to import and use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FontLoader\"), \" inside \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ThemeProvider\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import { ThemeProvider, Button, FontLoader } from '@gympass/yoga';\\n\\nconst App = () => (\\n \\n \\n \\n \\n);\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#adding-gympass-font-in-your-project","title":"Adding Gympass font in your project"}]},"parent":{"__typename":"File","relativePath":"components/getting-started/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8b56c864-7055-50a3-a317-54474a022825"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/getting-started/page-data.json b/page-data/components/getting-started/page-data.json index 312b9c0628..48ebdfe8f0 100644 --- a/page-data/components/getting-started/page-data.json +++ b/page-data/components/getting-started/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"536d0b77-a92c-58ff-8d0b-1f1cbf93e59a","title":"Getting started","slug":"/components/getting-started/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Getting started\",\n \"metaTitle\": \"Getting started\",\n \"metaDescription\": \"This is the Getting started\",\n \"order\": 0\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"getting-started\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#getting-started\",\n \"aria-label\": \"getting started permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Getting Started\"), mdx(\"p\", null, \"Gympass design-system's follows design guidelines specification, we developed a React and React Native UI library that contains a set of high quality components that defines our interfaces.\"), mdx(\"p\", null, \"An important note is that the \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"styled-components\"), \" is a peerDependency \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://styled-components.com/docs/faqs#i-am-a-library-author-should-i-bundle-styledcomponents-with-my-library\"\n }, \"see why\"), \", if you dont have styled-components installed you'll \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://styled-components.com/docs/basics#installation\"\n }, \"need to install\"), \".\"), mdx(\"h3\", {\n \"id\": \"installing\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#installing\",\n \"aria-label\": \"installing permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installing\"), mdx(\"p\", null, \"In order to install our design-system just run:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga\\n\\n// or\\n\\nnpm install @gympass/yoga\\n\")), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"An important point in using it is that your whole application must be wrapped in our \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ThemeProvider\"), \" component:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import { ThemeProvider, Button } from '@gympass/yoga';\\n\\nconst App = () => (\\n \\n \\n \\n);\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(GettingStartedWeb, {\n mdxType: \"GettingStartedWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(GettingStartedNative, {\n mdxType: \"GettingStartedNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#getting-started","title":"Getting Started","items":[{"url":"#installing","title":"Installing"},{"url":"#usage","title":"Usage"}]}]},"parent":{"__typename":"File","relativePath":"components/getting-started/index.mdx"},"frontmatter":{"metaTitle":"Getting started","metaDescription":"This is the Getting started"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"536d0b77-a92c-58ff-8d0b-1f1cbf93e59a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/getting-started","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"536d0b77-a92c-58ff-8d0b-1f1cbf93e59a","title":"Getting started","slug":"/components/getting-started/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Getting started\",\n \"metaTitle\": \"Getting started\",\n \"metaDescription\": \"This is the Getting started\",\n \"order\": 0\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"getting-started\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#getting-started\",\n \"aria-label\": \"getting started permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Getting Started\"), mdx(\"p\", null, \"Gympass design-system's follows design guidelines specification, we developed a React and React Native UI library that contains a set of high quality components that defines our interfaces.\"), mdx(\"p\", null, \"An important note is that the \", mdx(\"strong\", {\n parentName: \"p\"\n }, \"styled-components\"), \" is a peerDependency \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://styled-components.com/docs/faqs#i-am-a-library-author-should-i-bundle-styledcomponents-with-my-library\"\n }, \"see why\"), \", if you dont have styled-components installed you'll \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://styled-components.com/docs/basics#installation\"\n }, \"need to install\"), \".\"), mdx(\"h3\", {\n \"id\": \"installing\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#installing\",\n \"aria-label\": \"installing permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installing\"), mdx(\"p\", null, \"In order to install our design-system just run:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga\\n\\n// or\\n\\nnpm install @gympass/yoga\\n\")), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"An important point in using it is that your whole application must be wrapped in our \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ThemeProvider\"), \" component:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import { ThemeProvider, Button } from '@gympass/yoga';\\n\\nconst App = () => (\\n \\n \\n \\n);\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(GettingStartedWeb, {\n mdxType: \"GettingStartedWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(GettingStartedNative, {\n mdxType: \"GettingStartedNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#getting-started","title":"Getting Started","items":[{"url":"#installing","title":"Installing"},{"url":"#usage","title":"Usage"}]}]},"parent":{"__typename":"File","relativePath":"components/getting-started/index.mdx"},"frontmatter":{"metaTitle":"Getting started","metaDescription":"This is the Getting started"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"536d0b77-a92c-58ff-8d0b-1f1cbf93e59a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/grid/page-data.json b/page-data/components/grid/page-data.json index 037385a193..c8d97a47a7 100644 --- a/page-data/components/grid/page-data.json +++ b/page-data/components/grid/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/grid","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"48aecc81-8dfd-5cc7-b608-c835b1d49853","title":"Grid","slug":"/components/components/grid/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Grid\",\n \"metaTitle\": \"Grid\",\n \"metaDescription\": \"Grid Component\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"grid\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#grid\",\n \"aria-label\": \"grid permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Grid\"), mdx(\"p\", null, \"Use the grid components to easily create complex responsive layouts.\"), mdx(\"h2\", {\n \"id\": \"breakpoints\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#breakpoints\",\n \"aria-label\": \"breakpoints permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Breakpoints\"), mdx(\"p\", null, \"We have 8 breakpoints going from \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxsmall\"), \" to \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxxlarge\"), \".\"), mdx(\"table\", null, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Breakpoint\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Col prop\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Value\")))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxs\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"0\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xs\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"360\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"sm\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"480\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"md\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"768\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"lg\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1024\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1200\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1366\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1600\"))))), mdx(\"h2\", {\n \"id\": \"container\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#container\",\n \"aria-label\": \"container permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Container\"), mdx(\"p\", null, \"Containers provide a way to center and horizontally pad your site\\u2019s contents.\\nUse \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" for a centered container \", mdx(\"em\", {\n parentName: \"p\"\n }, \"with margins\"), \" around and\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"max-width\"), \" of \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"1600px\"), \" or \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" for a 100% width\\n\", mdx(\"em\", {\n parentName: \"p\"\n }, \"without margins\"), \" across all viewport and device sizes.\"), mdx(\"h2\", {\n \"id\": \"row\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#row\",\n \"aria-label\": \"row permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Row\"), mdx(\"p\", null, \"Rows are wrappers for columns.\"), mdx(\"h2\", {\n \"id\": \"col\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#col\",\n \"aria-label\": \"col permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Col\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" indicate the number of columns you\\u2019d like to use out of the possible\\n\", mdx(\"strong\", {\n parentName: \"p\"\n }, \"12\"), \" per row. So, if you want three equal-width columns across, you can use\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"p\", null, \"Each column has horizontal padding (called gutter) of \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"24px\"), \" in desktop or\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"16px\"), \" in mobile resolutions for controlling the space between them.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n Column\\n Column\\n \\n\\n\")), mdx(\"p\", null, \"Another example. Let suppose that you have a column like this:\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \", it will fill 12 columns until the viewport reaches\\nthe medium breakpoint then, it will fill 6 columns.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"(Resize your browser to see \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxsmall\"), \" breakpoint in action)\"), mdx(\"h3\", {\n \"id\": \"starting-in-a-determined-position\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#starting-in-a-determined-position\",\n \"aria-label\": \"starting in a determined position permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Starting in a determined position\"), mdx(\"p\", null, \"You can start a column in a predetermined grid position. If you want a layout\\nthat starts from the third position and fill the 10 remaining, you can do:\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"p\", null, \"Every breakpoint has its own \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"start\"), \" keyword.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"See another complex example:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n \\n Column\\n \\n \\n \\n Column\\n \\n Column\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"hiding-columns\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#hiding-columns\",\n \"aria-label\": \"hiding columns permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hiding columns\"), mdx(\"p\", null, \"It's possible to hide columns in some breakpoint, you can use the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"hide\"), \" prop to\\ndo it. This prop accepts an array of breakpoints.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n Column\\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"In the example above the third column will be hided \", mdx(\"em\", {\n parentName: \"p\"\n }, \"only\"), \" in the xlarge\\nbreakpoint.\"), mdx(\"h2\", {\n \"id\": \"hide\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#hide\",\n \"aria-label\": \"hide permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hide\"), mdx(\"p\", null, \"You can use the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" to hide some elements of your layout. It renders a\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"div\"), \" with a media query to apply the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"display: none\"), \" style.\"), mdx(\"p\", null, \"Check the example below:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n
\\n
Header
\\n
\\n
Some content
\\n \\n
\\n This content will be hidden only in xlarge\\n breakpoint\\n
\\n \\n
\\n
Footer
\\n
\\n \\n \\n\\n\")), mdx(\"p\", null, \"If you want to hide something in all breakpoints starting from specific one,\\nuse it with the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"-start\"), \" sufix: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"md-start\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n
\\n
Here we have some content hided in the medium breakpoint.
\\n
Open the code example or resize the browser to see it.
\\n \\n
\\n This content will be hidden\\n in all breakpoints starting from medium breakpoint\\n
\\n \\n
\\n \\n \\n\\n\")), mdx(\"p\", null, \"You can mix the breakpoint props to hide in one, several or all of them.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#grid","title":"Grid","items":[{"url":"#breakpoints","title":"Breakpoints"},{"url":"#container","title":"Container"},{"url":"#row","title":"Row"},{"url":"#col","title":"Col","items":[{"url":"#starting-in-a-determined-position","title":"Starting in a determined position"},{"url":"#hiding-columns","title":"Hiding columns"}]},{"url":"#hide","title":"Hide"}]}]},"parent":{"__typename":"File","relativePath":"components/components/grid/index.mdx"},"frontmatter":{"metaTitle":"Grid","metaDescription":"Grid Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"48aecc81-8dfd-5cc7-b608-c835b1d49853"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/grid","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"48aecc81-8dfd-5cc7-b608-c835b1d49853","title":"Grid","slug":"/components/components/grid/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Grid\",\n \"metaTitle\": \"Grid\",\n \"metaDescription\": \"Grid Component\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"grid\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#grid\",\n \"aria-label\": \"grid permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Grid\"), mdx(\"p\", null, \"Use the grid components to easily create complex responsive layouts.\"), mdx(\"h2\", {\n \"id\": \"breakpoints\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#breakpoints\",\n \"aria-label\": \"breakpoints permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Breakpoints\"), mdx(\"p\", null, \"We have 8 breakpoints going from \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxsmall\"), \" to \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxxlarge\"), \".\"), mdx(\"table\", null, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Breakpoint\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Col prop\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Value\")))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxs\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"0\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xs\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"360\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"sm\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"480\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"md\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"768\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"lg\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1024\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1200\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1366\"))), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxl\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"1600\"))))), mdx(\"h2\", {\n \"id\": \"container\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#container\",\n \"aria-label\": \"container permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Container\"), mdx(\"p\", null, \"Containers provide a way to center and horizontally pad your site\\u2019s contents.\\nUse \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" for a centered container \", mdx(\"em\", {\n parentName: \"p\"\n }, \"with margins\"), \" around and\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"max-width\"), \" of \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"1600px\"), \" or \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" for a 100% width\\n\", mdx(\"em\", {\n parentName: \"p\"\n }, \"without margins\"), \" across all viewport and device sizes.\"), mdx(\"h2\", {\n \"id\": \"row\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#row\",\n \"aria-label\": \"row permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Row\"), mdx(\"p\", null, \"Rows are wrappers for columns.\"), mdx(\"h2\", {\n \"id\": \"col\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#col\",\n \"aria-label\": \"col permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Col\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" indicate the number of columns you\\u2019d like to use out of the possible\\n\", mdx(\"strong\", {\n parentName: \"p\"\n }, \"12\"), \" per row. So, if you want three equal-width columns across, you can use\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"p\", null, \"Each column has horizontal padding (called gutter) of \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"24px\"), \" in desktop or\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"16px\"), \" in mobile resolutions for controlling the space between them.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n Column\\n Column\\n \\n\\n\")), mdx(\"p\", null, \"Another example. Let suppose that you have a column like this:\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \", it will fill 12 columns until the viewport reaches\\nthe medium breakpoint then, it will fill 6 columns.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"(Resize your browser to see \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxsmall\"), \" breakpoint in action)\"), mdx(\"h3\", {\n \"id\": \"starting-in-a-determined-position\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#starting-in-a-determined-position\",\n \"aria-label\": \"starting in a determined position permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Starting in a determined position\"), mdx(\"p\", null, \"You can start a column in a predetermined grid position. If you want a layout\\nthat starts from the third position and fill the 10 remaining, you can do:\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"p\", null, \"Every breakpoint has its own \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"start\"), \" keyword.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"See another complex example:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n \\n Column\\n \\n \\n \\n Column\\n \\n Column\\n \\n \\n Column\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"hiding-columns\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#hiding-columns\",\n \"aria-label\": \"hiding columns permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hiding columns\"), mdx(\"p\", null, \"It's possible to hide columns in some breakpoint, you can use the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"hide\"), \" prop to\\ndo it. This prop accepts an array of breakpoints.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n Column\\n Column\\n \\n Column\\n \\n \\n\\n\")), mdx(\"p\", null, \"In the example above the third column will be hided \", mdx(\"em\", {\n parentName: \"p\"\n }, \"only\"), \" in the xlarge\\nbreakpoint.\"), mdx(\"h2\", {\n \"id\": \"hide\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#hide\",\n \"aria-label\": \"hide permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hide\"), mdx(\"p\", null, \"You can use the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" to hide some elements of your layout. It renders a\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"div\"), \" with a media query to apply the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"display: none\"), \" style.\"), mdx(\"p\", null, \"Check the example below:\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n
\\n
Header
\\n
\\n
Some content
\\n \\n
\\n This content will be hidden only in xlarge\\n breakpoint\\n
\\n \\n
\\n
Footer
\\n
\\n \\n \\n\\n\")), mdx(\"p\", null, \"If you want to hide something in all breakpoints starting from specific one,\\nuse it with the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"-start\"), \" sufix: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"md-start\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n \\n \\n
\\n
Here we have some content hided in the medium breakpoint.
\\n
Open the code example or resize the browser to see it.
\\n \\n
\\n This content will be hidden\\n in all breakpoints starting from medium breakpoint\\n
\\n \\n
\\n \\n \\n\\n\")), mdx(\"p\", null, \"You can mix the breakpoint props to hide in one, several or all of them.\"));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#grid","title":"Grid","items":[{"url":"#breakpoints","title":"Breakpoints"},{"url":"#container","title":"Container"},{"url":"#row","title":"Row"},{"url":"#col","title":"Col","items":[{"url":"#starting-in-a-determined-position","title":"Starting in a determined position"},{"url":"#hiding-columns","title":"Hiding columns"}]},{"url":"#hide","title":"Hide"}]}]},"parent":{"__typename":"File","relativePath":"components/components/grid/index.mdx"},"frontmatter":{"metaTitle":"Grid","metaDescription":"Grid Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"48aecc81-8dfd-5cc7-b608-c835b1d49853"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/header/page-data.json b/page-data/components/header/page-data.json index e6981d8c5f..f73580f4ef 100644 --- a/page-data/components/header/page-data.json +++ b/page-data/components/header/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/header","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"6998c8d1-e5f3-5efe-8be6-f84ab7971f38","title":"Header","slug":"/components/components/header/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Header\",\n \"metaTitle\": \"Header\",\n \"metaDescription\": \"Header Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"header\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#header\",\n \"aria-label\": \"header permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Header\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Header defines the top of a page, and displays information and actions relating to the current page. \"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n
\\n\\n\")), mdx(\"h3\", {\n \"id\": \"logo-with-link\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#logo-with-link\",\n \"aria-label\": \"logo with link permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Logo with link\"), mdx(\"p\", null, \"The header is prepared to have a link to redirect the user clicking on the Gympass' logo.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n
\\n\\n\")), mdx(\"h3\", {\n \"id\": \"custom-logo\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-logo\",\n \"aria-label\": \"custom logo permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom logo\"), mdx(\"p\", null, \"The header changes the logo by passing a component to the logo prop. If nothing is passed, the default Gympass logo will be shown.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"\\nconst CustomLogo = () => ;\\n\\nrender(() => {\\n return (\\n \\n
\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"receiving-children\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#receiving-children\",\n \"aria-label\": \"receiving children permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Receiving children\"), mdx(\"p\", null, \"The header can have a children with components that you want to put inside.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const LeftContent = styled.div`\\n display: flex;\\n flex-grow: 3;\\n padding-left: 48px;\\n`;\\n\\nconst RightContent = styled.div`\\n display: flex;\\n flex-grow: 1;\\n justify-content: flex-end;\\n align-items: center;\\n`;\\n\\nconst LinkButton = styled(Button.Link)`\\n padding-right: 32px;\\n`;\\n\\nconst SmallButton = styled(Button)`\\n margin-left: 8px;\\n ${media.lg`\\n margin-left: 20px;\\n `}\\n`;\\n\\nrender(() => {\\n return (\\n \\n
\\n \\n \\n Link button\\n Link button\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Header\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#header","title":"Header","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#default","title":"Default"},{"url":"#logo-with-link","title":"Logo with link"},{"url":"#custom-logo","title":"Custom logo"},{"url":"#receiving-children","title":"Receiving children"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/header/index.mdx"},"frontmatter":{"metaTitle":"Header","metaDescription":"Header Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"6998c8d1-e5f3-5efe-8be6-f84ab7971f38"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/header","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"6998c8d1-e5f3-5efe-8be6-f84ab7971f38","title":"Header","slug":"/components/components/header/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Header\",\n \"metaTitle\": \"Header\",\n \"metaDescription\": \"Header Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"header\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#header\",\n \"aria-label\": \"header permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Header\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Header defines the top of a page, and displays information and actions relating to the current page. \"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n
\\n\\n\")), mdx(\"h3\", {\n \"id\": \"logo-with-link\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#logo-with-link\",\n \"aria-label\": \"logo with link permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Logo with link\"), mdx(\"p\", null, \"The header is prepared to have a link to redirect the user clicking on the Gympass' logo.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n
\\n\\n\")), mdx(\"h3\", {\n \"id\": \"custom-logo\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-logo\",\n \"aria-label\": \"custom logo permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom logo\"), mdx(\"p\", null, \"The header changes the logo by passing a component to the logo prop. If nothing is passed, the default Gympass logo will be shown.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"\\nconst CustomLogo = () => ;\\n\\nrender(() => {\\n return (\\n \\n
\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"receiving-children\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#receiving-children\",\n \"aria-label\": \"receiving children permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Receiving children\"), mdx(\"p\", null, \"The header can have a children with components that you want to put inside.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const LeftContent = styled.div`\\n display: flex;\\n flex-grow: 3;\\n padding-left: 48px;\\n`;\\n\\nconst RightContent = styled.div`\\n display: flex;\\n flex-grow: 1;\\n justify-content: flex-end;\\n align-items: center;\\n`;\\n\\nconst LinkButton = styled(Button.Link)`\\n padding-right: 32px;\\n`;\\n\\nconst SmallButton = styled(Button)`\\n margin-left: 8px;\\n ${media.lg`\\n margin-left: 20px;\\n `}\\n`;\\n\\nrender(() => {\\n return (\\n \\n
\\n \\n \\n Link button\\n Link button\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Header\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#header","title":"Header","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#default","title":"Default"},{"url":"#logo-with-link","title":"Logo with link"},{"url":"#custom-logo","title":"Custom logo"},{"url":"#receiving-children","title":"Receiving children"},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/header/index.mdx"},"frontmatter":{"metaTitle":"Header","metaDescription":"Header Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"6998c8d1-e5f3-5efe-8be6-f84ab7971f38"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/heading/page-data.json b/page-data/components/heading/page-data.json index 8b8d0739c7..5990632990 100644 --- a/page-data/components/heading/page-data.json +++ b/page-data/components/heading/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/heading","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c8831fb0-040c-5415-9f3c-44e409c87c63","title":"Heading","slug":"/components/components/heading/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Heading\",\n \"metaTitle\": \"Heading\",\n \"metaDescription\": \"Heading Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"heading\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#heading\",\n \"aria-label\": \"heading permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Heading\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Heading defines the top of a page, and displays information and actions relating to the current page.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n Gympass\\n \\n\")), mdx(\"h4\", {\n \"id\": \"with-back-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-back-button\",\n \"aria-label\": \"with back button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With back button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n \\n\")), mdx(\"h4\", {\n \"id\": \"just-back-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#just-back-button\",\n \"aria-label\": \"just back button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Just back button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n \\n\")), mdx(\"h4\", {\n \"id\": \"with-all-components\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-all-components\",\n \"aria-label\": \"with all components permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With all components\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n alert('right button 1')} icon={Upload2} />\\n alert('right button 2')} icon={Whatsapp} />\\n \\n\")), mdx(\"h4\", {\n \"id\": \"without-padding\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#without-padding\",\n \"aria-label\": \"without padding permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without padding\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n alert('right button 1')} icon={Upload2} />\\n alert('right button 2')} icon={Whatsapp} />\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Heading\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#heading","title":"Heading","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#with-back-button","title":"With back button"},{"url":"#just-back-button","title":"Just back button"},{"url":"#with-all-components","title":"With all components"},{"url":"#without-padding","title":"Without padding"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/heading/index.mdx"},"frontmatter":{"metaTitle":"Heading","metaDescription":"Heading Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c8831fb0-040c-5415-9f3c-44e409c87c63"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/heading","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c8831fb0-040c-5415-9f3c-44e409c87c63","title":"Heading","slug":"/components/components/heading/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Heading\",\n \"metaTitle\": \"Heading\",\n \"metaDescription\": \"Heading Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"heading\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#heading\",\n \"aria-label\": \"heading permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Heading\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The Heading defines the top of a page, and displays information and actions relating to the current page.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n Gympass\\n \\n\")), mdx(\"h4\", {\n \"id\": \"with-back-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-back-button\",\n \"aria-label\": \"with back button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With back button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n \\n\")), mdx(\"h4\", {\n \"id\": \"just-back-button\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#just-back-button\",\n \"aria-label\": \"just back button permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Just back button\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n \\n\")), mdx(\"h4\", {\n \"id\": \"with-all-components\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-all-components\",\n \"aria-label\": \"with all components permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With all components\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n alert('right button 1')} icon={Upload2} />\\n alert('right button 2')} icon={Whatsapp} />\\n \\n\")), mdx(\"h4\", {\n \"id\": \"without-padding\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#without-padding\",\n \"aria-label\": \"without padding permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Without padding\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n alert('back button')} />\\n Gympass\\n alert('right button 1')} icon={Upload2} />\\n alert('right button 2')} icon={Whatsapp} />\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Heading\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#heading","title":"Heading","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#with-back-button","title":"With back button"},{"url":"#just-back-button","title":"Just back button"},{"url":"#with-all-components","title":"With all components"},{"url":"#without-padding","title":"Without padding"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/heading/index.mdx"},"frontmatter":{"metaTitle":"Heading","metaDescription":"Heading Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c8831fb0-040c-5415-9f3c-44e409c87c63"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/helpers/media/page-data.json b/page-data/components/helpers/media/page-data.json index 5ceee5e108..8b7c844515 100644 --- a/page-data/components/helpers/media/page-data.json +++ b/page-data/components/helpers/media/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/helpers/media","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"dbca9a98-0b3d-5317-8370-b783f7234a6f","title":"Media","slug":"/components/helpers/media"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Media\",\n \"metaTitle\": \"Media\",\n \"metaDescription\": \"Functions to help you dealing with responsive design\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"media\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#media\",\n \"aria-label\": \"media permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Media\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"media\"), \" module makes easy to write media queries using \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"styled-components\"), \".\"), mdx(\"p\", null, \"It has a helper for each breakpoint, defined in our \", mdx(Link, {\n to: \"/guidelines/tokens/breakpoints\",\n mdxType: \"Link\"\n }, \"guidelines\"), \":\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxs\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xs\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"sm\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"md\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"lg\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xl\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxl\"), \", and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxxl\"), \".\"), mdx(\"h3\", {\n \"id\": \"installing\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#installing\",\n \"aria-label\": \"installing permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installing\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-helpers\\n\\n// or\\n\\nnpm install @gympass/yoga-helpers\\n\")), mdx(\"br\", null), mdx(\"h3\", {\n \"id\": \"api\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#api\",\n \"aria-label\": \"api permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"API\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import styled from 'styled-components';\\nimport { media } from '@gympass/yoga-helpers';\\n\\u200B\\nconst MyResponsiveButton = styled.button`\\n ${media[breakpoint]``}\\n // generates: @media (min-width: breakpoint)\\n // Ex.: media.md`` or media['xxs']``\\n\\n ${media.max(breakpoint)``}\\n // generates: @media (max-width: breakpoint)\\n // Ex.: media.max('xl')``\\n\\u200B\\n ${media.between(minBreakpoint, maxBreakpoint)``}\\n // generates: @media (min-width: minBreakpoint) and (max-width: maxBreakpoint)\\n // Ex.: media.between('md', 'l')``\\n\\u200B\\n // We can also use .not (Like jest expect matchers)\\n ${media.not[breakpoint]``}\\n // generates: @media not all and (min-width: breakpoint)\\n // Ex.: media.not.md`` or media.not['xxs']``\\n\\n ${media.not.max(breakpoint)``}\\n // generates: @media not all and (max-width: breakpoint)\\n // Ex.: media.not.max('xxl')``\\n\\n ${media.not.between(minBreakpoint, maxBreakpoint)``}\\n // @media not all and (min-width: breakpoint) and (max-width: breakpoint)\\n // Ex.: media.not.between('sm', 'mdx')``\\n`;\\n\\n\")), mdx(\"p\", null, \"The hide helper follows what we define in the \", mdx(Link, {\n to: \"components/grid#hide\",\n mdxType: \"Link\"\n }, \"Hide\"), \"\\ncomponent\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import styled from 'styled-components';\\nimport { media } from '@gympass/yoga-helpers';\\n\\nconst HideMe = styled.div`\\n ${media.hide.xxs}\\n // will hide for, and only for, xxs\\n\\n ${media.hide['md-start']}\\n // you can define when it will start hiding\\n`;\\n\\nconst NotHideMe = styled.div`\\n ${media.not.hide.sm} // will hide for everyone besides sm\\n`;\\n\")), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const MyFancyCard = styled(Card)`\\n color: white;\\n background-color: peru;\\n border-color: peru;\\n\\n ${media.max('sm')`\\n background-color: blueviolet;\\n border-color: blueviolet;\\n `}\\n\\n ${media.md`\\n background-color: forestgreen;\\n border-color: forestgreen;\\n `}\\n\\n ${media.between('lg', 'xxl')`\\n background-color: goldenrod;\\n border-color: goldenrod;\\n `}\\n `;\\n\\n return Resize the window!;\\n});\\n\")), mdx(\"br\", null), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const ShowMeOnMobile = styled.div`\\n ${media.hide.md}\\n ${media.hide.lg}\\n ${media.hide.xl}\\n ${media.hide.xxl}\\n ${media.hide.xxxl}\\n\\n // or you could just use media.hide['md-start']\\n `;\\n\\n const ShowMeOnDesktop = styled.div`\\n ${media.not.hide['md-start']}\\n `;\\n\\n return (\\n <>\\n Show me on Mobile\\n Show me on Desktop\\n \\n );\\n});\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#media","title":"Media","items":[{"url":"#installing","title":"Installing"},{"url":"#api","title":"API"},{"url":"#usage","title":"Usage"}]}]},"parent":{"__typename":"File","relativePath":"components/helpers/media.mdx"},"frontmatter":{"metaTitle":"Media","metaDescription":"Functions to help you dealing with responsive design"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"dbca9a98-0b3d-5317-8370-b783f7234a6f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/helpers/media","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"dbca9a98-0b3d-5317-8370-b783f7234a6f","title":"Media","slug":"/components/helpers/media"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Media\",\n \"metaTitle\": \"Media\",\n \"metaDescription\": \"Functions to help you dealing with responsive design\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"media\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#media\",\n \"aria-label\": \"media permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Media\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"media\"), \" module makes easy to write media queries using \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"styled-components\"), \".\"), mdx(\"p\", null, \"It has a helper for each breakpoint, defined in our \", mdx(Link, {\n to: \"/guidelines/tokens/breakpoints\",\n mdxType: \"Link\"\n }, \"guidelines\"), \":\\n\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxs\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xs\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"sm\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"md\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"lg\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xl\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxl\"), \", and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"xxxl\"), \".\"), mdx(\"h3\", {\n \"id\": \"installing\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#installing\",\n \"aria-label\": \"installing permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installing\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-helpers\\n\\n// or\\n\\nnpm install @gympass/yoga-helpers\\n\")), mdx(\"br\", null), mdx(\"h3\", {\n \"id\": \"api\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#api\",\n \"aria-label\": \"api permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"API\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import styled from 'styled-components';\\nimport { media } from '@gympass/yoga-helpers';\\n\\u200B\\nconst MyResponsiveButton = styled.button`\\n ${media[breakpoint]``}\\n // generates: @media (min-width: breakpoint)\\n // Ex.: media.md`` or media['xxs']``\\n\\n ${media.max(breakpoint)``}\\n // generates: @media (max-width: breakpoint)\\n // Ex.: media.max('xl')``\\n\\u200B\\n ${media.between(minBreakpoint, maxBreakpoint)``}\\n // generates: @media (min-width: minBreakpoint) and (max-width: maxBreakpoint)\\n // Ex.: media.between('md', 'l')``\\n\\u200B\\n // We can also use .not (Like jest expect matchers)\\n ${media.not[breakpoint]``}\\n // generates: @media not all and (min-width: breakpoint)\\n // Ex.: media.not.md`` or media.not['xxs']``\\n\\n ${media.not.max(breakpoint)``}\\n // generates: @media not all and (max-width: breakpoint)\\n // Ex.: media.not.max('xxl')``\\n\\n ${media.not.between(minBreakpoint, maxBreakpoint)``}\\n // @media not all and (min-width: breakpoint) and (max-width: breakpoint)\\n // Ex.: media.not.between('sm', 'mdx')``\\n`;\\n\\n\")), mdx(\"p\", null, \"The hide helper follows what we define in the \", mdx(Link, {\n to: \"components/grid#hide\",\n mdxType: \"Link\"\n }, \"Hide\"), \"\\ncomponent\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"import styled from 'styled-components';\\nimport { media } from '@gympass/yoga-helpers';\\n\\nconst HideMe = styled.div`\\n ${media.hide.xxs}\\n // will hide for, and only for, xxs\\n\\n ${media.hide['md-start']}\\n // you can define when it will start hiding\\n`;\\n\\nconst NotHideMe = styled.div`\\n ${media.not.hide.sm} // will hide for everyone besides sm\\n`;\\n\")), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const MyFancyCard = styled(Card)`\\n color: white;\\n background-color: peru;\\n border-color: peru;\\n\\n ${media.max('sm')`\\n background-color: blueviolet;\\n border-color: blueviolet;\\n `}\\n\\n ${media.md`\\n background-color: forestgreen;\\n border-color: forestgreen;\\n `}\\n\\n ${media.between('lg', 'xxl')`\\n background-color: goldenrod;\\n border-color: goldenrod;\\n `}\\n `;\\n\\n return Resize the window!;\\n});\\n\")), mdx(\"br\", null), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const ShowMeOnMobile = styled.div`\\n ${media.hide.md}\\n ${media.hide.lg}\\n ${media.hide.xl}\\n ${media.hide.xxl}\\n ${media.hide.xxxl}\\n\\n // or you could just use media.hide['md-start']\\n `;\\n\\n const ShowMeOnDesktop = styled.div`\\n ${media.not.hide['md-start']}\\n `;\\n\\n return (\\n <>\\n Show me on Mobile\\n Show me on Desktop\\n \\n );\\n});\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#media","title":"Media","items":[{"url":"#installing","title":"Installing"},{"url":"#api","title":"API"},{"url":"#usage","title":"Usage"}]}]},"parent":{"__typename":"File","relativePath":"components/helpers/media.mdx"},"frontmatter":{"metaTitle":"Media","metaDescription":"Functions to help you dealing with responsive design"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"dbca9a98-0b3d-5317-8370-b783f7234a6f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/helpers/page-data.json b/page-data/components/helpers/page-data.json index 7cd0df0b2d..de155c7c22 100644 --- a/page-data/components/helpers/page-data.json +++ b/page-data/components/helpers/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/helpers","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"2b6ac128-3ed0-5874-aa5c-0c7aab85bd0f","title":"Helpers","slug":"/components/helpers/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Helpers\",\n \"metaTitle\": \"Helpers\",\n \"metaDescription\": \"A collection of helpers from Yoga\",\n \"linkable\": false,\n \"order\": 3\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/helpers/index.mdx"},"frontmatter":{"metaTitle":"Helpers","metaDescription":"A collection of helpers from Yoga"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"2b6ac128-3ed0-5874-aa5c-0c7aab85bd0f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/helpers","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"2b6ac128-3ed0-5874-aa5c-0c7aab85bd0f","title":"Helpers","slug":"/components/helpers/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Helpers\",\n \"metaTitle\": \"Helpers\",\n \"metaDescription\": \"A collection of helpers from Yoga\",\n \"linkable\": false,\n \"order\": 3\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/helpers/index.mdx"},"frontmatter":{"metaTitle":"Helpers","metaDescription":"A collection of helpers from Yoga"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"2b6ac128-3ed0-5874-aa5c-0c7aab85bd0f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icon/icon-native/page-data.json b/page-data/components/icon/icon-native/page-data.json index 5707d924a8..46ec640376 100644 --- a/page-data/components/icon/icon-native/page-data.json +++ b/page-data/components/icon/icon-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon/icon-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"74707c61-3f42-5ee5-9316-ecceaf42f5aa","title":"Icon Native","slug":"/components/components/icon/icon-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-usage\",\n \"aria-label\": \"basic usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-custom-size-fill-and-stroke\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-custom-size-fill-and-stroke\",\n \"aria-label\": \"usage with custom size fill and stroke permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with custom size, fill and stroke\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-system-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-system-props\",\n \"aria-label\": \"usage with system props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with system props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-usage","title":"Basic usage"},{"url":"#usage-with-custom-size-fill-and-stroke","title":"Usage with custom size, fill and stroke"},{"url":"#usage-with-system-props","title":"Usage with system props"}]},"parent":{"__typename":"File","relativePath":"components/components/icon/icon-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"74707c61-3f42-5ee5-9316-ecceaf42f5aa"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon/icon-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"74707c61-3f42-5ee5-9316-ecceaf42f5aa","title":"Icon Native","slug":"/components/components/icon/icon-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-usage\",\n \"aria-label\": \"basic usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-custom-size-fill-and-stroke\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-custom-size-fill-and-stroke\",\n \"aria-label\": \"usage with custom size fill and stroke permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with custom size, fill and stroke\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-system-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-system-props\",\n \"aria-label\": \"usage with system props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with system props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"<>\\n \\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-usage","title":"Basic usage"},{"url":"#usage-with-custom-size-fill-and-stroke","title":"Usage with custom size, fill and stroke"},{"url":"#usage-with-system-props","title":"Usage with system props"}]},"parent":{"__typename":"File","relativePath":"components/components/icon/icon-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"74707c61-3f42-5ee5-9316-ecceaf42f5aa"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icon/icon-web/page-data.json b/page-data/components/icon/icon-web/page-data.json index 6c339cfcbd..eae3dd4133 100644 --- a/page-data/components/icon/icon-web/page-data.json +++ b/page-data/components/icon/icon-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon/icon-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5285c1ec-0134-5348-8622-28aa97a8859f","title":"Icon Web","slug":"/components/components/icon/icon-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-usage\",\n \"aria-label\": \"basic usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-custom-size-fill-and-stroke\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-custom-size-fill-and-stroke\",\n \"aria-label\": \"usage with custom size fill and stroke permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with custom size, fill and stroke\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-system-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-system-props\",\n \"aria-label\": \"usage with system props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with system props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"<>\\n \\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-usage","title":"Basic usage"},{"url":"#usage-with-custom-size-fill-and-stroke","title":"Usage with custom size, fill and stroke"},{"url":"#usage-with-system-props","title":"Usage with system props"}]},"parent":{"__typename":"File","relativePath":"components/components/icon/icon-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5285c1ec-0134-5348-8622-28aa97a8859f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon/icon-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5285c1ec-0134-5348-8622-28aa97a8859f","title":"Icon Web","slug":"/components/components/icon/icon-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-usage\",\n \"aria-label\": \"basic usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-custom-size-fill-and-stroke\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-custom-size-fill-and-stroke\",\n \"aria-label\": \"usage with custom size fill and stroke permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with custom size, fill and stroke\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"<>\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"usage-with-system-props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage-with-system-props\",\n \"aria-label\": \"usage with system props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage with system props\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"<>\\n \\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-usage","title":"Basic usage"},{"url":"#usage-with-custom-size-fill-and-stroke","title":"Usage with custom size, fill and stroke"},{"url":"#usage-with-system-props","title":"Usage with system props"}]},"parent":{"__typename":"File","relativePath":"components/components/icon/icon-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5285c1ec-0134-5348-8622-28aa97a8859f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icon/page-data.json b/page-data/components/icon/page-data.json index 11a322c613..d3daf43dec 100644 --- a/page-data/components/icon/page-data.json +++ b/page-data/components/icon/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"da777d86-e6b3-5f78-96c7-49f7a4767c0f","title":"Icon","slug":"/components/components/icon/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Icon\",\n \"metaTitle\": \"Icon\",\n \"metaDescription\": \"Icon Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#icon\",\n \"aria-label\": \"icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icon\"), mdx(\"p\", null, \"The Icon works as a wrapper for our icons abstracting color, size and stroke\\nusage, which are all received as strings representing a spacing token name.\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"icons\"\n }, \"Icons\"), \" to check already existing icons which can be used in\\nconjunction with this component.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"../guidelines/tokens/spacing\"\n }, \"spacing\"), \" tokens to check possible\\nstring values for both width and height dimensions.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"../guidelines/tokens/colors\"\n }, \"colors\"), \" tokens to check possible string\\nvalues for both fill and stroke properties.\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IconWeb, {\n mdxType: \"IconWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IconNative, {\n mdxType: \"IconNative\"\n }))), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Icon component also has support for system props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Icon\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#icon","title":"Icon","items":[{"url":"#reference","title":"Reference","items":[{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/icon/index.mdx"},"frontmatter":{"metaTitle":"Icon","metaDescription":"Icon Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"da777d86-e6b3-5f78-96c7-49f7a4767c0f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icon","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"da777d86-e6b3-5f78-96c7-49f7a4767c0f","title":"Icon","slug":"/components/components/icon/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Icon\",\n \"metaTitle\": \"Icon\",\n \"metaDescription\": \"Icon Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#icon\",\n \"aria-label\": \"icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icon\"), mdx(\"p\", null, \"The Icon works as a wrapper for our icons abstracting color, size and stroke\\nusage, which are all received as strings representing a spacing token name.\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"icons\"\n }, \"Icons\"), \" to check already existing icons which can be used in\\nconjunction with this component.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"../guidelines/tokens/spacing\"\n }, \"spacing\"), \" tokens to check possible\\nstring values for both width and height dimensions.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Refer to \", mdx(\"a\", {\n parentName: \"li\",\n \"href\": \"../guidelines/tokens/colors\"\n }, \"colors\"), \" tokens to check possible string\\nvalues for both fill and stroke properties.\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IconWeb, {\n mdxType: \"IconWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IconNative, {\n mdxType: \"IconNative\"\n }))), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Icon component also has support for system props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Icon\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#icon","title":"Icon","items":[{"url":"#reference","title":"Reference","items":[{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/icon/index.mdx"},"frontmatter":{"metaTitle":"Icon","metaDescription":"Icon Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"da777d86-e6b3-5f78-96c7-49f7a4767c0f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icons/icons-native/page-data.json b/page-data/components/icons/icons-native/page-data.json index a6dc0a6385..252c00bbb0 100644 --- a/page-data/components/icons/icons-native/page-data.json +++ b/page-data/components/icons/icons-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons/icons-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"72bc7972-0b4c-59a1-b36c-440d7699a7f5","title":"Icons Native","slug":"/components/icons/icons-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"To use in \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native\"), \" make sure you have installed \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-community/react-native-svg#installation\"\n }, \"react-native-svg\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/icons/icons-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"72bc7972-0b4c-59a1-b36c-440d7699a7f5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons/icons-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"72bc7972-0b4c-59a1-b36c-440d7699a7f5","title":"Icons Native","slug":"/components/icons/icons-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"To use in \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native\"), \" make sure you have installed \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-community/react-native-svg#installation\"\n }, \"react-native-svg\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/icons/icons-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"72bc7972-0b4c-59a1-b36c-440d7699a7f5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icons/icons-web/page-data.json b/page-data/components/icons/icons-web/page-data.json index 8d5ff5ca61..2c40529686 100644 --- a/page-data/components/icons/icons-web/page-data.json +++ b/page-data/components/icons/icons-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons/icons-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"669aac53-b43a-5d75-b3d2-f1e14122c462","title":"Icons Web","slug":"/components/icons/icons-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"individual\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#individual\",\n \"aria-label\": \"individual permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Individual\"), mdx(\"p\", null, \"Icon components receive all the available svg tag attributes.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"group\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#group\",\n \"aria-label\": \"group permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Group\"), mdx(\"p\", null, \"You can use icon groups: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlagsIcons\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"UIIcons\"), \". You can also use an icon specific of these groups.\"), mdx(\"p\", null, \"Remembering that icon groups are \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"objects\"), \" you can work with.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n \\n {Object.entries(FlagsIcons).map(([name, Component]) => (\\n \\n ))}\\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#individual","title":"Individual"},{"url":"#group","title":"Group"}]}]},"parent":{"__typename":"File","relativePath":"components/icons/icons-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"669aac53-b43a-5d75-b3d2-f1e14122c462"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons/icons-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"669aac53-b43a-5d75-b3d2-f1e14122c462","title":"Icons Web","slug":"/components/icons/icons-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"individual\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#individual\",\n \"aria-label\": \"individual permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Individual\"), mdx(\"p\", null, \"Icon components receive all the available svg tag attributes.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"group\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#group\",\n \"aria-label\": \"group permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Group\"), mdx(\"p\", null, \"You can use icon groups: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlagsIcons\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"UIIcons\"), \". You can also use an icon specific of these groups.\"), mdx(\"p\", null, \"Remembering that icon groups are \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"objects\"), \" you can work with.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n\\n \\n {Object.entries(FlagsIcons).map(([name, Component]) => (\\n \\n ))}\\n \\n\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#individual","title":"Individual"},{"url":"#group","title":"Group"}]}]},"parent":{"__typename":"File","relativePath":"components/icons/icons-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"669aac53-b43a-5d75-b3d2-f1e14122c462"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/icons/page-data.json b/page-data/components/icons/page-data.json index 8be4040b11..5e0c303ff8 100644 --- a/page-data/components/icons/page-data.json +++ b/page-data/components/icons/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e67de061-662d-5b38-bbfb-8e11d9b7bf5f","title":"Icons","slug":"/components/icons/"},"body":"var _excluded = [\"components\"];\n\nvar _templateObject;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar IconWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: inline-flex;\\n flex-direction: column;\\n justify-content: space-evenly;\\n align-items: center;\\n width: 120px;\\n height: 80px;\\n font-size: 14px;\\n\"])));\n\nvar FormatIcons = function FormatIcons(_ref) {\n var icons = _ref.icons;\n return mdx(React.Fragment, null, Object.entries(icons).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n name = _ref3[0],\n Component = _ref3[1];\n\n return mdx(IconWrapper, {\n key: name,\n mdxType: \"IconWrapper\"\n }, mdx(Component, {\n width: 16,\n height: 16,\n mdxType: \"Component\"\n }), name);\n }));\n};\n\nvar _frontmatter = {\n \"title\": \"Icons\",\n \"metaTitle\": \"Icons\",\n \"metaDescription\": \"Icons Component\",\n \"order\": 2\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar Component = makeShortcode(\"Component\");\nvar layoutProps = {\n IconWrapper: IconWrapper,\n FormatIcons: FormatIcons,\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref4) {\n var components = _ref4.components,\n props = _objectWithoutProperties(_ref4, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#icons\",\n \"aria-label\": \"icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icons\"), mdx(\"p\", null, \"Yoga provide a package called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@gympass/yoga-icons\"), \" that contains icons to be\\nused at your application.\"), mdx(\"h2\", {\n \"id\": \"installation\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#installation\",\n \"aria-label\": \"installation permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installation\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-icons\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IconsWeb, {\n mdxType: \"IconsWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IconsNative, {\n mdxType: \"IconsNative\"\n }))), mdx(\"h3\", {\n \"id\": \"flags-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#flags-icons\",\n \"aria-label\": \"flags icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Flags Icons\"), mdx(FormatIcons, {\n icons: FlagsIcons,\n mdxType: \"FormatIcons\"\n }), mdx(\"h3\", {\n \"id\": \"ui-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ui-icons\",\n \"aria-label\": \"ui icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"UI Icons\"), mdx(FormatIcons, {\n icons: UIIcons,\n mdxType: \"FormatIcons\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#icons","title":"Icons","items":[{"url":"#installation","title":"Installation","items":[{"url":"#flags-icons","title":"Flags Icons"},{"url":"#ui-icons","title":"UI Icons"}]}]}]},"parent":{"__typename":"File","relativePath":"components/icons/index.mdx"},"frontmatter":{"metaTitle":"Icons","metaDescription":"Icons Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e67de061-662d-5b38-bbfb-8e11d9b7bf5f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/icons","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e67de061-662d-5b38-bbfb-8e11d9b7bf5f","title":"Icons","slug":"/components/icons/"},"body":"var _excluded = [\"components\"];\n\nvar _templateObject;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar IconWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: inline-flex;\\n flex-direction: column;\\n justify-content: space-evenly;\\n align-items: center;\\n width: 120px;\\n height: 80px;\\n font-size: 14px;\\n\"])));\n\nvar FormatIcons = function FormatIcons(_ref) {\n var icons = _ref.icons;\n return mdx(React.Fragment, null, Object.entries(icons).map(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n name = _ref3[0],\n Component = _ref3[1];\n\n return mdx(IconWrapper, {\n key: name,\n mdxType: \"IconWrapper\"\n }, mdx(Component, {\n width: 16,\n height: 16,\n mdxType: \"Component\"\n }), name);\n }));\n};\n\nvar _frontmatter = {\n \"title\": \"Icons\",\n \"metaTitle\": \"Icons\",\n \"metaDescription\": \"Icons Component\",\n \"order\": 2\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar Component = makeShortcode(\"Component\");\nvar layoutProps = {\n IconWrapper: IconWrapper,\n FormatIcons: FormatIcons,\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref4) {\n var components = _ref4.components,\n props = _objectWithoutProperties(_ref4, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#icons\",\n \"aria-label\": \"icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icons\"), mdx(\"p\", null, \"Yoga provide a package called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@gympass/yoga-icons\"), \" that contains icons to be\\nused at your application.\"), mdx(\"h2\", {\n \"id\": \"installation\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#installation\",\n \"aria-label\": \"installation permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installation\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-icons\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IconsWeb, {\n mdxType: \"IconsWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IconsNative, {\n mdxType: \"IconsNative\"\n }))), mdx(\"h3\", {\n \"id\": \"flags-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#flags-icons\",\n \"aria-label\": \"flags icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Flags Icons\"), mdx(FormatIcons, {\n icons: FlagsIcons,\n mdxType: \"FormatIcons\"\n }), mdx(\"h3\", {\n \"id\": \"ui-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ui-icons\",\n \"aria-label\": \"ui icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"UI Icons\"), mdx(FormatIcons, {\n icons: UIIcons,\n mdxType: \"FormatIcons\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#icons","title":"Icons","items":[{"url":"#installation","title":"Installation","items":[{"url":"#flags-icons","title":"Flags Icons"},{"url":"#ui-icons","title":"UI Icons"}]}]}]},"parent":{"__typename":"File","relativePath":"components/icons/index.mdx"},"frontmatter":{"metaTitle":"Icons","metaDescription":"Icons Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e67de061-662d-5b38-bbfb-8e11d9b7bf5f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/illustrations/illustrations-native/page-data.json b/page-data/components/illustrations/illustrations-native/page-data.json index 128af85f11..c323c36a54 100644 --- a/page-data/components/illustrations/illustrations-native/page-data.json +++ b/page-data/components/illustrations/illustrations-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations/illustrations-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"18e548ca-078c-5429-b80c-8a831ec2cba8","title":"Illustrations Native","slug":"/components/illustrations/illustrations-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"To use in \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native\"), \" make sure you have installed \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-community/react-native-svg#installation\"\n }, \"react-native-svg\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/illustrations/illustrations-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"18e548ca-078c-5429-b80c-8a831ec2cba8"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations/illustrations-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"18e548ca-078c-5429-b80c-8a831ec2cba8","title":"Illustrations Native","slug":"/components/illustrations/illustrations-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"To use in \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"react-native\"), \" make sure you have installed \", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://github.com/react-native-community/react-native-svg#installation\"\n }, \"react-native-svg\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/illustrations/illustrations-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"18e548ca-078c-5429-b80c-8a831ec2cba8"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/illustrations/illustrations-web/page-data.json b/page-data/components/illustrations/illustrations-web/page-data.json index c4cf6adc44..47604ff9e2 100644 --- a/page-data/components/illustrations/illustrations-web/page-data.json +++ b/page-data/components/illustrations/illustrations-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations/illustrations-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"a0464b4f-b496-5cbb-908e-41efed546287","title":"Illustrations Web","slug":"/components/illustrations/illustrations-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"Illustration components receive all the available svg tag attributes.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/illustrations/illustrations-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"a0464b4f-b496-5cbb-908e-41efed546287"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations/illustrations-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"a0464b4f-b496-5cbb-908e-41efed546287","title":"Illustrations Web","slug":"/components/illustrations/illustrations-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"Illustration components receive all the available svg tag attributes.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"}]},"parent":{"__typename":"File","relativePath":"components/illustrations/illustrations-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"a0464b4f-b496-5cbb-908e-41efed546287"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/illustrations/page-data.json b/page-data/components/illustrations/page-data.json index e9d9217ce4..f29c2a8b04 100644 --- a/page-data/components/illustrations/page-data.json +++ b/page-data/components/illustrations/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"af66d751-7fac-526e-9266-066def9d386d","title":"Illustrations","slug":"/components/illustrations/"},"body":"var _excluded = [\"components\"];\n\nvar _templateObject, _templateObject2;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar IllustrationsWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: inline-flex;\\n flex-direction: column;\\n justify-content: space-evenly;\\n align-items: center;\\n width: 200px;\\n height: 200px;\\n font-size: 14px;\\n\"])));\nvar Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n\"])));\n\nvar AllIllustrations = function AllIllustrations() {\n return mdx(Wrapper, {\n mdxType: \"Wrapper\"\n }, Object.entries(YogaIllustrations).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n name = _ref2[0],\n Component = _ref2[1];\n\n return mdx(IllustrationsWrapper, {\n key: name,\n mdxType: \"IllustrationsWrapper\"\n }, mdx(Component, {\n width: 200,\n height: 200,\n mdxType: \"Component\"\n }), name);\n }));\n};\n\nvar _frontmatter = {\n \"title\": \"Illustrations\",\n \"metaTitle\": \"Illustrations\",\n \"metaDescription\": \"Illustrations Component\",\n \"order\": 2\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar Component = makeShortcode(\"Component\");\nvar layoutProps = {\n IllustrationsWrapper: IllustrationsWrapper,\n Wrapper: Wrapper,\n AllIllustrations: AllIllustrations,\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref3) {\n var components = _ref3.components,\n props = _objectWithoutProperties(_ref3, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"illustrations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#illustrations\",\n \"aria-label\": \"illustrations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Illustrations\"), mdx(\"p\", null, \"Yoga provide a package called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@gympass/yoga-illustrations\"), \" that contains illustrations to be\\nused at your application.\"), mdx(\"h2\", {\n \"id\": \"installation\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#installation\",\n \"aria-label\": \"installation permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installation\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-illustrations\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IllustrationsWeb, {\n mdxType: \"IllustrationsWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IllustrationsNative, {\n mdxType: \"IllustrationsNative\"\n }))), mdx(\"h3\", {\n \"id\": \"all-illustrations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#all-illustrations\",\n \"aria-label\": \"all illustrations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"All Illustrations\"), mdx(AllIllustrations, {\n mdxType: \"AllIllustrations\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#illustrations","title":"Illustrations","items":[{"url":"#installation","title":"Installation","items":[{"url":"#all-illustrations","title":"All Illustrations"}]}]}]},"parent":{"__typename":"File","relativePath":"components/illustrations/index.mdx"},"frontmatter":{"metaTitle":"Illustrations","metaDescription":"Illustrations Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"af66d751-7fac-526e-9266-066def9d386d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/illustrations","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"af66d751-7fac-526e-9266-066def9d386d","title":"Illustrations","slug":"/components/illustrations/"},"body":"var _excluded = [\"components\"];\n\nvar _templateObject, _templateObject2;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar IllustrationsWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n display: inline-flex;\\n flex-direction: column;\\n justify-content: space-evenly;\\n align-items: center;\\n width: 200px;\\n height: 200px;\\n font-size: 14px;\\n\"])));\nvar Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([\"\\n display: flex;\\n align-items: center;\\n justify-content: space-between;\\n flex-wrap: wrap;\\n\"])));\n\nvar AllIllustrations = function AllIllustrations() {\n return mdx(Wrapper, {\n mdxType: \"Wrapper\"\n }, Object.entries(YogaIllustrations).map(function (_ref) {\n var _ref2 = _slicedToArray(_ref, 2),\n name = _ref2[0],\n Component = _ref2[1];\n\n return mdx(IllustrationsWrapper, {\n key: name,\n mdxType: \"IllustrationsWrapper\"\n }, mdx(Component, {\n width: 200,\n height: 200,\n mdxType: \"Component\"\n }), name);\n }));\n};\n\nvar _frontmatter = {\n \"title\": \"Illustrations\",\n \"metaTitle\": \"Illustrations\",\n \"metaDescription\": \"Illustrations Component\",\n \"order\": 2\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar Component = makeShortcode(\"Component\");\nvar layoutProps = {\n IllustrationsWrapper: IllustrationsWrapper,\n Wrapper: Wrapper,\n AllIllustrations: AllIllustrations,\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref3) {\n var components = _ref3.components,\n props = _objectWithoutProperties(_ref3, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"illustrations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#illustrations\",\n \"aria-label\": \"illustrations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Illustrations\"), mdx(\"p\", null, \"Yoga provide a package called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"@gympass/yoga-illustrations\"), \" that contains illustrations to be\\nused at your application.\"), mdx(\"h2\", {\n \"id\": \"installation\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#installation\",\n \"aria-label\": \"installation permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Installation\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-bash\",\n \"metastring\": \"type=highlight\",\n \"type\": \"highlight\"\n }, \"yarn add @gympass/yoga-illustrations\\n\")), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(IllustrationsWeb, {\n mdxType: \"IllustrationsWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(IllustrationsNative, {\n mdxType: \"IllustrationsNative\"\n }))), mdx(\"h3\", {\n \"id\": \"all-illustrations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#all-illustrations\",\n \"aria-label\": \"all illustrations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"All Illustrations\"), mdx(AllIllustrations, {\n mdxType: \"AllIllustrations\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#illustrations","title":"Illustrations","items":[{"url":"#installation","title":"Installation","items":[{"url":"#all-illustrations","title":"All Illustrations"}]}]}]},"parent":{"__typename":"File","relativePath":"components/illustrations/index.mdx"},"frontmatter":{"metaTitle":"Illustrations","metaDescription":"Illustrations Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"af66d751-7fac-526e-9266-066def9d386d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/default-native/page-data.json b/page-data/components/input/default-native/page-data.json index 05f895eb70..7a77a53b88 100644 --- a/page-data/components/input/default-native/page-data.json +++ b/page-data/components/input/default-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"183d0ef9-a379-570e-973d-5dae580036ec","title":"Default Native","slug":"/components/components/input/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"183d0ef9-a379-570e-973d-5dae580036ec"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"183d0ef9-a379-570e-973d-5dae580036ec","title":"Default Native","slug":"/components/components/input/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"183d0ef9-a379-570e-973d-5dae580036ec"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/default-web/page-data.json b/page-data/components/input/default-web/page-data.json index 9bf7d4f70c..bb607e4d4d 100644 --- a/page-data/components/input/default-web/page-data.json +++ b/page-data/components/input/default-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8f5f1191-9a44-588e-8b5b-dceb1c68a464","title":"Default Web","slug":"/components/components/input/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8f5f1191-9a44-588e-8b5b-dceb1c68a464"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8f5f1191-9a44-588e-8b5b-dceb1c68a464","title":"Default Web","slug":"/components/components/input/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8f5f1191-9a44-588e-8b5b-dceb1c68a464"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/default/page-data.json b/page-data/components/input/default/page-data.json index bcda1ccdf4..277c6d10c7 100644 --- a/page-data/components/input/default/page-data.json +++ b/page-data/components/input/default/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c8d7c710-c58f-57a6-b075-e475fc504474","title":"Default","slug":"/components/components/input/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Default\",\n \"metaTitle\": \"Default Input\",\n \"metaDescription\": \"Input Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"input\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#input\",\n \"aria-label\": \"input permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input\"), mdx(\"p\", null, \"Inputs let users enter and edit text.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(InputWeb, {\n mdxType: \"InputWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(InputNative, {\n mdxType: \"InputNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#input","title":"Input"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default.mdx"},"frontmatter":{"metaTitle":"Default Input","metaDescription":"Input Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c8d7c710-c58f-57a6-b075-e475fc504474"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c8d7c710-c58f-57a6-b075-e475fc504474","title":"Default","slug":"/components/components/input/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Default\",\n \"metaTitle\": \"Default Input\",\n \"metaDescription\": \"Input Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"input\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#input\",\n \"aria-label\": \"input permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input\"), mdx(\"p\", null, \"Inputs let users enter and edit text.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(InputWeb, {\n mdxType: \"InputWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(InputNative, {\n mdxType: \"InputNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#input","title":"Input"}]},"parent":{"__typename":"File","relativePath":"components/components/input/default.mdx"},"frontmatter":{"metaTitle":"Default Input","metaDescription":"Input Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c8d7c710-c58f-57a6-b075-e475fc504474"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/email-native/page-data.json b/page-data/components/input/email-native/page-data.json index 029adb05b1..a80def22b3 100644 --- a/page-data/components/input/email-native/page-data.json +++ b/page-data/components/input/email-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"09aca826-4fcc-55a1-a2c2-82825c45a52f","title":"Email Native","slug":"/components/components/input/email-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"09aca826-4fcc-55a1-a2c2-82825c45a52f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"09aca826-4fcc-55a1-a2c2-82825c45a52f","title":"Email Native","slug":"/components/components/input/email-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"09aca826-4fcc-55a1-a2c2-82825c45a52f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/email-web/page-data.json b/page-data/components/input/email-web/page-data.json index d76445e0e5..fbdacbfdb8 100644 --- a/page-data/components/input/email-web/page-data.json +++ b/page-data/components/input/email-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"a6bd8354-99b6-558f-9b2a-5bba9000f80f","title":"Email Web","slug":"/components/components/input/email-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"a6bd8354-99b6-558f-9b2a-5bba9000f80f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"a6bd8354-99b6-558f-9b2a-5bba9000f80f","title":"Email Web","slug":"/components/components/input/email-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"a6bd8354-99b6-558f-9b2a-5bba9000f80f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/email/page-data.json b/page-data/components/input/email/page-data.json index ad1c86cacb..6e9c3b1c4e 100644 --- a/page-data/components/input/email/page-data.json +++ b/page-data/components/input/email/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e220c678-023d-5036-aa3b-ea5791d39997","title":"Email","slug":"/components/components/input/email"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Email\",\n \"metaTitle\": \"Email Input\",\n \"metaDescription\": \"Input Email Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputemail\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputemail\",\n \"aria-label\": \"inputemail permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Email\"), mdx(\"p\", null, \"Input.Email let users enter and edit emails.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(EmailWeb, {\n mdxType: \"EmailWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(EmailNative, {\n mdxType: \"EmailNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputemail","title":"Input.Email"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email.mdx"},"frontmatter":{"metaTitle":"Email Input","metaDescription":"Input Email Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e220c678-023d-5036-aa3b-ea5791d39997"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/email","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e220c678-023d-5036-aa3b-ea5791d39997","title":"Email","slug":"/components/components/input/email"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Email\",\n \"metaTitle\": \"Email Input\",\n \"metaDescription\": \"Input Email Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputemail\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputemail\",\n \"aria-label\": \"inputemail permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Email\"), mdx(\"p\", null, \"Input.Email let users enter and edit emails.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(EmailWeb, {\n mdxType: \"EmailWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(EmailNative, {\n mdxType: \"EmailNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputemail","title":"Input.Email"}]},"parent":{"__typename":"File","relativePath":"components/components/input/email.mdx"},"frontmatter":{"metaTitle":"Email Input","metaDescription":"Input Email Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e220c678-023d-5036-aa3b-ea5791d39997"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/number-native/page-data.json b/page-data/components/input/number-native/page-data.json index 496d953a27..d17a5b0692 100644 --- a/page-data/components/input/number-native/page-data.json +++ b/page-data/components/input/number-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"92d196fd-e82a-5861-8004-64a48ab2e49e","title":"Number Native","slug":"/components/components/input/number-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"92d196fd-e82a-5861-8004-64a48ab2e49e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"92d196fd-e82a-5861-8004-64a48ab2e49e","title":"Number Native","slug":"/components/components/input/number-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"92d196fd-e82a-5861-8004-64a48ab2e49e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/number-web/page-data.json b/page-data/components/input/number-web/page-data.json index 9afd4c4715..f90c5c0a21 100644 --- a/page-data/components/input/number-web/page-data.json +++ b/page-data/components/input/number-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f68052d0-df45-54fc-9cef-3fba150043f4","title":"Number Web","slug":"/components/components/input/number-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f68052d0-df45-54fc-9cef-3fba150043f4"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f68052d0-df45-54fc-9cef-3fba150043f4","title":"Number Web","slug":"/components/components/input/number-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f68052d0-df45-54fc-9cef-3fba150043f4"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/number/page-data.json b/page-data/components/input/number/page-data.json index a65662496e..a73f551324 100644 --- a/page-data/components/input/number/page-data.json +++ b/page-data/components/input/number/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d0ae6e8f-a64f-535f-bd48-24bb66b1c1d4","title":"Number","slug":"/components/components/input/number"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Number\",\n \"metaTitle\": \"Number Input\",\n \"metaDescription\": \"Input Number Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputnumber\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputnumber\",\n \"aria-label\": \"inputnumber permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Number\"), mdx(\"p\", null, \"Input.Number let users enter and edit numbers.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(NumberWeb, {\n mdxType: \"NumberWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(NumberNative, {\n mdxType: \"NumberNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputnumber","title":"Input.Number"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number.mdx"},"frontmatter":{"metaTitle":"Number Input","metaDescription":"Input Number Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d0ae6e8f-a64f-535f-bd48-24bb66b1c1d4"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/number","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d0ae6e8f-a64f-535f-bd48-24bb66b1c1d4","title":"Number","slug":"/components/components/input/number"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Number\",\n \"metaTitle\": \"Number Input\",\n \"metaDescription\": \"Input Number Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputnumber\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputnumber\",\n \"aria-label\": \"inputnumber permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Number\"), mdx(\"p\", null, \"Input.Number let users enter and edit numbers.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(NumberWeb, {\n mdxType: \"NumberWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(NumberNative, {\n mdxType: \"NumberNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputnumber","title":"Input.Number"}]},"parent":{"__typename":"File","relativePath":"components/components/input/number.mdx"},"frontmatter":{"metaTitle":"Number Input","metaDescription":"Input Number Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d0ae6e8f-a64f-535f-bd48-24bb66b1c1d4"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/page-data.json b/page-data/components/input/page-data.json index 3d35bde0b3..84c2f3c68a 100644 --- a/page-data/components/input/page-data.json +++ b/page-data/components/input/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"157eea8e-5df7-589f-883d-cb8e40c53ce6","title":"Input","slug":"/components/components/input/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Input\",\n \"metaTitle\": \"Input\",\n \"metaDescription\": \"This is the list of Inputs\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/input/index.mdx"},"frontmatter":{"metaTitle":"Input","metaDescription":"This is the list of Inputs"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"157eea8e-5df7-589f-883d-cb8e40c53ce6"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"157eea8e-5df7-589f-883d-cb8e40c53ce6","title":"Input","slug":"/components/components/input/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Input\",\n \"metaTitle\": \"Input\",\n \"metaDescription\": \"This is the list of Inputs\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/input/index.mdx"},"frontmatter":{"metaTitle":"Input","metaDescription":"This is the list of Inputs"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"157eea8e-5df7-589f-883d-cb8e40c53ce6"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/password-native/page-data.json b/page-data/components/input/password-native/page-data.json index 194dccd63d..6abff0a51c 100644 --- a/page-data/components/input/password-native/page-data.json +++ b/page-data/components/input/password-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1d192bd6-29b3-5b3f-87f7-e1541f4b0bb5","title":"Password Native","slug":"/components/components/input/password-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1d192bd6-29b3-5b3f-87f7-e1541f4b0bb5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1d192bd6-29b3-5b3f-87f7-e1541f4b0bb5","title":"Password Native","slug":"/components/components/input/password-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1d192bd6-29b3-5b3f-87f7-e1541f4b0bb5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/password-web/page-data.json b/page-data/components/input/password-web/page-data.json index 5adf9cb1fb..159603e73c 100644 --- a/page-data/components/input/password-web/page-data.json +++ b/page-data/components/input/password-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"fe0ac744-3bc0-5ee9-a804-3dbbb8a9c96e","title":"Password Web","slug":"/components/components/input/password-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"fe0ac744-3bc0-5ee9-a804-3dbbb8a9c96e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"fe0ac744-3bc0-5ee9-a804-3dbbb8a9c96e","title":"Password Web","slug":"/components/components/input/password-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"fe0ac744-3bc0-5ee9-a804-3dbbb8a9c96e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/password/page-data.json b/page-data/components/input/password/page-data.json index f6246547b8..76c85aaca8 100644 --- a/page-data/components/input/password/page-data.json +++ b/page-data/components/input/password/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f6300078-896e-584e-bf40-be54971f607f","title":"Password","slug":"/components/components/input/password"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Password\",\n \"metaTitle\": \"Password Input\",\n \"metaDescription\": \"Input Password Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputpassword\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputpassword\",\n \"aria-label\": \"inputpassword permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Password\"), mdx(\"p\", null, \"Input.Password let users enter and edit passwords.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(PasswordWeb, {\n mdxType: \"PasswordWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(PasswordNative, {\n mdxType: \"PasswordNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputpassword","title":"Input.Password"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password.mdx"},"frontmatter":{"metaTitle":"Password Input","metaDescription":"Input Password Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f6300078-896e-584e-bf40-be54971f607f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/password","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f6300078-896e-584e-bf40-be54971f607f","title":"Password","slug":"/components/components/input/password"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Password\",\n \"metaTitle\": \"Password Input\",\n \"metaDescription\": \"Input Password Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputpassword\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputpassword\",\n \"aria-label\": \"inputpassword permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Password\"), mdx(\"p\", null, \"Input.Password let users enter and edit passwords.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(PasswordWeb, {\n mdxType: \"PasswordWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(PasswordNative, {\n mdxType: \"PasswordNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputpassword","title":"Input.Password"}]},"parent":{"__typename":"File","relativePath":"components/components/input/password.mdx"},"frontmatter":{"metaTitle":"Password Input","metaDescription":"Input Password Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f6300078-896e-584e-bf40-be54971f607f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/phone-web/page-data.json b/page-data/components/input/phone-web/page-data.json index b399354f24..2513f8495a 100644 --- a/page-data/components/input/phone-web/page-data.json +++ b/page-data/components/input/phone-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/phone-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"cdd1b982-28ed-5178-8d02-9f3e1625d75b","title":"Phone Web","slug":"/components/components/input/phone-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n {\\n const newValue = value.length > 0 ? `+${value}` : '';\\n setValue(newValue);\\n }}\\n helper={'This is an helper text'}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/phone-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"cdd1b982-28ed-5178-8d02-9f3e1625d75b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/phone-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"cdd1b982-28ed-5178-8d02-9f3e1625d75b","title":"Phone Web","slug":"/components/components/input/phone-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n {\\n const newValue = value.length > 0 ? `+${value}` : '';\\n setValue(newValue);\\n }}\\n helper={'This is an helper text'}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/phone-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"cdd1b982-28ed-5178-8d02-9f3e1625d75b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/phone/page-data.json b/page-data/components/input/phone/page-data.json index 1039fee6db..0c08801aa4 100644 --- a/page-data/components/input/phone/page-data.json +++ b/page-data/components/input/phone/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/phone","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b7a3cd74-040f-59a9-8729-b8d26844c838","title":"Phone","slug":"/components/components/input/phone"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Phone\",\n \"metaTitle\": \"Phone Input\",\n \"metaDescription\": \"Input Phone Component\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputphone\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputphone\",\n \"aria-label\": \"inputphone permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Phone\"), mdx(\"p\", null, \"Input.Phone let users enter and edit telephone numbers contextualized to their country.\"), mdx(PhoneWeb, {\n mdxType: \"PhoneWeb\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputphone","title":"Input.Phone"}]},"parent":{"__typename":"File","relativePath":"components/components/input/phone.mdx"},"frontmatter":{"metaTitle":"Phone Input","metaDescription":"Input Phone Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b7a3cd74-040f-59a9-8729-b8d26844c838"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/phone","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b7a3cd74-040f-59a9-8729-b8d26844c838","title":"Phone","slug":"/components/components/input/phone"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Phone\",\n \"metaTitle\": \"Phone Input\",\n \"metaDescription\": \"Input Phone Component\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputphone\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputphone\",\n \"aria-label\": \"inputphone permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Phone\"), mdx(\"p\", null, \"Input.Phone let users enter and edit telephone numbers contextualized to their country.\"), mdx(PhoneWeb, {\n mdxType: \"PhoneWeb\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputphone","title":"Input.Phone"}]},"parent":{"__typename":"File","relativePath":"components/components/input/phone.mdx"},"frontmatter":{"metaTitle":"Phone Input","metaDescription":"Input Phone Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b7a3cd74-040f-59a9-8729-b8d26844c838"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/tel-native/page-data.json b/page-data/components/input/tel-native/page-data.json index b9efb9db89..9f02211f4d 100644 --- a/page-data/components/input/tel-native/page-data.json +++ b/page-data/components/input/tel-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bc8c6db0-e0da-542a-b202-d3e583d2de76","title":"Tel Native","slug":"/components/components/input/tel-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bc8c6db0-e0da-542a-b202-d3e583d2de76"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bc8c6db0-e0da-542a-b202-d3e583d2de76","title":"Tel Native","slug":"/components/components/input/tel-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Input extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bc8c6db0-e0da-542a-b202-d3e583d2de76"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/tel-web/page-data.json b/page-data/components/input/tel-web/page-data.json index f5b4c458b5..2fe2ccf7c6 100644 --- a/page-data/components/input/tel-web/page-data.json +++ b/page-data/components/input/tel-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3bf20885-7c97-5c13-9ccf-d5be04e5d653","title":"Tel Web","slug":"/components/components/input/tel-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3bf20885-7c97-5c13-9ccf-d5be04e5d653"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3bf20885-7c97-5c13-9ccf-d5be04e5d653","title":"Tel Web","slug":"/components/components/input/tel-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [value, setValue] = useState('');\\n\\n return (\\n setValue(e.target.value)}\\n onClean={cleaned => setValue(cleaned)}\\n />\\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Input\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3bf20885-7c97-5c13-9ccf-d5be04e5d653"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/input/tel/page-data.json b/page-data/components/input/tel/page-data.json index 4b3b70c1c6..3372e1f029 100644 --- a/page-data/components/input/tel/page-data.json +++ b/page-data/components/input/tel/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8e52fd2a-5896-5d31-8132-eec96b49b04e","title":"Tel","slug":"/components/components/input/tel"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tel\",\n \"metaTitle\": \"Tel Input\",\n \"metaDescription\": \"Input Tel Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputtel\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputtel\",\n \"aria-label\": \"inputtel permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Tel\"), mdx(\"p\", null, \"Input.Tel let users enter and edit telephone numbers.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TelWeb, {\n mdxType: \"TelWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TelNative, {\n mdxType: \"TelNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputtel","title":"Input.Tel"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel.mdx"},"frontmatter":{"metaTitle":"Tel Input","metaDescription":"Input Tel Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8e52fd2a-5896-5d31-8132-eec96b49b04e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/input/tel","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8e52fd2a-5896-5d31-8132-eec96b49b04e","title":"Tel","slug":"/components/components/input/tel"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tel\",\n \"metaTitle\": \"Tel Input\",\n \"metaDescription\": \"Input Tel Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"inputtel\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#inputtel\",\n \"aria-label\": \"inputtel permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Input.Tel\"), mdx(\"p\", null, \"Input.Tel let users enter and edit telephone numbers.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TelWeb, {\n mdxType: \"TelWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TelNative, {\n mdxType: \"TelNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#inputtel","title":"Input.Tel"}]},"parent":{"__typename":"File","relativePath":"components/components/input/tel.mdx"},"frontmatter":{"metaTitle":"Tel Input","metaDescription":"Input Tel Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8e52fd2a-5896-5d31-8132-eec96b49b04e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/list/list-native/page-data.json b/page-data/components/list/list-native/page-data.json index 1ae3d0a6eb..23f9822c41 100644 --- a/page-data/components/list/list-native/page-data.json +++ b/page-data/components/list/list-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list/list-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"ef1b394b-ec35-525e-90d6-eebddece2593","title":"List Native","slug":"/components/components/list/list-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass List component extends from react-native's \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlatList\"), \" you can check it out \", mdx(\"a\", {\n target: \"_blank\",\n href: \"https://facebook.github.io/react-native/docs/flatlist\"\n }, \"here\"), \". Flatlist is a performant interface for rendering basic, flat lists, supporting the most handy features. We extend \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlatList\"), \" implementing all our design guidelines, be sure to wrap your items with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" that uses default spacing, border and color pallete tokens.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" (\\n \\n {item.key}\\n \\n \\n )}\\n/>\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"List\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/list/list-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"ef1b394b-ec35-525e-90d6-eebddece2593"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list/list-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"ef1b394b-ec35-525e-90d6-eebddece2593","title":"List Native","slug":"/components/components/list/list-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass List component extends from react-native's \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlatList\"), \" you can check it out \", mdx(\"a\", {\n target: \"_blank\",\n href: \"https://facebook.github.io/react-native/docs/flatlist\"\n }, \"here\"), \". Flatlist is a performant interface for rendering basic, flat lists, supporting the most handy features. We extend \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"FlatList\"), \" implementing all our design guidelines, be sure to wrap your items with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" that uses default spacing, border and color pallete tokens.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" (\\n \\n {item.key}\\n \\n \\n )}\\n/>\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"List\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/list/list-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"ef1b394b-ec35-525e-90d6-eebddece2593"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/list/list-web/page-data.json b/page-data/components/list/list-web/page-data.json index f2ddfe27e9..a95109c3e9 100644 --- a/page-data/components/list/list-web/page-data.json +++ b/page-data/components/list/list-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list/list-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"ccfbfbf9-9300-5282-a66c-7dfd133b9f2a","title":"List Web","slug":"/components/components/list/list-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component implements all our design guidelines, be sure to wrap your items with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" that uses default spacing, border and color pallete tokens.\"), mdx(\"p\", null, \"If you need to use an anchor, \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" is also available.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const SwitchLine = props => (\\n \\n);\\n\\nrender(() => {\\n const [locker, toggleLocker] = useState(false);\\n const [wifi, toggleWifi] = useState(false);\\n const [parking, toggleParking] = useState(false);\\n\\n return (\\n \\n \\n \\n Locker\\n toggleLocker(!locker)}\\n />\\n \\n \\n\\n \\n \\n Wi-fi\\n toggleWifi(!wifi)} />\\n \\n \\n\\n \\n \\n Parking\\n toggleParking(!parking)}\\n />\\n \\n \\n\\n \\n Link\\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"List\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/list/list-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"ccfbfbf9-9300-5282-a66c-7dfd133b9f2a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list/list-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"ccfbfbf9-9300-5282-a66c-7dfd133b9f2a","title":"List Web","slug":"/components/components/list/list-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component implements all our design guidelines, be sure to wrap your items with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" that uses default spacing, border and color pallete tokens.\"), mdx(\"p\", null, \"If you need to use an anchor, \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" is also available.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const SwitchLine = props => (\\n \\n);\\n\\nrender(() => {\\n const [locker, toggleLocker] = useState(false);\\n const [wifi, toggleWifi] = useState(false);\\n const [parking, toggleParking] = useState(false);\\n\\n return (\\n \\n \\n \\n Locker\\n toggleLocker(!locker)}\\n />\\n \\n \\n\\n \\n \\n Wi-fi\\n toggleWifi(!wifi)} />\\n \\n \\n\\n \\n \\n Parking\\n toggleParking(!parking)}\\n />\\n \\n \\n\\n \\n Link\\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"List\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/list/list-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"ccfbfbf9-9300-5282-a66c-7dfd133b9f2a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/list/page-data.json b/page-data/components/list/page-data.json index 130e13fc09..07b3454ec1 100644 --- a/page-data/components/list/page-data.json +++ b/page-data/components/list/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3924d660-4c5a-59ec-9522-285b91faa17d","title":"List","slug":"/components/components/list/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"List\",\n \"metaTitle\": \"List\",\n \"metaDescription\": \"List Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"list\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#list\",\n \"aria-label\": \"list permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"List\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ListWeb, {\n mdxType: \"ListWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ListNative, {\n mdxType: \"ListNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#list","title":"List"}]},"parent":{"__typename":"File","relativePath":"components/components/list/index.mdx"},"frontmatter":{"metaTitle":"List","metaDescription":"List Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3924d660-4c5a-59ec-9522-285b91faa17d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/list","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3924d660-4c5a-59ec-9522-285b91faa17d","title":"List","slug":"/components/components/list/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"List\",\n \"metaTitle\": \"List\",\n \"metaDescription\": \"List Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"list\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#list\",\n \"aria-label\": \"list permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"List\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ListWeb, {\n mdxType: \"ListWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ListNative, {\n mdxType: \"ListNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#list","title":"List"}]},"parent":{"__typename":"File","relativePath":"components/components/list/index.mdx"},"frontmatter":{"metaTitle":"List","metaDescription":"List Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3924d660-4c5a-59ec-9522-285b91faa17d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/menu/page-data.json b/page-data/components/menu/page-data.json index ba8ccd6e43..35b20a666c 100644 --- a/page-data/components/menu/page-data.json +++ b/page-data/components/menu/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/menu","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"26de2459-fb0f-52cd-a59f-2d6d63dfafb1","title":"Menu","slug":"/components/components/menu/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Menu\",\n \"metaTitle\": \"Menu\",\n \"metaDescription\": \"Menu Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"menu\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#menu\",\n \"aria-label\": \"menu permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" displays a menu to the user\\u2014such as a set of actions or functions\\u2014triggered by a \", mdx(GatsbyLink, {\n to: \"/components/button/default\",\n mdxType: \"GatsbyLink\"\n }, \"Button\"), \"\\nor \", mdx(GatsbyLink, {\n to: \"/components/avatar\",\n mdxType: \"GatsbyLink\"\n }, \"Avatar\"), \"\\ncomponent.\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\"))), mdx(\"h2\", {\n \"id\": \"features\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#features\",\n \"aria-label\": \"features permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Features\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Full keyboard navigation.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Support on MouseHouver\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Support to align Menu.List\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Can be active or disabled Menu.Item.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Active is managed.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Icon support on Menu.Item\")), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"basic-menu\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-menu\",\n \"aria-label\": \"basic menu permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic Menu\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n YG\\n \\n \\n\\n \\n My Account\\n Logout\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-actions\",\n \"aria-label\": \"menu actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu actions\"), mdx(\"p\", null, \"Menu allows you to show items on hover or on click events\"), mdx(\"h4\", {\n \"id\": \"hover\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#hover\",\n \"aria-label\": \"hover permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hover\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Hover to open menu\\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"click\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#click\",\n \"aria-label\": \"click permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Click\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Click me!\\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-items\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-items\",\n \"aria-label\": \"menu items permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu items\"), mdx(\"h4\", {\n \"id\": \"icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#icon\",\n \"aria-label\": \"icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n Brazil\\n USA\\n Portugal\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"disabled\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#disabled\",\n \"aria-label\": \"disabled permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Disabled\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show disabled item\\n \\n\\n \\n one\\n nothing to do here\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"selection\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#selection\",\n \"aria-label\": \"selection permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Selection\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show selected item\\n \\n\\n \\n i'm selected\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"link\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#link\",\n \"aria-label\": \"link permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Link\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show link items\\n \\n\\n \\n \\n Google\\n \\n\\n \\n Gympass\\n \\n\\n \\n Yoga\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-placement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-placement\",\n \"aria-label\": \"menu placement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu placement\"), mdx(\"h4\", {\n \"id\": \"horizontal\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#horizontal\",\n \"aria-label\": \"horizontal permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Horizontal\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"vertical\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#vertical\",\n \"aria-label\": \"vertical permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Vertical\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"menu-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menu-1\",\n \"aria-label\": \"menu 1 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu\"), mdx(PropsTable, {\n component: \"Menu\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menuaction\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menuaction\",\n \"aria-label\": \"menuaction permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.Action\"), mdx(PropsTable, {\n component: \"Menu.Action\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menulist\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menulist\",\n \"aria-label\": \"menulist permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.List\"), mdx(PropsTable, {\n component: \"Menu.List\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menuitem\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menuitem\",\n \"aria-label\": \"menuitem permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.Item\"), mdx(PropsTable, {\n component: \"Menu.Item\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#menu","title":"Menu","items":[{"url":"#reference","title":"Reference"},{"url":"#features","title":"Features"},{"url":"#usage","title":"Usage","items":[{"url":"#basic-menu","title":"Basic Menu"},{"url":"#menu-actions","title":"Menu actions","items":[{"url":"#hover","title":"Hover"},{"url":"#click","title":"Click"}]},{"url":"#menu-items","title":"Menu items","items":[{"url":"#icon","title":"Icon"},{"url":"#disabled","title":"Disabled"},{"url":"#selection","title":"Selection"},{"url":"#link","title":"Link"}]},{"url":"#menu-placement","title":"Menu placement","items":[{"url":"#horizontal","title":"Horizontal"},{"url":"#vertical","title":"Vertical"}]},{"url":"#props","title":"Props","items":[{"url":"#menu-1","title":"Menu"},{"url":"#menuaction","title":"Menu.Action"},{"url":"#menulist","title":"Menu.List"},{"url":"#menuitem","title":"Menu.Item"}]}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/menu/index.mdx"},"frontmatter":{"metaTitle":"Menu","metaDescription":"Menu Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"26de2459-fb0f-52cd-a59f-2d6d63dfafb1"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/menu","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"26de2459-fb0f-52cd-a59f-2d6d63dfafb1","title":"Menu","slug":"/components/components/menu/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Menu\",\n \"metaTitle\": \"Menu\",\n \"metaDescription\": \"Menu Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"menu\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#menu\",\n \"aria-label\": \"menu permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu\"), mdx(\"h2\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" displays a menu to the user\\u2014such as a set of actions or functions\\u2014triggered by a \", mdx(GatsbyLink, {\n to: \"/components/button/default\",\n mdxType: \"GatsbyLink\"\n }, \"Button\"), \"\\nor \", mdx(GatsbyLink, {\n to: \"/components/avatar\",\n mdxType: \"GatsbyLink\"\n }, \"Avatar\"), \"\\ncomponent.\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\"))), mdx(\"h2\", {\n \"id\": \"features\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#features\",\n \"aria-label\": \"features permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Features\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Full keyboard navigation.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Support on MouseHouver\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Support to align Menu.List\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Can be active or disabled Menu.Item.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Active is managed.\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Icon support on Menu.Item\")), mdx(\"h2\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h2\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h3\", {\n \"id\": \"basic-menu\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-menu\",\n \"aria-label\": \"basic menu permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic Menu\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n YG\\n \\n \\n\\n \\n My Account\\n Logout\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-actions\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-actions\",\n \"aria-label\": \"menu actions permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu actions\"), mdx(\"p\", null, \"Menu allows you to show items on hover or on click events\"), mdx(\"h4\", {\n \"id\": \"hover\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#hover\",\n \"aria-label\": \"hover permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Hover\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Hover to open menu\\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"click\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#click\",\n \"aria-label\": \"click permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Click\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Click me!\\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-items\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-items\",\n \"aria-label\": \"menu items permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu items\"), mdx(\"h4\", {\n \"id\": \"icon\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#icon\",\n \"aria-label\": \"icon permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Icon\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n Brazil\\n USA\\n Portugal\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"disabled\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#disabled\",\n \"aria-label\": \"disabled permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Disabled\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show disabled item\\n \\n\\n \\n one\\n nothing to do here\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"selection\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#selection\",\n \"aria-label\": \"selection permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Selection\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show selected item\\n \\n\\n \\n i'm selected\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"link\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#link\",\n \"aria-label\": \"link permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Link\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n Show link items\\n \\n\\n \\n \\n Google\\n \\n\\n \\n Gympass\\n \\n\\n \\n Yoga\\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"menu-placement\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#menu-placement\",\n \"aria-label\": \"menu placement permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu placement\"), mdx(\"h4\", {\n \"id\": \"horizontal\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#horizontal\",\n \"aria-label\": \"horizontal permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Horizontal\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"vertical\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#vertical\",\n \"aria-label\": \"vertical permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Vertical\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n\\n \\n one\\n two\\n three\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"menu-1\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menu-1\",\n \"aria-label\": \"menu 1 permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu\"), mdx(PropsTable, {\n component: \"Menu\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menuaction\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menuaction\",\n \"aria-label\": \"menuaction permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.Action\"), mdx(PropsTable, {\n component: \"Menu.Action\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menulist\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menulist\",\n \"aria-label\": \"menulist permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.List\"), mdx(PropsTable, {\n component: \"Menu.List\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"menuitem\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#menuitem\",\n \"aria-label\": \"menuitem permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Menu.Item\"), mdx(PropsTable, {\n component: \"Menu.Item\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#menu","title":"Menu","items":[{"url":"#reference","title":"Reference"},{"url":"#features","title":"Features"},{"url":"#usage","title":"Usage","items":[{"url":"#basic-menu","title":"Basic Menu"},{"url":"#menu-actions","title":"Menu actions","items":[{"url":"#hover","title":"Hover"},{"url":"#click","title":"Click"}]},{"url":"#menu-items","title":"Menu items","items":[{"url":"#icon","title":"Icon"},{"url":"#disabled","title":"Disabled"},{"url":"#selection","title":"Selection"},{"url":"#link","title":"Link"}]},{"url":"#menu-placement","title":"Menu placement","items":[{"url":"#horizontal","title":"Horizontal"},{"url":"#vertical","title":"Vertical"}]},{"url":"#props","title":"Props","items":[{"url":"#menu-1","title":"Menu"},{"url":"#menuaction","title":"Menu.Action"},{"url":"#menulist","title":"Menu.List"},{"url":"#menuitem","title":"Menu.Item"}]}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/menu/index.mdx"},"frontmatter":{"metaTitle":"Menu","metaDescription":"Menu Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"26de2459-fb0f-52cd-a59f-2d6d63dfafb1"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/page-data.json b/page-data/components/page-data.json index f44758a556..69a45bbf02 100644 --- a/page-data/components/page-data.json +++ b/page-data/components/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7e2c65a2-354b-555a-8246-51dac46689f0","title":"Components","slug":"/components/components/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Components\",\n \"metaTitle\": \"Components List Page\",\n \"metaDescription\": \"This is the list of Components\",\n \"linkable\": false,\n \"order\": 4\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar Redirect = makeShortcode(\"Redirect\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(Redirect, {\n url: \"/components/getting-started\",\n mdxType: \"Redirect\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/index.mdx"},"frontmatter":{"metaTitle":"Components List Page","metaDescription":"This is the list of Components"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7e2c65a2-354b-555a-8246-51dac46689f0"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7e2c65a2-354b-555a-8246-51dac46689f0","title":"Components","slug":"/components/components/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Components\",\n \"metaTitle\": \"Components List Page\",\n \"metaDescription\": \"This is the list of Components\",\n \"linkable\": false,\n \"order\": 4\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar Redirect = makeShortcode(\"Redirect\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(Redirect, {\n url: \"/components/getting-started\",\n mdxType: \"Redirect\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/index.mdx"},"frontmatter":{"metaTitle":"Components List Page","metaDescription":"This is the list of Components"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7e2c65a2-354b-555a-8246-51dac46689f0"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/popover/page-data.json b/page-data/components/popover/page-data.json index 2ac5e95461..3c338eed24 100644 --- a/page-data/components/popover/page-data.json +++ b/page-data/components/popover/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/popover","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"cb01f6a9-fa63-5e37-bbd8-871cfa801da5","title":"Popover","slug":"/components/components/popover/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Popover\",\n \"metaTitle\": \"Popover\",\n \"metaDescription\": \"Popover Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"popover\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#popover\",\n \"aria-label\": \"popover permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Popover\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" description\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"variations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#variations\",\n \"aria-label\": \"variations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Variations\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Popover\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#popover","title":"Popover","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#variations","title":"Variations"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/popover/index.mdx"},"frontmatter":{"metaTitle":"Popover","metaDescription":"Popover Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"cb01f6a9-fa63-5e37-bbd8-871cfa801da5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/popover","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"cb01f6a9-fa63-5e37-bbd8-871cfa801da5","title":"Popover","slug":"/components/components/popover/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Popover\",\n \"metaTitle\": \"Popover\",\n \"metaDescription\": \"Popover Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"popover\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#popover\",\n \"aria-label\": \"popover permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Popover\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" description\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"default\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#default\",\n \"aria-label\": \"default permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Default\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h4\", {\n \"id\": \"variations\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#variations\",\n \"aria-label\": \"variations permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Variations\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Popover\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#popover","title":"Popover","items":[{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#default","title":"Default"},{"url":"#variations","title":"Variations"}]},{"url":"#props","title":"Props"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/popover/index.mdx"},"frontmatter":{"metaTitle":"Popover","metaDescription":"Popover Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"cb01f6a9-fa63-5e37-bbd8-871cfa801da5"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/progress/page-data.json b/page-data/components/progress/page-data.json index 8524fccb6f..f07715b70c 100644 --- a/page-data/components/progress/page-data.json +++ b/page-data/components/progress/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1240a658-7d4d-50a4-9ec2-8bf65b82709a","title":"Progress","slug":"/components/components/progress/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Progress\",\n \"metaTitle\": \"Progress\",\n \"metaDescription\": \"Progress Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"progress\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#progress\",\n \"aria-label\": \"progress permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Progress\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ProgressWeb, {\n mdxType: \"ProgressWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ProgressNative, {\n mdxType: \"ProgressNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#progress","title":"Progress"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/index.mdx"},"frontmatter":{"metaTitle":"Progress","metaDescription":"Progress Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1240a658-7d4d-50a4-9ec2-8bf65b82709a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1240a658-7d4d-50a4-9ec2-8bf65b82709a","title":"Progress","slug":"/components/components/progress/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Progress\",\n \"metaTitle\": \"Progress\",\n \"metaDescription\": \"Progress Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"progress\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#progress\",\n \"aria-label\": \"progress permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Progress\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(ProgressWeb, {\n mdxType: \"ProgressWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(ProgressNative, {\n mdxType: \"ProgressNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#progress","title":"Progress"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/index.mdx"},"frontmatter":{"metaTitle":"Progress","metaDescription":"Progress Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1240a658-7d4d-50a4-9ec2-8bf65b82709a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/progress/progress-native/page-data.json b/page-data/components/progress/progress-native/page-data.json index c3c0004535..710d64de72 100644 --- a/page-data/components/progress/progress-native/page-data.json +++ b/page-data/components/progress/progress-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress/progress-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"961b5566-7e66-5e6a-98e9-d0365f5ee960","title":"Progress Native","slug":"/components/components/progress/progress-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n \\n\\n \\n \\n \\n\\n \\n\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Progress component also has support for \", '', mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"backgroundColor\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"border\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/layout\",\n mdxType: \"GatsbyLink\"\n }, \"layout\"), \", and \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \" props\"), mdx(PropsTable, {\n component: \"Progress\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/progress-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"961b5566-7e66-5e6a-98e9-d0365f5ee960"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress/progress-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"961b5566-7e66-5e6a-98e9-d0365f5ee960","title":"Progress Native","slug":"/components/components/progress/progress-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n \\n\\n \\n \\n \\n\\n \\n\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Progress component also has support for \", '', mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"backgroundColor\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"border\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/layout\",\n mdxType: \"GatsbyLink\"\n }, \"layout\"), \", and \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \" props\"), mdx(PropsTable, {\n component: \"Progress\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/progress-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"961b5566-7e66-5e6a-98e9-d0365f5ee960"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/progress/progress-web/page-data.json b/page-data/components/progress/progress-web/page-data.json index 0bb067f0e1..ef8e389574 100644 --- a/page-data/components/progress/progress-web/page-data.json +++ b/page-data/components/progress/progress-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress/progress-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4e94b3a8-7dfa-5ef3-9f83-6b2cae4ee832","title":"Progress Web","slug":"/components/components/progress/progress-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"examples\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#examples\",\n \"aria-label\": \"examples permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Examples\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n \\n\\n \\n \\n\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Progress component also has support for \", '', mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"backgroundColor\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"border\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/layout\",\n mdxType: \"GatsbyLink\"\n }, \"layout\"), \", and \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \" props\"), mdx(PropsTable, {\n component: \"Progress\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#examples","title":"Examples"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/progress-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4e94b3a8-7dfa-5ef3-9f83-6b2cae4ee832"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/progress/progress-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"4e94b3a8-7dfa-5ef3-9f83-6b2cae4ee832","title":"Progress Web","slug":"/components/components/progress/progress-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"examples\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#examples\",\n \"aria-label\": \"examples permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Examples\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \"\\n \\n \\n \\n \\n \\n\\n \\n \\n\\n \\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Progress component also has support for \", '', mdx(GatsbyLink, {\n to: \"/system/backgroundColor\",\n mdxType: \"GatsbyLink\"\n }, \"backgroundColor\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/border\",\n mdxType: \"GatsbyLink\"\n }, \"border\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/elevation\",\n mdxType: \"GatsbyLink\"\n }, \"elevation\"), \", \", '', mdx(GatsbyLink, {\n to: \"/system/layout\",\n mdxType: \"GatsbyLink\"\n }, \"layout\"), \", and \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"spacing\"), \" props\"), mdx(PropsTable, {\n component: \"Progress\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#examples","title":"Examples"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/progress/progress-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"4e94b3a8-7dfa-5ef3-9f83-6b2cae4ee832"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/button-native/page-data.json b/page-data/components/radiogroup/button-native/page-data.json index fb13e46be3..032f4ac0e7 100644 --- a/page-data/components/radiogroup/button-native/page-data.json +++ b/page-data/components/radiogroup/button-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1f332bf6-7eb6-58f1-b9b7-c41e99e42a20","title":"Button Native","slug":"/components/components/radiogroup/button-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" creates a button instead of a radio default looks, be sure to use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" as \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" children so it inherit default spacing, border and color pallete tokens.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n 24 hours\\n Open now\\n At Sundays\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1f332bf6-7eb6-58f1-b9b7-c41e99e42a20"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1f332bf6-7eb6-58f1-b9b7-c41e99e42a20","title":"Button Native","slug":"/components/components/radiogroup/button-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" creates a button instead of a radio default looks, be sure to use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" as \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" children so it inherit default spacing, border and color pallete tokens.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n 24 hours\\n Open now\\n At Sundays\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1f332bf6-7eb6-58f1-b9b7-c41e99e42a20"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/button-web/page-data.json b/page-data/components/radiogroup/button-web/page-data.json index 73add7b547..78aceda974 100644 --- a/page-data/components/radiogroup/button-web/page-data.json +++ b/page-data/components/radiogroup/button-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8030fb00-9fde-5b8f-8c13-66550e61443f","title":"Button Web","slug":"/components/components/radiogroup/button-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [selectedValue, setSelectedValue] = useState('now');\\n\\n return (\\n setSelectedValue(value)}\\n >\\n 24 hours\\n Open now\\n At Sundays\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8030fb00-9fde-5b8f-8c13-66550e61443f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8030fb00-9fde-5b8f-8c13-66550e61443f","title":"Button Web","slug":"/components/components/radiogroup/button-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [selectedValue, setSelectedValue] = useState('now');\\n\\n return (\\n setSelectedValue(value)}\\n >\\n 24 hours\\n Open now\\n At Sundays\\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8030fb00-9fde-5b8f-8c13-66550e61443f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/button/page-data.json b/page-data/components/radiogroup/button/page-data.json index 2dffc2a70f..b95d7072b9 100644 --- a/page-data/components/radiogroup/button/page-data.json +++ b/page-data/components/radiogroup/button/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"58d1d3ed-ff39-51d1-9bea-a64a078a18da","title":"Button","slug":"/components/components/radiogroup/button"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Button\",\n \"metaTitle\": \"RadioGroup.Button\",\n \"metaDescription\": \"RadioGroup.Button Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"radiogroupbutton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#radiogroupbutton\",\n \"aria-label\": \"radiogroupbutton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Button\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupButtonWeb, {\n mdxType: \"RadioGroupButtonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupButtonNative, {\n mdxType: \"RadioGroupButtonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#radiogroupbutton","title":"RadioGroup.Button"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button.mdx"},"frontmatter":{"metaTitle":"RadioGroup.Button","metaDescription":"RadioGroup.Button Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"58d1d3ed-ff39-51d1-9bea-a64a078a18da"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/button","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"58d1d3ed-ff39-51d1-9bea-a64a078a18da","title":"Button","slug":"/components/components/radiogroup/button"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Button\",\n \"metaTitle\": \"RadioGroup.Button\",\n \"metaDescription\": \"RadioGroup.Button Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"radiogroupbutton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#radiogroupbutton\",\n \"aria-label\": \"radiogroupbutton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Button\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupButtonWeb, {\n mdxType: \"RadioGroupButtonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupButtonNative, {\n mdxType: \"RadioGroupButtonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#radiogroupbutton","title":"RadioGroup.Button"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/button.mdx"},"frontmatter":{"metaTitle":"RadioGroup.Button","metaDescription":"RadioGroup.Button Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"58d1d3ed-ff39-51d1-9bea-a64a078a18da"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/page-data.json b/page-data/components/radiogroup/page-data.json index a76b08fec3..c46a537312 100644 --- a/page-data/components/radiogroup/page-data.json +++ b/page-data/components/radiogroup/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"457942c1-cb6a-520a-b450-5cd1241e62c9","title":"RadioGroup","slug":"/components/components/radiogroup/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"RadioGroup\",\n \"metaTitle\": \"RadioGroup Component\",\n \"metaDescription\": \"RadioGroup Component\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/index.mdx"},"frontmatter":{"metaTitle":"RadioGroup Component","metaDescription":"RadioGroup Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"457942c1-cb6a-520a-b450-5cd1241e62c9"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"457942c1-cb6a-520a-b450-5cd1241e62c9","title":"RadioGroup","slug":"/components/components/radiogroup/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"RadioGroup\",\n \"metaTitle\": \"RadioGroup Component\",\n \"metaDescription\": \"RadioGroup Component\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/index.mdx"},"frontmatter":{"metaTitle":"RadioGroup Component","metaDescription":"RadioGroup Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"457942c1-cb6a-520a-b450-5cd1241e62c9"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/radio-native/page-data.json b/page-data/components/radiogroup/radio-native/page-data.json index 6cc5b6617c..9623beca24 100644 --- a/page-data/components/radiogroup/radio-native/page-data.json +++ b/page-data/components/radiogroup/radio-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"504c5430-903f-5a36-bc01-488963795fcb","title":"Radio Native","slug":"/components/components/radiogroup/radio-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [selectedValue, setSelectedValue] = useState('24h');\\n const [category, setCategory] = useState('Gyms');\\n\\n return (\\n \\n \\n RadioGroup.Button\\n\\n setSelectedValue(value)}\\n >\\n 24 hours\\n Open now\\n At Sundays\\n \\n\\n RadioGroup.Radio\\n\\n setCategory(value)}\\n style={{\\n paddingBottom: 40,\\n }}\\n >\\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"radiogroup\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroup\",\n \"aria-label\": \"radiogroup permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(PropsTable, {\n component: \"RadioGroup.Radio\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#radiogroup","title":"RadioGroup"},{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"504c5430-903f-5a36-bc01-488963795fcb"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"504c5430-903f-5a36-bc01-488963795fcb","title":"Radio Native","slug":"/components/components/radiogroup/radio-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [selectedValue, setSelectedValue] = useState('24h');\\n const [category, setCategory] = useState('Gyms');\\n\\n return (\\n \\n \\n RadioGroup.Button\\n\\n setSelectedValue(value)}\\n >\\n 24 hours\\n Open now\\n At Sundays\\n \\n\\n RadioGroup.Radio\\n\\n setCategory(value)}\\n style={{\\n paddingBottom: 40,\\n }}\\n >\\n \\n \\n \\n \\n \\n );\\n};\\n\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"radiogroup\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroup\",\n \"aria-label\": \"radiogroup permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(PropsTable, {\n component: \"RadioGroup.Radio\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#radiogroup","title":"RadioGroup"},{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"504c5430-903f-5a36-bc01-488963795fcb"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/radio-web/page-data.json b/page-data/components/radiogroup/radio-web/page-data.json index 4e655058ba..7bf601c670 100644 --- a/page-data/components/radiogroup/radio-web/page-data.json +++ b/page-data/components/radiogroup/radio-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c2732f05-9c29-5c9b-99fc-2645d63a7f36","title":"Radio Web","slug":"/components/components/radiogroup/radio-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [selectedValue, setSelectedValue] = useState('now');\\n\\n return (\\n setSelectedValue(value)}\\n >\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"radiogroup\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroup\",\n \"aria-label\": \"radiogroup permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(PropsTable, {\n component: \"RadioGroup.Radio\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#radiogroup","title":"RadioGroup"},{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c2732f05-9c29-5c9b-99fc-2645d63a7f36"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"c2732f05-9c29-5c9b-99fc-2645d63a7f36","title":"Radio Web","slug":"/components/components/radiogroup/radio-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [selectedValue, setSelectedValue] = useState('now');\\n\\n return (\\n setSelectedValue(value)}\\n >\\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"radiogroup\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroup\",\n \"aria-label\": \"radiogroup permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup\"), mdx(PropsTable, {\n component: \"RadioGroup\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(PropsTable, {\n component: \"RadioGroup.Radio\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#radiogroup","title":"RadioGroup"},{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"c2732f05-9c29-5c9b-99fc-2645d63a7f36"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/radiogroup/radio/page-data.json b/page-data/components/radiogroup/radio/page-data.json index d0caf3aafc..c5abd9b0db 100644 --- a/page-data/components/radiogroup/radio/page-data.json +++ b/page-data/components/radiogroup/radio/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e08535ac-a88f-504c-9476-dfaf7e32c33f","title":"Radio","slug":"/components/components/radiogroup/radio"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Radio\",\n \"metaTitle\": \"RadioGroup.Radio\",\n \"metaDescription\": \"RadioGroup.Radio Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupRadioWeb, {\n mdxType: \"RadioGroupRadioWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupRadioNative, {\n mdxType: \"RadioGroupRadioNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio.mdx"},"frontmatter":{"metaTitle":"RadioGroup.Radio","metaDescription":"RadioGroup.Radio Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e08535ac-a88f-504c-9476-dfaf7e32c33f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/radiogroup/radio","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"e08535ac-a88f-504c-9476-dfaf7e32c33f","title":"Radio","slug":"/components/components/radiogroup/radio"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Radio\",\n \"metaTitle\": \"RadioGroup.Radio\",\n \"metaDescription\": \"RadioGroup.Radio Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"radiogroupradio\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#radiogroupradio\",\n \"aria-label\": \"radiogroupradio permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"RadioGroup.Radio\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupRadioWeb, {\n mdxType: \"RadioGroupRadioWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RadioGroupRadioNative, {\n mdxType: \"RadioGroupRadioNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#radiogroupradio","title":"RadioGroup.Radio"}]},"parent":{"__typename":"File","relativePath":"components/components/radiogroup/radio.mdx"},"frontmatter":{"metaTitle":"RadioGroup.Radio","metaDescription":"RadioGroup.Radio Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"e08535ac-a88f-504c-9476-dfaf7e32c33f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/rating/page-data.json b/page-data/components/rating/page-data.json index a841a4c46d..66588702dc 100644 --- a/page-data/components/rating/page-data.json +++ b/page-data/components/rating/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"82fa767a-f10b-516e-826d-521e693049a2","title":"Rating","slug":"/components/components/rating/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Rating\",\n \"metaTitle\": \"Rating\",\n \"metaDescription\": \"Use the Rating component to view other people's opinions and experiences.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"rating\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#rating\",\n \"aria-label\": \"rating permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Rating\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RatingWeb, {\n mdxType: \"RatingWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RatingNative, {\n mdxType: \"RatingNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#rating","title":"Rating"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/index.mdx"},"frontmatter":{"metaTitle":"Rating","metaDescription":"Use the Rating component to view other people's opinions and experiences."}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"82fa767a-f10b-516e-826d-521e693049a2"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"82fa767a-f10b-516e-826d-521e693049a2","title":"Rating","slug":"/components/components/rating/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Rating\",\n \"metaTitle\": \"Rating\",\n \"metaDescription\": \"Use the Rating component to view other people's opinions and experiences.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"rating\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#rating\",\n \"aria-label\": \"rating permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Rating\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(RatingWeb, {\n mdxType: \"RatingWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(RatingNative, {\n mdxType: \"RatingNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#rating","title":"Rating"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/index.mdx"},"frontmatter":{"metaTitle":"Rating","metaDescription":"Use the Rating component to view other people's opinions and experiences."}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"82fa767a-f10b-516e-826d-521e693049a2"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/rating/rating-native/page-data.json b/page-data/components/rating/rating-native/page-data.json index 95dcdcc567..df9253c51b 100644 --- a/page-data/components/rating/rating-native/page-data.json +++ b/page-data/components/rating/rating-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating/rating-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5c53ec53-1fb1-5a3d-af07-ad7a5651087f","title":"Rating Native","slug":"/components/components/rating/rating-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst RatingPage = () => {\\n const [rating, setRating] = useState(2);\\n\\n return (\\n \\n \\n Rating\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n Working\\n \\n \\n \\n );\\n};\\n\\nexport default RatingPage;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Rating\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/rating-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5c53ec53-1fb1-5a3d-af07-ad7a5651087f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating/rating-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5c53ec53-1fb1-5a3d-af07-ad7a5651087f","title":"Rating Native","slug":"/components/components/rating/rating-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst RatingPage = () => {\\n const [rating, setRating] = useState(2);\\n\\n return (\\n \\n \\n Rating\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n\\n Working\\n \\n \\n \\n );\\n};\\n\\nexport default RatingPage;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Rating\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/rating-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5c53ec53-1fb1-5a3d-af07-ad7a5651087f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/rating/rating-web/page-data.json b/page-data/components/rating/rating-web/page-data.json index 52c5a56aa8..1ebd38fd63 100644 --- a/page-data/components/rating/rating-web/page-data.json +++ b/page-data/components/rating/rating-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating/rating-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b78883b4-9d17-5a18-b647-c3db37abc339","title":"Rating Web","slug":"/components/components/rating/rating-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const Center = props => (\\n \\n);\\n\\nrender(\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n
,\\n);\\n\")), mdx(\"h3\", {\n \"id\": \"working\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#working\",\n \"aria-label\": \"working permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Working\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [rating, setRating] = useState(2);\\n\\n return ;\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"custom-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-icons\",\n \"aria-label\": \"custom icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom Icons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const Center = props => (\\n \\n);\\n\\nrender(\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n
,\\n);\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Rating\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#working","title":"Working"},{"url":"#custom-icons","title":"Custom Icons"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/rating-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b78883b4-9d17-5a18-b647-c3db37abc339"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/rating/rating-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b78883b4-9d17-5a18-b647-c3db37abc339","title":"Rating Web","slug":"/components/components/rating/rating-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const Center = props => (\\n \\n);\\n\\nrender(\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n
,\\n);\\n\")), mdx(\"h3\", {\n \"id\": \"working\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#working\",\n \"aria-label\": \"working permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Working\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [rating, setRating] = useState(2);\\n\\n return ;\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"custom-icons\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#custom-icons\",\n \"aria-label\": \"custom icons permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Custom Icons\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"const Center = props => (\\n \\n);\\n\\nrender(\\n
\\n \\n \\n \\n \\n \\n \\n \\n \\n
,\\n);\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Rating\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#working","title":"Working"},{"url":"#custom-icons","title":"Custom Icons"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/rating/rating-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b78883b4-9d17-5a18-b647-c3db37abc339"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/result/page-data.json b/page-data/components/result/page-data.json index ea4ae97717..c534f76aa6 100644 --- a/page-data/components/result/page-data.json +++ b/page-data/components/result/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/result","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b1c29e1a-9320-5614-a778-64b3b3f3520b","title":"Result","slug":"/components/components/result/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Result\",\n \"metaTitle\": \"Result\",\n \"metaDescription\": \"The Result component default looks and behavior\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"result\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#result\",\n \"aria-label\": \"result permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Result\"), mdx(\"h4\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component can be used to display content related to a single\\nsubject of on list of searched results for example. The content can consist of multiple elements of varying types and\\nsizes.\"), mdx(\"p\", null, \"As it could be seen in most components, the Result has its own compounds:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\"))), mdx(\"p\", null, \"Each one of the compounds has its own props described on the example below.\"), mdx(Result, {\n mdxType: \"Result\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#result","title":"Result","items":[{"items":[{"items":[{"url":"#reference","title":"Reference"}]}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/result/index.mdx"},"frontmatter":{"metaTitle":"Result","metaDescription":"The Result component default looks and behavior"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b1c29e1a-9320-5614-a778-64b3b3f3520b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/result","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"b1c29e1a-9320-5614-a778-64b3b3f3520b","title":"Result","slug":"/components/components/result/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Result\",\n \"metaTitle\": \"Result\",\n \"metaDescription\": \"The Result component default looks and behavior\"\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"result\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#result\",\n \"aria-label\": \"result permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Result\"), mdx(\"h4\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component can be used to display content related to a single\\nsubject of on list of searched results for example. The content can consist of multiple elements of varying types and\\nsizes.\"), mdx(\"p\", null, \"As it could be seen in most components, the Result has its own compounds:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\")), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\"))), mdx(\"p\", null, \"Each one of the compounds has its own props described on the example below.\"), mdx(Result, {\n mdxType: \"Result\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#result","title":"Result","items":[{"items":[{"items":[{"url":"#reference","title":"Reference"}]}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/result/index.mdx"},"frontmatter":{"metaTitle":"Result","metaDescription":"The Result component default looks and behavior"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"b1c29e1a-9320-5614-a778-64b3b3f3520b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/result/result-native/page-data.json b/page-data/components/result/result-native/page-data.json index 6687a96e33..4fa8668637 100644 --- a/page-data/components/result/result-native/page-data.json +++ b/page-data/components/result/result-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/result/result-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"964faa05-b558-57b7-9417-58aa39efa3ff","title":"Result Native","slug":"/components/components/result/result-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h4\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"}\\n attendances={[\\n {\\n description: 'In-Person',\\n icon: BuildingFilled,\\n },\\n {\\n description: 'Online',\\n icon: Youtube,\\n },\\n ]}\\n title=\\\"Ariel Malik\\\"\\n subTitle=\\\"Personal\\\"\\n divided\\n>\\n \\n \\n \\n Select\\n\\n\")), mdx(\"h4\", {\n \"id\": \"props---result\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---result\",\n \"aria-label\": \"props result permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result\"), mdx(PropsTable, {\n component: \"Result\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resultdetails\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resultdetails\",\n \"aria-label\": \"props resultdetails permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Details\"), mdx(PropsTable, {\n component: \"Result.Details\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resulttags\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resulttags\",\n \"aria-label\": \"props resulttags permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Tags\"), mdx(PropsTable, {\n component: \"Result.Tags\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resultbutton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resultbutton\",\n \"aria-label\": \"props resultbutton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Button\"), mdx(PropsTable, {\n component: \"Button.Link\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props---result","title":"Props - Result"},{"url":"#props---resultdetails","title":"Props - Result.Details"},{"url":"#props---resulttags","title":"Props - Result.Tags"},{"url":"#props---resultbutton","title":"Props - Result.Button"}]},"parent":{"__typename":"File","relativePath":"components/components/result/result-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"964faa05-b558-57b7-9417-58aa39efa3ff"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/result/result-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"964faa05-b558-57b7-9417-58aa39efa3ff","title":"Result Native","slug":"/components/components/result/result-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h4\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"}\\n attendances={[\\n {\\n description: 'In-Person',\\n icon: BuildingFilled,\\n },\\n {\\n description: 'Online',\\n icon: Youtube,\\n },\\n ]}\\n title=\\\"Ariel Malik\\\"\\n subTitle=\\\"Personal\\\"\\n divided\\n>\\n \\n \\n \\n Select\\n\\n\")), mdx(\"h4\", {\n \"id\": \"props---result\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---result\",\n \"aria-label\": \"props result permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result\"), mdx(PropsTable, {\n component: \"Result\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resultdetails\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resultdetails\",\n \"aria-label\": \"props resultdetails permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Details\"), mdx(PropsTable, {\n component: \"Result.Details\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resulttags\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resulttags\",\n \"aria-label\": \"props resulttags permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Tags\"), mdx(PropsTable, {\n component: \"Result.Tags\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"props---resultbutton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#props---resultbutton\",\n \"aria-label\": \"props resultbutton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props - Result.Button\"), mdx(PropsTable, {\n component: \"Button.Link\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props---result","title":"Props - Result"},{"url":"#props---resultdetails","title":"Props - Result.Details"},{"url":"#props---resulttags","title":"Props - Result.Tags"},{"url":"#props---resultbutton","title":"Props - Result.Button"}]},"parent":{"__typename":"File","relativePath":"components/components/result/result-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"964faa05-b558-57b7-9417-58aa39efa3ff"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/skeleton/page-data.json b/page-data/components/skeleton/page-data.json index bb585a9077..2d804cb0b8 100644 --- a/page-data/components/skeleton/page-data.json +++ b/page-data/components/skeleton/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f2de1c2a-3fab-5af1-844f-9a62b0e4291d","title":"Skeleton","slug":"/components/components/skeleton/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Skeleton\",\n \"metaTitle\": \"Skeleton\",\n \"metaDescription\": \"Skeleton Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"skeleton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#skeleton\",\n \"aria-label\": \"skeleton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Skeleton\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SkeletonWeb, {\n mdxType: \"SkeletonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SkeletonNative, {\n mdxType: \"SkeletonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#skeleton","title":"Skeleton"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/index.mdx"},"frontmatter":{"metaTitle":"Skeleton","metaDescription":"Skeleton Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f2de1c2a-3fab-5af1-844f-9a62b0e4291d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"f2de1c2a-3fab-5af1-844f-9a62b0e4291d","title":"Skeleton","slug":"/components/components/skeleton/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Skeleton\",\n \"metaTitle\": \"Skeleton\",\n \"metaDescription\": \"Skeleton Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"skeleton\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#skeleton\",\n \"aria-label\": \"skeleton permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Skeleton\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SkeletonWeb, {\n mdxType: \"SkeletonWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SkeletonNative, {\n mdxType: \"SkeletonNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#skeleton","title":"Skeleton"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/index.mdx"},"frontmatter":{"metaTitle":"Skeleton","metaDescription":"Skeleton Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"f2de1c2a-3fab-5af1-844f-9a62b0e4291d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/skeleton/skeleton-native/page-data.json b/page-data/components/skeleton/skeleton-native/page-data.json index 303e9fcf33..739fc49ec2 100644 --- a/page-data/components/skeleton/skeleton-native/page-data.json +++ b/page-data/components/skeleton/skeleton-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton/skeleton-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"30aad67e-77ec-59c9-b209-609719189828","title":"Skeleton Native","slug":"/components/components/skeleton/skeleton-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" description\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Skeleton\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/skeleton-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"30aad67e-77ec-59c9-b209-609719189828"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton/skeleton-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"30aad67e-77ec-59c9-b209-609719189828","title":"Skeleton Native","slug":"/components/components/skeleton/skeleton-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" description\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Skeleton\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/skeleton-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"30aad67e-77ec-59c9-b209-609719189828"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/skeleton/skeleton-web/page-data.json b/page-data/components/skeleton/skeleton-web/page-data.json index 44e1f2e132..bd2e37a692 100644 --- a/page-data/components/skeleton/skeleton-web/page-data.json +++ b/page-data/components/skeleton/skeleton-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton/skeleton-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d0d31111-13f5-5fee-b71f-bb1a65be66d0","title":"Skeleton Web","slug":"/components/components/skeleton/skeleton-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Skeleton\"), \" component display\\xB4s a preview of a content right before the data is loaded. Using this component you can reducing the user perception of slow loading since your component data may not be immediately available. With it the data is shown incrementally on the screen.\"), mdx(\"p\", null, \"With this resourse available we sugest that you avoit the use of Progress components (spiners).\"), mdx(\"h4\", {\n \"id\": \"circular\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#circular\",\n \"aria-label\": \"circular permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Circular\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"h4\", {\n \"id\": \"rectangular\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#rectangular\",\n \"aria-label\": \"rectangular permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Rectangular\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"h4\", {\n \"id\": \"text\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#text\",\n \"aria-label\": \"text permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Text\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"p\", null, \"The text type can receive a prop called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"variant\"), \", that can be one of the following values:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h1\"), \" - 56px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h2\"), \" - 48px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h3\"), \" - 40px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h4\"), \" - 32px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h5\"), \" - 28px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"body1\"), \" - 24px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"body2\"), \" - 20px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"overline\"), \" - 16px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"exception\"), \" - 12px height;\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Skeleton\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference","items":[{"url":"#circular","title":"Circular"},{"url":"#rectangular","title":"Rectangular"},{"url":"#text","title":"Text"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/skeleton-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d0d31111-13f5-5fee-b71f-bb1a65be66d0"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/skeleton/skeleton-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d0d31111-13f5-5fee-b71f-bb1a65be66d0","title":"Skeleton Web","slug":"/components/components/skeleton/skeleton-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Skeleton\"), \" component display\\xB4s a preview of a content right before the data is loaded. Using this component you can reducing the user perception of slow loading since your component data may not be immediately available. With it the data is shown incrementally on the screen.\"), mdx(\"p\", null, \"With this resourse available we sugest that you avoit the use of Progress components (spiners).\"), mdx(\"h4\", {\n \"id\": \"circular\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#circular\",\n \"aria-label\": \"circular permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Circular\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"h4\", {\n \"id\": \"rectangular\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#rectangular\",\n \"aria-label\": \"rectangular permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Rectangular\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"h4\", {\n \"id\": \"text\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#text\",\n \"aria-label\": \"text permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Text\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\"\n }, \" \\n\")), mdx(\"p\", null, \"The text type can receive a prop called \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"variant\"), \", that can be one of the following values:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h1\"), \" - 56px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h2\"), \" - 48px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h3\"), \" - 40px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h4\"), \" - 32px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"h5\"), \" - 28px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"body1\"), \" - 24px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"body2\"), \" - 20px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"overline\"), \" - 16px height;\"), mdx(\"li\", {\n parentName: \"ul\"\n }, mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"exception\"), \" - 12px height;\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Skeleton\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference","items":[{"url":"#circular","title":"Circular"},{"url":"#rectangular","title":"Rectangular"},{"url":"#text","title":"Text"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/skeleton/skeleton-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d0d31111-13f5-5fee-b71f-bb1a65be66d0"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/slider/page-data.json b/page-data/components/slider/page-data.json index 9379cfd053..9b58be4d7d 100644 --- a/page-data/components/slider/page-data.json +++ b/page-data/components/slider/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1f3a0de1-ca7d-54e1-8777-d8d116596b08","title":"Slider","slug":"/components/components/slider/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Slider\",\n \"metaTitle\": \"Slider\",\n \"metaDescription\": \"Slider component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"slider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#slider\",\n \"aria-label\": \"slider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Slider\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SliderWeb, {\n mdxType: \"SliderWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SliderNative, {\n mdxType: \"SliderNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#slider","title":"Slider"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/index.mdx"},"frontmatter":{"metaTitle":"Slider","metaDescription":"Slider component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1f3a0de1-ca7d-54e1-8777-d8d116596b08"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"1f3a0de1-ca7d-54e1-8777-d8d116596b08","title":"Slider","slug":"/components/components/slider/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Slider\",\n \"metaTitle\": \"Slider\",\n \"metaDescription\": \"Slider component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"slider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#slider\",\n \"aria-label\": \"slider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Slider\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SliderWeb, {\n mdxType: \"SliderWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SliderNative, {\n mdxType: \"SliderNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#slider","title":"Slider"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/index.mdx"},"frontmatter":{"metaTitle":"Slider","metaDescription":"Slider component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"1f3a0de1-ca7d-54e1-8777-d8d116596b08"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/slider/slider-native/page-data.json b/page-data/components/slider/slider-native/page-data.json index bee961d3a5..e7eadb891b 100644 --- a/page-data/components/slider/slider-native/page-data.json +++ b/page-data/components/slider/slider-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider/slider-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bfda752d-43aa-55fb-baed-56c83f99357a","title":"Slider Native","slug":"/components/components/slider/slider-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component extends from \", mdx(\"a\", {\n href: \"https://github.com/ptomasroos/react-native-multi-slider\",\n target: \"_blank\"\n }, \"react-native-multi-slider\"), \".\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [simple, setSimple] = useState([0]);\\n const [withTooltip, setWithTooltip] = useState([0, 10]);\\n const [overlapMultiLabel, setOverlapMultiLabel] = useState([0, 10]);\\n const [singleSnapped, setSingleSnapped] = useState([0]);\\n const [multiValues, setMultiValues] = useState([0, 7]);\\n\\n return (\\n \\n \\n \\n Simple\\n setSimple(e)}\\n />\\n \\n\\n \\n With Tooltip\\n setWithTooltip(e)}\\n tooltip={[\\n {\\n ribbon: 'Ribbon',\\n title: 'Title',\\n description: `Description`,\\n visible: true,\\n },\\n ]}\\n />\\n \\n \\n Multi with min and max labels\\n setOverlapMultiLabel(e)}\\n minLabel={`${overlapMultiLabel[0]} h`}\\n maxLabel={`${overlapMultiLabel[1]} h`}\\n />\\n \\n \\n Snapped\\n setSingleSnapped(e)}\\n step={1}\\n snapped\\n />\\n \\n \\n Plans\\n setMultiValues(e)}\\n sliderLength={250}\\n snapped\\n step={1}\\n values={multiValues}\\n allowOverlap\\n tooltip={[\\n {\\n title: 'Only',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0 && multiValues[1] === 0,\\n },\\n {\\n title: 'Only',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[0] === 1 && multiValues[1] === 1,\\n },\\n {\\n title: 'Only',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[0] === 2 && multiValues[1] === 2,\\n },\\n {\\n title: 'Only',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[0] === 3 && multiValues[1] === 3,\\n },\\n {\\n title: 'Only',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[0] === 4 && multiValues[1] === 4,\\n },\\n {\\n title: 'Only',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[0] === 5 && multiValues[1] === 5,\\n },\\n {\\n title: 'Only',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[0] === 6 && multiValues[1] === 6,\\n },\\n {\\n title: 'Only',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[0] === 7 && multiValues[1] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[0] === 1,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[0] === 2,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[0] === 3,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[0] === 4,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[0] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Start from',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[0] === 6,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[0] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[1] === 1,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[1] === 2,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[1] === 3,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[1] === 4,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[1] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Up to',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[1] === 6,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[1] === 7,\\n },\\n ]}\\n />\\n \\n \\n \\n );\\n};\\n\\nexport default App;\\n\")), mdx(\"h4\", {\n \"id\": \"showing-a-tooltip\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#showing-a-tooltip\",\n \"aria-label\": \"showing a tooltip permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Showing a tooltip\"), mdx(\"p\", null, \"Is possible to render a tooltip over the marks of slider, to do that you need to pass the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tooltip\"), \" prop. It's takes an array of objects that accepts the current shape:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"ribbon: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"title: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"description: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"visible: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"bool\"), \" (condition that controls tooltip visibility)\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"step: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"number\"), \" (a specific step to show the tooltip)\")), mdx(\"p\", null, \"With this array of objects you can render different tooltips, with different messages for each respective step you like.\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Slider\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#showing-a-tooltip","title":"Showing a tooltip"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/slider-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bfda752d-43aa-55fb-baed-56c83f99357a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider/slider-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"bfda752d-43aa-55fb-baed-56c83f99357a","title":"Slider Native","slug":"/components/components/slider/slider-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component extends from \", mdx(\"a\", {\n href: \"https://github.com/ptomasroos/react-native-multi-slider\",\n target: \"_blank\"\n }, \"react-native-multi-slider\"), \".\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state\",\n \"type\": \"expo\",\n \"state\": true\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [simple, setSimple] = useState([0]);\\n const [withTooltip, setWithTooltip] = useState([0, 10]);\\n const [overlapMultiLabel, setOverlapMultiLabel] = useState([0, 10]);\\n const [singleSnapped, setSingleSnapped] = useState([0]);\\n const [multiValues, setMultiValues] = useState([0, 7]);\\n\\n return (\\n \\n \\n \\n Simple\\n setSimple(e)}\\n />\\n \\n\\n \\n With Tooltip\\n setWithTooltip(e)}\\n tooltip={[\\n {\\n ribbon: 'Ribbon',\\n title: 'Title',\\n description: `Description`,\\n visible: true,\\n },\\n ]}\\n />\\n \\n \\n Multi with min and max labels\\n setOverlapMultiLabel(e)}\\n minLabel={`${overlapMultiLabel[0]} h`}\\n maxLabel={`${overlapMultiLabel[1]} h`}\\n />\\n \\n \\n Snapped\\n setSingleSnapped(e)}\\n step={1}\\n snapped\\n />\\n \\n \\n Plans\\n setMultiValues(e)}\\n sliderLength={250}\\n snapped\\n step={1}\\n values={multiValues}\\n allowOverlap\\n tooltip={[\\n {\\n title: 'Only',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0 && multiValues[1] === 0,\\n },\\n {\\n title: 'Only',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[0] === 1 && multiValues[1] === 1,\\n },\\n {\\n title: 'Only',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[0] === 2 && multiValues[1] === 2,\\n },\\n {\\n title: 'Only',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[0] === 3 && multiValues[1] === 3,\\n },\\n {\\n title: 'Only',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[0] === 4 && multiValues[1] === 4,\\n },\\n {\\n title: 'Only',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[0] === 5 && multiValues[1] === 5,\\n },\\n {\\n title: 'Only',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[0] === 6 && multiValues[1] === 6,\\n },\\n {\\n title: 'Only',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[0] === 7 && multiValues[1] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[0] === 1,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[0] === 2,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[0] === 3,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[0] === 4,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[0] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Start from',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[0] === 6,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[0] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: multiValues[0] === 0,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: multiValues[1] === 1,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: multiValues[1] === 2,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: multiValues[1] === 3,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: multiValues[1] === 4,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: multiValues[1] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Up to',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: multiValues[1] === 6,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: multiValues[1] === 7,\\n },\\n ]}\\n />\\n \\n \\n \\n );\\n};\\n\\nexport default App;\\n\")), mdx(\"h4\", {\n \"id\": \"showing-a-tooltip\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#showing-a-tooltip\",\n \"aria-label\": \"showing a tooltip permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Showing a tooltip\"), mdx(\"p\", null, \"Is possible to render a tooltip over the marks of slider, to do that you need to pass the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tooltip\"), \" prop. It's takes an array of objects that accepts the current shape:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"ribbon: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"title: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"description: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"visible: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"bool\"), \" (condition that controls tooltip visibility)\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"step: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"number\"), \" (a specific step to show the tooltip)\")), mdx(\"p\", null, \"With this array of objects you can render different tooltips, with different messages for each respective step you like.\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Slider\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#showing-a-tooltip","title":"Showing a tooltip"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/slider-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"bfda752d-43aa-55fb-baed-56c83f99357a"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/slider/slider-web/page-data.json b/page-data/components/slider/slider-web/page-data.json index 837bcf59cf..69c535b199 100644 --- a/page-data/components/slider/slider-web/page-data.json +++ b/page-data/components/slider/slider-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider/slider-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"2f27dd59-f5a0-539a-8011-3b7c9e343e44","title":"Slider Web","slug":"/components/components/slider/slider-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component extends from \", mdx(\"a\", {\n href: \"https://github.com/react-component/slider/\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, \"rc-slider\"), \".\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"simple-slider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple-slider\",\n \"aria-label\": \"simple slider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple slider\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [values, setValues] = useState([0]);\\n\\n return (\\n setValues([value])}\\n max={10}\\n min={0}\\n minLabel={values[0]}\\n tooltip={[\\n {\\n description: 'Simple tooltip',\\n step: 2,\\n visible: true,\\n },\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-many-tooltips\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-many-tooltips\",\n \"aria-label\": \"with many tooltips permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With many tooltips\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [values, setValues] = useState([0, 7]);\\n\\n return (\\n setValues(value)}\\n snapped\\n maxLabel={values[1]}\\n minLabel={values[0]}\\n tooltip={[\\n {\\n title: 'Only',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0 && values[1] === 0,\\n },\\n {\\n title: 'Only',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[0] === 1 && values[1] === 1,\\n },\\n {\\n title: 'Only',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[0] === 2 && values[1] === 2,\\n },\\n {\\n title: 'Only',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[0] === 3 && values[1] === 3,\\n },\\n {\\n title: 'Only',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[0] === 4 && values[1] === 4,\\n },\\n {\\n title: 'Only',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[0] === 5 && values[1] === 5,\\n },\\n {\\n title: 'Only',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[0] === 6 && values[1] === 6,\\n },\\n {\\n title: 'Only',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[0] === 7 && values[1] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[0] === 1,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[0] === 2,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[0] === 3,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[0] === 4,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[0] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Start from',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[0] === 6,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[0] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[1] === 1,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[1] === 2,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[1] === 3,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[1] === 4,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[1] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Up to',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[1] === 6,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[1] === 7,\\n },\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"showing-a-tooltip\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#showing-a-tooltip\",\n \"aria-label\": \"showing a tooltip permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Showing a tooltip\"), mdx(\"p\", null, \"Is possible to render a tooltip over the marks of slider, to do that you need to pass the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tooltip\"), \" prop. It's takes an array of objects that accepts the current shape:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"ribbon: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"title: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"description: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"visible: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"bool\"), \" (condition that controls tooltip visibility)\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"step: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"number\"), \" (a specific step to show the tooltip)\")), mdx(\"p\", null, \"With this array of objects you can render different tooltips, with different messages for each respective step you like.\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Slider\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#simple-slider","title":"Simple slider"},{"url":"#with-many-tooltips","title":"With many tooltips"},{"url":"#showing-a-tooltip","title":"Showing a tooltip"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/slider-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"2f27dd59-f5a0-539a-8011-3b7c9e343e44"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/slider/slider-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"2f27dd59-f5a0-539a-8011-3b7c9e343e44","title":"Slider Web","slug":"/components/components/slider/slider-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component extends from \", mdx(\"a\", {\n href: \"https://github.com/react-component/slider/\",\n target: \"_blank\",\n rel: \"noopener noreferrer\"\n }, \"rc-slider\"), \".\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"simple-slider\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple-slider\",\n \"aria-label\": \"simple slider permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple slider\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [values, setValues] = useState([0]);\\n\\n return (\\n setValues([value])}\\n max={10}\\n min={0}\\n minLabel={values[0]}\\n tooltip={[\\n {\\n description: 'Simple tooltip',\\n step: 2,\\n visible: true,\\n },\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"with-many-tooltips\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#with-many-tooltips\",\n \"aria-label\": \"with many tooltips permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"With many tooltips\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [values, setValues] = useState([0, 7]);\\n\\n return (\\n setValues(value)}\\n snapped\\n maxLabel={values[1]}\\n minLabel={values[0]}\\n tooltip={[\\n {\\n title: 'Only',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0 && values[1] === 0,\\n },\\n {\\n title: 'Only',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[0] === 1 && values[1] === 1,\\n },\\n {\\n title: 'Only',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[0] === 2 && values[1] === 2,\\n },\\n {\\n title: 'Only',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[0] === 3 && values[1] === 3,\\n },\\n {\\n title: 'Only',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[0] === 4 && values[1] === 4,\\n },\\n {\\n title: 'Only',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[0] === 5 && values[1] === 5,\\n },\\n {\\n title: 'Only',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[0] === 6 && values[1] === 6,\\n },\\n {\\n title: 'Only',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[0] === 7 && values[1] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[0] === 1,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[0] === 2,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[0] === 3,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[0] === 4,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[0] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Start from',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[0] === 6,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[0] === 7,\\n },\\n {\\n title: 'Start from',\\n description: `U$ 19,90`,\\n step: 0,\\n visible: values[0] === 0,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 29,90`,\\n step: 1,\\n visible: values[1] === 1,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 59,90`,\\n step: 2,\\n visible: values[1] === 2,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 99,90`,\\n step: 3,\\n visible: values[1] === 3,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 159,90`,\\n step: 4,\\n visible: values[1] === 4,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 279,90`,\\n step: 5,\\n visible: values[1] === 5,\\n },\\n {\\n ribbon: 'My plan',\\n title: 'Up to',\\n description: `U$ 379,90`,\\n step: 6,\\n visible: values[1] === 6,\\n },\\n {\\n title: 'Up to',\\n description: `U$ 429,90`,\\n step: 7,\\n visible: values[1] === 7,\\n },\\n ]}\\n />\\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"showing-a-tooltip\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#showing-a-tooltip\",\n \"aria-label\": \"showing a tooltip permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Showing a tooltip\"), mdx(\"p\", null, \"Is possible to render a tooltip over the marks of slider, to do that you need to pass the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tooltip\"), \" prop. It's takes an array of objects that accepts the current shape:\"), mdx(\"ul\", null, mdx(\"li\", {\n parentName: \"ul\"\n }, \"ribbon: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"title: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"description: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"string\")), mdx(\"li\", {\n parentName: \"ul\"\n }, \"visible: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"bool\"), \" (condition that controls tooltip visibility)\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"step: \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"number\"), \" (a specific step to show the tooltip)\")), mdx(\"p\", null, \"With this array of objects you can render different tooltips, with different messages for each respective step you like.\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Slider\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#simple-slider","title":"Simple slider"},{"url":"#with-many-tooltips","title":"With many tooltips"},{"url":"#showing-a-tooltip","title":"Showing a tooltip"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/slider/slider-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"2f27dd59-f5a0-539a-8011-3b7c9e343e44"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/snackbar/page-data.json b/page-data/components/snackbar/page-data.json index d9d2710099..4ba07cdd36 100644 --- a/page-data/components/snackbar/page-data.json +++ b/page-data/components/snackbar/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"57483000-ed70-500c-9763-6e2793c8d244","title":"Snackbar","slug":"/components/components/snackbar/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Snackbar\",\n \"metaTitle\": \"Snackbar\",\n \"metaDescription\": \"Snackbar component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"snackbar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#snackbar\",\n \"aria-label\": \"snackbar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Snackbar\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SnackbarWeb, {\n mdxType: \"SnackbarWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SnackbarNative, {\n mdxType: \"SnackbarNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#snackbar","title":"Snackbar"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/index.mdx"},"frontmatter":{"metaTitle":"Snackbar","metaDescription":"Snackbar component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"57483000-ed70-500c-9763-6e2793c8d244"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"57483000-ed70-500c-9763-6e2793c8d244","title":"Snackbar","slug":"/components/components/snackbar/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Snackbar\",\n \"metaTitle\": \"Snackbar\",\n \"metaDescription\": \"Snackbar component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"snackbar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#snackbar\",\n \"aria-label\": \"snackbar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Snackbar\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(SnackbarWeb, {\n mdxType: \"SnackbarWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(SnackbarNative, {\n mdxType: \"SnackbarNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#snackbar","title":"Snackbar"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/index.mdx"},"frontmatter":{"metaTitle":"Snackbar","metaDescription":"Snackbar component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"57483000-ed70-500c-9763-6e2793c8d244"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/snackbar/snackbar-native/page-data.json b/page-data/components/snackbar/snackbar-native/page-data.json index 12fbd09495..a6e79232b0 100644 --- a/page-data/components/snackbar/snackbar-native/page-data.json +++ b/page-data/components/snackbar/snackbar-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar/snackbar-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3a2d69b5-7c54-5e68-ade4-b75a06068d7f","title":"Snackbar Native","slug":"/components/components/snackbar/snackbar-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"snackbar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#snackbar\",\n \"aria-label\": \"snackbar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Snackbar\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \"const { createRef } = React;\\n\\nconst App = () => {\\n const snackbarRef = createRef();\\n\\n const handleOpenSnackbar = () => {\\n snackbarRef.current.open();\\n };\\n\\n return (\\n \\n \\n\\n {}}\\n duration=\\\"default\\\"\\n bottomOffset={0}\\n ref={snackbarRef}\\n />\\n \\n );\\n \\n};\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Snackbar\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#snackbar","title":"Snackbar"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/snackbar-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3a2d69b5-7c54-5e68-ade4-b75a06068d7f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar/snackbar-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3a2d69b5-7c54-5e68-ade4-b75a06068d7f","title":"Snackbar Native","slug":"/components/components/snackbar/snackbar-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"snackbar\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#snackbar\",\n \"aria-label\": \"snackbar permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Snackbar\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \"const { createRef } = React;\\n\\nconst App = () => {\\n const snackbarRef = createRef();\\n\\n const handleOpenSnackbar = () => {\\n snackbarRef.current.open();\\n };\\n\\n return (\\n \\n \\n\\n {}}\\n duration=\\\"default\\\"\\n bottomOffset={0}\\n ref={snackbarRef}\\n />\\n \\n );\\n \\n};\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Snackbar\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#snackbar","title":"Snackbar"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/snackbar-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3a2d69b5-7c54-5e68-ade4-b75a06068d7f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/snackbar/snackbar-web/page-data.json b/page-data/components/snackbar/snackbar-web/page-data.json index ed63b9b0bb..0bff14754c 100644 --- a/page-data/components/snackbar/snackbar-web/page-data.json +++ b/page-data/components/snackbar/snackbar-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar/snackbar-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"866c301a-8038-512b-9184-78d11839e8f9","title":"Snackbar Web","slug":"/components/components/snackbar/snackbar-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"simple\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple\",\n \"aria-label\": \"simple permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('onAction function');\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"variants\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#variants\",\n \"aria-label\": \"variants permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Variants\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" has styles variants. Their are \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"success\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"failure\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"info\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(state => ({ ...state, [variant]: true }));\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(state => ({ ...state, [variant]: false }));\\n };\\n\\n const handleOnAction = () => {\\n alert('onAction function');\\n };\\n\\n return (\\n <>\\n \\n handleOpen('info')}>Open info snackbar\\n \\n
\\n \\n handleOpen('success')}>Open success snackbar\\n \\n
\\n\\n handleOpen('failure')}>Open failure snackbar\\n \\n \\n handleOnClose('info')}\\n />\\n\\n handleOnClose('success')}\\n />\\n\\n handleOnClose('failure')}\\n />\\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"close-automaticaly\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#close-automaticaly\",\n \"aria-label\": \"close automaticaly permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Close automaticaly\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" has the ability to close itself automaticaly. To do it, you must provide \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onClose\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"duration\"), \" props.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n Open snackbar\\n\\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"action\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#action\",\n \"aria-label\": \"action permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Action\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" may have an action to do anything you need. To do it, you must provide \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onAction\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"actionLabel\"), \" props.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n Open snackbar\\n\\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Snackbar\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#simple","title":"Simple"},{"url":"#variants","title":"Variants"},{"url":"#close-automaticaly","title":"Close automaticaly"},{"url":"#action","title":"Action"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/snackbar-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"866c301a-8038-512b-9184-78d11839e8f9"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/snackbar/snackbar-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"866c301a-8038-512b-9184-78d11839e8f9","title":"Snackbar Web","slug":"/components/components/snackbar/snackbar-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"h4\", {\n \"id\": \"simple\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple\",\n \"aria-label\": \"simple permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = () => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = () => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('onAction function');\\n };\\n\\n return (\\n <>\\n \\n\\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"variants\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#variants\",\n \"aria-label\": \"variants permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Variants\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" has styles variants. Their are \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"success\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"failure\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"info\"), \".\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(state => ({ ...state, [variant]: true }));\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(state => ({ ...state, [variant]: false }));\\n };\\n\\n const handleOnAction = () => {\\n alert('onAction function');\\n };\\n\\n return (\\n <>\\n \\n handleOpen('info')}>Open info snackbar\\n \\n
\\n \\n handleOpen('success')}>Open success snackbar\\n \\n
\\n\\n handleOpen('failure')}>Open failure snackbar\\n \\n \\n handleOnClose('info')}\\n />\\n\\n handleOnClose('success')}\\n />\\n\\n handleOnClose('failure')}\\n />\\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"close-automaticaly\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#close-automaticaly\",\n \"aria-label\": \"close automaticaly permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Close automaticaly\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" has the ability to close itself automaticaly. To do it, you must provide \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onClose\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"duration\"), \" props.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(false);\\n };\\n\\n return (\\n <>\\n Open snackbar\\n\\n \\n \\n );\\n});\\n\")), mdx(\"h4\", {\n \"id\": \"action\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#action\",\n \"aria-label\": \"action permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Action\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Snackbar\"), \" may have an action to do anything you need. To do it, you must provide \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"onAction\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"actionLabel\"), \" props.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(() => {\\n const [isOpen, setIsOpen] = useState(false);\\n\\n const handleOpen = variant => {\\n setIsOpen(true);\\n };\\n\\n const handleOnClose = variant => {\\n setIsOpen(false);\\n };\\n\\n const handleOnAction = () => {\\n alert('This is your custom action');\\n };\\n\\n return (\\n <>\\n Open snackbar\\n\\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Snackbar\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage","items":[{"url":"#simple","title":"Simple"},{"url":"#variants","title":"Variants"},{"url":"#close-automaticaly","title":"Close automaticaly"},{"url":"#action","title":"Action"}]},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/snackbar/snackbar-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"866c301a-8038-512b-9184-78d11839e8f9"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/stepper/page-data.json b/page-data/components/stepper/page-data.json index 57ff55e69c..932fb8484e 100644 --- a/page-data/components/stepper/page-data.json +++ b/page-data/components/stepper/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d248f6e4-bf72-5657-966f-3ccc48e3ec8d","title":"Stepper","slug":"/components/components/stepper/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Stepper\",\n \"metaTitle\": \"Stepper\",\n \"metaDescription\": \"Stepper component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(StepperWeb, {\n mdxType: \"StepperWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(StepperNative, {\n mdxType: \"StepperNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#stepper","title":"Stepper"}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/index.mdx"},"frontmatter":{"metaTitle":"Stepper","metaDescription":"Stepper component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d248f6e4-bf72-5657-966f-3ccc48e3ec8d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"d248f6e4-bf72-5657-966f-3ccc48e3ec8d","title":"Stepper","slug":"/components/components/stepper/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Stepper\",\n \"metaTitle\": \"Stepper\",\n \"metaDescription\": \"Stepper component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(StepperWeb, {\n mdxType: \"StepperWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(StepperNative, {\n mdxType: \"StepperNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#stepper","title":"Stepper"}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/index.mdx"},"frontmatter":{"metaTitle":"Stepper","metaDescription":"Stepper component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"d248f6e4-bf72-5657-966f-3ccc48e3ec8d"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/stepper/stepper-native/page-data.json b/page-data/components/stepper/stepper-native/page-data.json index 2014facd57..cb4ca0476f 100644 --- a/page-data/components/stepper/stepper-native/page-data.json +++ b/page-data/components/stepper/stepper-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper/stepper-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"47aff3e8-1c3b-50d9-96ed-1b2b3eadc91f","title":"Stepper Native","slug":"/components/components/stepper/stepper-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component is used to guide the user through determined steps.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [activeStep, setActiveStep] = useState(0);\\n const styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: 'center',\\n alignItems: 'center',\\n backgroundColor: '#ecf0f1',\\n },\\n stepper: {\\n height: 50,\\n width: 320,\\n },\\n text: {\\n textAlign: 'center',\\n marginTop: 20,\\n },\\n buttons: {\\n width: 200,\\n flexDirection: 'row',\\n justifyContent: 'space-between',\\n marginTop: 50,\\n },\\n });\\n\\n return (\\n \\n \\n \\n \\n \\n \\n Steps can have childrens too\\n \\n \\n \\n \\n\\n \\n setActiveStep(activeStep - 1)}\\n disabled={activeStep === 0}\\n >\\n Previous\\n \\n\\n setActiveStep(activeStep + 1)}\\n disabled={activeStep === 2}\\n >\\n Next\\n \\n \\n \\n \\n );\\n};\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(PropsTable, {\n component: \"Stepper\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"stepperstep\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepperstep\",\n \"aria-label\": \"stepperstep permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper.Step\"), mdx(PropsTable, {\n component: \"Stepper.Step\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#stepper","title":"Stepper"},{"url":"#stepperstep","title":"Stepper.Step"}]}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/stepper-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"47aff3e8-1c3b-50d9-96ed-1b2b3eadc91f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper/stepper-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"47aff3e8-1c3b-50d9-96ed-1b2b3eadc91f","title":"Stepper Native","slug":"/components/components/stepper/stepper-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component is used to guide the user through determined steps.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo state=true\",\n \"type\": \"expo\",\n \"state\": \"true\"\n }, \"const { useState } = React;\\n\\nconst App = () => {\\n const [activeStep, setActiveStep] = useState(0);\\n const styles = StyleSheet.create({\\n container: {\\n flex: 1,\\n justifyContent: 'center',\\n alignItems: 'center',\\n backgroundColor: '#ecf0f1',\\n },\\n stepper: {\\n height: 50,\\n width: 320,\\n },\\n text: {\\n textAlign: 'center',\\n marginTop: 20,\\n },\\n buttons: {\\n width: 200,\\n flexDirection: 'row',\\n justifyContent: 'space-between',\\n marginTop: 50,\\n },\\n });\\n\\n return (\\n \\n \\n \\n \\n \\n \\n Steps can have childrens too\\n \\n \\n \\n \\n\\n \\n setActiveStep(activeStep - 1)}\\n disabled={activeStep === 0}\\n >\\n Previous\\n \\n\\n setActiveStep(activeStep + 1)}\\n disabled={activeStep === 2}\\n >\\n Next\\n \\n \\n \\n \\n );\\n};\\nexport default App;\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(PropsTable, {\n component: \"Stepper\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"stepperstep\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepperstep\",\n \"aria-label\": \"stepperstep permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper.Step\"), mdx(PropsTable, {\n component: \"Stepper.Step\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props","items":[{"url":"#stepper","title":"Stepper"},{"url":"#stepperstep","title":"Stepper.Step"}]}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/stepper-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"47aff3e8-1c3b-50d9-96ed-1b2b3eadc91f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/stepper/stepper-web/page-data.json b/page-data/components/stepper/stepper-web/page-data.json index 0e7a5ee791..f929f197a7 100644 --- a/page-data/components/stepper/stepper-web/page-data.json +++ b/page-data/components/stepper/stepper-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper/stepper-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"718761cd-b85c-5e6d-bda0-90036e1b0c89","title":"Stepper Web","slug":"/components/components/stepper/stepper-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component is used to guide the user through determined steps.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"You can use it with or without children.\"), mdx(\"h4\", {\n \"id\": \"simple\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple\",\n \"aria-label\": \"simple permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state=true\",\n \"state\": \"true\"\n }, \"render(() => {\\n const [activeStep, setActiveStep] = useState(0);\\n\\n const Section = props => (\\n \\n );\\n\\n const Actions = props => (\\n \\n );\\n\\n return (\\n \\n \\n
Confirm booking content
\\n \\n \\n \\n \\n \\n \\n
Class Booked content
\\n \\n \\n \\n \\n \\n \\n
Check-in content
\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(PropsTable, {\n component: \"Stepper\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"stepperstep\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepperstep\",\n \"aria-label\": \"stepperstep permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper.Step\"), mdx(PropsTable, {\n component: \"Stepper.Step\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#simple","title":"Simple"}]},{"url":"#props","title":"Props","items":[{"url":"#stepper","title":"Stepper"},{"url":"#stepperstep","title":"Stepper.Step"}]}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/stepper-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"718761cd-b85c-5e6d-bda0-90036e1b0c89"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/stepper/stepper-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"718761cd-b85c-5e6d-bda0-90036e1b0c89","title":"Stepper Web","slug":"/components/components/stepper/stepper-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"Gympass \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" component is used to guide the user through determined steps.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"p\", null, \"You can use it with or without children.\"), mdx(\"h4\", {\n \"id\": \"simple\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#simple\",\n \"aria-label\": \"simple permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state=true\",\n \"state\": \"true\"\n }, \"render(() => {\\n const [activeStep, setActiveStep] = useState(0);\\n\\n const Section = props => (\\n \\n );\\n\\n const Actions = props => (\\n \\n );\\n\\n return (\\n \\n \\n
Confirm booking content
\\n \\n \\n \\n \\n \\n \\n
Class Booked content
\\n \\n \\n \\n \\n \\n \\n
Check-in content
\\n \\n \\n \\n \\n \\n \\n );\\n});\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"h4\", {\n \"id\": \"stepper\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepper\",\n \"aria-label\": \"stepper permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper\"), mdx(PropsTable, {\n component: \"Stepper\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"h4\", {\n \"id\": \"stepperstep\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h4\",\n \"href\": \"#stepperstep\",\n \"aria-label\": \"stepperstep permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Stepper.Step\"), mdx(PropsTable, {\n component: \"Stepper.Step\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#reference","title":"Reference"},{"url":"#usage","title":"Usage","items":[{"url":"#simple","title":"Simple"}]},{"url":"#props","title":"Props","items":[{"url":"#stepper","title":"Stepper"},{"url":"#stepperstep","title":"Stepper.Step"}]}]},"parent":{"__typename":"File","relativePath":"components/components/stepper/stepper-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"718761cd-b85c-5e6d-bda0-90036e1b0c89"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/default-native/page-data.json b/page-data/components/tag/default-native/page-data.json index 391b5cb048..537fd107de 100644 --- a/page-data/components/tag/default-native/page-data.json +++ b/page-data/components/tag/default-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"831497e8-e8de-5600-b0a4-5bc833cbb883","title":"Default Native","slug":"/components/components/tag/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" default\\n\\n success\\n informative\\n attention\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"831497e8-e8de-5600-b0a4-5bc833cbb883"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"831497e8-e8de-5600-b0a4-5bc833cbb883","title":"Default Native","slug":"/components/components/tag/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" default\\n\\n success\\n informative\\n attention\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"831497e8-e8de-5600-b0a4-5bc833cbb883"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/default-web/page-data.json b/page-data/components/tag/default-web/page-data.json index 4ed696e588..0966de8da7 100644 --- a/page-data/components/tag/default-web/page-data.json +++ b/page-data/components/tag/default-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5ed6a9a0-e78c-59f2-9d64-92a983811d94","title":"Default Web","slug":"/components/components/tag/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(\\n \\n default\\n success\\n informative\\n attention\\n \\n);\\n\")), mdx(\"h3\", {\n \"id\": \"ellipsis\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ellipsis\",\n \"aria-label\": \"ellipsis permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Ellipsis\"), mdx(\"p\", null, \"The tag component can receive an ellipsis prop that will add \\\"...\\\" if is a large text.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n default with large text\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#ellipsis","title":"Ellipsis"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5ed6a9a0-e78c-59f2-9d64-92a983811d94"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"5ed6a9a0-e78c-59f2-9d64-92a983811d94","title":"Default Web","slug":"/components/components/tag/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"state\",\n \"state\": true\n }, \"render(\\n \\n default\\n success\\n informative\\n attention\\n \\n);\\n\")), mdx(\"h3\", {\n \"id\": \"ellipsis\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ellipsis\",\n \"aria-label\": \"ellipsis permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Ellipsis\"), mdx(\"p\", null, \"The tag component can receive an ellipsis prop that will add \\\"...\\\" if is a large text.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n default with large text\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#ellipsis","title":"Ellipsis"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"5ed6a9a0-e78c-59f2-9d64-92a983811d94"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/default/page-data.json b/page-data/components/tag/default/page-data.json index fa24559409..db05fcc492 100644 --- a/page-data/components/tag/default/page-data.json +++ b/page-data/components/tag/default/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"47fd8517-bfea-56f5-bce9-284d15c6931e","title":"Tag","slug":"/components/components/tag/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tag\",\n \"metaTitle\": \"Tag\",\n \"metaDescription\": \"Tag component is used when you want to categorize your content\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"tag\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#tag\",\n \"aria-label\": \"tag permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Tag\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TagWeb, {\n mdxType: \"TagWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TagNative, {\n mdxType: \"TagNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#tag","title":"Tag"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default.mdx"},"frontmatter":{"metaTitle":"Tag","metaDescription":"Tag component is used when you want to categorize your content"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"47fd8517-bfea-56f5-bce9-284d15c6931e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/default","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"47fd8517-bfea-56f5-bce9-284d15c6931e","title":"Tag","slug":"/components/components/tag/default"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tag\",\n \"metaTitle\": \"Tag\",\n \"metaDescription\": \"Tag component is used when you want to categorize your content\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"tag\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#tag\",\n \"aria-label\": \"tag permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Tag\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TagWeb, {\n mdxType: \"TagWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TagNative, {\n mdxType: \"TagNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#tag","title":"Tag"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/default.mdx"},"frontmatter":{"metaTitle":"Tag","metaDescription":"Tag component is used when you want to categorize your content"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"47fd8517-bfea-56f5-bce9-284d15c6931e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/informative-native/page-data.json b/page-data/components/tag/informative-native/page-data.json index e25bf68a57..29096cc43c 100644 --- a/page-data/components/tag/informative-native/page-data.json +++ b/page-data/components/tag/informative-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3a6b4dbd-3958-5d15-894e-c3c658965065","title":"Informative Native","slug":"/components/components/tag/informative-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" neutral\\n \\n neutral with custom icon\\n \\n\\n success\\n \\n success with custom icon\\n \\n\\n informative\\n informative with custom icon\\n\\n informative small\\n informative small with custom icon\\n\\n attention\\n \\n attention with custom icon\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag.Informative\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3a6b4dbd-3958-5d15-894e-c3c658965065"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3a6b4dbd-3958-5d15-894e-c3c658965065","title":"Informative Native","slug":"/components/components/tag/informative-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" neutral\\n \\n neutral with custom icon\\n \\n\\n success\\n \\n success with custom icon\\n \\n\\n informative\\n informative with custom icon\\n\\n informative small\\n informative small with custom icon\\n\\n attention\\n \\n attention with custom icon\\n \\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")), mdx(PropsTable, {\n component: \"Tag.Informative\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3a6b4dbd-3958-5d15-894e-c3c658965065"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/informative-web/page-data.json b/page-data/components/tag/informative-web/page-data.json index fe8b3acc51..9d234ff409 100644 --- a/page-data/components/tag/informative-web/page-data.json +++ b/page-data/components/tag/informative-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3578282e-efbb-563a-b118-8512b9f7387f","title":"Informative Web","slug":"/components/components/tag/informative-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-tag\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-tag\",\n \"aria-label\": \"basic tag permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic Tag\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"tag\\n\\n\")), mdx(\"h3\", {\n \"id\": \"colors\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#colors\",\n \"aria-label\": \"colors permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Colors\"), mdx(\"p\", null, \"The tag component has following variants: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"neutral\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"success\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"informative\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"attention\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n neutral\\n \\n\\n \\n success\\n \\n\\n \\n informative\\n \\n\\n \\n attention\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"sizes\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#sizes\",\n \"aria-label\": \"sizes permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Sizes\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"small\"), \" to control its size\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n I'm a small tag\\n \\n\\n \\n I'm a regular tag\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"ellipsis\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ellipsis\",\n \"aria-label\": \"ellipsis permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Ellipsis\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ellipsis\"), \" with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"maxWidth\"), \" to cut large texts\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n I'm a ellipsis tag\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"adornments\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adornments\",\n \"aria-label\": \"adornments permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adornments\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"icon\"), \" to add an icon. Refer to \", mdx(GatsbyLink, {\n to: \"/components/icons\",\n mdxType: \"GatsbyLink\"\n }, \"icons\"), \" to check the library.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n You have pending actions\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Tag.Informative\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-tag","title":"Basic Tag"},{"url":"#colors","title":"Colors"},{"url":"#sizes","title":"Sizes"},{"url":"#ellipsis","title":"Ellipsis"},{"url":"#adornments","title":"Adornments"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3578282e-efbb-563a-b118-8512b9f7387f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"3578282e-efbb-563a-b118-8512b9f7387f","title":"Informative Web","slug":"/components/components/tag/informative-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"basic-tag\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#basic-tag\",\n \"aria-label\": \"basic tag permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Basic Tag\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"tag\\n\\n\")), mdx(\"h3\", {\n \"id\": \"colors\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#colors\",\n \"aria-label\": \"colors permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Colors\"), mdx(\"p\", null, \"The tag component has following variants: \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"neutral\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"success\"), \", \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"informative\"), \" and \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"attention\")), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n neutral\\n \\n\\n \\n success\\n \\n\\n \\n informative\\n \\n\\n \\n attention\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"sizes\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#sizes\",\n \"aria-label\": \"sizes permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Sizes\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"small\"), \" to control its size\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n I'm a small tag\\n \\n\\n \\n I'm a regular tag\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"ellipsis\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#ellipsis\",\n \"aria-label\": \"ellipsis permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Ellipsis\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"ellipsis\"), \" with \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"maxWidth\"), \" to cut large texts\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n \\n I'm a ellipsis tag\\n \\n\\n\")), mdx(\"h3\", {\n \"id\": \"adornments\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#adornments\",\n \"aria-label\": \"adornments permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Adornments\"), mdx(\"p\", null, \"Use the prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"icon\"), \" to add an icon. Refer to \", mdx(GatsbyLink, {\n to: \"/components/icons\",\n mdxType: \"GatsbyLink\"\n }, \"icons\"), \" to check the library.\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\"\n }, \"\\n You have pending actions\\n\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(PropsTable, {\n component: \"Tag.Informative\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }), mdx(\"p\", null, \"The Tag component also has support for margins props as you can see more details \", mdx(GatsbyLink, {\n to: \"/system/spacing\",\n mdxType: \"GatsbyLink\"\n }, \"our system\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#basic-tag","title":"Basic Tag"},{"url":"#colors","title":"Colors"},{"url":"#sizes","title":"Sizes"},{"url":"#ellipsis","title":"Ellipsis"},{"url":"#adornments","title":"Adornments"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"3578282e-efbb-563a-b118-8512b9f7387f"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/informative/page-data.json b/page-data/components/tag/informative/page-data.json index 3c253cd409..6b20ceaca8 100644 --- a/page-data/components/tag/informative/page-data.json +++ b/page-data/components/tag/informative/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8b203be2-25cc-58b6-9abd-6a5a96c10d6b","title":"Informative","slug":"/components/components/tag/informative"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Informative\",\n \"metaTitle\": \"Tag.Informative\",\n \"metaDescription\": \"Tag component is used when you want to categorize your content\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"informative\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#informative\",\n \"aria-label\": \"informative permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Informative\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TagInformativeWeb, {\n mdxType: \"TagInformativeWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TagInformativeNative, {\n mdxType: \"TagInformativeNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#informative","title":"Informative"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative.mdx"},"frontmatter":{"metaTitle":"Tag.Informative","metaDescription":"Tag component is used when you want to categorize your content"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8b203be2-25cc-58b6-9abd-6a5a96c10d6b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag/informative","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"8b203be2-25cc-58b6-9abd-6a5a96c10d6b","title":"Informative","slug":"/components/components/tag/informative"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Informative\",\n \"metaTitle\": \"Tag.Informative\",\n \"metaDescription\": \"Tag component is used when you want to categorize your content\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"informative\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#informative\",\n \"aria-label\": \"informative permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Informative\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TagInformativeWeb, {\n mdxType: \"TagInformativeWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TagInformativeNative, {\n mdxType: \"TagInformativeNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#informative","title":"Informative"}]},"parent":{"__typename":"File","relativePath":"components/components/tag/informative.mdx"},"frontmatter":{"metaTitle":"Tag.Informative","metaDescription":"Tag component is used when you want to categorize your content"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"8b203be2-25cc-58b6-9abd-6a5a96c10d6b"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/tag/page-data.json b/page-data/components/tag/page-data.json index 33b5198e23..407985db6d 100644 --- a/page-data/components/tag/page-data.json +++ b/page-data/components/tag/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"144af5f1-06d1-5790-80f8-58204cf85058","title":"Tag","slug":"/components/components/tag/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tag\",\n \"metaTitle\": \"Tags\",\n \"metaDescription\": \"This is the list of Tags\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/tag/index.mdx"},"frontmatter":{"metaTitle":"Tags","metaDescription":"This is the list of Tags"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"144af5f1-06d1-5790-80f8-58204cf85058"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/tag","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"144af5f1-06d1-5790-80f8-58204cf85058","title":"Tag","slug":"/components/components/tag/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Tag\",\n \"metaTitle\": \"Tags\",\n \"metaDescription\": \"This is the list of Tags\",\n \"linkable\": false,\n \"open\": false\n};\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{},"parent":{"__typename":"File","relativePath":"components/components/tag/index.mdx"},"frontmatter":{"metaTitle":"Tags","metaDescription":"This is the list of Tags"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"144af5f1-06d1-5790-80f8-58204cf85058"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/text/default-native/page-data.json b/page-data/components/text/default-native/page-data.json index ad306498ce..2c052c6aa4 100644 --- a/page-data/components/text/default-native/page-data.json +++ b/page-data/components/text/default-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7a0ad94b-b02f-595e-910c-e89e41d5d724","title":"Default Native","slug":"/components/components/text/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n \\n Heading H1\\n \\n \\n Heading H2\\n \\n \\n Heading H3\\n \\n\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n XSmall Text.Medium\\n Medium Text.Medium\\n XLarge Text.Medium\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Text component also has support for system props as you can see \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"here\")), mdx(PropsTable, {\n component: \"Text\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/text/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7a0ad94b-b02f-595e-910c-e89e41d5d724"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text/default-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"7a0ad94b-b02f-595e-910c-e89e41d5d724","title":"Default Native","slug":"/components/components/text/default-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \" Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n \\n Heading H1\\n \\n \\n Heading H2\\n \\n \\n Heading H3\\n \\n\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n XSmall Text.Medium\\n Medium Text.Medium\\n XLarge Text.Medium\\n\")), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Text component also has support for system props as you can see \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"here\")), mdx(PropsTable, {\n component: \"Text\",\n platform: \"native\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/text/default-native.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"7a0ad94b-b02f-595e-910c-e89e41d5d724"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/text/default-web/page-data.json b/page-data/components/text/default-web/page-data.json index 293149aadd..71aed138cf 100644 --- a/page-data/components/text/default-web/page-data.json +++ b/page-data/components/text/default-web/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"51a5d4f7-9cbf-5204-8586-0241be3cbd68","title":"Default Web","slug":"/components/components/text/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"simple-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#simple-usage\",\n \"aria-label\": \"simple usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"Live the mission\\n\")), mdx(\"h3\", {\n \"id\": \"all-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#all-usage\",\n \"aria-label\": \"all usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"All Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n
\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n
\\n Live the small mission\\n Live the medium mission\\n Live the xlarge mission\\n Live the xxxlarge mission\\n
\\n Live the truncated mission
After two lines\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n\")), mdx(\"h3\", {\n \"id\": \"gympass-fonts\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#gympass-fonts\",\n \"aria-label\": \"gympass fonts permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Gympass fonts\"), mdx(\"p\", null, \"All Yoga components uses its own font family based on\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/fonts\"\n }, \"font design token\"), \"\\nprovided by the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \", if you are using Server Side Rendening\\n(SSR) you need to import the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" in your \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Text component also has support for system props as you can see \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"here\")), mdx(PropsTable, {\n component: \"Text\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#simple-usage","title":"Simple Usage"},{"url":"#all-usage","title":"All Usage"},{"url":"#gympass-fonts","title":"Gympass fonts"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/text/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"51a5d4f7-9cbf-5204-8586-0241be3cbd68"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text/default-web","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"51a5d4f7-9cbf-5204-8586-0241be3cbd68","title":"Default Web","slug":"/components/components/text/default-web"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"simple-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#simple-usage\",\n \"aria-label\": \"simple usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Simple Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"Live the mission\\n\")), mdx(\"h3\", {\n \"id\": \"all-usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#all-usage\",\n \"aria-label\": \"all usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"All Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"reactLive=true\",\n \"reactLive\": \"true\"\n }, \"\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n
\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n
\\n Live the small mission\\n Live the medium mission\\n Live the xlarge mission\\n Live the xxxlarge mission\\n
\\n Live the truncated mission
After two lines\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n Live the mission\\n\\n\")), mdx(\"h3\", {\n \"id\": \"gympass-fonts\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#gympass-fonts\",\n \"aria-label\": \"gympass fonts permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Gympass fonts\"), mdx(\"p\", null, \"All Yoga components uses its own font family based on\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/fonts\"\n }, \"font design token\"), \"\\nprovided by the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \", if you are using Server Side Rendening\\n(SSR) you need to import the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" in your \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \".\"), mdx(\"h3\", {\n \"id\": \"props\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#props\",\n \"aria-label\": \"props permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Props\"), mdx(\"p\", null, \"Text component also has support for system props as you can see \", mdx(GatsbyLink, {\n to: \"/system/getting-started\",\n mdxType: \"GatsbyLink\"\n }, \"here\")), mdx(PropsTable, {\n component: \"Text\",\n platform: \"web\",\n mdxType: \"PropsTable\"\n }));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#simple-usage","title":"Simple Usage"},{"url":"#all-usage","title":"All Usage"},{"url":"#gympass-fonts","title":"Gympass fonts"},{"url":"#props","title":"Props"}]},"parent":{"__typename":"File","relativePath":"components/components/text/default-web.mdx"},"frontmatter":{"metaTitle":null,"metaDescription":null}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"51a5d4f7-9cbf-5204-8586-0241be3cbd68"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/text/page-data.json b/page-data/components/text/page-data.json index f031a9e7cb..9b5c8c693a 100644 --- a/page-data/components/text/page-data.json +++ b/page-data/components/text/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"40a11289-4e71-51fd-8bda-f3d2ff89400e","title":"Text","slug":"/components/components/text/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Text\",\n \"metaTitle\": \"Text\",\n \"metaDescription\": \"Use Text to present your design and content as clearly and efficiently as possible.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"text\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#text\",\n \"aria-label\": \"text permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Text\"), mdx(\"p\", null, \"Use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" to present your design and content as clearly and efficiently as\\npossible.\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"table\", null, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Component\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Element\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Font-Size\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Font-Weight\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Line-Height\")))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"huge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"huge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"
\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"light\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"bold\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"black\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\")))), mdx(\"p\", null, mdx(\"em\", {\n parentName: \"p\"\n }, \"You can see the font-size tokens values\\n\", mdx(\"a\", {\n parentName: \"em\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/font-sizes\"\n }, \"here\"), \".\")), mdx(\"p\", null, \"All Text components have a prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"size\"), \" which will set the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"fontSize\"), \" accordingly\\nwith our tokens. Regardless, all pre-established config will be prioritized.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TextWeb, {\n mdxType: \"TextWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TextNative, {\n mdxType: \"TextNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#text","title":"Text","items":[{"items":[{"url":"#reference","title":"Reference"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/text/index.mdx"},"frontmatter":{"metaTitle":"Text","metaDescription":"Use Text to present your design and content as clearly and efficiently as possible."}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"40a11289-4e71-51fd-8bda-f3d2ff89400e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/text","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"40a11289-4e71-51fd-8bda-f3d2ff89400e","title":"Text","slug":"/components/components/text/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"Text\",\n \"metaTitle\": \"Text\",\n \"metaDescription\": \"Use Text to present your design and content as clearly and efficiently as possible.\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"text\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#text\",\n \"aria-label\": \"text permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Text\"), mdx(\"p\", null, \"Use \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"\"), \" to present your design and content as clearly and efficiently as\\npossible.\"), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"table\", null, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Component\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Element\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Font-Size\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Font-Weight\")), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"strong\", {\n parentName: \"th\"\n }, \"Line-Height\")))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"huge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"huge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxxlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xlarge\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"
\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"large\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"small\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"light\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"bold\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"black\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"medium\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xsmall\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"

\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"regular\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"xxsmall\")))), mdx(\"p\", null, mdx(\"em\", {\n parentName: \"p\"\n }, \"You can see the font-size tokens values\\n\", mdx(\"a\", {\n parentName: \"em\",\n \"href\": \"https://gympass.github.io/yoga/guidelines/tokens/font-sizes\"\n }, \"here\"), \".\")), mdx(\"p\", null, \"All Text components have a prop \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"size\"), \" which will set the \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"fontSize\"), \" accordingly\\nwith our tokens. Regardless, all pre-established config will be prioritized.\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TextWeb, {\n mdxType: \"TextWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TextNative, {\n mdxType: \"TextNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#text","title":"Text","items":[{"items":[{"url":"#reference","title":"Reference"}]}]}]},"parent":{"__typename":"File","relativePath":"components/components/text/index.mdx"},"frontmatter":{"metaTitle":"Text","metaDescription":"Use Text to present your design and content as clearly and efficiently as possible."}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"40a11289-4e71-51fd-8bda-f3d2ff89400e"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/textarea/page-data.json b/page-data/components/textarea/page-data.json index 5dbfd6a985..e8a6064d69 100644 --- a/page-data/components/textarea/page-data.json +++ b/page-data/components/textarea/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/textarea","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9571679a-b79b-5c6b-b8c6-08aeccfff9cd","title":"TextArea","slug":"/components/components/textarea/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"TextArea\",\n \"metaTitle\": \"TextArea\",\n \"metaDescription\": \"TextArea Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"textarea\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#textarea\",\n \"aria-label\": \"textarea permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"TextArea\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TextAreaWeb, {\n mdxType: \"TextAreaWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TextAreaNative, {\n mdxType: \"TextAreaNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#textarea","title":"TextArea"}]},"parent":{"__typename":"File","relativePath":"components/components/textarea/index.mdx"},"frontmatter":{"metaTitle":"TextArea","metaDescription":"TextArea Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9571679a-b79b-5c6b-b8c6-08aeccfff9cd"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file +{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/textarea","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"9571679a-b79b-5c6b-b8c6-08aeccfff9cd","title":"TextArea","slug":"/components/components/textarea/"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n \"title\": \"TextArea\",\n \"metaTitle\": \"TextArea\",\n \"metaDescription\": \"TextArea Component\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar TabbedView = makeShortcode(\"TabbedView\");\nvar Tab = makeShortcode(\"Tab\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h1\", {\n \"id\": \"textarea\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h1\",\n \"href\": \"#textarea\",\n \"aria-label\": \"textarea permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"TextArea\"), mdx(TabbedView, {\n mdxType: \"TabbedView\"\n }, mdx(Tab, {\n title: \"Web\",\n mdxType: \"Tab\"\n }, mdx(TextAreaWeb, {\n mdxType: \"TextAreaWeb\"\n })), mdx(Tab, {\n title: \"Native\",\n mdxType: \"Tab\"\n }, mdx(TextAreaNative, {\n mdxType: \"TextAreaNative\"\n }))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#textarea","title":"TextArea"}]},"parent":{"__typename":"File","relativePath":"components/components/textarea/index.mdx"},"frontmatter":{"metaTitle":"TextArea","metaDescription":"TextArea Component"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/system/","title":"Yoga System","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/","title":"Components","linkable":false,"order":4,"open":true}}},{"node":{"fields":{"slug":"/guidelines/","title":"Guidelines","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/getting-started/","title":"Getting started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/","title":"Helpers","linkable":false,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/helpers/media","title":"Media","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/icons/","title":"Icons","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/illustrations/","title":"Illustrations","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/components/theming/breakpoints","title":"Breakpoints","linkable":true,"order":5,"open":true}}},{"node":{"fields":{"slug":"/components/theming/borders","title":"Borders","linkable":true,"order":4,"open":true}}},{"node":{"fields":{"slug":"/components/theming/colors","title":"Colors","linkable":true,"order":6,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-sizes","title":"Font-sizes","linkable":true,"order":8,"open":true}}},{"node":{"fields":{"slug":"/components/theming/font-weights","title":"Font-weights","linkable":true,"order":9,"open":true}}},{"node":{"fields":{"slug":"/components/theming/elevations","title":"Elevations","linkable":true,"order":7,"open":true}}},{"node":{"fields":{"slug":"/components/theming/","title":"Theming","linkable":false,"order":1,"open":false}}},{"node":{"fields":{"slug":"/components/theming/fonts","title":"Fonts","linkable":true,"order":10,"open":true}}},{"node":{"fields":{"slug":"/components/theming/shapes","title":"Shapes","linkable":true,"order":12,"open":true}}},{"node":{"fields":{"slug":"/components/theming/line-heights","title":"Line-heights","linkable":true,"order":11,"open":true}}},{"node":{"fields":{"slug":"/components/theming/spacing","title":"Spacing","linkable":true,"order":13,"open":true}}},{"node":{"fields":{"slug":"/components/theming/theme","title":"Theme","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeGenerator","title":"Theme Generator","linkable":true,"order":3,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themeProvider","title":"ThemeProvider","linkable":true,"order":1,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/borders","title":"Borders","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/theming/themereader","title":"ThemeReader","linkable":true,"order":2,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/breakpoints","title":"Breakpoints","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/colors","title":"Colors","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-sizes","title":"Font-Sizes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/font-weights","title":"Font-Weights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/line-heights","title":"Line-Heights","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/","title":"Design Tokens","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/fonts","title":"Fonts","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/backgroundColor","title":"BackgroundColor","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/radii","title":"Shapes","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/getting-started/","title":"Getting Started","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/border","title":"Border","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/elevation","title":"Elevation","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/","title":"System","linkable":false,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/flex","title":"Flex","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/spacing","title":"Spacing","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/layout","title":"Layout","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/overflow","title":"Overflow","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/system/system/typography","title":"Typography","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/accordion/","title":"Accordion","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/actionrequirement/","title":"ActionRequirement","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/autocomplete/","title":"AutoComplete","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/avatar/","title":"Avatar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/banner/","title":"Banner","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/guidelines/tokens/elevations","title":"Elevations","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/bottomsheet/","title":"BottomSheet","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/box/","title":"Box","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/default","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/icon","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/","title":"Button","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/button/outline","title":"Outline","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/link","title":"Link","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/button/text","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/default","title":"Simple","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/eventcard","title":"Event","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/","title":"Card","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/card/plancard","title":"Plan","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/default","title":"Checkbox","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/checkbox/","title":"Checkbox","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/checkbox/switch","title":"Switch","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/chips/","title":"Chips","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/datepicker/","title":"Datepicker","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dialog/","title":"Dialog","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/dropdown/","title":"Dropdown","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/feedback/","title":"Feedback","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/grid/","title":"Grid","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/header/","title":"Header","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/heading/","title":"Heading","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/icon/","title":"Icon","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/default","title":"Default","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/email","title":"Email","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/","title":"Input","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/input/number","title":"Number","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/password","title":"Password","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/phone","title":"Phone","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/input/tel","title":"Tel","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/list/","title":"List","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/menu/","title":"Menu","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/progress/","title":"Progress","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/popover/","title":"Popover","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/button","title":"Button","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/radiogroup/","title":"RadioGroup","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/radiogroup/radio","title":"Radio","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/rating/","title":"Rating","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/result/","title":"Result","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/skeleton/","title":"Skeleton","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/slider/","title":"Slider","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/snackbar/","title":"Snackbar","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/stepper/","title":"Stepper","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/default","title":"Tag","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/tag/","title":"Tag","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/tag/informative","title":"Informative","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/text/","title":"Text","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/textarea/","title":"TextArea","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/checkin","title":"Check-in","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/card/gym/","title":"Gym","linkable":false,"order":0,"open":false}}},{"node":{"fields":{"slug":"/components/components/drawer/","title":"Drawer","linkable":true,"order":0,"open":true}}},{"node":{"fields":{"slug":"/components/components/divider/","title":"Divider","linkable":true,"order":0,"open":true}}}]}},"pageContext":{"id":"9571679a-b79b-5c6b-b8c6-08aeccfff9cd"}},"staticQueryHashes":["2575950596","2575950596","878412135","878412135"]} \ No newline at end of file diff --git a/page-data/components/textarea/textarea-native/page-data.json b/page-data/components/textarea/textarea-native/page-data.json index a3a1228223..0100d3f5b2 100644 --- a/page-data/components/textarea/textarea-native/page-data.json +++ b/page-data/components/textarea/textarea-native/page-data.json @@ -1 +1 @@ -{"componentChunkName":"component---src-templates-docs-jsx","path":"/components/textarea/textarea-native","result":{"data":{"site":{"siteMetadata":{"title":"Gympass Design System"}},"mdx":{"fields":{"id":"6de2ee5c-e5aa-59ec-b605-c69895c7551b","title":"Textarea Native","slug":"/components/components/textarea/textarea-native"},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {};\n\nvar makeShortcode = function makeShortcode(name) {\n return function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n return mdx(\"div\", props);\n };\n};\n\nvar PropsTable = makeShortcode(\"PropsTable\");\nvar layoutProps = {\n _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n var components = _ref.components,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return mdx(MDXLayout, _extends({}, layoutProps, props, {\n components: components,\n mdxType: \"MDXLayout\"\n }), mdx(\"h3\", {\n \"id\": \"reference\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#reference\",\n \"aria-label\": \"reference permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Reference\"), mdx(\"p\", null, \"TextArea extends from\\n\", mdx(\"a\", {\n parentName: \"p\",\n \"href\": \"https://facebook.github.io/react-native/docs/textinput\"\n }, \"TextInput\"), \" component.\"), mdx(\"h3\", {\n \"id\": \"usage\",\n \"style\": {\n \"position\": \"relative\"\n }\n }, mdx(\"a\", {\n parentName: \"h3\",\n \"href\": \"#usage\",\n \"aria-label\": \"usage permalink\",\n \"className\": \"anchor before\"\n }, mdx(\"svg\", {\n parentName: \"a\",\n \"aria-hidden\": \"true\",\n \"focusable\": \"false\",\n \"height\": \"16\",\n \"version\": \"1.1\",\n \"viewBox\": \"0 0 16 16\",\n \"width\": \"16\"\n }, mdx(\"path\", {\n parentName: \"svg\",\n \"fillRule\": \"evenodd\",\n \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n }))), \"Usage\"), mdx(\"pre\", null, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-javascript\",\n \"metastring\": \"type=expo\",\n \"type\": \"expo\"\n }, \"\\n