@drivy/cobalt 0.45.2 → 0.46.0

package/hooks/useBreakpoint.js

@@ -37,14 +37,22 @@ const useBreakpoint = () => {
             : defaultBreakpoint;
     };
     const isMobileBreakpoint = (bp) => bp === "sm" || bp === "xs";
+    const isTabletBreakpoint = (bp) => bp === "md";
+    const isDesktopBreakpoint = (bp) => bp === "lg" || bp === "over";
     const initialBreakpoint = getBreakpoint();
     const [breakpoint, setBreakpoint] = useState(initialBreakpoint);
     const [isMobile, setIsMobile] = useState(isMobileBreakpoint(initialBreakpoint));
+    const [isTablet, setIsTablet] = useState(isTabletBreakpoint(initialBreakpoint));
+    const [isDesktop, setIsDesktop] = useState(
+    // Be careful: isDesktop != !isMobile
+    isDesktopBreakpoint(initialBreakpoint));
     useEffect(() => {
         const handleMediaChange = () => {
             const newBreakpoint = getBreakpoint();
             setBreakpoint(newBreakpoint);
             setIsMobile(isMobileBreakpoint(newBreakpoint));
+            setIsTablet(isTabletBreakpoint(newBreakpoint));
+            setIsDesktop(isDesktopBreakpoint(newBreakpoint));
         };
         const mediaQueriesList = getMediaQueriesList();
         mediaQueriesList.forEach((mq) => {
@@ -61,7 +69,7 @@ const useBreakpoint = () => {
                 : mq.removeListener(handleMediaChange);
         });
     }, []); // Empty array ensures effect is only run on mount and unmount
-    return { breakpoint, isMobile };
+    return { breakpoint, isMobile, isTablet, isDesktop };
 };
 
 export { cobaltBreakpoints, useBreakpoint as default };

package/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\"\nimport { breakpoints } from \"../tokens\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const getMediaQueriesList = () =>\n    cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\n  const getBreakpoint = () => {\n    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n    return matchIndex !== -1\n      ? cobaltBreakpoints[matchIndex][0]\n      : defaultBreakpoint\n  }\n\n  const isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"sm\" || bp === \"xs\"\n\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint)\n  )\n\n  useEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  }, []) // Empty array ensures effect is only run on mount and unmount\n\n  return { breakpoint, isMobile }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\"\nimport { breakpoints } from \"../tokens\"\n\nexport type CobaltBreakpointType = keyof typeof breakpoints | \"over\"\n\nconst defaultBreakpoint: CobaltBreakpointType = \"md\"\n\nconst breakpointsArray = (\n  Object.keys(breakpoints) as (keyof typeof breakpoints)[]\n)\n  .map((bp) => ({\n    name: bp,\n    value: parseInt(breakpoints[bp].slice(0, -2), 10),\n  }))\n  .sort((a, b) => a.value - b.value)\n\nexport const cobaltBreakpoints: [CobaltBreakpointType, string][] =\n  breakpointsArray.map((breakpoint, index) => {\n    // lowest limit\n    if (index === 0) {\n      return [breakpoint.name, `(max-width: ${breakpoint.value - 1}px)`]\n    } else {\n      return [\n        breakpoint.name,\n        `(min-width: ${breakpointsArray[index - 1].value}px) and (max-width: ${\n          breakpoint.value - 1\n        }px)`,\n      ]\n    }\n  })\n\n// highest limit\ncobaltBreakpoints.push([\n  \"over\",\n  `(min-width: ${breakpointsArray[breakpointsArray.length - 1].value}px)`,\n])\n\n/**\n * Hook to get the current Cobalt breakpoint according to the viewport size\n */\nconst useBreakpoint = () => {\n  const getMediaQueriesList = () =>\n    cobaltBreakpoints.map((b) => window.matchMedia(b[1]))\n\n  const getBreakpoint = () => {\n    const matchIndex = getMediaQueriesList().findIndex((media) => media.matches)\n    return matchIndex !== -1\n      ? cobaltBreakpoints[matchIndex][0]\n      : defaultBreakpoint\n  }\n\n  const isMobileBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"sm\" || bp === \"xs\"\n\n  const isTabletBreakpoint = (bp: CobaltBreakpointType) => bp === \"md\"\n\n  const isDesktopBreakpoint = (bp: CobaltBreakpointType) =>\n    bp === \"lg\" || bp === \"over\"\n\n  const initialBreakpoint = getBreakpoint()\n\n  const [breakpoint, setBreakpoint] =\n    useState<CobaltBreakpointType>(initialBreakpoint)\n\n  const [isMobile, setIsMobile] = useState(\n    isMobileBreakpoint(initialBreakpoint)\n  )\n\n  const [isTablet, setIsTablet] = useState(\n    isTabletBreakpoint(initialBreakpoint)\n  )\n\n  const [isDesktop, setIsDesktop] = useState(\n    // Be careful: isDesktop != !isMobile\n    isDesktopBreakpoint(initialBreakpoint)\n  )\n\n  useEffect(() => {\n    const handleMediaChange = () => {\n      const newBreakpoint = getBreakpoint()\n      setBreakpoint(newBreakpoint)\n      setIsMobile(isMobileBreakpoint(newBreakpoint))\n      setIsTablet(isTabletBreakpoint(newBreakpoint))\n      setIsDesktop(isDesktopBreakpoint(newBreakpoint))\n    }\n    const mediaQueriesList = getMediaQueriesList()\n    mediaQueriesList.forEach((mq) => {\n      // Safari < 14 only supports addListener\n      mq.addEventListener\n        ? mq.addEventListener(\"change\", handleMediaChange)\n        : mq.addListener(handleMediaChange)\n    })\n    // Remove listeners on cleanup\n    return () =>\n      mediaQueriesList.forEach((mq) => {\n        // Safari < 14 only supports removeListener\n        mq.removeEventListener\n          ? mq.removeEventListener(\"change\", handleMediaChange)\n          : mq.removeListener(handleMediaChange)\n      })\n  }, []) // Empty array ensures effect is only run on mount and unmount\n\n  return { breakpoint, isMobile, isTablet, isDesktop }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"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"}

package/images/illustrations/light/car_with_getaround_connect_logo.svg

@@ -0,0 +1,19 @@
+<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M230.078 547.717C230.039 549.409 229.99 551.415 229.941 553.544C229.782 560.591 229.609 569.029 229.609 572.228C229.609 579.668 227.941 580.256 220.782 580.256H180.753C169.42 580.256 169.08 577.419 168.783 563.997C168.655 557.98 168.434 548.724 168.301 543.246C168.239 540.52 168.195 538.73 168.195 538.73L173.199 539.049C176.018 543.873 181.116 545.972 193.705 546.758C199.674 547.134 213.078 547.447 230.078 547.717Z" fill="#362E53"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M189.065 393.837L196.073 384.984H183.66L165.815 381.498L160.384 372.978L163.488 366.006L175.255 361.229L192.582 360.583L207.453 365.102L209.651 366.006L215.728 358.776L252.452 317.204L269.65 306.23L294.736 299.388L309.089 300.163H360.901C371.853 277.773 378 252.604 378 226C378 132.664 302.336 57 209 57C115.664 57 40 132.664 40 226C40 312.592 105.124 383.973 189.065 393.837ZM298.927 180.924C284.379 148.96 252.45 128 216.709 128C212.176 128 208.501 131.675 208.501 136.208C208.501 140.742 212.176 144.417 216.709 144.417C245.956 144.417 272.079 161.565 283.986 187.725C285.864 191.851 290.731 193.674 294.857 191.796C298.983 189.918 300.805 185.05 298.927 180.924ZM269.032 194.52C259.776 174.176 239.455 160.835 216.709 160.835C212.176 160.835 208.501 164.51 208.501 169.043C208.501 173.576 212.176 177.251 216.709 177.251C232.96 177.251 247.474 186.781 254.089 201.318C255.966 205.445 260.833 207.268 264.96 205.39C269.086 203.513 270.909 198.646 269.032 194.52ZM247.399 226.688C248.095 226.566 248.811 226.502 249.542 226.502C256.342 226.502 261.854 232.015 261.854 238.815C261.854 245.615 256.342 251.127 249.542 251.127L249.499 251.127C249.542 253.999 249.542 256.758 249.542 259.336V300.353C249.542 304.9 245.903 308.586 241.257 308.586H224.994C220.418 308.586 216.708 304.991 216.708 300.353V292.169H159.25V300.353C159.25 304.9 155.611 308.586 150.965 308.586H134.702C130.126 308.586 126.417 304.991 126.417 300.353V259.36L126.417 259.336C126.417 256.758 126.417 253.999 126.459 251.127L126.417 251.127C119.617 251.127 114.104 245.615 114.104 238.815C114.104 232.015 119.617 226.502 126.417 226.502C127.148 226.502 127.864 226.566 128.56 226.688C131.953 209.084 140.717 193.669 163.354 193.669H212.604C235.242 193.669 244.006 209.084 247.399 226.688ZM232.35 237.229C230.341 217.701 225.054 210.086 212.604 210.086H163.354C150.904 210.086 145.617 217.701 143.609 237.229C143.411 239.149 143.261 240.983 143.149 242.92H232.809C232.697 240.983 232.547 239.149 232.35 237.229ZM161.302 267.54C161.302 273.206 156.708 277.8 151.041 277.8C145.374 277.8 140.781 273.206 140.781 267.54C140.781 261.873 145.374 257.279 151.041 257.279C156.708 257.279 161.302 261.873 161.302 267.54ZM224.917 277.8C230.584 277.8 235.178 273.206 235.178 267.54C235.178 261.873 230.584 257.279 224.917 257.279C219.251 257.279 214.657 261.873 214.657 267.54C214.657 273.206 219.251 277.8 224.917 277.8Z" fill="#BC00CC"/>
+<path d="M516.551 583H552.287C555.637 583 561 583.111 561 579.877C561 576.643 555.752 576.643 551.73 576.643H73.7025C71.021 576.643 67.2243 576.678 67.1491 579.581C67.0783 582.408 69.5696 583 73.4769 583H516.551Z" fill="#362E53"/>
+<path d="M350.275 555.868C330.402 556.102 272.116 554.3 229.941 553.544C219.016 553.35 209.17 553.226 201.356 553.226C179.806 553.226 172.089 549.643 168.301 543.246C166.349 539.946 165.438 535.899 164.217 531.207C162.013 522.751 159.508 506.47 158.977 478.296C158.053 428.938 176.049 406.013 185.466 393.965C194.882 381.917 202.732 373.2 204.891 375.75C206.374 377.499 205.48 378.59 199.887 385.151C195.302 390.532 180.461 406.013 172.81 428.05C165.159 450.087 164.044 463.249 165.748 496.22C166.562 512.006 168.465 522.994 170.04 529.687C170.96 533.593 171.797 536.659 173.199 539.049C176.018 543.873 181.116 545.972 193.705 546.758C199.674 547.134 213.078 547.447 230.079 547.717C266.753 548.309 320.172 548.707 351.744 549.113H361.692C393.264 548.707 446.683 548.309 483.357 547.717C500.358 547.447 513.762 547.134 519.731 546.758C532.32 545.972 537.418 543.873 540.237 539.049C541.639 536.659 542.476 533.593 543.396 529.687C544.971 522.994 546.874 512.006 547.688 496.22C549.392 463.249 548.277 450.087 540.626 428.05C532.975 406.013 518.134 390.532 513.549 385.151C507.956 378.59 507.062 377.499 508.545 375.75C510.704 373.2 518.554 381.917 527.97 393.965C537.387 406.013 555.383 428.938 554.459 478.296C553.928 506.47 551.423 522.751 549.219 531.207C547.998 535.899 547.087 539.946 545.135 543.246C541.347 549.643 533.63 553.226 512.08 553.226C504.266 553.226 494.42 553.35 483.495 553.544C441.32 554.3 383.034 556.102 363.161 555.868H350.275Z" fill="#362E53"/>
+<path d="M182.378 521.637C185.422 533.8 190.325 537.503 205.773 529.13C221.225 520.758 232.261 509.735 209.304 507.093C186.347 504.447 179.285 509.298 182.373 521.637H182.378Z" fill="#362E53"/>
+<path d="M181.051 430.696C176.944 430.356 176.723 436.396 178.108 443.429C180.267 454.399 190.326 468.188 229.757 469.04C263.599 469.774 266.595 468.895 273.458 468.307C280.326 467.719 281.897 466.35 281.503 464.388C281.109 462.431 279.543 462.038 272.675 462.625C267.144 463.098 242.461 463.995 226.566 462.82C210.676 461.645 186.489 458.623 183.794 441.467C183.011 436.471 184.577 430.988 181.046 430.692L181.051 430.696Z" fill="#362E53"/>
+<path d="M210.285 363.799C210.285 363.799 204.201 358.316 186.35 358.02C167.517 357.711 156.919 364.192 157.902 373.886C158.968 384.423 179.482 388.677 194.395 386.031L197.926 381.723C197.926 381.723 163.198 384.564 163.393 372.516C163.606 359.394 197.227 361.617 206.851 367.325C208.422 368.257 210.462 369.406 211.878 367.815C213.055 366.494 211.705 364.78 210.285 363.799Z" fill="#362E53"/>
+<path d="M349.537 301.849C359.104 301.849 400.486 301.849 411.717 302.68C434.829 304.394 448.471 310.027 458.313 319.035C464.884 325.048 486.504 348.936 494.73 360.437C498.253 365.363 500.226 367.333 502.341 366.065C504.218 364.943 502.107 361.705 498.819 356.92C494.916 351.238 478.818 331.331 460.286 314.109C439.449 294.745 391.672 297.294 349.586 297.462H349.488C307.402 297.294 272.82 296.521 252.948 314.114C234.004 330.88 218.318 351.243 214.415 356.924C211.127 361.709 209.016 364.947 210.892 366.07C213.008 367.338 214.981 365.367 218.503 360.441C226.73 348.941 248.39 325.097 254.921 319.04C265.909 308.852 278.409 304.394 301.517 302.684C312.747 301.853 339.97 301.853 349.537 301.853" fill="#362E53"/>
+<path d="M208.715 426.679C233.402 428.84 271.254 441.126 281.112 447.736C285.316 450.554 282.586 454.495 277.873 451.849C258.81 441.144 219.897 433.041 205.179 431.278C190.466 429.516 185.656 430.885 185.753 427.753C185.82 425.69 188.302 425.402 192.816 425.5C197.329 425.597 203.117 426.184 208.706 426.675L208.715 426.679Z" fill="#362E53"/>
+<path d="M483.357 547.717C483.397 549.409 483.446 551.415 483.494 553.544C483.654 560.591 483.826 569.029 483.826 572.228C483.826 579.668 485.495 580.256 492.654 580.256H532.683C544.015 580.256 544.356 577.419 544.653 563.997C544.781 557.98 545.002 548.724 545.135 543.246C545.197 540.52 545.241 538.73 545.241 538.73L540.236 539.049C537.418 543.873 532.32 545.972 519.731 546.758C513.762 547.134 500.358 547.447 483.357 547.717Z" fill="#362E53"/>
+<path d="M531.06 521.637C528.015 533.8 523.112 537.503 507.665 529.13C492.212 520.758 481.177 509.735 504.133 507.093C527.09 504.447 534.153 509.298 531.064 521.637H531.06Z" fill="#362E53"/>
+<path d="M532.383 430.696C536.489 430.356 536.711 436.396 535.326 443.429C533.166 454.399 523.108 468.188 483.677 469.04C449.834 469.774 446.839 468.895 439.975 468.307C433.108 467.719 431.537 466.35 431.931 464.388C432.324 462.427 433.891 462.038 440.759 462.625C446.29 463.098 470.973 463.995 486.867 462.82C502.757 461.645 526.945 458.623 529.639 441.467C530.423 436.471 528.856 430.988 532.387 430.692L532.383 430.696Z" fill="#362E53"/>
+<path d="M413.097 469.871C425.554 468.665 429.576 455.769 429.576 455.769C430.948 452.049 432.714 447.149 422.908 447.737C414.142 448.262 376.874 449.57 356.718 449.84C336.562 449.566 299.295 448.258 290.529 447.737C280.723 447.149 282.489 452.049 283.861 455.769C283.861 455.769 287.909 468.435 300.339 469.871C334.284 473.79 378.627 473.202 413.097 469.871Z" fill="#362E53"/>
+<path d="M503.151 363.799C503.151 363.799 509.235 358.316 527.086 358.02C545.918 357.711 556.516 364.192 555.534 373.886C554.468 384.423 533.953 388.677 519.041 386.031L515.51 381.723C515.51 381.723 550.237 384.564 550.043 372.516C549.83 359.394 516.209 361.617 506.585 367.325C505.014 368.257 502.974 369.406 501.558 367.815C500.381 366.494 501.73 364.78 503.151 363.799Z" fill="#362E53"/>
+<path d="M504.717 426.679C480.03 428.84 442.178 441.126 432.319 447.736C428.115 450.554 430.846 454.495 435.558 451.849C454.621 441.144 493.535 433.041 508.253 431.278C522.966 429.516 527.776 430.885 527.678 427.753C527.612 425.69 525.13 425.402 520.616 425.5C516.102 425.597 510.315 426.184 504.726 426.675L504.717 426.679Z" fill="#362E53"/>
+<path d="M475.805 535.962C474.039 533.903 469.035 528.765 463.295 523.645C451.498 513.125 442.131 513.704 432.515 513.704H280.919C271.303 513.704 261.935 513.125 250.138 523.645C244.399 528.761 239.394 533.903 237.629 535.962C235.863 538.021 235.128 540.517 236.965 541.913C238.806 543.309 241.452 541.401 243.071 539.929C245.381 537.831 253.152 530.329 254.842 528.836C261.617 522.854 264.431 520.022 281.304 520.022H432.121C448.994 520.022 451.808 522.854 458.583 528.836C460.273 530.329 468.044 537.831 470.353 539.929C471.973 541.401 474.619 543.309 476.46 541.913C478.301 540.517 477.562 538.021 475.796 535.962H475.805Z" fill="#362E53"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M465.242 339.606C451.334 322.857 438.657 314.374 413.642 313.601C383.548 312.669 356.621 312.669 356.621 312.669C356.621 312.669 329.695 312.669 299.601 313.601C274.582 314.374 261.908 322.857 248.001 339.606C245.715 342.357 243.194 345.203 240.668 348.055C233.277 356.398 225.835 364.798 224.084 371.067C223.379 371.156 222.881 371.468 222.552 372.127C220.937 375.348 222.946 379.377 228.145 381.626C238.106 385.942 287.299 394.553 356.165 394.553H356.161C425.027 394.553 474.809 385.942 484.77 381.626C489.969 379.373 491.973 375.348 490.363 372.127C490.091 371.585 489.706 371.278 489.186 371.136C487.471 364.86 480.002 356.429 472.584 348.055C470.057 345.203 467.537 342.357 465.251 339.606H465.242ZM361.191 329.248L361.192 329.247C369.149 326.906 375.835 324.938 378.901 323.917H378.897C379.253 323.799 379.64 323.681 380.039 323.559L380.04 323.559C382.309 322.868 384.988 322.051 384.8 320.312C384.552 317.984 380.747 318.554 378.282 319.079C375.817 319.605 359.83 323.944 353.75 325.857C342.979 329.245 286.432 347.174 266.21 358.113C263.037 359.827 261.152 361.629 262.378 362.995C263.524 364.267 268.338 362.31 271.63 360.794C282.865 355.621 311.535 344.527 336.112 336.743C344.196 334.248 353.316 331.565 361.191 329.248ZM412.815 366.936C426.108 368.487 436.639 367.109 443.715 362.527C445.529 361.352 448.671 359.002 447.197 357.729C445.728 356.457 444.06 357.34 440.724 359.2C433.79 363.071 423.161 364.003 413.058 362.434C403.077 360.885 393.861 361.918 384.368 362.983L384.021 363.022C374.406 364.1 370.092 364.1 367.932 363.804C366.087 363.552 364.989 362.726 367.149 360.963C369.308 359.2 384.712 348.624 390.694 345.39C396.009 342.518 398.739 339.514 397.071 337.945C395.544 336.514 391.478 338.581 387.504 340.932C383.53 343.282 366.264 354.398 362.047 358.414C358.405 361.882 356.945 364.042 358.71 366.543C360.476 369.044 365.728 369.415 374.702 369.189C379.073 369.08 383.483 368.511 388.031 367.925C395.737 366.933 403.838 365.889 412.815 366.936Z" fill="#362E53"/>
+</svg>

package/images/illustrations/light/car_with_key_exchange_logo.svg

@@ -0,0 +1,23 @@
+<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M230.079 547.717C230.039 549.409 229.99 551.415 229.941 553.544C229.782 560.591 229.609 569.029 229.609 572.228C229.609 579.668 227.941 580.256 220.782 580.256H180.753C169.42 580.256 169.08 577.419 168.783 563.997C168.655 557.98 168.434 548.724 168.301 543.246C168.239 540.52 168.195 538.73 168.195 538.73L173.199 539.049C176.018 543.873 181.116 545.972 193.705 546.758C199.674 547.134 213.078 547.447 230.079 547.717Z" fill="#362E53"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M360.901 300.163C371.853 277.773 378 252.604 378 226C378 132.664 302.336 57 209 57C115.664 57 40 132.664 40 226C40 312.592 105.124 383.973 189.065 393.837L196.073 384.984H183.66L165.815 381.498L160.384 372.978L163.488 366.006L175.255 361.229L192.582 360.583L207.453 365.102L209.651 366.006L215.728 358.776L252.452 317.204L269.65 306.23L294.736 299.388L309.089 300.163H360.901Z" fill="#6C06B5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M186.66 162.842C182.818 162.842 182.818 162.842 181.059 164.601L175.78 169.88C174.022 171.638 173.142 172.518 173.142 173.397C173.142 174.276 174.022 175.156 175.78 176.914L182.815 183.949L189.853 176.911L196.888 183.946L204.082 176.752L211.117 183.787L217.992 176.911L225.027 183.946L228.53 183.933C232.061 194.498 244.372 199.774 265.476 199.774C276.029 199.774 284.822 194.498 284.822 173.394C284.822 152.29 276.029 147.014 265.463 147C244.372 146.973 232.061 152.29 228.544 162.842L186.66 162.842ZM277.19 172.952C277.19 177.668 273.367 181.491 268.651 181.491C263.935 181.491 260.112 177.668 260.112 172.952C260.112 168.236 263.935 164.413 268.651 164.413C273.367 164.413 277.19 168.236 277.19 172.952ZM123 297.495H145.686V207.928H123V297.495ZM278.132 256.783H218.597C217.959 256.783 217.326 256.681 216.721 256.482L199.572 250.839L202.424 243.185L215.016 247.701C216.749 248.323 218.576 248.64 220.417 248.64H242.006C247.624 248.64 252.205 244.325 252.205 239.032C252.205 235.042 249.525 231.46 245.55 229.994L182.806 207.928H159.298V281.373L223.074 305.252C225.12 306.018 227.39 305.914 229.358 304.965L295.417 273.068C295.33 264.111 287.725 256.783 278.132 256.783Z" fill="white"/>
+<path d="M516.551 583H552.287C555.637 583 561 583.111 561 579.877C561 576.643 555.752 576.643 551.73 576.643H73.7025C71.0209 576.643 67.2243 576.678 67.1491 579.581C67.0783 582.408 69.5695 583 73.4768 583H516.551Z" fill="#362E53"/>
+<path d="M350.275 555.868C330.402 556.102 272.116 554.3 229.941 553.544C219.016 553.35 209.17 553.226 201.356 553.226C179.806 553.226 172.089 549.643 168.301 543.246C166.349 539.946 165.438 535.899 164.217 531.207C162.013 522.751 159.508 506.47 158.977 478.296C158.053 428.938 176.049 406.013 185.466 393.965C194.882 381.917 202.732 373.2 204.891 375.75C206.374 377.499 205.48 378.59 199.887 385.151C195.302 390.532 180.461 406.013 172.81 428.05C165.159 450.087 164.044 463.249 165.748 496.22C166.562 512.006 168.465 522.994 170.04 529.687C170.96 533.593 171.797 536.659 173.199 539.049C176.018 543.873 181.116 545.972 193.705 546.758C199.674 547.134 213.078 547.447 230.078 547.717C266.753 548.309 320.172 548.707 351.744 549.113H361.692C393.264 548.707 446.683 548.309 483.357 547.717C500.358 547.447 513.762 547.134 519.731 546.758C532.32 545.972 537.418 543.873 540.237 539.049C541.639 536.659 542.476 533.593 543.396 529.687C544.971 522.994 546.874 512.006 547.688 496.22C549.392 463.249 548.277 450.087 540.626 428.05C532.975 406.013 518.134 390.532 513.549 385.151C507.956 378.59 507.062 377.499 508.545 375.75C510.704 373.2 518.554 381.917 527.97 393.965C537.387 406.013 555.383 428.938 554.459 478.296C553.928 506.47 551.423 522.751 549.219 531.207C547.998 535.899 547.086 539.946 545.135 543.246C541.347 549.643 533.63 553.226 512.08 553.226C504.266 553.226 494.42 553.35 483.495 553.544C441.32 554.3 383.034 556.102 363.161 555.868H350.275Z" fill="#362E53"/>
+<path d="M182.378 521.637C185.422 533.8 190.325 537.503 205.773 529.13C221.225 520.758 232.261 509.735 209.304 507.093C186.347 504.447 179.285 509.298 182.373 521.637H182.378Z" fill="#362E53"/>
+<path d="M181.051 430.696C176.944 430.356 176.723 436.396 178.108 443.429C180.267 454.399 190.326 468.188 229.757 469.04C263.599 469.774 266.595 468.895 273.458 468.307C280.326 467.719 281.897 466.35 281.503 464.388C281.109 462.431 279.543 462.038 272.675 462.625C267.144 463.098 242.461 463.995 226.566 462.82C210.676 461.645 186.489 458.623 183.794 441.467C183.011 436.471 184.577 430.988 181.046 430.692L181.051 430.696Z" fill="#362E53"/>
+<path d="M210.285 363.799C210.285 363.799 204.201 358.316 186.35 358.02C167.517 357.711 156.919 364.192 157.902 373.886C158.968 384.423 179.482 388.677 194.395 386.031L197.926 381.723C197.926 381.723 163.198 384.564 163.393 372.516C163.606 359.394 197.227 361.617 206.851 367.325C208.422 368.257 210.462 369.406 211.878 367.815C213.055 366.494 211.705 364.78 210.285 363.799Z" fill="#362E53"/>
+<path d="M349.537 301.849C359.104 301.849 400.486 301.849 411.717 302.68C434.829 304.394 448.471 310.027 458.313 319.035C464.884 325.048 486.504 348.936 494.73 360.437C498.253 365.363 500.226 367.333 502.341 366.065C504.218 364.943 502.107 361.705 498.819 356.92C494.916 351.238 478.818 331.331 460.286 314.109C439.449 294.745 391.672 297.294 349.586 297.462H349.488C307.402 297.294 272.82 296.521 252.948 314.114C234.004 330.88 218.318 351.243 214.415 356.924C211.127 361.709 209.016 364.947 210.892 366.07C213.008 367.338 214.981 365.367 218.503 360.441C226.73 348.941 248.39 325.097 254.921 319.04C265.909 308.852 278.409 304.394 301.517 302.684C312.747 301.853 339.97 301.853 349.537 301.853" fill="#362E53"/>
+<path d="M208.715 426.679C233.402 428.84 271.254 441.126 281.112 447.736C285.316 450.554 282.586 454.495 277.873 451.849C258.81 441.144 219.897 433.041 205.179 431.278C190.466 429.516 185.656 430.885 185.753 427.753C185.82 425.69 188.302 425.402 192.816 425.5C197.329 425.597 203.117 426.184 208.706 426.675L208.715 426.679Z" fill="#362E53"/>
+<path d="M483.357 547.717C483.397 549.409 483.446 551.415 483.494 553.544C483.654 560.591 483.826 569.029 483.826 572.228C483.826 579.668 485.495 580.256 492.654 580.256H532.683C544.015 580.256 544.356 577.419 544.653 563.997C544.781 557.98 545.002 548.724 545.135 543.246C545.197 540.52 545.241 538.73 545.241 538.73L540.236 539.049C537.418 543.873 532.32 545.972 519.731 546.758C513.762 547.134 500.358 547.447 483.357 547.717Z" fill="#362E53"/>
+<path d="M531.06 521.637C528.015 533.8 523.112 537.503 507.665 529.13C492.212 520.758 481.177 509.735 504.133 507.093C527.09 504.447 534.153 509.298 531.064 521.637H531.06Z" fill="#362E53"/>
+<path d="M532.383 430.696C536.489 430.356 536.711 436.396 535.326 443.429C533.166 454.399 523.108 468.188 483.677 469.04C449.834 469.774 446.839 468.895 439.975 468.307C433.108 467.719 431.537 466.35 431.931 464.388C432.325 462.427 433.891 462.038 440.759 462.625C446.29 463.098 470.973 463.995 486.867 462.82C502.758 461.645 526.945 458.623 529.639 441.467C530.423 436.471 528.856 430.988 532.387 430.692L532.383 430.696Z" fill="#362E53"/>
+<path d="M413.097 469.871C425.554 468.665 429.576 455.769 429.576 455.769C430.948 452.049 432.714 447.149 422.908 447.737C414.142 448.262 376.874 449.57 356.718 449.84C336.562 449.566 299.295 448.258 290.529 447.737C280.723 447.149 282.489 452.049 283.861 455.769C283.861 455.769 287.909 468.435 300.339 469.871C334.284 473.79 378.627 473.202 413.097 469.871Z" fill="#362E53"/>
+<path d="M503.151 363.799C503.151 363.799 509.235 358.316 527.086 358.02C545.918 357.711 556.516 364.192 555.534 373.886C554.468 384.423 533.953 388.677 519.041 386.031L515.51 381.723C515.51 381.723 550.237 384.564 550.043 372.516C549.83 359.394 516.209 361.617 506.585 367.325C505.014 368.257 502.974 369.406 501.558 367.815C500.381 366.494 501.73 364.78 503.151 363.799Z" fill="#362E53"/>
+<path d="M504.717 426.679C480.03 428.84 442.178 441.126 432.319 447.736C428.115 450.554 430.846 454.495 435.558 451.849C454.621 441.144 493.535 433.041 508.253 431.278C522.966 429.516 527.776 430.885 527.678 427.753C527.612 425.69 525.13 425.402 520.616 425.5C516.102 425.597 510.315 426.184 504.726 426.675L504.717 426.679Z" fill="#362E53"/>
+<path d="M475.805 535.962C474.039 533.903 469.035 528.765 463.295 523.645C451.498 513.125 442.131 513.704 432.515 513.704H280.919C271.303 513.704 261.935 513.125 250.138 523.645C244.399 528.761 239.394 533.903 237.629 535.962C235.863 538.021 235.129 540.517 236.965 541.913C238.806 543.309 241.452 541.401 243.071 539.929C245.381 537.831 253.152 530.329 254.842 528.836C261.617 522.854 264.431 520.022 281.304 520.022H432.121C448.994 520.022 451.808 522.854 458.583 528.836C460.273 530.329 468.044 537.831 470.353 539.929C471.973 541.401 474.619 543.309 476.46 541.913C478.301 540.517 477.562 538.021 475.796 535.962H475.805Z" fill="#362E53"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M413.642 313.601C438.657 314.374 451.334 322.857 465.242 339.606H465.251C467.537 342.357 470.057 345.203 472.584 348.055C485.438 362.565 498.444 377.247 481.407 380.592C454.481 385.88 396.146 389.41 358.002 389.41H355.25C317.106 389.41 258.771 385.88 231.845 380.592C214.808 377.247 227.814 362.565 240.668 348.055C243.194 345.203 245.715 342.357 248.001 339.606C261.908 322.857 274.582 314.374 299.601 313.601C329.695 312.669 356.621 312.669 356.621 312.669C356.621 312.669 383.548 312.669 413.642 313.601ZM361.192 329.247L361.191 329.248C353.316 331.565 344.196 334.248 336.112 336.743C311.535 344.527 282.865 355.621 271.63 360.794C268.338 362.31 263.524 364.267 262.378 362.995C261.152 361.629 263.037 359.827 266.21 358.113C286.432 347.174 342.979 329.245 353.75 325.857C359.83 323.944 375.817 319.605 378.282 319.079C380.747 318.554 384.552 317.984 384.8 320.312C384.988 322.051 382.309 322.868 380.04 323.559L380.039 323.559C379.64 323.681 379.253 323.799 378.897 323.917H378.901C375.835 324.938 369.149 326.906 361.192 329.247ZM443.715 362.527C436.639 367.109 426.108 368.487 412.815 366.936C403.838 365.889 395.737 366.933 388.031 367.925C383.483 368.511 379.073 369.08 374.702 369.189C365.729 369.415 360.476 369.044 358.71 366.543C356.945 364.042 358.405 361.882 362.047 358.414C366.264 354.398 383.53 343.282 387.504 340.932C391.478 338.581 395.544 336.514 397.071 337.945C398.739 339.514 396.009 342.518 390.694 345.39C384.712 348.624 369.308 359.2 367.149 360.963C364.99 362.726 366.087 363.552 367.932 363.804C370.092 364.1 374.406 364.1 384.022 363.022L384.368 362.983C393.861 361.918 403.078 360.885 413.058 362.434C423.161 364.003 433.79 363.071 440.724 359.2C444.06 357.34 445.728 356.457 447.197 357.729C448.671 359.002 445.529 361.352 443.715 362.527Z" fill="#362E53"/>
+<path d="M356.161 394.553C425.027 394.553 474.809 385.942 484.77 381.626C489.969 379.373 491.973 375.348 490.363 372.127C489.478 370.364 487.402 371.084 483.34 371.902C479.738 372.622 474.22 374.106 465.348 375.167C425.129 379.965 383.729 380.945 356.457 380.945C329.186 380.945 287.786 379.965 247.567 375.167C238.699 374.106 233.177 372.626 229.575 371.902C225.512 371.089 223.433 370.364 222.552 372.127C220.937 375.348 222.946 379.377 228.145 381.626C238.106 385.942 287.299 394.553 356.165 394.553H356.161Z" fill="#362E53"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M360.901 300.163C371.853 277.773 378 252.604 378 226C378 132.664 302.336 57 209 57C115.664 57 40 132.664 40 226C40 312.592 105.124 383.973 189.065 393.837L196.073 384.984H183.66L165.815 381.498L160.384 372.978L163.488 366.006L175.255 361.229L192.582 360.583L207.453 365.102L209.651 366.006L215.728 358.776L252.452 317.204L269.65 306.23L294.736 299.388L309.089 300.163H360.901Z" fill="#6C06B5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M186.66 162.842C182.818 162.842 182.818 162.842 181.059 164.601L175.78 169.88C174.022 171.638 173.142 172.518 173.142 173.397C173.142 174.276 174.022 175.156 175.78 176.914L182.815 183.949L189.853 176.911L196.888 183.946L204.082 176.752L211.117 183.787L217.992 176.911L225.027 183.946L228.53 183.933C232.061 194.498 244.372 199.774 265.476 199.774C276.029 199.774 284.822 194.498 284.822 173.394C284.822 152.29 276.029 147.014 265.463 147C244.372 146.973 232.061 152.29 228.544 162.842L186.66 162.842ZM277.19 172.952C277.19 177.668 273.367 181.491 268.651 181.491C263.935 181.491 260.112 177.668 260.112 172.952C260.112 168.236 263.935 164.413 268.651 164.413C273.367 164.413 277.19 168.236 277.19 172.952ZM123 297.495H145.686V207.928H123V297.495ZM278.132 256.783H218.597C217.959 256.783 217.326 256.681 216.721 256.482L199.572 250.839L202.424 243.185L215.016 247.701C216.749 248.323 218.576 248.64 220.417 248.64H242.006C247.624 248.64 252.205 244.325 252.205 239.032C252.205 235.042 249.525 231.46 245.55 229.994L182.806 207.928H159.298V281.373L223.074 305.252C225.12 306.018 227.39 305.914 229.358 304.965L295.417 273.068C295.33 264.111 287.725 256.783 278.132 256.783Z" fill="white"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "0.45.2",
+  "version": "0.46.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/src/index.d.ts",

package/types/src/hooks/useBreakpoint.d.ts

@@ -7,5 +7,7 @@ export declare const cobaltBreakpoints: [CobaltBreakpointType, string][];
 declare const useBreakpoint: () => {
     breakpoint: CobaltBreakpointType;
     isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
 };
 export default useBreakpoint;

package/utilities.css

@@ -7962,6 +7962,42 @@
     overflow-y: scroll;
   }
 
+  .xs\:c-overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .xs\:c-overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .xs\:c-overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .xs\:c-overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .xs\:c-overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .xs\:c-overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .xs\:c-overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .xs\:c-overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .xs\:c-overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
   .xs\:c-whitespace-normal {
     white-space: normal;
   }
@@ -11027,6 +11063,42 @@
     overflow-y: scroll;
   }
 
+  .sm\:c-overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .sm\:c-overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .sm\:c-overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .sm\:c-overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .sm\:c-overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .sm\:c-overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .sm\:c-overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .sm\:c-overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .sm\:c-overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
   .sm\:c-whitespace-normal {
     white-space: normal;
   }
@@ -14092,6 +14164,42 @@
     overflow-y: scroll;
   }
 
+  .md\:c-overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .md\:c-overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .md\:c-overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .md\:c-overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .md\:c-overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .md\:c-overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .md\:c-overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .md\:c-overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .md\:c-overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
   .md\:c-whitespace-normal {
     white-space: normal;
   }
@@ -17157,6 +17265,42 @@
     overflow-y: scroll;
   }
 
+  .lg\:c-overscroll-auto {
+    overscroll-behavior: auto;
+  }
+
+  .lg\:c-overscroll-contain {
+    overscroll-behavior: contain;
+  }
+
+  .lg\:c-overscroll-none {
+    overscroll-behavior: none;
+  }
+
+  .lg\:c-overscroll-y-auto {
+    overscroll-behavior-y: auto;
+  }
+
+  .lg\:c-overscroll-y-contain {
+    overscroll-behavior-y: contain;
+  }
+
+  .lg\:c-overscroll-y-none {
+    overscroll-behavior-y: none;
+  }
+
+  .lg\:c-overscroll-x-auto {
+    overscroll-behavior-x: auto;
+  }
+
+  .lg\:c-overscroll-x-contain {
+    overscroll-behavior-x: contain;
+  }
+
+  .lg\:c-overscroll-x-none {
+    overscroll-behavior-x: none;
+  }
+
   .lg\:c-whitespace-normal {
     white-space: normal;
   }