00a89634 - figspec

docs: Add docs site When I upgraded Storybook to v7, Docs Addon stopped reading JSDoc comments. The feature, along with UX for the Docs Page (as an end-user) have not been great from the start. So I decided to write a document site from scratch, as the complexity of this project is not high. Upon writing the docs, I realized I no longer need Storybook anymore thanks to simple playground section. * Figspec elements are Custom Element: no need for style isolation and it just works with `<iframe>`. * Minimum HTML+JS+class-less CSS is very lightweight, simple and robust. Goodbye monstrously huge dependencies. * Because how Custom Elements work, HMR is not a thing. Reload is always required and this simple docs site is way faster at the page startup speed. * I'm dubious about web-component-analyzer's future and current quality. Years passed but it's still "for experimental and demo purposes". In the end, burden of duplicated documentation because of Mixins and lack of stability outweighed the merit. Simple `<iframe>` and HTML/JS per stories solved my problem. It does not allow me to change parameter (Args, in Storybook) but I've never used the feature in this project. For Viewport Addon functionality, just open the frame in new tab then use browsers' built-in device emulation. Many devs knowing how to use Storybook but it can't beat the benefit comes from the reduction of the number of project's dependencies by removing SB packages. So I copied stories to "Examples". (technically it's test cases?) Removal of Storybook and its files are not included in this commit in order to keep commits' atomicity.

Changes

25 changed files (+4056/-29)

package.json
- @@ -29,6 +29,7 @@ "dependencies": {
  "lit": "^2.1.3" }, "devDependencies": { + "@picocss/pico": "^1.5.10", "@storybook/addon-actions": "^7.0.26", "@storybook/addon-viewport": "^7.0.26", "@storybook/web-components": "^7.0.26",
- @@ -36,6 +37,7 @@ "@storybook/web-components-vite": "^7.0.26",
  "commander": "^6.1.0", "dotenv": "^8.2.0", "figma-js": "^1.13.0", + "glob": "^10.3.2", "husky": "^8.0.1", "lint-staged": "^13.0.3", "node-fetch": "^2.6.1",
- @@ -54,7 +56,9 @@ "storybook": "storybook dev -p 6006",
  "build-storybook": "storybook build", "prepublishOnly": "yarn build", "generate-static-figma-file": "node ./scripts/generateStaticFigmaFile/index.mjs", - "postinstallDev": "husky install" + "postinstallDev": "husky install", + "dev": "vite ./website", + "build:website": "vite build ./website" }, "lint-staged": { "*.{js,jsx,ts,tsx,css,html,md,yml,json}": [
website/.gitignore (new)
- @@ -0,0 +1,2 @@
  + # Build output + /dist
website/examples/custom-speed.html (new)
- @@ -0,0 +1,17 @@
  + <!DOCTYPE html> + <html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Custom speed example | Figspec</title> + <link rel="stylesheet" href="./style.css" /> + <script type="module" src="./custom-speed.ts"></script> + </head> + <body> + <figspec-frame-viewer + id="demo" + pan-speed="100" + zoom-speed="100" + ></figspec-frame-viewer> + </body> + </html>
website/examples/custom-speed.ts (new)
- @@ -0,0 +1,12 @@
  + import { FigspecFrameViewer } from "../../src"; + + import * as demoFrame from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.json"; + import demoImage from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.svg"; + + const el = document.getElementById("demo"); + + if (el && el instanceof FigspecFrameViewer) { + // @ts-ignore + el.nodes = demoFrame; + el.renderedImage = demoImage; + }
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:13.svg (new)
- @@ -0,0 +1,21 @@
  + <svg width="126" height="41" viewBox="0 0 126 41" fill="none" xmlns="http://www.w3.org/2000/svg"> + <g filter="url(#filter0_d)"> + <rect x="1" y="1" width="124" height="38" rx="4" fill="url(#paint0_linear)"/> + <path d="M34.7845 25.45V14.7859H38.2709C39.4281 14.7859 40.2972 15.0252 40.8783 15.5037C41.4642 15.9822 41.7572 16.6902 41.7572 17.6277C41.7572 18.1258 41.6156 18.5677 41.3324 18.9534C41.0492 19.3343 40.6635 19.6297 40.1752 19.8397C40.7513 20.0008 41.2054 20.3084 41.5375 20.7625C41.8744 21.2117 42.0428 21.7488 42.0428 22.3738C42.0428 23.3309 41.7328 24.0828 41.1127 24.6297C40.4926 25.1766 39.6161 25.45 38.4833 25.45H34.7845ZM36.1908 20.4622V24.3001H38.5126C39.1669 24.3001 39.682 24.1317 40.058 23.7947C40.4388 23.4529 40.6293 22.9842 40.6293 22.3885C40.6293 21.1043 39.931 20.4622 38.5345 20.4622H36.1908ZM36.1908 19.3343H38.3148C38.9301 19.3343 39.4208 19.1805 39.787 18.8729C40.1581 18.5652 40.3436 18.1478 40.3436 17.6204C40.3436 17.0345 40.1727 16.6097 39.8309 16.346C39.4891 16.0775 38.9691 15.9432 38.2709 15.9432H36.1908V19.3343ZM51.6376 14.7859V22.0369C51.6327 23.0428 51.3153 23.8655 50.6854 24.5052C50.0604 25.1448 49.2108 25.5037 48.1366 25.5818L47.7631 25.5965C46.5961 25.5965 45.6659 25.2816 44.9725 24.6517C44.2792 24.0218 43.9276 23.1551 43.9178 22.0516V14.7859H45.3094V22.0076C45.3094 22.7791 45.5219 23.3797 45.9467 23.8094C46.3715 24.2342 46.9769 24.4466 47.7631 24.4466C48.559 24.4466 49.1669 24.2342 49.5868 23.8094C50.0116 23.3846 50.224 22.7864 50.224 22.015V14.7859H51.6376ZM61.225 15.9432H57.7972V25.45H56.3983V15.9432H52.9779V14.7859H61.225V15.9432ZM70.2924 15.9432H66.8646V25.45H65.4657V15.9432H62.0453V14.7859H70.2924V15.9432ZM79.8724 20.4622C79.8724 21.5071 79.6967 22.4202 79.3451 23.2015C78.9935 23.9778 78.4955 24.5711 77.851 24.9813C77.2064 25.3914 76.4545 25.5965 75.5951 25.5965C74.7552 25.5965 74.0106 25.3914 73.3612 24.9813C72.7118 24.5662 72.2064 23.9778 71.8451 23.2161C71.4886 22.4495 71.3055 21.5633 71.2958 20.5574V19.7884C71.2958 18.763 71.474 17.8572 71.8304 17.0711C72.1869 16.285 72.6898 15.6844 73.3392 15.2693C73.9935 14.8494 74.7406 14.6395 75.5804 14.6395C76.4349 14.6395 77.1869 14.847 77.8363 15.262C78.4906 15.6722 78.9935 16.2703 79.3451 17.0565C79.6967 17.8377 79.8724 18.7484 79.8724 19.7884V20.4622ZM78.4735 19.7737C78.4735 18.5091 78.2196 17.5399 77.7118 16.866C77.204 16.1873 76.4935 15.848 75.5804 15.848C74.6918 15.848 73.9911 16.1873 73.4784 16.866C72.9706 17.5399 72.7094 18.4774 72.6947 19.6785V20.4622C72.6947 21.6878 72.951 22.6522 73.4637 23.3553C73.9813 24.0535 74.6918 24.4026 75.5951 24.4026C76.5033 24.4026 77.2064 24.0731 77.7045 23.4139C78.2025 22.7498 78.4589 21.8001 78.4735 20.5648V19.7737ZM90.1776 25.45H88.764L83.3954 17.2322V25.45H81.9818V14.7859H83.3954L88.7787 23.0403V14.7859H90.1776V25.45Z" fill="white"/> + </g> + <defs> + <filter id="filter0_d" x="0" y="1" width="126" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="0.5"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <linearGradient id="paint0_linear" x1="125" y1="39" x2="-0.950612" y2="20.9509" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#51B441"/> + <stop offset="1" stop-color="#61C451"/> + </linearGradient> + </defs> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:5.svg (new)
- @@ -0,0 +1,21 @@
  + <svg width="130" height="44" viewBox="0 0 130 44" fill="none" xmlns="http://www.w3.org/2000/svg"> + <g filter="url(#filter0_d)"> + <rect x="2" y="1" width="126" height="40" rx="4" fill="url(#paint0_linear)"/> + <path d="M35.4453 27V15.625H39.1641C40.3984 15.625 41.3255 15.8802 41.9453 16.3906C42.5703 16.901 42.8828 17.6562 42.8828 18.6562C42.8828 19.1875 42.7318 19.6589 42.4297 20.0703C42.1276 20.4766 41.7161 20.7917 41.1953 21.0156C41.8099 21.1875 42.2943 21.5156 42.6484 22C43.0078 22.4792 43.1875 23.0521 43.1875 23.7188C43.1875 24.7396 42.8568 25.5417 42.1953 26.125C41.5339 26.7083 40.599 27 39.3906 27H35.4453ZM36.9453 21.6797V25.7734H39.4219C40.1198 25.7734 40.6693 25.5938 41.0703 25.2344C41.4766 24.8698 41.6797 24.3698 41.6797 23.7344C41.6797 22.3646 40.9349 21.6797 39.4453 21.6797H36.9453ZM36.9453 20.4766H39.2109C39.8672 20.4766 40.3906 20.3125 40.7812 19.9844C41.1771 19.6562 41.375 19.2109 41.375 18.6484C41.375 18.0234 41.1927 17.5703 40.8281 17.2891C40.4635 17.0026 39.9089 16.8594 39.1641 16.8594H36.9453V20.4766ZM53.4219 15.625V23.3594C53.4167 24.4323 53.0781 25.3099 52.4062 25.9922C51.7396 26.6745 50.8333 27.0573 49.6875 27.1406L49.2891 27.1562C48.0443 27.1562 47.0521 26.8203 46.3125 26.1484C45.5729 25.4766 45.1979 24.5521 45.1875 23.375V15.625H46.6719V23.3281C46.6719 24.151 46.8984 24.7917 47.3516 25.25C47.8047 25.7031 48.4505 25.9297 49.2891 25.9297C50.138 25.9297 50.7865 25.7031 51.2344 25.25C51.6875 24.7969 51.9141 24.1589 51.9141 23.3359V15.625H53.4219ZM63.6484 16.8594H59.9922V27H58.5V16.8594H54.8516V15.625H63.6484V16.8594ZM73.3203 16.8594H69.6641V27H68.1719V16.8594H64.5234V15.625H73.3203V16.8594ZM83.5391 21.6797C83.5391 22.7943 83.3516 23.7682 82.9766 24.6016C82.6016 25.4297 82.0703 26.0625 81.3828 26.5C80.6953 26.9375 79.8932 27.1562 78.9766 27.1562C78.0807 27.1562 77.2865 26.9375 76.5938 26.5C75.901 26.0573 75.362 25.4297 74.9766 24.6172C74.5964 23.7995 74.401 22.8542 74.3906 21.7812V20.9609C74.3906 19.8672 74.5807 18.901 74.9609 18.0625C75.3411 17.224 75.8776 16.5833 76.5703 16.1406C77.2682 15.6927 78.0651 15.4688 78.9609 15.4688C79.8724 15.4688 80.6745 15.6901 81.3672 16.1328C82.0651 16.5703 82.6016 17.2083 82.9766 18.0469C83.3516 18.8802 83.5391 19.8516 83.5391 20.9609V21.6797ZM82.0469 20.9453C82.0469 19.5964 81.776 18.5625 81.2344 17.8438C80.6927 17.1198 79.9349 16.7578 78.9609 16.7578C78.013 16.7578 77.2656 17.1198 76.7188 17.8438C76.1771 18.5625 75.8984 19.5625 75.8828 20.8438V21.6797C75.8828 22.987 76.1562 24.0156 76.7031 24.7656C77.2552 25.5104 78.013 25.8828 78.9766 25.8828C79.9453 25.8828 80.6953 25.5312 81.2266 24.8281C81.7578 24.1198 82.0312 23.1068 82.0469 21.7891V20.9453ZM94.5312 27H93.0234L87.2969 18.2344V27H85.7891V15.625H87.2969L93.0391 24.4297V15.625H94.5312V27Z" fill="white"/> + </g> + <defs> + <filter id="filter0_d" x="0" y="0" width="130" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <linearGradient id="paint0_linear" x1="128" y1="41" x2="-0.157829" y2="23.2714" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#51B441"/> + <stop offset="1" stop-color="#61C451"/> + </linearGradient> + </defs> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:9.svg (new)
- @@ -0,0 +1,21 @@
  + <svg width="130" height="44" viewBox="0 0 130 44" fill="none" xmlns="http://www.w3.org/2000/svg"> + <g filter="url(#filter0_d)"> + <rect x="2" y="1" width="126" height="40" rx="4" fill="url(#paint0_linear)"/> + <path d="M35.4453 27V15.625H39.1641C40.3984 15.625 41.3255 15.8802 41.9453 16.3906C42.5703 16.901 42.8828 17.6562 42.8828 18.6562C42.8828 19.1875 42.7318 19.6589 42.4297 20.0703C42.1276 20.4766 41.7161 20.7917 41.1953 21.0156C41.8099 21.1875 42.2943 21.5156 42.6484 22C43.0078 22.4792 43.1875 23.0521 43.1875 23.7188C43.1875 24.7396 42.8568 25.5417 42.1953 26.125C41.5339 26.7083 40.599 27 39.3906 27H35.4453ZM36.9453 21.6797V25.7734H39.4219C40.1198 25.7734 40.6693 25.5938 41.0703 25.2344C41.4766 24.8698 41.6797 24.3698 41.6797 23.7344C41.6797 22.3646 40.9349 21.6797 39.4453 21.6797H36.9453ZM36.9453 20.4766H39.2109C39.8672 20.4766 40.3906 20.3125 40.7812 19.9844C41.1771 19.6562 41.375 19.2109 41.375 18.6484C41.375 18.0234 41.1927 17.5703 40.8281 17.2891C40.4635 17.0026 39.9089 16.8594 39.1641 16.8594H36.9453V20.4766ZM53.4219 15.625V23.3594C53.4167 24.4323 53.0781 25.3099 52.4062 25.9922C51.7396 26.6745 50.8333 27.0573 49.6875 27.1406L49.2891 27.1562C48.0443 27.1562 47.0521 26.8203 46.3125 26.1484C45.5729 25.4766 45.1979 24.5521 45.1875 23.375V15.625H46.6719V23.3281C46.6719 24.151 46.8984 24.7917 47.3516 25.25C47.8047 25.7031 48.4505 25.9297 49.2891 25.9297C50.138 25.9297 50.7865 25.7031 51.2344 25.25C51.6875 24.7969 51.9141 24.1589 51.9141 23.3359V15.625H53.4219ZM63.6484 16.8594H59.9922V27H58.5V16.8594H54.8516V15.625H63.6484V16.8594ZM73.3203 16.8594H69.6641V27H68.1719V16.8594H64.5234V15.625H73.3203V16.8594ZM83.5391 21.6797C83.5391 22.7943 83.3516 23.7682 82.9766 24.6016C82.6016 25.4297 82.0703 26.0625 81.3828 26.5C80.6953 26.9375 79.8932 27.1562 78.9766 27.1562C78.0807 27.1562 77.2865 26.9375 76.5938 26.5C75.901 26.0573 75.362 25.4297 74.9766 24.6172C74.5964 23.7995 74.401 22.8542 74.3906 21.7812V20.9609C74.3906 19.8672 74.5807 18.901 74.9609 18.0625C75.3411 17.224 75.8776 16.5833 76.5703 16.1406C77.2682 15.6927 78.0651 15.4688 78.9609 15.4688C79.8724 15.4688 80.6745 15.6901 81.3672 16.1328C82.0651 16.5703 82.6016 17.2083 82.9766 18.0469C83.3516 18.8802 83.5391 19.8516 83.5391 20.9609V21.6797ZM82.0469 20.9453C82.0469 19.5964 81.776 18.5625 81.2344 17.8438C80.6927 17.1198 79.9349 16.7578 78.9609 16.7578C78.013 16.7578 77.2656 17.1198 76.7188 17.8438C76.1771 18.5625 75.8984 19.5625 75.8828 20.8438V21.6797C75.8828 22.987 76.1562 24.0156 76.7031 24.7656C77.2552 25.5104 78.013 25.8828 78.9766 25.8828C79.9453 25.8828 80.6953 25.5312 81.2266 24.8281C81.7578 24.1198 82.0312 23.1068 82.0469 21.7891V20.9453ZM94.5312 27H93.0234L87.2969 18.2344V27H85.7891V15.625H87.2969L93.0391 24.4297V15.625H94.5312V27Z" fill="#E0E0E0"/> + </g> + <defs> + <filter id="filter0_d" x="0" y="0" width="130" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <linearGradient id="paint0_linear" x1="128" y1="41" x2="-0.157829" y2="23.2714" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#A6B4A4"/> + <stop offset="1" stop-color="#BDC4BC"/> + </linearGradient> + </defs> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.json (new)
- @@ -0,0 +1,1049 @@
  + { + "name": "storybook-addon-designs-sample", + "lastModified": "2020-10-08T07:37:10.103851Z", + "thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/40585359-6295-4d7d-93d1-9536b4890845?Expires=1603670400&Signature=BSZAENlBrjaHSqGyvLZeqyiO7a0oHHrD6iJw9xYLzNnPc2we7nFO6gvnRqXduo-KntTutlncZxqv0TdFcgfqYlPjoBREWQ4pBHa~NrYzq~yAsf1P~rJGjzLTIJ37nZxdBCnLAHvRDydTPNEg8Wknx7aSC43n6Ast8SJx1Ap5mt-lP0HV2~rBJ76kfPNmuequkPAROxL2GNrWKZgUnZnw8TBMNPijRVhPE1XWMtpxT0~EvXMzupW-SAS0dWyz1ncp0Q0gqQnCJ0sOIbNJkJ-UrBXDRwIeZtvs6IAPWIuiDmEk-p71BO0fa9ml7l6CDCfelZIRelck1ILo00emf3nlFw__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA", + "version": "488137428", + "role": "owner", + "nodes": { + "64:1": { + "document": { + "id": "64:1", + "name": "Components", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "64:2", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:2;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:2;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -263, + "y": -262, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -295, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "componentId": "2:5" + }, + { + "id": "64:5", + "name": "Button__Active", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:5;2:10", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:5;2:10;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -294, + "y": -136, + "width": 124, + "height": 38 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:5;2:10;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -261.5079345703125, + "y": -125.55000305175781, + "width": 58, + "height": 18 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 15, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 17.578125, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -294, + "y": -136, + "width": 124, + "height": 38 + }, + "preserveRatio": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.25 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 1 + } + ], + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -295, + "y": -137, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [], + "componentId": "2:13" + }, + { + "id": "64:9", + "name": "Button__Disabled", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:9;2:6", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:9;2:6;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.6527005434036255, + "g": 0.7074577212333679, + "b": 0.6437865495681763, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.7421205639839172, + "g": 0.7685589790344238, + "b": 0.7378166317939758, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:9;2:6;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -59, + "y": -262, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8777292370796204, + "g": 0.8777292370796204, + "b": 0.8777292370796204, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [], + "componentId": "2:9" + }, + { + "id": "64:13", + "name": "Normal button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -329, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Normal button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:14", + "name": "A button. Nothing special.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -308, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "A button. Nothing special.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:17", + "name": "Active button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -193, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Active button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:18", + "name": "Pressed button.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -172, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Pressed button.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:15", + "name": "Disabled button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -329, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Disabled button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:16", + "name": "Inactive button. No hover effects. Not clickable.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -308, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Inactive button. No hover effects. Not clickable.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -358, + "y": -348, + "width": 456, + "height": 270 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "exportSettings": [ + { + "suffix": "", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + }, + "components": { + "2:5": { + "key": "cb3025cfa73c3757bc3e1bab6e34f9cbf49eb14a", + "name": "Button", + "description": "" + }, + "2:13": { + "key": "1526a8ddee35680a3ca5002e0c00605c0e7095cd", + "name": "Button__Active", + "description": "" + }, + "2:9": { + "key": "01a68bd6ca97410342a7b361aaed70e3f7784655", + "name": "Button__Disabled", + "description": "" + } + }, + "schemaVersion": 0, + "styles": {} + } + } + }
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.svg (new)
- @@ -0,0 +1,62 @@
  + <svg width="456" height="270" viewBox="0 0 456 270" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="456" height="270" fill="white"/> + <g filter="url(#filter0_d)"> + <rect x="63" y="75" width="126" height="40" rx="4" fill="url(#paint0_linear)"/> + <path d="M96.4453 101V89.625H100.164C101.398 89.625 102.326 89.8802 102.945 90.3906C103.57 90.901 103.883 91.6562 103.883 92.6562C103.883 93.1875 103.732 93.6589 103.43 94.0703C103.128 94.4766 102.716 94.7917 102.195 95.0156C102.81 95.1875 103.294 95.5156 103.648 96C104.008 96.4792 104.188 97.0521 104.188 97.7188C104.188 98.7396 103.857 99.5417 103.195 100.125C102.534 100.708 101.599 101 100.391 101H96.4453ZM97.9453 95.6797V99.7734H100.422C101.12 99.7734 101.669 99.5938 102.07 99.2344C102.477 98.8698 102.68 98.3698 102.68 97.7344C102.68 96.3646 101.935 95.6797 100.445 95.6797H97.9453ZM97.9453 94.4766H100.211C100.867 94.4766 101.391 94.3125 101.781 93.9844C102.177 93.6562 102.375 93.2109 102.375 92.6484C102.375 92.0234 102.193 91.5703 101.828 91.2891C101.464 91.0026 100.909 90.8594 100.164 90.8594H97.9453V94.4766ZM114.422 89.625V97.3594C114.417 98.4323 114.078 99.3099 113.406 99.9922C112.74 100.674 111.833 101.057 110.688 101.141L110.289 101.156C109.044 101.156 108.052 100.82 107.312 100.148C106.573 99.4766 106.198 98.5521 106.188 97.375V89.625H107.672V97.3281C107.672 98.151 107.898 98.7917 108.352 99.25C108.805 99.7031 109.451 99.9297 110.289 99.9297C111.138 99.9297 111.786 99.7031 112.234 99.25C112.688 98.7969 112.914 98.1589 112.914 97.3359V89.625H114.422ZM124.648 90.8594H120.992V101H119.5V90.8594H115.852V89.625H124.648V90.8594ZM134.32 90.8594H130.664V101H129.172V90.8594H125.523V89.625H134.32V90.8594ZM144.539 95.6797C144.539 96.7943 144.352 97.7682 143.977 98.6016C143.602 99.4297 143.07 100.062 142.383 100.5C141.695 100.938 140.893 101.156 139.977 101.156C139.081 101.156 138.286 100.938 137.594 100.5C136.901 100.057 136.362 99.4297 135.977 98.6172C135.596 97.7995 135.401 96.8542 135.391 95.7812V94.9609C135.391 93.8672 135.581 92.901 135.961 92.0625C136.341 91.224 136.878 90.5833 137.57 90.1406C138.268 89.6927 139.065 89.4688 139.961 89.4688C140.872 89.4688 141.674 89.6901 142.367 90.1328C143.065 90.5703 143.602 91.2083 143.977 92.0469C144.352 92.8802 144.539 93.8516 144.539 94.9609V95.6797ZM143.047 94.9453C143.047 93.5964 142.776 92.5625 142.234 91.8438C141.693 91.1198 140.935 90.7578 139.961 90.7578C139.013 90.7578 138.266 91.1198 137.719 91.8438C137.177 92.5625 136.898 93.5625 136.883 94.8438V95.6797C136.883 96.987 137.156 98.0156 137.703 98.7656C138.255 99.5104 139.013 99.8828 139.977 99.8828C140.945 99.8828 141.695 99.5312 142.227 98.8281C142.758 98.1198 143.031 97.1068 143.047 95.7891V94.9453ZM155.531 101H154.023L148.297 92.2344V101H146.789V89.625H148.297L154.039 98.4297V89.625H155.531V101Z" fill="white"/> + </g> + <g filter="url(#filter1_d)"> + <rect x="64" y="212" width="124" height="38" rx="4" fill="url(#paint1_linear)"/> + <path d="M97.7845 236.45V225.786H101.271C102.428 225.786 103.297 226.025 103.878 226.504C104.464 226.982 104.757 227.69 104.757 228.628C104.757 229.126 104.616 229.568 104.332 229.953C104.049 230.334 103.663 230.63 103.175 230.84C103.751 231.001 104.205 231.308 104.537 231.762C104.874 232.212 105.043 232.749 105.043 233.374C105.043 234.331 104.733 235.083 104.113 235.63C103.493 236.177 102.616 236.45 101.483 236.45H97.7845ZM99.1908 231.462V235.3H101.513C102.167 235.3 102.682 235.132 103.058 234.795C103.439 234.453 103.629 233.984 103.629 233.388C103.629 232.104 102.931 231.462 101.535 231.462H99.1908ZM99.1908 230.334H101.315C101.93 230.334 102.421 230.18 102.787 229.873C103.158 229.565 103.344 229.148 103.344 228.62C103.344 228.034 103.173 227.61 102.831 227.346C102.489 227.077 101.969 226.943 101.271 226.943H99.1908V230.334ZM114.638 225.786V233.037C114.633 234.043 114.315 234.866 113.685 235.505C113.06 236.145 112.211 236.504 111.137 236.582L110.763 236.596C109.596 236.596 108.666 236.282 107.973 235.652C107.279 235.022 106.928 234.155 106.918 233.052V225.786H108.309V233.008C108.309 233.779 108.522 234.38 108.947 234.809C109.371 235.234 109.977 235.447 110.763 235.447C111.559 235.447 112.167 235.234 112.587 234.809C113.012 234.385 113.224 233.786 113.224 233.015V225.786H114.638ZM124.225 226.943H120.797V236.45H119.398V226.943H115.978V225.786H124.225V226.943ZM133.292 226.943H129.865V236.45H128.466V226.943H125.045V225.786H133.292V226.943ZM142.872 231.462C142.872 232.507 142.697 233.42 142.345 234.201C141.994 234.978 141.495 235.571 140.851 235.981C140.206 236.391 139.454 236.596 138.595 236.596C137.755 236.596 137.011 236.391 136.361 235.981C135.712 235.566 135.206 234.978 134.845 234.216C134.489 233.45 134.306 232.563 134.296 231.557V230.788C134.296 229.763 134.474 228.857 134.83 228.071C135.187 227.285 135.69 226.684 136.339 226.269C136.994 225.849 137.741 225.639 138.58 225.639C139.435 225.639 140.187 225.847 140.836 226.262C141.491 226.672 141.994 227.27 142.345 228.056C142.697 228.838 142.872 229.748 142.872 230.788V231.462ZM141.474 230.774C141.474 229.509 141.22 228.54 140.712 227.866C140.204 227.187 139.494 226.848 138.58 226.848C137.692 226.848 136.991 227.187 136.478 227.866C135.971 228.54 135.709 229.477 135.695 230.679V231.462C135.695 232.688 135.951 233.652 136.464 234.355C136.981 235.054 137.692 235.403 138.595 235.403C139.503 235.403 140.206 235.073 140.704 234.414C141.203 233.75 141.459 232.8 141.474 231.565V230.774ZM153.178 236.45H151.764L146.395 228.232V236.45H144.982V225.786H146.395L151.779 234.04V225.786H153.178V236.45Z" fill="white"/> + </g> + <g filter="url(#filter2_d)"> + <rect x="267" y="75" width="126" height="40" rx="4" fill="url(#paint2_linear)"/> + <path d="M300.445 101V89.625H304.164C305.398 89.625 306.326 89.8802 306.945 90.3906C307.57 90.901 307.883 91.6562 307.883 92.6562C307.883 93.1875 307.732 93.6589 307.43 94.0703C307.128 94.4766 306.716 94.7917 306.195 95.0156C306.81 95.1875 307.294 95.5156 307.648 96C308.008 96.4792 308.188 97.0521 308.188 97.7188C308.188 98.7396 307.857 99.5417 307.195 100.125C306.534 100.708 305.599 101 304.391 101H300.445ZM301.945 95.6797V99.7734H304.422C305.12 99.7734 305.669 99.5938 306.07 99.2344C306.477 98.8698 306.68 98.3698 306.68 97.7344C306.68 96.3646 305.935 95.6797 304.445 95.6797H301.945ZM301.945 94.4766H304.211C304.867 94.4766 305.391 94.3125 305.781 93.9844C306.177 93.6562 306.375 93.2109 306.375 92.6484C306.375 92.0234 306.193 91.5703 305.828 91.2891C305.464 91.0026 304.909 90.8594 304.164 90.8594H301.945V94.4766ZM318.422 89.625V97.3594C318.417 98.4323 318.078 99.3099 317.406 99.9922C316.74 100.674 315.833 101.057 314.688 101.141L314.289 101.156C313.044 101.156 312.052 100.82 311.312 100.148C310.573 99.4766 310.198 98.5521 310.188 97.375V89.625H311.672V97.3281C311.672 98.151 311.898 98.7917 312.352 99.25C312.805 99.7031 313.451 99.9297 314.289 99.9297C315.138 99.9297 315.786 99.7031 316.234 99.25C316.688 98.7969 316.914 98.1589 316.914 97.3359V89.625H318.422ZM328.648 90.8594H324.992V101H323.5V90.8594H319.852V89.625H328.648V90.8594ZM338.32 90.8594H334.664V101H333.172V90.8594H329.523V89.625H338.32V90.8594ZM348.539 95.6797C348.539 96.7943 348.352 97.7682 347.977 98.6016C347.602 99.4297 347.07 100.062 346.383 100.5C345.695 100.938 344.893 101.156 343.977 101.156C343.081 101.156 342.286 100.938 341.594 100.5C340.901 100.057 340.362 99.4297 339.977 98.6172C339.596 97.7995 339.401 96.8542 339.391 95.7812V94.9609C339.391 93.8672 339.581 92.901 339.961 92.0625C340.341 91.224 340.878 90.5833 341.57 90.1406C342.268 89.6927 343.065 89.4688 343.961 89.4688C344.872 89.4688 345.674 89.6901 346.367 90.1328C347.065 90.5703 347.602 91.2083 347.977 92.0469C348.352 92.8802 348.539 93.8516 348.539 94.9609V95.6797ZM347.047 94.9453C347.047 93.5964 346.776 92.5625 346.234 91.8438C345.693 91.1198 344.935 90.7578 343.961 90.7578C343.013 90.7578 342.266 91.1198 341.719 91.8438C341.177 92.5625 340.898 93.5625 340.883 94.8438V95.6797C340.883 96.987 341.156 98.0156 341.703 98.7656C342.255 99.5104 343.013 99.8828 343.977 99.8828C344.945 99.8828 345.695 99.5312 346.227 98.8281C346.758 98.1198 347.031 97.1068 347.047 95.7891V94.9453ZM359.531 101H358.023L352.297 92.2344V101H350.789V89.625H352.297L358.039 98.4297V89.625H359.531V101Z" fill="#E0E0E0"/> + </g> + <path d="M71.184 21.54V30H69.792L65.58 24.612V30H63.84V21.54H65.22L69.432 26.904V21.54H71.184ZM76.7514 30.108C75.9114 30.108 75.1794 29.932 74.5554 29.58C73.9394 29.22 73.4634 28.716 73.1274 28.068C72.7914 27.412 72.6234 26.644 72.6234 25.764C72.6234 24.884 72.7914 24.12 73.1274 23.472C73.4634 22.816 73.9394 22.312 74.5554 21.96C75.1794 21.608 75.9114 21.432 76.7514 21.432C77.5914 21.432 78.3194 21.608 78.9354 21.96C79.5594 22.312 80.0394 22.816 80.3754 23.472C80.7114 24.12 80.8794 24.884 80.8794 25.764C80.8794 26.644 80.7114 27.412 80.3754 28.068C80.0394 28.716 79.5594 29.22 78.9354 29.58C78.3194 29.932 77.5914 30.108 76.7514 30.108ZM76.7514 28.656C77.4554 28.656 78.0074 28.408 78.4074 27.912C78.8154 27.416 79.0194 26.7 79.0194 25.764C79.0194 24.828 78.8194 24.116 78.4194 23.628C78.0194 23.132 77.4634 22.884 76.7514 22.884C76.0394 22.884 75.4834 23.132 75.0834 23.628C74.6914 24.116 74.4954 24.828 74.4954 25.764C74.4954 26.7 74.6954 27.416 75.0954 27.912C75.4954 28.408 76.0474 28.656 76.7514 28.656ZM89.6528 30H87.6128L86.1488 27.3C86.0288 27.092 85.8848 26.944 85.7168 26.856C85.5488 26.76 85.3368 26.712 85.0808 26.712H84.1568V30H82.3088V21.54H86.1968C87.1888 21.54 87.9368 21.76 88.4408 22.2C88.9528 22.632 89.2088 23.26 89.2088 24.084C89.2088 24.724 89.0288 25.26 88.6688 25.692C88.3168 26.124 87.8168 26.408 87.1688 26.544C87.6088 26.656 87.9808 26.972 88.2848 27.492L89.6528 30ZM85.9208 25.296C86.4568 25.296 86.8448 25.204 87.0848 25.02C87.3248 24.828 87.4448 24.532 87.4448 24.132C87.4448 23.724 87.3248 23.428 87.0848 23.244C86.8448 23.06 86.4568 22.968 85.9208 22.968H84.1328V25.296H85.9208ZM99.1228 21.54V30H97.4788V24.984L95.5348 28.608H94.3348L92.3908 25.032V30H90.7468V21.54H92.2228L94.9468 26.712L97.6708 21.54H99.1228ZM106.476 28.128H102.54L101.736 30H99.8524L103.74 21.54H105.24L109.128 30H107.28L106.476 28.128ZM105.864 26.712L104.508 23.544L103.152 26.712H105.864ZM109.836 21.54H111.708V28.476H115.488V30H109.836V21.54ZM125.385 25.62C125.873 25.764 126.249 26.016 126.513 26.376C126.785 26.728 126.921 27.164 126.921 27.684C126.921 28.396 126.657 28.96 126.129 29.376C125.609 29.792 124.889 30 123.969 30H119.949V21.54H123.849C124.729 21.54 125.425 21.736 125.937 22.128C126.457 22.52 126.717 23.056 126.717 23.736C126.717 24.176 126.597 24.564 126.357 24.9C126.125 25.228 125.801 25.468 125.385 25.62ZM121.773 24.984H123.537C124.017 24.984 124.369 24.904 124.593 24.744C124.825 24.576 124.941 24.324 124.941 23.988C124.941 23.636 124.825 23.38 124.593 23.22C124.369 23.052 124.017 22.968 123.537 22.968H121.773V24.984ZM123.753 28.572C124.249 28.572 124.609 28.488 124.833 28.32C125.057 28.152 125.169 27.88 125.169 27.504C125.169 27.128 125.057 26.852 124.833 26.676C124.609 26.5 124.249 26.412 123.753 26.412H121.773V28.572H123.753ZM131.811 30.108C130.627 30.108 129.723 29.804 129.099 29.196C128.483 28.58 128.175 27.684 128.175 26.508V21.54H130.011V26.592C130.011 27.264 130.163 27.776 130.467 28.128C130.779 28.48 131.227 28.656 131.811 28.656C132.395 28.656 132.843 28.48 133.155 28.128C133.467 27.768 133.623 27.256 133.623 26.592V21.54H135.459V26.508C135.459 27.676 135.147 28.568 134.523 29.184C133.899 29.8 132.995 30.108 131.811 30.108ZM139.05 23.064H136.398V21.54H143.574V23.064H140.922V30H139.05V23.064ZM146.515 23.064H143.863V21.54H151.039V23.064H148.387V30H146.515V23.064ZM155.431 30.108C154.591 30.108 153.859 29.932 153.235 29.58C152.619 29.22 152.143 28.716 151.807 28.068C151.471 27.412 151.303 26.644 151.303 25.764C151.303 24.884 151.471 24.12 151.807 23.472C152.143 22.816 152.619 22.312 153.235 21.96C153.859 21.608 154.591 21.432 155.431 21.432C156.271 21.432 156.999 21.608 157.615 21.96C158.239 22.312 158.719 22.816 159.055 23.472C159.391 24.12 159.559 24.884 159.559 25.764C159.559 26.644 159.391 27.412 159.055 28.068C158.719 28.716 158.239 29.22 157.615 29.58C156.999 29.932 156.271 30.108 155.431 30.108ZM155.431 28.656C156.135 28.656 156.687 28.408 157.087 27.912C157.495 27.416 157.699 26.7 157.699 25.764C157.699 24.828 157.499 24.116 157.099 23.628C156.699 23.132 156.143 22.884 155.431 22.884C154.719 22.884 154.163 23.132 153.763 23.628C153.371 24.116 153.175 24.828 153.175 25.764C153.175 26.7 153.375 27.416 153.775 27.912C154.175 28.408 154.727 28.656 155.431 28.656ZM168.332 21.54V30H166.94L162.728 24.612V30H160.988V21.54H162.368L166.58 26.904V21.54H168.332Z" fill="#333333"/> + <path d="M68.48 48.19H64.8L64.02 50H63.18L66.28 42.95H66.99L70.09 50H69.26L68.48 48.19ZM68.19 47.51L66.64 43.9L65.09 47.51H68.19ZM76.0438 45.01C76.4704 45.01 76.8471 45.1133 77.1738 45.32C77.5004 45.5267 77.7538 45.82 77.9338 46.2C78.1138 46.58 78.2038 47.02 78.2038 47.52C78.2038 48.0267 78.1138 48.4733 77.9338 48.86C77.7538 49.24 77.5004 49.5367 77.1738 49.75C76.8471 49.9633 76.4704 50.07 76.0438 50.07C75.6638 50.07 75.3304 49.9867 75.0438 49.82C74.7638 49.6533 74.5504 49.4167 74.4038 49.11V50H73.5938V42.95H74.4038V45.97C74.5504 45.6633 74.7638 45.4267 75.0438 45.26C75.3304 45.0933 75.6638 45.01 76.0438 45.01ZM75.8838 49.4C76.3571 49.4 76.7238 49.2367 76.9838 48.91C77.2438 48.5767 77.3738 48.1133 77.3738 47.52C77.3738 46.94 77.2438 46.49 76.9838 46.17C76.7238 45.85 76.3571 45.69 75.8838 45.69C75.4104 45.69 75.0438 45.85 74.7838 46.17C74.5304 46.49 74.4038 46.9467 74.4038 47.54C74.4038 48.1333 74.5304 48.5933 74.7838 48.92C75.0438 49.24 75.4104 49.4 75.8838 49.4ZM83.5141 45.13V50H82.7241V49.17C82.5707 49.4633 82.3541 49.6867 82.0741 49.84C81.8007 49.9933 81.4907 50.07 81.1441 50.07C80.5641 50.07 80.1274 49.91 79.8341 49.59C79.5407 49.2633 79.3941 48.7833 79.3941 48.15V45.13H80.2041V48.13C80.2041 48.5633 80.2907 48.8833 80.4641 49.09C80.6374 49.29 80.9107 49.39 81.2841 49.39C81.7107 49.39 82.0541 49.2533 82.3141 48.98C82.5741 48.7 82.7041 48.3333 82.7041 47.88V45.13H83.5141ZM87.1595 49.42C87.3062 49.42 87.4529 49.41 87.5995 49.39L87.5595 50.03C87.4062 50.0567 87.2395 50.07 87.0595 50.07C86.4729 50.07 86.0295 49.9167 85.7295 49.61C85.4362 49.3033 85.2895 48.8767 85.2895 48.33V45.77H84.3395V45.13H85.2895V43.65H86.0995V45.13H87.4795V45.77H86.0995V48.27C86.0995 49.0367 86.4529 49.42 87.1595 49.42ZM90.5873 49.42C90.7339 49.42 90.8806 49.41 91.0273 49.39L90.9873 50.03C90.8339 50.0567 90.6673 50.07 90.4873 50.07C89.9006 50.07 89.4573 49.9167 89.1573 49.61C88.8639 49.3033 88.7173 48.8767 88.7173 48.33V45.77H87.7673V45.13H88.7173V43.65H89.5273V45.13H90.9073V45.77H89.5273V48.27C89.5273 49.0367 89.8806 49.42 90.5873 49.42ZM93.8657 50.07C93.4057 50.07 92.999 49.9667 92.6457 49.76C92.299 49.5533 92.029 49.26 91.8357 48.88C91.649 48.4933 91.5557 48.0467 91.5557 47.54C91.5557 47.0333 91.649 46.59 91.8357 46.21C92.029 45.8233 92.299 45.5267 92.6457 45.32C92.999 45.1133 93.4057 45.01 93.8657 45.01C94.3257 45.01 94.7324 45.1133 95.0857 45.32C95.439 45.5267 95.709 45.8233 95.8957 46.21C96.089 46.59 96.1857 47.0333 96.1857 47.54C96.1857 48.0467 96.089 48.4933 95.8957 48.88C95.709 49.26 95.439 49.5533 95.0857 49.76C94.7324 49.9667 94.3257 50.07 93.8657 50.07ZM93.8657 49.4C94.3457 49.4 94.7124 49.2433 94.9657 48.93C95.2257 48.61 95.3557 48.1467 95.3557 47.54C95.3557 46.9467 95.2257 46.49 94.9657 46.17C94.7057 45.8433 94.339 45.68 93.8657 45.68C93.3924 45.68 93.0257 45.8433 92.7657 46.17C92.5057 46.49 92.3757 46.9467 92.3757 47.54C92.3757 48.14 92.5024 48.6 92.7557 48.92C93.0157 49.24 93.3857 49.4 93.8657 49.4ZM99.8426 45.01C101.009 45.01 101.593 45.6533 101.593 46.94V50H100.783V46.99C100.783 46.5367 100.693 46.2067 100.513 46C100.339 45.7933 100.059 45.69 99.6726 45.69C99.2259 45.69 98.8692 45.8267 98.6026 46.1C98.3359 46.3733 98.2026 46.7433 98.2026 47.21V50H97.3926V45.13H98.1926V45.93C98.3526 45.63 98.5759 45.4033 98.8626 45.25C99.1492 45.09 99.4759 45.01 99.8426 45.01ZM103.976 48.98V50H102.956V48.98H103.976ZM113.709 42.95V50H113.079L108.829 44.33V50H108.059V42.95H108.689L112.939 48.62V42.95H113.709ZM117.352 50.07C116.892 50.07 116.485 49.9667 116.132 49.76C115.785 49.5533 115.515 49.26 115.322 48.88C115.135 48.4933 115.042 48.0467 115.042 47.54C115.042 47.0333 115.135 46.59 115.322 46.21C115.515 45.8233 115.785 45.5267 116.132 45.32C116.485 45.1133 116.892 45.01 117.352 45.01C117.812 45.01 118.219 45.1133 118.572 45.32C118.925 45.5267 119.195 45.8233 119.382 46.21C119.575 46.59 119.672 47.0333 119.672 47.54C119.672 48.0467 119.575 48.4933 119.382 48.88C119.195 49.26 118.925 49.5533 118.572 49.76C118.219 49.9667 117.812 50.07 117.352 50.07ZM117.352 49.4C117.832 49.4 118.199 49.2433 118.452 48.93C118.712 48.61 118.842 48.1467 118.842 47.54C118.842 46.9467 118.712 46.49 118.452 46.17C118.192 45.8433 117.825 45.68 117.352 45.68C116.879 45.68 116.512 45.8433 116.252 46.17C115.992 46.49 115.862 46.9467 115.862 47.54C115.862 48.14 115.989 48.6 116.242 48.92C116.502 49.24 116.872 49.4 117.352 49.4ZM123.009 49.42C123.156 49.42 123.302 49.41 123.449 49.39L123.409 50.03C123.256 50.0567 123.089 50.07 122.909 50.07C122.322 50.07 121.879 49.9167 121.579 49.61C121.286 49.3033 121.139 48.8767 121.139 48.33V45.77H120.189V45.13H121.139V43.65H121.949V45.13H123.329V45.77H121.949V48.27C121.949 49.0367 122.302 49.42 123.009 49.42ZM126.718 45.01C127.884 45.01 128.468 45.6533 128.468 46.94V50H127.658V46.99C127.658 46.5367 127.568 46.2067 127.388 46C127.214 45.7933 126.934 45.69 126.548 45.69C126.101 45.69 125.744 45.8267 125.478 46.1C125.211 46.3733 125.078 46.7433 125.078 47.21V50H124.268V42.95H125.078V45.91C125.238 45.6167 125.458 45.3933 125.738 45.24C126.024 45.0867 126.351 45.01 126.718 45.01ZM129.951 45.13H130.761V50H129.951V45.13ZM130.851 43.02V43.93H129.871V43.02H130.851ZM134.725 45.01C135.892 45.01 136.475 45.6533 136.475 46.94V50H135.665V46.99C135.665 46.5367 135.575 46.2067 135.395 46C135.222 45.7933 134.942 45.69 134.555 45.69C134.109 45.69 133.752 45.8267 133.485 46.1C133.219 46.3733 133.085 46.7433 133.085 47.21V50H132.275V45.13H133.075V45.93C133.235 45.63 133.459 45.4033 133.745 45.25C134.032 45.09 134.359 45.01 134.725 45.01ZM142.319 45.13V49.67C142.319 50.3967 142.132 50.9433 141.759 51.31C141.386 51.6833 140.832 51.87 140.099 51.87C139.246 51.87 138.529 51.65 137.949 51.21L138.219 50.61C138.546 50.8233 138.852 50.9767 139.139 51.07C139.426 51.1633 139.746 51.21 140.099 51.21C140.566 51.21 140.919 51.0833 141.159 50.83C141.399 50.5833 141.519 50.22 141.519 49.74V48.88C141.379 49.1933 141.162 49.4333 140.869 49.6C140.582 49.7667 140.242 49.85 139.849 49.85C139.422 49.85 139.042 49.75 138.709 49.55C138.382 49.35 138.126 49.0667 137.939 48.7C137.759 48.3333 137.669 47.91 137.669 47.43C137.669 46.95 137.759 46.5267 137.939 46.16C138.126 45.7933 138.382 45.51 138.709 45.31C139.042 45.11 139.422 45.01 139.849 45.01C140.236 45.01 140.572 45.0933 140.859 45.26C141.146 45.4267 141.362 45.6633 141.509 45.97V45.13H142.319ZM140.009 49.18C140.476 49.18 140.842 49.0267 141.109 48.72C141.376 48.4067 141.509 47.9767 141.509 47.43C141.509 46.89 141.376 46.4667 141.109 46.16C140.849 45.8467 140.482 45.69 140.009 45.69C139.536 45.69 139.162 45.8467 138.889 46.16C138.622 46.4667 138.489 46.89 138.489 47.43C138.489 47.9767 138.622 48.4067 138.889 48.72C139.162 49.0267 139.536 49.18 140.009 49.18ZM148.046 50.07C147.226 50.07 146.576 49.86 146.096 49.44L146.366 48.84C146.626 49.0467 146.89 49.1967 147.156 49.29C147.43 49.3767 147.736 49.42 148.076 49.42C148.436 49.42 148.71 49.36 148.896 49.24C149.09 49.1133 149.186 48.9333 149.186 48.7C149.186 48.5067 149.123 48.3533 148.996 48.24C148.87 48.1267 148.66 48.0367 148.366 47.97L147.546 47.78C147.133 47.6867 146.816 47.5267 146.596 47.3C146.376 47.0733 146.266 46.7933 146.266 46.46C146.266 46.0267 146.436 45.6767 146.776 45.41C147.116 45.1433 147.57 45.01 148.136 45.01C148.476 45.01 148.8 45.0667 149.106 45.18C149.413 45.2867 149.67 45.4433 149.876 45.65L149.606 46.24C149.16 45.86 148.67 45.67 148.136 45.67C147.796 45.67 147.53 45.7367 147.336 45.87C147.15 45.9967 147.056 46.1767 147.056 46.41C147.056 46.6033 147.113 46.76 147.226 46.88C147.346 46.9933 147.536 47.08 147.796 47.14L148.626 47.34C149.08 47.4467 149.416 47.61 149.636 47.83C149.856 48.0433 149.966 48.3233 149.966 48.67C149.966 49.0967 149.793 49.4367 149.446 49.69C149.106 49.9433 148.64 50.07 148.046 50.07ZM153.651 45.01C154.078 45.01 154.455 45.1167 154.781 45.33C155.108 45.5433 155.361 45.8433 155.541 46.23C155.721 46.61 155.811 47.0533 155.811 47.56C155.811 48.0667 155.721 48.51 155.541 48.89C155.361 49.2633 155.108 49.5533 154.781 49.76C154.461 49.9667 154.085 50.07 153.651 50.07C153.271 50.07 152.938 49.9867 152.651 49.82C152.371 49.6533 152.158 49.4167 152.011 49.11V51.8H151.201V45.13H152.011V45.97C152.158 45.6633 152.371 45.4267 152.651 45.26C152.938 45.0933 153.271 45.01 153.651 45.01ZM153.491 49.4C153.965 49.4 154.331 49.24 154.591 48.92C154.851 48.6 154.981 48.1467 154.981 47.56C154.981 46.9733 154.851 46.5167 154.591 46.19C154.331 45.8567 153.965 45.69 153.491 45.69C153.018 45.69 152.651 45.85 152.391 46.17C152.138 46.49 152.011 46.9467 152.011 47.54C152.011 48.1333 152.138 48.5933 152.391 48.92C152.651 49.24 153.018 49.4 153.491 49.4ZM161.101 47.69H157.541C157.568 48.2567 157.721 48.6867 158.001 48.98C158.281 49.2667 158.678 49.41 159.191 49.41C159.758 49.41 160.278 49.2167 160.751 48.83L161.021 49.42C160.808 49.62 160.535 49.78 160.201 49.9C159.868 50.0133 159.528 50.07 159.181 50.07C158.421 50.07 157.821 49.8467 157.381 49.4C156.948 48.9533 156.731 48.3367 156.731 47.55C156.731 47.05 156.828 46.61 157.021 46.23C157.215 45.8433 157.485 45.5433 157.831 45.33C158.185 45.1167 158.585 45.01 159.031 45.01C159.678 45.01 160.185 45.2233 160.551 45.65C160.918 46.07 161.101 46.65 161.101 47.39V47.69ZM159.041 45.64C158.615 45.64 158.271 45.7733 158.011 46.04C157.758 46.3067 157.608 46.6833 157.561 47.17H160.391C160.378 46.6767 160.255 46.3 160.021 46.04C159.788 45.7733 159.461 45.64 159.041 45.64ZM164.355 50.07C163.875 50.07 163.458 49.9667 163.105 49.76C162.752 49.5533 162.478 49.2633 162.285 48.89C162.098 48.51 162.005 48.0667 162.005 47.56C162.005 47.0533 162.102 46.61 162.295 46.23C162.495 45.8433 162.772 45.5433 163.125 45.33C163.485 45.1167 163.905 45.01 164.385 45.01C164.712 45.01 165.032 45.07 165.345 45.19C165.658 45.3033 165.912 45.4567 166.105 45.65L165.835 46.25C165.375 45.8767 164.908 45.69 164.435 45.69C163.935 45.69 163.545 45.8533 163.265 46.18C162.985 46.5067 162.845 46.9667 162.845 47.56C162.845 48.1467 162.985 48.6 163.265 48.92C163.545 49.24 163.935 49.4 164.435 49.4C164.908 49.4 165.375 49.2133 165.835 48.84L166.105 49.44C165.898 49.6333 165.638 49.7867 165.325 49.9C165.012 50.0133 164.688 50.07 164.355 50.07ZM167.08 45.13H167.89V50H167.08V45.13ZM167.98 43.02V43.93H167V43.02H167.98ZM171.384 45.01C172.004 45.01 172.464 45.17 172.764 45.49C173.071 45.8033 173.224 46.2833 173.224 46.93V50H172.434V49.17C172.308 49.4567 172.114 49.68 171.854 49.84C171.594 49.9933 171.294 50.07 170.954 50.07C170.641 50.07 170.351 50.0067 170.084 49.88C169.824 49.7533 169.618 49.5767 169.464 49.35C169.311 49.1233 169.234 48.8733 169.234 48.6C169.234 48.2333 169.328 47.95 169.514 47.75C169.701 47.5433 170.008 47.3967 170.434 47.31C170.861 47.2167 171.454 47.17 172.214 47.17H172.434V46.84C172.434 46.4333 172.351 46.14 172.184 45.96C172.018 45.7733 171.748 45.68 171.374 45.68C170.814 45.68 170.258 45.8533 169.704 46.2L169.434 45.61C169.688 45.43 169.991 45.2867 170.344 45.18C170.704 45.0667 171.051 45.01 171.384 45.01ZM171.064 49.43C171.464 49.43 171.791 49.2967 172.044 49.03C172.304 48.7567 172.434 48.4067 172.434 47.98V47.69H172.254C171.668 47.69 171.221 47.7167 170.914 47.77C170.608 47.8167 170.388 47.9 170.254 48.02C170.128 48.1333 170.064 48.3033 170.064 48.53C170.064 48.79 170.158 49.0067 170.344 49.18C170.538 49.3467 170.778 49.43 171.064 49.43ZM174.707 42.95H175.517V50H174.707V42.95ZM177.931 48.98V50H176.911V48.98H177.931Z" fill="#333333"/> + <path d="M69.492 164.128H65.556L64.752 166H62.868L66.756 157.54H68.256L72.144 166H70.296L69.492 164.128ZM68.88 162.712L67.524 159.544L66.168 162.712H68.88ZM76.5893 166.108C75.7333 166.108 74.9853 165.928 74.3453 165.568C73.7133 165.208 73.2253 164.7 72.8813 164.044C72.5453 163.388 72.3773 162.628 72.3773 161.764C72.3773 160.9 72.5453 160.14 72.8813 159.484C73.2253 158.828 73.7133 158.324 74.3453 157.972C74.9853 157.612 75.7333 157.432 76.5893 157.432C77.1493 157.432 77.6853 157.52 78.1973 157.696C78.7093 157.864 79.1293 158.1 79.4573 158.404L78.8573 159.736C78.4893 159.456 78.1213 159.252 77.7533 159.124C77.3933 158.996 77.0173 158.932 76.6253 158.932C75.8733 158.932 75.2933 159.172 74.8853 159.652C74.4853 160.132 74.2853 160.836 74.2853 161.764C74.2853 162.692 74.4853 163.4 74.8853 163.888C75.2933 164.368 75.8733 164.608 76.6253 164.608C77.0173 164.608 77.3933 164.544 77.7533 164.416C78.1213 164.288 78.4893 164.084 78.8573 163.804L79.4573 165.136C79.1293 165.44 78.7093 165.68 78.1973 165.856C77.6853 166.024 77.1493 166.108 76.5893 166.108ZM82.589 159.064H79.937V157.54H87.113V159.064H84.461V166H82.589V159.064ZM88.0978 157.54H89.9698V166H88.0978V157.54ZM99.7366 157.54L95.9326 166H94.4326L90.6166 157.54H92.5606L95.2006 163.672L97.8406 157.54H99.7366ZM100.379 157.54H106.211V158.992H102.203V160.972H105.971V162.424H102.203V164.548H106.211V166H100.379V157.54ZM116.28 161.62C116.768 161.764 117.144 162.016 117.408 162.376C117.68 162.728 117.816 163.164 117.816 163.684C117.816 164.396 117.552 164.96 117.024 165.376C116.504 165.792 115.784 166 114.864 166H110.844V157.54H114.744C115.624 157.54 116.32 157.736 116.832 158.128C117.352 158.52 117.612 159.056 117.612 159.736C117.612 160.176 117.492 160.564 117.252 160.9C117.02 161.228 116.696 161.468 116.28 161.62ZM112.668 160.984H114.432C114.912 160.984 115.264 160.904 115.488 160.744C115.72 160.576 115.836 160.324 115.836 159.988C115.836 159.636 115.72 159.38 115.488 159.22C115.264 159.052 114.912 158.968 114.432 158.968H112.668V160.984ZM114.648 164.572C115.144 164.572 115.504 164.488 115.728 164.32C115.952 164.152 116.064 163.88 116.064 163.504C116.064 163.128 115.952 162.852 115.728 162.676C115.504 162.5 115.144 162.412 114.648 162.412H112.668V164.572H114.648ZM122.705 166.108C121.521 166.108 120.617 165.804 119.993 165.196C119.377 164.58 119.069 163.684 119.069 162.508V157.54H120.905V162.592C120.905 163.264 121.057 163.776 121.361 164.128C121.673 164.48 122.121 164.656 122.705 164.656C123.289 164.656 123.737 164.48 124.049 164.128C124.361 163.768 124.517 163.256 124.517 162.592V157.54H126.353V162.508C126.353 163.676 126.041 164.568 125.417 165.184C124.793 165.8 123.889 166.108 122.705 166.108ZM129.944 159.064H127.292V157.54H134.468V159.064H131.816V166H129.944V159.064ZM137.409 159.064H134.757V157.54H141.933V159.064H139.281V166H137.409V159.064ZM146.326 166.108C145.486 166.108 144.754 165.932 144.13 165.58C143.514 165.22 143.038 164.716 142.702 164.068C142.366 163.412 142.198 162.644 142.198 161.764C142.198 160.884 142.366 160.12 142.702 159.472C143.038 158.816 143.514 158.312 144.13 157.96C144.754 157.608 145.486 157.432 146.326 157.432C147.166 157.432 147.894 157.608 148.51 157.96C149.134 158.312 149.614 158.816 149.95 159.472C150.286 160.12 150.454 160.884 150.454 161.764C150.454 162.644 150.286 163.412 149.95 164.068C149.614 164.716 149.134 165.22 148.51 165.58C147.894 165.932 147.166 166.108 146.326 166.108ZM146.326 164.656C147.03 164.656 147.582 164.408 147.982 163.912C148.39 163.416 148.594 162.7 148.594 161.764C148.594 160.828 148.394 160.116 147.994 159.628C147.594 159.132 147.038 158.884 146.326 158.884C145.614 158.884 145.058 159.132 144.658 159.628C144.266 160.116 144.07 160.828 144.07 161.764C144.07 162.7 144.27 163.416 144.67 163.912C145.07 164.408 145.622 164.656 146.326 164.656ZM159.227 157.54V166H157.835L153.623 160.612V166H151.883V157.54H153.263L157.475 162.904V157.54H159.227Z" fill="#333333"/> + <path d="M63.87 178.95H66.66C67.4 178.95 67.9733 179.13 68.38 179.49C68.7933 179.85 69 180.36 69 181.02C69 181.68 68.7933 182.193 68.38 182.56C67.9667 182.927 67.3933 183.11 66.66 183.11H64.69V186H63.87V178.95ZM66.58 182.43C67.6533 182.43 68.19 181.96 68.19 181.02C68.19 180.093 67.6533 179.63 66.58 179.63H64.69V182.43H66.58ZM72.8577 181.71L72.3277 181.76C71.8277 181.807 71.4643 181.963 71.2377 182.23C71.0177 182.497 70.9077 182.827 70.9077 183.22V186H70.0977V181.13H70.8877V181.98C71.161 181.413 71.6977 181.097 72.4977 181.03L72.7877 181.01L72.8577 181.71ZM77.6054 183.69H74.0454C74.0721 184.257 74.2254 184.687 74.5054 184.98C74.7854 185.267 75.1821 185.41 75.6954 185.41C76.2621 185.41 76.7821 185.217 77.2554 184.83L77.5254 185.42C77.3121 185.62 77.0387 185.78 76.7054 185.9C76.3721 186.013 76.0321 186.07 75.6854 186.07C74.9254 186.07 74.3254 185.847 73.8854 185.4C73.4521 184.953 73.2354 184.337 73.2354 183.55C73.2354 183.05 73.3321 182.61 73.5254 182.23C73.7187 181.843 73.9887 181.543 74.3354 181.33C74.6887 181.117 75.0887 181.01 75.5354 181.01C76.1821 181.01 76.6887 181.223 77.0554 181.65C77.4221 182.07 77.6054 182.65 77.6054 183.39V183.69ZM75.5454 181.64C75.1187 181.64 74.7754 181.773 74.5154 182.04C74.2621 182.307 74.1121 182.683 74.0654 183.17H76.8954C76.8821 182.677 76.7587 182.3 76.5254 182.04C76.2921 181.773 75.9654 181.64 75.5454 181.64ZM80.4488 186.07C79.6288 186.07 78.9788 185.86 78.4988 185.44L78.7688 184.84C79.0288 185.047 79.2922 185.197 79.5588 185.29C79.8322 185.377 80.1388 185.42 80.4788 185.42C80.8388 185.42 81.1122 185.36 81.2988 185.24C81.4922 185.113 81.5888 184.933 81.5888 184.7C81.5888 184.507 81.5255 184.353 81.3988 184.24C81.2722 184.127 81.0622 184.037 80.7688 183.97L79.9488 183.78C79.5355 183.687 79.2188 183.527 78.9988 183.3C78.7788 183.073 78.6688 182.793 78.6688 182.46C78.6688 182.027 78.8388 181.677 79.1788 181.41C79.5188 181.143 79.9722 181.01 80.5388 181.01C80.8788 181.01 81.2022 181.067 81.5088 181.18C81.8155 181.287 82.0722 181.443 82.2788 181.65L82.0088 182.24C81.5622 181.86 81.0722 181.67 80.5388 181.67C80.1988 181.67 79.9322 181.737 79.7388 181.87C79.5522 181.997 79.4588 182.177 79.4588 182.41C79.4588 182.603 79.5155 182.76 79.6288 182.88C79.7488 182.993 79.9388 183.08 80.1988 183.14L81.0288 183.34C81.4822 183.447 81.8188 183.61 82.0388 183.83C82.2588 184.043 82.3688 184.323 82.3688 184.67C82.3688 185.097 82.1955 185.437 81.8488 185.69C81.5088 185.943 81.0422 186.07 80.4488 186.07ZM85.2535 186.07C84.4335 186.07 83.7835 185.86 83.3035 185.44L83.5735 184.84C83.8335 185.047 84.0968 185.197 84.3635 185.29C84.6368 185.377 84.9435 185.42 85.2835 185.42C85.6435 185.42 85.9168 185.36 86.1035 185.24C86.2968 185.113 86.3935 184.933 86.3935 184.7C86.3935 184.507 86.3302 184.353 86.2035 184.24C86.0768 184.127 85.8668 184.037 85.5735 183.97L84.7535 183.78C84.3402 183.687 84.0235 183.527 83.8035 183.3C83.5835 183.073 83.4735 182.793 83.4735 182.46C83.4735 182.027 83.6435 181.677 83.9835 181.41C84.3235 181.143 84.7768 181.01 85.3435 181.01C85.6835 181.01 86.0068 181.067 86.3135 181.18C86.6202 181.287 86.8768 181.443 87.0835 181.65L86.8135 182.24C86.3668 181.86 85.8768 181.67 85.3435 181.67C85.0035 181.67 84.7368 181.737 84.5435 181.87C84.3568 181.997 84.2635 182.177 84.2635 182.41C84.2635 182.603 84.3202 182.76 84.4335 182.88C84.5535 182.993 84.7435 183.08 85.0035 183.14L85.8335 183.34C86.2868 183.447 86.6235 183.61 86.8435 183.83C87.0635 184.043 87.1735 184.323 87.1735 184.67C87.1735 185.097 87.0002 185.437 86.6535 185.69C86.3135 185.943 85.8468 186.07 85.2535 186.07ZM92.4882 183.69H88.9282C88.9549 184.257 89.1082 184.687 89.3882 184.98C89.6682 185.267 90.0649 185.41 90.5782 185.41C91.1449 185.41 91.6649 185.217 92.1382 184.83L92.4082 185.42C92.1949 185.62 91.9215 185.78 91.5882 185.9C91.2549 186.013 90.9149 186.07 90.5682 186.07C89.8082 186.07 89.2082 185.847 88.7682 185.4C88.3349 184.953 88.1182 184.337 88.1182 183.55C88.1182 183.05 88.2149 182.61 88.4082 182.23C88.6015 181.843 88.8715 181.543 89.2182 181.33C89.5715 181.117 89.9715 181.01 90.4182 181.01C91.0649 181.01 91.5715 181.223 91.9382 181.65C92.3049 182.07 92.4882 182.65 92.4882 183.39V183.69ZM90.4282 181.64C90.0015 181.64 89.6582 181.773 89.3982 182.04C89.1449 182.307 88.9949 182.683 88.9482 183.17H91.7782C91.7649 182.677 91.6415 182.3 91.4082 182.04C91.1749 181.773 90.8482 181.64 90.4282 181.64ZM98.0016 178.95V186H97.1916V185.11C97.045 185.417 96.8283 185.653 96.5416 185.82C96.2616 185.987 95.9316 186.07 95.5516 186.07C95.125 186.07 94.7483 185.963 94.4216 185.75C94.095 185.537 93.8416 185.24 93.6616 184.86C93.4816 184.473 93.3916 184.027 93.3916 183.52C93.3916 183.02 93.4816 182.58 93.6616 182.2C93.8416 181.82 94.095 181.527 94.4216 181.32C94.7483 181.113 95.125 181.01 95.5516 181.01C95.9316 181.01 96.2616 181.093 96.5416 181.26C96.8283 181.427 97.045 181.663 97.1916 181.97V178.95H98.0016ZM95.7116 185.4C96.185 185.4 96.5483 185.24 96.8016 184.92C97.0616 184.593 97.1916 184.133 97.1916 183.54C97.1916 182.947 97.0616 182.49 96.8016 182.17C96.5483 181.85 96.185 181.69 95.7116 181.69C95.2383 181.69 94.8683 181.85 94.6016 182.17C94.3416 182.49 94.2116 182.94 94.2116 183.52C94.2116 184.113 94.3416 184.577 94.6016 184.91C94.8683 185.237 95.2383 185.4 95.7116 185.4ZM104.53 181.01C104.957 181.01 105.333 181.113 105.66 181.32C105.987 181.527 106.24 181.82 106.42 182.2C106.6 182.58 106.69 183.02 106.69 183.52C106.69 184.027 106.6 184.473 106.42 184.86C106.24 185.24 105.987 185.537 105.66 185.75C105.333 185.963 104.957 186.07 104.53 186.07C104.15 186.07 103.817 185.987 103.53 185.82C103.25 185.653 103.037 185.417 102.89 185.11V186H102.08V178.95H102.89V181.97C103.037 181.663 103.25 181.427 103.53 181.26C103.817 181.093 104.15 181.01 104.53 181.01ZM104.37 185.4C104.843 185.4 105.21 185.237 105.47 184.91C105.73 184.577 105.86 184.113 105.86 183.52C105.86 182.94 105.73 182.49 105.47 182.17C105.21 181.85 104.843 181.69 104.37 181.69C103.897 181.69 103.53 181.85 103.27 182.17C103.017 182.49 102.89 182.947 102.89 183.54C102.89 184.133 103.017 184.593 103.27 184.92C103.53 185.24 103.897 185.4 104.37 185.4ZM112 181.13V186H111.21V185.17C111.057 185.463 110.84 185.687 110.56 185.84C110.287 185.993 109.977 186.07 109.63 186.07C109.05 186.07 108.614 185.91 108.32 185.59C108.027 185.263 107.88 184.783 107.88 184.15V181.13H108.69V184.13C108.69 184.563 108.777 184.883 108.95 185.09C109.124 185.29 109.397 185.39 109.77 185.39C110.197 185.39 110.54 185.253 110.8 184.98C111.06 184.7 111.19 184.333 111.19 183.88V181.13H112ZM115.646 185.42C115.793 185.42 115.939 185.41 116.086 185.39L116.046 186.03C115.893 186.057 115.726 186.07 115.546 186.07C114.959 186.07 114.516 185.917 114.216 185.61C113.923 185.303 113.776 184.877 113.776 184.33V181.77H112.826V181.13H113.776V179.65H114.586V181.13H115.966V181.77H114.586V184.27C114.586 185.037 114.939 185.42 115.646 185.42ZM119.074 185.42C119.22 185.42 119.367 185.41 119.514 185.39L119.474 186.03C119.32 186.057 119.154 186.07 118.974 186.07C118.387 186.07 117.944 185.917 117.644 185.61C117.35 185.303 117.204 184.877 117.204 184.33V181.77H116.254V181.13H117.204V179.65H118.014V181.13H119.394V181.77H118.014V184.27C118.014 185.037 118.367 185.42 119.074 185.42ZM122.352 186.07C121.892 186.07 121.485 185.967 121.132 185.76C120.785 185.553 120.515 185.26 120.322 184.88C120.135 184.493 120.042 184.047 120.042 183.54C120.042 183.033 120.135 182.59 120.322 182.21C120.515 181.823 120.785 181.527 121.132 181.32C121.485 181.113 121.892 181.01 122.352 181.01C122.812 181.01 123.219 181.113 123.572 181.32C123.925 181.527 124.195 181.823 124.382 182.21C124.575 182.59 124.672 183.033 124.672 183.54C124.672 184.047 124.575 184.493 124.382 184.88C124.195 185.26 123.925 185.553 123.572 185.76C123.219 185.967 122.812 186.07 122.352 186.07ZM122.352 185.4C122.832 185.4 123.199 185.243 123.452 184.93C123.712 184.61 123.842 184.147 123.842 183.54C123.842 182.947 123.712 182.49 123.452 182.17C123.192 181.843 122.825 181.68 122.352 181.68C121.879 181.68 121.512 181.843 121.252 182.17C120.992 182.49 120.862 182.947 120.862 183.54C120.862 184.14 120.989 184.6 121.242 184.92C121.502 185.24 121.872 185.4 122.352 185.4ZM128.329 181.01C129.496 181.01 130.079 181.653 130.079 182.94V186H129.269V182.99C129.269 182.537 129.179 182.207 128.999 182C128.826 181.793 128.546 181.69 128.159 181.69C127.712 181.69 127.356 181.827 127.089 182.1C126.822 182.373 126.689 182.743 126.689 183.21V186H125.879V181.13H126.679V181.93C126.839 181.63 127.062 181.403 127.349 181.25C127.636 181.09 127.962 181.01 128.329 181.01ZM132.463 184.98V186H131.443V184.98H132.463Z" fill="#333333"/> + <path d="M267.84 21.54H271.128C272.048 21.54 272.84 21.708 273.504 22.044C274.168 22.38 274.676 22.864 275.028 23.496C275.38 24.128 275.556 24.884 275.556 25.764C275.556 26.644 275.38 27.404 275.028 28.044C274.684 28.676 274.18 29.16 273.516 29.496C272.852 29.832 272.056 30 271.128 30H267.84V21.54ZM270.996 28.488C272.796 28.488 273.696 27.58 273.696 25.764C273.696 23.956 272.796 23.052 270.996 23.052H269.712V28.488H270.996ZM276.992 21.54H278.864V30H276.992V21.54ZM283.507 30.108C282.867 30.108 282.251 30.024 281.659 29.856C281.067 29.68 280.575 29.44 280.183 29.136L280.783 27.804C281.599 28.372 282.515 28.656 283.531 28.656C284.059 28.656 284.463 28.572 284.743 28.404C285.031 28.228 285.175 27.988 285.175 27.684C285.175 27.412 285.043 27.2 284.779 27.048C284.523 26.896 284.063 26.748 283.399 26.604C282.655 26.452 282.059 26.268 281.611 26.052C281.171 25.836 280.847 25.572 280.639 25.26C280.439 24.94 280.339 24.548 280.339 24.084C280.339 23.572 280.479 23.116 280.759 22.716C281.047 22.316 281.447 22.004 281.959 21.78C282.471 21.548 283.063 21.432 283.735 21.432C284.335 21.432 284.911 21.52 285.463 21.696C286.023 21.872 286.467 22.108 286.795 22.404L286.195 23.736C285.419 23.168 284.603 22.884 283.747 22.884C283.259 22.884 282.875 22.98 282.595 23.172C282.315 23.356 282.175 23.612 282.175 23.94C282.175 24.132 282.227 24.292 282.331 24.42C282.443 24.54 282.623 24.648 282.871 24.744C283.127 24.84 283.487 24.94 283.951 25.044C285.039 25.284 285.819 25.592 286.291 25.968C286.771 26.344 287.011 26.864 287.011 27.528C287.011 28.328 286.703 28.96 286.087 29.424C285.471 29.88 284.611 30.108 283.507 30.108ZM293.894 28.128H289.958L289.154 30H287.27L291.158 21.54H292.658L296.546 30H294.698L293.894 28.128ZM293.282 26.712L291.926 23.544L290.57 26.712H293.282ZM302.69 25.62C303.178 25.764 303.554 26.016 303.818 26.376C304.09 26.728 304.226 27.164 304.226 27.684C304.226 28.396 303.962 28.96 303.434 29.376C302.914 29.792 302.194 30 301.274 30H297.254V21.54H301.154C302.034 21.54 302.73 21.736 303.242 22.128C303.762 22.52 304.022 23.056 304.022 23.736C304.022 24.176 303.902 24.564 303.662 24.9C303.43 25.228 303.106 25.468 302.69 25.62ZM299.078 24.984H300.842C301.322 24.984 301.674 24.904 301.898 24.744C302.13 24.576 302.246 24.324 302.246 23.988C302.246 23.636 302.13 23.38 301.898 23.22C301.674 23.052 301.322 22.968 300.842 22.968H299.078V24.984ZM301.058 28.572C301.554 28.572 301.914 28.488 302.138 28.32C302.362 28.152 302.474 27.88 302.474 27.504C302.474 27.128 302.362 26.852 302.138 26.676C301.914 26.5 301.554 26.412 301.058 26.412H299.078V28.572H301.058ZM305.528 21.54H307.4V28.476H311.18V30H305.528V21.54ZM312.289 21.54H318.121V22.992H314.113V24.972H317.881V26.424H314.113V28.548H318.121V30H312.289V21.54ZM319.403 21.54H322.691C323.611 21.54 324.403 21.708 325.067 22.044C325.731 22.38 326.239 22.864 326.591 23.496C326.943 24.128 327.119 24.884 327.119 25.764C327.119 26.644 326.943 27.404 326.591 28.044C326.247 28.676 325.743 29.16 325.079 29.496C324.415 29.832 323.619 30 322.691 30H319.403V21.54ZM322.559 28.488C324.359 28.488 325.259 27.58 325.259 25.764C325.259 23.956 324.359 23.052 322.559 23.052H321.275V28.488H322.559ZM337.342 25.62C337.83 25.764 338.206 26.016 338.47 26.376C338.742 26.728 338.878 27.164 338.878 27.684C338.878 28.396 338.614 28.96 338.086 29.376C337.566 29.792 336.846 30 335.926 30H331.906V21.54H335.806C336.686 21.54 337.382 21.736 337.894 22.128C338.414 22.52 338.674 23.056 338.674 23.736C338.674 24.176 338.554 24.564 338.314 24.9C338.082 25.228 337.758 25.468 337.342 25.62ZM333.73 24.984H335.494C335.974 24.984 336.326 24.904 336.55 24.744C336.782 24.576 336.898 24.324 336.898 23.988C336.898 23.636 336.782 23.38 336.55 23.22C336.326 23.052 335.974 22.968 335.494 22.968H333.73V24.984ZM335.71 28.572C336.206 28.572 336.566 28.488 336.79 28.32C337.014 28.152 337.126 27.88 337.126 27.504C337.126 27.128 337.014 26.852 336.79 26.676C336.566 26.5 336.206 26.412 335.71 26.412H333.73V28.572H335.71ZM343.768 30.108C342.584 30.108 341.68 29.804 341.056 29.196C340.44 28.58 340.132 27.684 340.132 26.508V21.54H341.968V26.592C341.968 27.264 342.12 27.776 342.424 28.128C342.736 28.48 343.184 28.656 343.768 28.656C344.352 28.656 344.8 28.48 345.112 28.128C345.424 27.768 345.58 27.256 345.58 26.592V21.54H347.416V26.508C347.416 27.676 347.104 28.568 346.48 29.184C345.856 29.8 344.952 30.108 343.768 30.108ZM351.007 23.064H348.355V21.54H355.531V23.064H352.879V30H351.007V23.064ZM358.472 23.064H355.82V21.54H362.996V23.064H360.344V30H358.472V23.064ZM367.388 30.108C366.548 30.108 365.816 29.932 365.192 29.58C364.576 29.22 364.1 28.716 363.764 28.068C363.428 27.412 363.26 26.644 363.26 25.764C363.26 24.884 363.428 24.12 363.764 23.472C364.1 22.816 364.576 22.312 365.192 21.96C365.816 21.608 366.548 21.432 367.388 21.432C368.228 21.432 368.956 21.608 369.572 21.96C370.196 22.312 370.676 22.816 371.012 23.472C371.348 24.12 371.516 24.884 371.516 25.764C371.516 26.644 371.348 27.412 371.012 28.068C370.676 28.716 370.196 29.22 369.572 29.58C368.956 29.932 368.228 30.108 367.388 30.108ZM367.388 28.656C368.092 28.656 368.644 28.408 369.044 27.912C369.452 27.416 369.656 26.7 369.656 25.764C369.656 24.828 369.456 24.116 369.056 23.628C368.656 23.132 368.1 22.884 367.388 22.884C366.676 22.884 366.12 23.132 365.72 23.628C365.328 24.116 365.132 24.828 365.132 25.764C365.132 26.7 365.332 27.416 365.732 27.912C366.132 28.408 366.684 28.656 367.388 28.656ZM380.289 21.54V30H378.897L374.685 24.612V30H372.945V21.54H374.325L378.537 26.904V21.54H380.289Z" fill="#333333"/> + <path d="M267.87 42.95H268.69V50H267.87V42.95ZM272.759 45.01C273.925 45.01 274.509 45.6533 274.509 46.94V50H273.699V46.99C273.699 46.5367 273.609 46.2067 273.429 46C273.255 45.7933 272.975 45.69 272.589 45.69C272.142 45.69 271.785 45.8267 271.519 46.1C271.252 46.3733 271.119 46.7433 271.119 47.21V50H270.309V45.13H271.109V45.93C271.269 45.63 271.492 45.4033 271.779 45.25C272.065 45.09 272.392 45.01 272.759 45.01ZM277.972 45.01C278.592 45.01 279.052 45.17 279.352 45.49C279.659 45.8033 279.812 46.2833 279.812 46.93V50H279.022V49.17C278.896 49.4567 278.702 49.68 278.442 49.84C278.182 49.9933 277.882 50.07 277.542 50.07C277.229 50.07 276.939 50.0067 276.672 49.88C276.412 49.7533 276.206 49.5767 276.052 49.35C275.899 49.1233 275.822 48.8733 275.822 48.6C275.822 48.2333 275.916 47.95 276.102 47.75C276.289 47.5433 276.596 47.3967 277.022 47.31C277.449 47.2167 278.042 47.17 278.802 47.17H279.022V46.84C279.022 46.4333 278.939 46.14 278.772 45.96C278.606 45.7733 278.336 45.68 277.962 45.68C277.402 45.68 276.846 45.8533 276.292 46.2L276.022 45.61C276.276 45.43 276.579 45.2867 276.932 45.18C277.292 45.0667 277.639 45.01 277.972 45.01ZM277.652 49.43C278.052 49.43 278.379 49.2967 278.632 49.03C278.892 48.7567 279.022 48.4067 279.022 47.98V47.69H278.842C278.256 47.69 277.809 47.7167 277.502 47.77C277.196 47.8167 276.976 47.9 276.842 48.02C276.716 48.1333 276.652 48.3033 276.652 48.53C276.652 48.79 276.746 49.0067 276.932 49.18C277.126 49.3467 277.366 49.43 277.652 49.43ZM283.355 50.07C282.875 50.07 282.458 49.9667 282.105 49.76C281.752 49.5533 281.478 49.2633 281.285 48.89C281.098 48.51 281.005 48.0667 281.005 47.56C281.005 47.0533 281.102 46.61 281.295 46.23C281.495 45.8433 281.772 45.5433 282.125 45.33C282.485 45.1167 282.905 45.01 283.385 45.01C283.712 45.01 284.032 45.07 284.345 45.19C284.658 45.3033 284.912 45.4567 285.105 45.65L284.835 46.25C284.375 45.8767 283.908 45.69 283.435 45.69C282.935 45.69 282.545 45.8533 282.265 46.18C281.985 46.5067 281.845 46.9667 281.845 47.56C281.845 48.1467 281.985 48.6 282.265 48.92C282.545 49.24 282.935 49.4 283.435 49.4C283.908 49.4 284.375 49.2133 284.835 48.84L285.105 49.44C284.898 49.6333 284.638 49.7867 284.325 49.9C284.012 50.0133 283.688 50.07 283.355 50.07ZM288.23 49.42C288.377 49.42 288.523 49.41 288.67 49.39L288.63 50.03C288.477 50.0567 288.31 50.07 288.13 50.07C287.543 50.07 287.1 49.9167 286.8 49.61C286.507 49.3033 286.36 48.8767 286.36 48.33V45.77H285.41V45.13H286.36V43.65H287.17V45.13H288.55V45.77H287.17V48.27C287.17 49.0367 287.523 49.42 288.23 49.42ZM289.488 45.13H290.298V50H289.488V45.13ZM290.388 43.02V43.93H289.408V43.02H290.388ZM296.112 45.14L294.013 50H293.253L291.163 45.14H292.023L293.653 49.12L295.303 45.14H296.112ZM300.971 47.69H297.411C297.437 48.2567 297.591 48.6867 297.871 48.98C298.151 49.2667 298.547 49.41 299.061 49.41C299.627 49.41 300.147 49.2167 300.621 48.83L300.891 49.42C300.677 49.62 300.404 49.78 300.071 49.9C299.737 50.0133 299.397 50.07 299.051 50.07C298.291 50.07 297.691 49.8467 297.251 49.4C296.817 48.9533 296.601 48.3367 296.601 47.55C296.601 47.05 296.697 46.61 296.891 46.23C297.084 45.8433 297.354 45.5433 297.701 45.33C298.054 45.1167 298.454 45.01 298.901 45.01C299.547 45.01 300.054 45.2233 300.421 45.65C300.787 46.07 300.971 46.65 300.971 47.39V47.69ZM298.911 45.64C298.484 45.64 298.141 45.7733 297.881 46.04C297.627 46.3067 297.477 46.6833 297.431 47.17H300.261C300.247 46.6767 300.124 46.3 299.891 46.04C299.657 45.7733 299.331 45.64 298.911 45.64ZM307.192 45.01C307.619 45.01 307.996 45.1133 308.322 45.32C308.649 45.5267 308.902 45.82 309.082 46.2C309.262 46.58 309.352 47.02 309.352 47.52C309.352 48.0267 309.262 48.4733 309.082 48.86C308.902 49.24 308.649 49.5367 308.322 49.75C307.996 49.9633 307.619 50.07 307.192 50.07C306.812 50.07 306.479 49.9867 306.192 49.82C305.912 49.6533 305.699 49.4167 305.552 49.11V50H304.742V42.95H305.552V45.97C305.699 45.6633 305.912 45.4267 306.192 45.26C306.479 45.0933 306.812 45.01 307.192 45.01ZM307.032 49.4C307.506 49.4 307.872 49.2367 308.132 48.91C308.392 48.5767 308.522 48.1133 308.522 47.52C308.522 46.94 308.392 46.49 308.132 46.17C307.872 45.85 307.506 45.69 307.032 45.69C306.559 45.69 306.192 45.85 305.932 46.17C305.679 46.49 305.552 46.9467 305.552 47.54C305.552 48.1333 305.679 48.5933 305.932 48.92C306.192 49.24 306.559 49.4 307.032 49.4ZM314.663 45.13V50H313.873V49.17C313.719 49.4633 313.503 49.6867 313.223 49.84C312.949 49.9933 312.639 50.07 312.293 50.07C311.713 50.07 311.276 49.91 310.983 49.59C310.689 49.2633 310.543 48.7833 310.543 48.15V45.13H311.353V48.13C311.353 48.5633 311.439 48.8833 311.613 49.09C311.786 49.29 312.059 49.39 312.433 49.39C312.859 49.39 313.203 49.2533 313.463 48.98C313.723 48.7 313.853 48.3333 313.853 47.88V45.13H314.663ZM318.308 49.42C318.455 49.42 318.601 49.41 318.748 49.39L318.708 50.03C318.555 50.0567 318.388 50.07 318.208 50.07C317.621 50.07 317.178 49.9167 316.878 49.61C316.585 49.3033 316.438 48.8767 316.438 48.33V45.77H315.488V45.13H316.438V43.65H317.248V45.13H318.628V45.77H317.248V48.27C317.248 49.0367 317.601 49.42 318.308 49.42ZM321.736 49.42C321.882 49.42 322.029 49.41 322.176 49.39L322.136 50.03C321.982 50.0567 321.816 50.07 321.636 50.07C321.049 50.07 320.606 49.9167 320.306 49.61C320.012 49.3033 319.866 48.8767 319.866 48.33V45.77H318.916V45.13H319.866V43.65H320.676V45.13H322.056V45.77H320.676V48.27C320.676 49.0367 321.029 49.42 321.736 49.42ZM325.014 50.07C324.554 50.07 324.147 49.9667 323.794 49.76C323.447 49.5533 323.177 49.26 322.984 48.88C322.797 48.4933 322.704 48.0467 322.704 47.54C322.704 47.0333 322.797 46.59 322.984 46.21C323.177 45.8233 323.447 45.5267 323.794 45.32C324.147 45.1133 324.554 45.01 325.014 45.01C325.474 45.01 325.881 45.1133 326.234 45.32C326.587 45.5267 326.857 45.8233 327.044 46.21C327.237 46.59 327.334 47.0333 327.334 47.54C327.334 48.0467 327.237 48.4933 327.044 48.88C326.857 49.26 326.587 49.5533 326.234 49.76C325.881 49.9667 325.474 50.07 325.014 50.07ZM325.014 49.4C325.494 49.4 325.861 49.2433 326.114 48.93C326.374 48.61 326.504 48.1467 326.504 47.54C326.504 46.9467 326.374 46.49 326.114 46.17C325.854 45.8433 325.487 45.68 325.014 45.68C324.541 45.68 324.174 45.8433 323.914 46.17C323.654 46.49 323.524 46.9467 323.524 47.54C323.524 48.14 323.651 48.6 323.904 48.92C324.164 49.24 324.534 49.4 325.014 49.4ZM330.991 45.01C332.158 45.01 332.741 45.6533 332.741 46.94V50H331.931V46.99C331.931 46.5367 331.841 46.2067 331.661 46C331.488 45.7933 331.208 45.69 330.821 45.69C330.374 45.69 330.018 45.8267 329.751 46.1C329.484 46.3733 329.351 46.7433 329.351 47.21V50H328.541V45.13H329.341V45.93C329.501 45.63 329.724 45.4033 330.011 45.25C330.298 45.09 330.624 45.01 330.991 45.01ZM335.125 48.98V50H334.105V48.98H335.125ZM344.858 42.95V50H344.228L339.978 44.33V50H339.208V42.95H339.838L344.088 48.62V42.95H344.858ZM348.5 50.07C348.04 50.07 347.634 49.9667 347.28 49.76C346.934 49.5533 346.664 49.26 346.47 48.88C346.284 48.4933 346.19 48.0467 346.19 47.54C346.19 47.0333 346.284 46.59 346.47 46.21C346.664 45.8233 346.934 45.5267 347.28 45.32C347.634 45.1133 348.04 45.01 348.5 45.01C348.96 45.01 349.367 45.1133 349.72 45.32C350.074 45.5267 350.344 45.8233 350.53 46.21C350.724 46.59 350.82 47.0333 350.82 47.54C350.82 48.0467 350.724 48.4933 350.53 48.88C350.344 49.26 350.074 49.5533 349.72 49.76C349.367 49.9667 348.96 50.07 348.5 50.07ZM348.5 49.4C348.98 49.4 349.347 49.2433 349.6 48.93C349.86 48.61 349.99 48.1467 349.99 47.54C349.99 46.9467 349.86 46.49 349.6 46.17C349.34 45.8433 348.974 45.68 348.5 45.68C348.027 45.68 347.66 45.8433 347.4 46.17C347.14 46.49 347.01 46.9467 347.01 47.54C347.01 48.14 347.137 48.6 347.39 48.92C347.65 49.24 348.02 49.4 348.5 49.4ZM357.055 45.01C358.222 45.01 358.805 45.6533 358.805 46.94V50H357.995V46.99C357.995 46.5367 357.905 46.2067 357.725 46C357.552 45.7933 357.272 45.69 356.885 45.69C356.439 45.69 356.082 45.8267 355.815 46.1C355.549 46.3733 355.415 46.7433 355.415 47.21V50H354.605V42.95H355.415V45.91C355.575 45.6167 355.795 45.3933 356.075 45.24C356.362 45.0867 356.689 45.01 357.055 45.01ZM362.309 50.07C361.849 50.07 361.442 49.9667 361.089 49.76C360.742 49.5533 360.472 49.26 360.279 48.88C360.092 48.4933 359.999 48.0467 359.999 47.54C359.999 47.0333 360.092 46.59 360.279 46.21C360.472 45.8233 360.742 45.5267 361.089 45.32C361.442 45.1133 361.849 45.01 362.309 45.01C362.769 45.01 363.176 45.1133 363.529 45.32C363.882 45.5267 364.152 45.8233 364.339 46.21C364.532 46.59 364.629 47.0333 364.629 47.54C364.629 48.0467 364.532 48.4933 364.339 48.88C364.152 49.26 363.882 49.5533 363.529 49.76C363.176 49.9667 362.769 50.07 362.309 50.07ZM362.309 49.4C362.789 49.4 363.156 49.2433 363.409 48.93C363.669 48.61 363.799 48.1467 363.799 47.54C363.799 46.9467 363.669 46.49 363.409 46.17C363.149 45.8433 362.782 45.68 362.309 45.68C361.836 45.68 361.469 45.8433 361.209 46.17C360.949 46.49 360.819 46.9467 360.819 47.54C360.819 48.14 360.946 48.6 361.199 48.92C361.459 49.24 361.829 49.4 362.309 49.4ZM370.077 45.14L367.977 50H367.217L365.127 45.14H365.987L367.617 49.12L369.267 45.14H370.077ZM374.935 47.69H371.375C371.402 48.2567 371.555 48.6867 371.835 48.98C372.115 49.2667 372.512 49.41 373.025 49.41C373.592 49.41 374.112 49.2167 374.585 48.83L374.855 49.42C374.642 49.62 374.369 49.78 374.035 49.9C373.702 50.0133 373.362 50.07 373.015 50.07C372.255 50.07 371.655 49.8467 371.215 49.4C370.782 48.9533 370.565 48.3367 370.565 47.55C370.565 47.05 370.662 46.61 370.855 46.23C371.049 45.8433 371.319 45.5433 371.665 45.33C372.019 45.1167 372.419 45.01 372.865 45.01C373.512 45.01 374.019 45.2233 374.385 45.65C374.752 46.07 374.935 46.65 374.935 47.39V47.69ZM372.875 45.64C372.449 45.64 372.105 45.7733 371.845 46.04C371.592 46.3067 371.442 46.6833 371.395 47.17H374.225C374.212 46.6767 374.089 46.3 373.855 46.04C373.622 45.7733 373.295 45.64 372.875 45.64ZM378.889 45.71L378.359 45.76C377.859 45.8067 377.496 45.9633 377.269 46.23C377.049 46.4967 376.939 46.8267 376.939 47.22V50H376.129V45.13H376.919V45.98C377.192 45.4133 377.729 45.0967 378.529 45.03L378.819 45.01L378.889 45.71ZM271.83 61.69H268.27C268.297 62.2567 268.45 62.6867 268.73 62.98C269.01 63.2667 269.407 63.41 269.92 63.41C270.487 63.41 271.007 63.2167 271.48 62.83L271.75 63.42C271.537 63.62 271.263 63.78 270.93 63.9C270.597 64.0133 270.257 64.07 269.91 64.07C269.15 64.07 268.55 63.8467 268.11 63.4C267.677 62.9533 267.46 62.3367 267.46 61.55C267.46 61.05 267.557 60.61 267.75 60.23C267.943 59.8433 268.213 59.5433 268.56 59.33C268.913 59.1167 269.313 59.01 269.76 59.01C270.407 59.01 270.913 59.2233 271.28 59.65C271.647 60.07 271.83 60.65 271.83 61.39V61.69ZM269.77 59.64C269.343 59.64 269 59.7733 268.74 60.04C268.487 60.3067 268.337 60.6833 268.29 61.17H271.12C271.107 60.6767 270.983 60.3 270.75 60.04C270.517 59.7733 270.19 59.64 269.77 59.64ZM274.094 59.13H275.474V59.77H274.094V64H273.284V59.77H272.334V59.13H273.284V58.97C273.284 58.3233 273.444 57.8333 273.764 57.5C274.09 57.1667 274.59 56.98 275.264 56.94L275.664 56.92L275.724 57.55L275.264 57.58C274.857 57.6067 274.56 57.7233 274.374 57.93C274.187 58.13 274.094 58.44 274.094 58.86V59.13ZM277.375 59.13H278.755V59.77H277.375V64H276.565V59.77H275.615V59.13H276.565V58.97C276.565 58.3233 276.725 57.8333 277.045 57.5C277.372 57.1667 277.872 56.98 278.545 56.94L278.945 56.92L279.005 57.55L278.545 57.58C278.138 57.6067 277.842 57.7233 277.655 57.93C277.468 58.13 277.375 58.44 277.375 58.86V59.13ZM283.607 61.69H280.047C280.074 62.2567 280.227 62.6867 280.507 62.98C280.787 63.2667 281.184 63.41 281.697 63.41C282.264 63.41 282.784 63.2167 283.257 62.83L283.527 63.42C283.314 63.62 283.041 63.78 282.707 63.9C282.374 64.0133 282.034 64.07 281.687 64.07C280.927 64.07 280.327 63.8467 279.887 63.4C279.454 62.9533 279.237 62.3367 279.237 61.55C279.237 61.05 279.334 60.61 279.527 60.23C279.721 59.8433 279.991 59.5433 280.337 59.33C280.691 59.1167 281.091 59.01 281.537 59.01C282.184 59.01 282.691 59.2233 283.057 59.65C283.424 60.07 283.607 60.65 283.607 61.39V61.69ZM281.547 59.64C281.121 59.64 280.777 59.7733 280.517 60.04C280.264 60.3067 280.114 60.6833 280.067 61.17H282.897C282.884 60.6767 282.761 60.3 282.527 60.04C282.294 59.7733 281.967 59.64 281.547 59.64ZM286.861 64.07C286.381 64.07 285.964 63.9667 285.611 63.76C285.257 63.5533 284.984 63.2633 284.791 62.89C284.604 62.51 284.511 62.0667 284.511 61.56C284.511 61.0533 284.607 60.61 284.801 60.23C285.001 59.8433 285.277 59.5433 285.631 59.33C285.991 59.1167 286.411 59.01 286.891 59.01C287.217 59.01 287.537 59.07 287.851 59.19C288.164 59.3033 288.417 59.4567 288.611 59.65L288.341 60.25C287.881 59.8767 287.414 59.69 286.941 59.69C286.441 59.69 286.051 59.8533 285.771 60.18C285.491 60.5067 285.351 60.9667 285.351 61.56C285.351 62.1467 285.491 62.6 285.771 62.92C286.051 63.24 286.441 63.4 286.941 63.4C287.414 63.4 287.881 63.2133 288.341 62.84L288.611 63.44C288.404 63.6333 288.144 63.7867 287.831 63.9C287.517 64.0133 287.194 64.07 286.861 64.07ZM291.736 63.42C291.882 63.42 292.029 63.41 292.176 63.39L292.136 64.03C291.982 64.0567 291.816 64.07 291.636 64.07C291.049 64.07 290.606 63.9167 290.306 63.61C290.012 63.3033 289.866 62.8767 289.866 62.33V59.77H288.916V59.13H289.866V57.65H290.676V59.13H292.056V59.77H290.676V62.27C290.676 63.0367 291.029 63.42 291.736 63.42ZM294.644 64.07C293.824 64.07 293.174 63.86 292.694 63.44L292.964 62.84C293.224 63.0467 293.487 63.1967 293.754 63.29C294.027 63.3767 294.334 63.42 294.674 63.42C295.034 63.42 295.307 63.36 295.494 63.24C295.687 63.1133 295.784 62.9333 295.784 62.7C295.784 62.5067 295.721 62.3533 295.594 62.24C295.467 62.1267 295.257 62.0367 294.964 61.97L294.144 61.78C293.731 61.6867 293.414 61.5267 293.194 61.3C292.974 61.0733 292.864 60.7933 292.864 60.46C292.864 60.0267 293.034 59.6767 293.374 59.41C293.714 59.1433 294.167 59.01 294.734 59.01C295.074 59.01 295.397 59.0667 295.704 59.18C296.011 59.2867 296.267 59.4433 296.474 59.65L296.204 60.24C295.757 59.86 295.267 59.67 294.734 59.67C294.394 59.67 294.127 59.7367 293.934 59.87C293.747 59.9967 293.654 60.1767 293.654 60.41C293.654 60.6033 293.711 60.76 293.824 60.88C293.944 60.9933 294.134 61.08 294.394 61.14L295.224 61.34C295.677 61.4467 296.014 61.61 296.234 61.83C296.454 62.0433 296.564 62.3233 296.564 62.67C296.564 63.0967 296.391 63.4367 296.044 63.69C295.704 63.9433 295.237 64.07 294.644 64.07ZM298.65 62.98V64H297.63V62.98H298.65ZM308.383 56.95V64H307.753L303.503 58.33V64H302.733V56.95H303.363L307.613 62.62V56.95H308.383ZM312.026 64.07C311.566 64.07 311.159 63.9667 310.806 63.76C310.459 63.5533 310.189 63.26 309.996 62.88C309.809 62.4933 309.716 62.0467 309.716 61.54C309.716 61.0333 309.809 60.59 309.996 60.21C310.189 59.8233 310.459 59.5267 310.806 59.32C311.159 59.1133 311.566 59.01 312.026 59.01C312.486 59.01 312.893 59.1133 313.246 59.32C313.599 59.5267 313.869 59.8233 314.056 60.21C314.249 60.59 314.346 61.0333 314.346 61.54C314.346 62.0467 314.249 62.4933 314.056 62.88C313.869 63.26 313.599 63.5533 313.246 63.76C312.893 63.9667 312.486 64.07 312.026 64.07ZM312.026 63.4C312.506 63.4 312.873 63.2433 313.126 62.93C313.386 62.61 313.516 62.1467 313.516 61.54C313.516 60.9467 313.386 60.49 313.126 60.17C312.866 59.8433 312.499 59.68 312.026 59.68C311.553 59.68 311.186 59.8433 310.926 60.17C310.666 60.49 310.536 60.9467 310.536 61.54C310.536 62.14 310.663 62.6 310.916 62.92C311.176 63.24 311.546 63.4 312.026 63.4ZM317.683 63.42C317.83 63.42 317.976 63.41 318.123 63.39L318.083 64.03C317.93 64.0567 317.763 64.07 317.583 64.07C316.996 64.07 316.553 63.9167 316.253 63.61C315.96 63.3033 315.813 62.8767 315.813 62.33V59.77H314.863V59.13H315.813V57.65H316.623V59.13H318.003V59.77H316.623V62.27C316.623 63.0367 316.976 63.42 317.683 63.42ZM323.58 64.07C323.1 64.07 322.683 63.9667 322.33 63.76C321.976 63.5533 321.703 63.2633 321.51 62.89C321.323 62.51 321.23 62.0667 321.23 61.56C321.23 61.0533 321.326 60.61 321.52 60.23C321.72 59.8433 321.996 59.5433 322.35 59.33C322.71 59.1167 323.13 59.01 323.61 59.01C323.936 59.01 324.256 59.07 324.57 59.19C324.883 59.3033 325.136 59.4567 325.33 59.65L325.06 60.25C324.6 59.8767 324.133 59.69 323.66 59.69C323.16 59.69 322.77 59.8533 322.49 60.18C322.21 60.5067 322.07 60.9667 322.07 61.56C322.07 62.1467 322.21 62.6 322.49 62.92C322.77 63.24 323.16 63.4 323.66 63.4C324.133 63.4 324.6 63.2133 325.06 62.84L325.33 63.44C325.123 63.6333 324.863 63.7867 324.55 63.9C324.236 64.0133 323.913 64.07 323.58 64.07ZM326.305 56.95H327.115V64H326.305V56.95ZM328.629 59.13H329.439V64H328.629V59.13ZM329.529 57.02V57.93H328.549V57.02H329.529ZM333.013 64.07C332.533 64.07 332.116 63.9667 331.763 63.76C331.41 63.5533 331.136 63.2633 330.943 62.89C330.756 62.51 330.663 62.0667 330.663 61.56C330.663 61.0533 330.76 60.61 330.953 60.23C331.153 59.8433 331.43 59.5433 331.783 59.33C332.143 59.1167 332.563 59.01 333.043 59.01C333.37 59.01 333.69 59.07 334.003 59.19C334.316 59.3033 334.57 59.4567 334.763 59.65L334.493 60.25C334.033 59.8767 333.566 59.69 333.093 59.69C332.593 59.69 332.203 59.8533 331.923 60.18C331.643 60.5067 331.503 60.9667 331.503 61.56C331.503 62.1467 331.643 62.6 331.923 62.92C332.203 63.24 332.593 63.4 333.093 63.4C333.566 63.4 334.033 63.2133 334.493 62.84L334.763 63.44C334.556 63.6333 334.296 63.7867 333.983 63.9C333.67 64.0133 333.346 64.07 333.013 64.07ZM339.028 64L336.548 61.67V64H335.738V56.95H336.548V61.34L338.818 59.14H339.848L337.428 61.47L340.078 64H339.028ZM342.679 59.01C343.299 59.01 343.759 59.17 344.059 59.49C344.366 59.8033 344.519 60.2833 344.519 60.93V64H343.729V63.17C343.603 63.4567 343.409 63.68 343.149 63.84C342.889 63.9933 342.589 64.07 342.249 64.07C341.936 64.07 341.646 64.0067 341.379 63.88C341.119 63.7533 340.913 63.5767 340.759 63.35C340.606 63.1233 340.529 62.8733 340.529 62.6C340.529 62.2333 340.623 61.95 340.809 61.75C340.996 61.5433 341.303 61.3967 341.729 61.31C342.156 61.2167 342.749 61.17 343.509 61.17H343.729V60.84C343.729 60.4333 343.646 60.14 343.479 59.96C343.313 59.7733 343.043 59.68 342.669 59.68C342.109 59.68 341.553 59.8533 340.999 60.2L340.729 59.61C340.983 59.43 341.286 59.2867 341.639 59.18C341.999 59.0667 342.346 59.01 342.679 59.01ZM342.359 63.43C342.759 63.43 343.086 63.2967 343.339 63.03C343.599 62.7567 343.729 62.4067 343.729 61.98V61.69H343.549C342.963 61.69 342.516 61.7167 342.209 61.77C341.903 61.8167 341.683 61.9 341.549 62.02C341.423 62.1333 341.359 62.3033 341.359 62.53C341.359 62.79 341.453 63.0067 341.639 63.18C341.833 63.3467 342.073 63.43 342.359 63.43ZM348.452 59.01C348.879 59.01 349.255 59.1133 349.582 59.32C349.909 59.5267 350.162 59.82 350.342 60.2C350.522 60.58 350.612 61.02 350.612 61.52C350.612 62.0267 350.522 62.4733 350.342 62.86C350.162 63.24 349.909 63.5367 349.582 63.75C349.255 63.9633 348.879 64.07 348.452 64.07C348.072 64.07 347.739 63.9867 347.452 63.82C347.172 63.6533 346.959 63.4167 346.812 63.11V64H346.002V56.95H346.812V59.97C346.959 59.6633 347.172 59.4267 347.452 59.26C347.739 59.0933 348.072 59.01 348.452 59.01ZM348.292 63.4C348.765 63.4 349.132 63.2367 349.392 62.91C349.652 62.5767 349.782 62.1133 349.782 61.52C349.782 60.94 349.652 60.49 349.392 60.17C349.132 59.85 348.765 59.69 348.292 59.69C347.819 59.69 347.452 59.85 347.192 60.17C346.939 60.49 346.812 60.9467 346.812 61.54C346.812 62.1333 346.939 62.5933 347.192 62.92C347.452 63.24 347.819 63.4 348.292 63.4ZM351.822 56.95H352.632V64H351.822V56.95ZM358.226 61.69H354.666C354.693 62.2567 354.846 62.6867 355.126 62.98C355.406 63.2667 355.803 63.41 356.316 63.41C356.883 63.41 357.403 63.2167 357.876 62.83L358.146 63.42C357.933 63.62 357.66 63.78 357.326 63.9C356.993 64.0133 356.653 64.07 356.306 64.07C355.546 64.07 354.946 63.8467 354.506 63.4C354.073 62.9533 353.856 62.3367 353.856 61.55C353.856 61.05 353.953 60.61 354.146 60.23C354.34 59.8433 354.61 59.5433 354.956 59.33C355.31 59.1167 355.71 59.01 356.156 59.01C356.803 59.01 357.31 59.2233 357.676 59.65C358.043 60.07 358.226 60.65 358.226 61.39V61.69ZM356.166 59.64C355.74 59.64 355.396 59.7733 355.136 60.04C354.883 60.3067 354.733 60.6833 354.686 61.17H357.516C357.503 60.6767 357.38 60.3 357.146 60.04C356.913 59.7733 356.586 59.64 356.166 59.64ZM360.32 62.98V64H359.3V62.98H360.32Z" fill="#333333"/> + <defs> + <filter id="filter0_d" x="61" y="74" width="130" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <filter id="filter1_d" x="63" y="212" width="126" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="0.5"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <filter id="filter2_d" x="265" y="74" width="130" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> + <feFlood flood-opacity="0" result="BackgroundImageFix"/> + <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/> + <feOffset dy="1"/> + <feGaussianBlur stdDeviation="1"/> + <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/> + <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/> + <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/> + </filter> + <linearGradient id="paint0_linear" x1="189" y1="115" x2="60.8422" y2="97.2714" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#51B441"/> + <stop offset="1" stop-color="#61C451"/> + </linearGradient> + <linearGradient id="paint1_linear" x1="188" y1="250" x2="62.0494" y2="231.951" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#51B441"/> + <stop offset="1" stop-color="#61C451"/> + </linearGradient> + <linearGradient id="paint2_linear" x1="393" y1="115" x2="264.842" y2="97.2714" gradientUnits="userSpaceOnUse"> + <stop offset="0.325967" stop-color="#A6B4A4"/> + <stop offset="1" stop-color="#BDC4BC"/> + </linearGradient> + </defs> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/93:14.svg (new)
- @@ -0,0 +1,4 @@
  + <svg width="456" height="270" viewBox="0 0 456 270" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="456" height="270" fill="white"/> + <path d="M376.418 126.54H380.306C381.226 126.54 381.942 126.772 382.454 127.236C382.966 127.7 383.222 128.348 383.222 129.18C383.222 130.012 382.966 130.66 382.454 131.124C381.942 131.588 381.226 131.82 380.306 131.82H378.29V135H376.418V126.54ZM380.066 130.404C381.002 130.404 381.47 130 381.47 129.192C381.47 128.776 381.354 128.468 381.122 128.268C380.89 128.068 380.538 127.968 380.066 127.968H378.29V130.404H380.066ZM389.183 133.128H385.247L384.443 135H382.559L386.447 126.54H387.947L391.835 135H389.987L389.183 133.128ZM388.571 131.712L387.215 128.544L385.859 131.712H388.571ZM399.581 130.332V134.472C399.173 134.672 398.693 134.828 398.141 134.94C397.589 135.052 397.021 135.108 396.437 135.108C395.541 135.108 394.765 134.936 394.109 134.592C393.453 134.24 392.949 133.74 392.597 133.092C392.245 132.436 392.069 131.66 392.069 130.764C392.069 129.884 392.241 129.12 392.585 128.472C392.937 127.816 393.437 127.312 394.085 126.96C394.733 126.608 395.489 126.432 396.353 126.432C396.961 126.432 397.525 126.516 398.045 126.684C398.573 126.852 399.009 127.084 399.353 127.38L398.765 128.712C398.373 128.432 397.989 128.232 397.613 128.112C397.245 127.984 396.845 127.92 396.413 127.92C394.781 127.92 393.965 128.868 393.965 130.764C393.965 131.74 394.177 132.468 394.601 132.948C395.025 133.428 395.665 133.668 396.521 133.668C396.985 133.668 397.445 133.608 397.901 133.488V131.628H396.245V130.332H399.581ZM401.168 126.54H407V127.992H402.992V129.972H406.76V131.424H402.992V133.548H407V135H401.168V126.54ZM417.405 133.5V135H411.585V133.62L414.405 130.632C414.997 130.008 415.293 129.432 415.293 128.904C415.293 128.232 414.909 127.896 414.141 127.896C413.789 127.896 413.421 127.968 413.037 128.112C412.653 128.248 412.277 128.448 411.909 128.712L411.321 127.38C411.657 127.092 412.089 126.864 412.617 126.696C413.145 126.52 413.685 126.432 414.237 126.432C415.117 126.432 415.817 126.644 416.337 127.068C416.865 127.492 417.129 128.06 417.129 128.772C417.129 129.26 417.025 129.712 416.817 130.128C416.617 130.544 416.277 131.008 415.797 131.52L413.913 133.5H417.405Z" fill="#666666"/> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/93:32.svg (new)
- @@ -0,0 +1,4 @@
  + <svg width="456" height="270" viewBox="0 0 456 270" fill="none" xmlns="http://www.w3.org/2000/svg"> + <rect width="456" height="270" fill="white"/> + <path d="M376.43 126.54H380.318C381.238 126.54 381.954 126.772 382.466 127.236C382.978 127.7 383.234 128.348 383.234 129.18C383.234 130.012 382.978 130.66 382.466 131.124C381.954 131.588 381.238 131.82 380.318 131.82H378.302V135H376.43V126.54ZM380.078 130.404C381.014 130.404 381.482 130 381.482 129.192C381.482 128.776 381.366 128.468 381.134 128.268C380.902 128.068 380.55 127.968 380.078 127.968H378.302V130.404H380.078ZM389.195 133.128H385.259L384.455 135H382.571L386.459 126.54H387.959L391.847 135H389.999L389.195 133.128ZM388.583 131.712L387.227 128.544L385.871 131.712H388.583ZM399.592 130.332V134.472C399.184 134.672 398.704 134.828 398.152 134.94C397.6 135.052 397.032 135.108 396.448 135.108C395.552 135.108 394.776 134.936 394.12 134.592C393.464 134.24 392.96 133.74 392.608 133.092C392.256 132.436 392.08 131.66 392.08 130.764C392.08 129.884 392.252 129.12 392.596 128.472C392.948 127.816 393.448 127.312 394.096 126.96C394.744 126.608 395.5 126.432 396.364 126.432C396.972 126.432 397.536 126.516 398.056 126.684C398.584 126.852 399.02 127.084 399.364 127.38L398.776 128.712C398.384 128.432 398 128.232 397.624 128.112C397.256 127.984 396.856 127.92 396.424 127.92C394.792 127.92 393.976 128.868 393.976 130.764C393.976 131.74 394.188 132.468 394.612 132.948C395.036 133.428 395.676 133.668 396.532 133.668C396.996 133.668 397.456 133.608 397.912 133.488V131.628H396.256V130.332H399.592ZM401.18 126.54H407.012V127.992H403.004V129.972H406.772V131.424H403.004V133.548H407.012V135H401.18V126.54ZM415.809 130.644C416.305 130.788 416.685 131.04 416.949 131.4C417.221 131.752 417.357 132.184 417.357 132.696C417.357 133.44 417.073 134.028 416.505 134.46C415.937 134.884 415.169 135.096 414.201 135.096C413.617 135.096 413.057 135.012 412.521 134.844C411.985 134.676 411.549 134.444 411.213 134.148L411.801 132.816C412.569 133.36 413.341 133.632 414.117 133.632C414.629 133.632 415.001 133.544 415.233 133.368C415.465 133.184 415.581 132.9 415.581 132.516C415.581 132.14 415.465 131.868 415.233 131.7C415.001 131.532 414.629 131.448 414.117 131.448H412.905V129.996H413.913C414.401 129.996 414.761 129.912 414.993 129.744C415.233 129.576 415.353 129.316 415.353 128.964C415.353 128.62 415.249 128.356 415.041 128.172C414.833 127.988 414.533 127.896 414.141 127.896C413.789 127.896 413.421 127.968 413.037 128.112C412.653 128.248 412.281 128.448 411.921 128.712L411.333 127.38C411.669 127.092 412.101 126.864 412.629 126.696C413.165 126.52 413.713 126.432 414.273 126.432C414.849 126.432 415.353 126.528 415.785 126.72C416.217 126.904 416.549 127.168 416.781 127.512C417.021 127.856 417.141 128.256 417.141 128.712C417.141 129.168 417.021 129.568 416.781 129.912C416.549 130.248 416.225 130.492 415.809 130.644Z" fill="#666666"/> + </svg>
website/examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/file.json (new)
- @@ -0,0 +1,1991 @@
  + { + "document": { + "id": "0:0", + "name": "Document", + "type": "DOCUMENT", + "children": [ + { + "id": "0:1", + "name": "Components", + "type": "CANVAS", + "children": [ + { + "id": "2:5", + "name": "Button", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -364, + "y": -338, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -332, + "y": -327, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -364, + "y": -338, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "exportSettings": [ + { + "suffix": "", + "format": "PDF", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "transitionNodeID": "2:13", + "transitionDuration": 300, + "transitionEasing": "EASE_IN_AND_OUT" + }, + { + "id": "2:13", + "name": "Button__Active", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "2:10", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I2:10;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -190, + "y": -337, + "width": 124, + "height": 38 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I2:10;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -157.5079345703125, + "y": -326.54998779296875, + "width": 58, + "height": 18 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 15, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 17.578125, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -190, + "y": -337, + "width": 124, + "height": 38 + }, + "preserveRatio": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.25 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 1 + } + ], + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -191, + "y": -338, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "exportSettings": [ + { + "suffix": "", + "format": "PDF", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + }, + { + "id": "2:9", + "name": "Button__Disabled", + "type": "COMPONENT", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "2:6", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I2:6;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -364, + "y": -259, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.6527005434036255, + "g": 0.7074577212333679, + "b": 0.6437865495681763, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.7421205639839172, + "g": 0.7685589790344238, + "b": 0.7378166317939758, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I2:6;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -332, + "y": -248, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8777292370796204, + "g": 0.8777292370796204, + "b": 0.8777292370796204, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -364, + "y": -259, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "transitionNodeID": "2:13", + "transitionDuration": 300, + "transitionEasing": "EASE_IN_AND_OUT", + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -364, + "y": -259, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "exportSettings": [ + { + "suffix": "", + "format": "PDF", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + } + ], + "backgroundColor": { + "r": 0.8980392217636108, + "g": 0.8980392217636108, + "b": 0.8980392217636108, + "a": 1 + }, + "prototypeStartNodeID": "2:5", + "prototypeDevice": { + "type": "NONE", + "rotation": "NONE" + }, + "exportSettings": [] + }, + { + "id": "64:0", + "name": "Sample pages", + "type": "CANVAS", + "children": [ + { + "id": "64:1", + "name": "Components", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "64:2", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:2;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:2;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -263, + "y": -262, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -295, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "componentId": "2:5" + }, + { + "id": "64:5", + "name": "Button__Active", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:5;2:10", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:5;2:10;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -294, + "y": -136, + "width": 124, + "height": 38 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.31956079602241516, + "g": 0.7074577212333679, + "b": 0.2564148008823395, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.3817959129810333, + "g": 0.7685589790344238, + "b": 0.31883448362350464, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:5;2:10;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -261.5079345703125, + "y": -125.55000305175781, + "width": 58, + "height": 18 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 15, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 17.578125, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -294, + "y": -136, + "width": 124, + "height": 38 + }, + "preserveRatio": true, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.25 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 1 + } + ], + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -295, + "y": -137, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [], + "componentId": "2:13" + }, + { + "id": "64:9", + "name": "Button__Disabled", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:9;2:6", + "name": "Button", + "type": "INSTANCE", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "I64:9;2:6;2:3", + "name": "Rectangle", + "type": "RECTANGLE", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "GRADIENT_LINEAR", + "gradientHandlePositions": [ + { + "x": 0.9999999333541432, + "y": 1.000000198606502 + }, + { + "x": 0.007325909144767162, + "y": 8.150171737497658e-8 + }, + { + "x": 1.5000000358727652, + "y": -10.385504555878239 + } + ], + "gradientStops": [ + { + "color": { + "r": 0.6527005434036255, + "g": 0.7074577212333679, + "b": 0.6437865495681763, + "a": 1 + }, + "position": 0.32596686482429504 + }, + { + "color": { + "r": 0.7421205639839172, + "g": 0.7685589790344238, + "b": 0.7378166317939758, + "a": 1 + }, + "position": 1 + } + ] + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "effects": [], + "cornerRadius": 4, + "rectangleCornerRadii": [4, 4, 4, 4] + }, + { + "id": "I64:9;2:6;2:4", + "name": "BUTTON", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -59, + "y": -262, + "width": 62, + "height": 19 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.8777292370796204, + "g": 0.8777292370796204, + "b": 0.8777292370796204, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "BUTTON", + "style": { + "fontFamily": "Roboto", + "fontPostScriptName": null, + "fontWeight": 400, + "textAutoResize": "WIDTH_AND_HEIGHT", + "fontSize": 16, + "textAlignHorizontal": "CENTER", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 18.75, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "SCALE", + "horizontal": "SCALE" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [ + { + "type": "DROP_SHADOW", + "visible": true, + "color": { + "r": 0, + "g": 0, + "b": 0, + "a": 0.15000000596046448 + }, + "blendMode": "NORMAL", + "offset": { + "x": 0, + "y": 1 + }, + "radius": 2 + } + ], + "componentId": "2:5" + } + ], + "absoluteBoundingBox": { + "x": -91, + "y": -273, + "width": 126, + "height": 40 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": false, + "background": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "visible": false, + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "effects": [], + "componentId": "2:9" + }, + { + "id": "64:13", + "name": "Normal button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -329, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Normal button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:14", + "name": "A button. Nothing special.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -308, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "A button. Nothing special.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:17", + "name": "Active button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -193, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Active button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:18", + "name": "Pressed button.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -295, + "y": -172, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Pressed button.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:15", + "name": "Disabled button", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -329, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Disabled button", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + }, + { + "id": "64:16", + "name": "Inactive button. No hover effects. Not clickable.", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": -91, + "y": -308, + "width": 125, + "height": 30 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.20000000298023224, + "g": 0.20000000298023224, + "b": 0.20000000298023224, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Inactive button. No hover effects. Not clickable.", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-Regular", + "fontWeight": 400, + "fontSize": 10, + "textAlignHorizontal": "LEFT", + "textAlignVertical": "TOP", + "letterSpacing": 0, + "lineHeightPx": 11.71875, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": -358, + "y": -348, + "width": 456, + "height": 270 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "exportSettings": [ + { + "suffix": "", + "format": "PNG", + "constraint": { + "type": "SCALE", + "value": 1 + } + } + ], + "effects": [] + }, + { + "id": "93:14", + "name": "Page2", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "93:18", + "name": "Page 2", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 431, + "y": -224, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4000000059604645, + "g": 0.4000000059604645, + "b": 0.4000000059604645, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Page 2", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "RIGHT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": 138, + "y": -348, + "width": 456, + "height": 270 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "effects": [] + }, + { + "id": "93:32", + "name": "Page3", + "type": "FRAME", + "blendMode": "PASS_THROUGH", + "children": [ + { + "id": "93:33", + "name": "Page 3", + "type": "TEXT", + "blendMode": "PASS_THROUGH", + "absoluteBoundingBox": { + "x": 927, + "y": -224, + "width": 125, + "height": 15 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 0.4000000059604645, + "g": 0.4000000059604645, + "b": 0.4000000059604645, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "OUTSIDE", + "effects": [], + "characters": "Page 3", + "style": { + "fontFamily": "Nunito Sans", + "fontPostScriptName": "NunitoSans-ExtraBold", + "fontWeight": 800, + "textCase": "UPPER", + "fontSize": 12, + "textAlignHorizontal": "RIGHT", + "textAlignVertical": "CENTER", + "letterSpacing": 0, + "lineHeightPx": 14.0625, + "lineHeightPercent": 100, + "lineHeightUnit": "INTRINSIC_%" + }, + "layoutVersion": 0, + "characterStyleOverrides": [], + "styleOverrideTable": {} + } + ], + "absoluteBoundingBox": { + "x": 634, + "y": -348, + "width": 456, + "height": 270 + }, + "constraints": { + "vertical": "TOP", + "horizontal": "LEFT" + }, + "clipsContent": true, + "background": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "fills": [ + { + "blendMode": "NORMAL", + "type": "SOLID", + "color": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + } + } + ], + "strokes": [], + "strokeWeight": 1, + "strokeAlign": "INSIDE", + "backgroundColor": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "effects": [] + } + ], + "backgroundColor": { + "r": 0.8980392217636108, + "g": 0.8980392217636108, + "b": 0.8980392217636108, + "a": 1 + }, + "prototypeStartNodeID": "64:1", + "prototypeDevice": { + "type": "NONE", + "rotation": "NONE" + } + } + ] + }, + "components": { + "2:5": { + "key": "cb3025cfa73c3757bc3e1bab6e34f9cbf49eb14a", + "name": "Button", + "description": "" + }, + "2:13": { + "key": "1526a8ddee35680a3ca5002e0c00605c0e7095cd", + "name": "Button__Active", + "description": "" + }, + "2:9": { + "key": "01a68bd6ca97410342a7b361aaed70e3f7784655", + "name": "Button__Disabled", + "description": "" + } + }, + "schemaVersion": 0, + "styles": {}, + "name": "storybook-addon-designs-sample", + "lastModified": "2020-10-08T07:37:10.103851Z", + "thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/40585359-6295-4d7d-93d1-9536b4890845?Expires=1604880000&Signature=e90P3U~o-qwGxqB~UQh1mbYpWu9i-K8kai~1rQLPquqDRVWLgkpYvv1iehcAuPothV5UfU5xWJUcvWsmM6kcp6zFPmhddSNBohrtoJcAC-nhJlaF7hIWCjvwCN4Pch7Ft2RB2rSIHCu0zwRcCF45Rfwz54D75ENP-Z~hIMpVgXKVljzetVK7QSP7e8hAr2rLvcgBEb~gewBeOlcypkVlWnbvq~UM6I0tSAbUcownYOO46WZRfWjuIoQ~m1TNSp5Xf~tO7Uwu7b8vNRzWpoCaMtIxQWbn0c0Pr8o4BBRX1glqHggEhdl8OEe8LVIpZ6BRx69zDVWilmHzsICbrgQboQ__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA", + "version": "504642761", + "role": "owner" + }
website/examples/events.html (new)
- @@ -0,0 +1,13 @@
  + <!DOCTYPE html> + <html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Events example | Figspec</title> + <link rel="stylesheet" href="./style.css" /> + <script type="module" src="./events.ts"></script> + </head> + <body> + <figspec-frame-viewer id="demo"></figspec-frame-viewer> + </body> + </html>
website/examples/events.ts (new)
- @@ -0,0 +1,24 @@
  + import { FigspecFrameViewer } from "../../src"; + + import * as demoFrame from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.json"; + import demoImage from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.svg"; + + const el = document.getElementById("demo"); + + if (el && el instanceof FigspecFrameViewer) { + // @ts-ignore + el.nodes = demoFrame; + el.renderedImage = demoImage; + + el.addEventListener("positionchange", (ev) => { + console.log(ev); + }); + + el.addEventListener("scalechange", (ev) => { + console.log(ev); + }); + + el.addEventListener("nodeselect", (ev) => { + console.log(ev); + }); + }
website/examples/file.html (new)
- @@ -0,0 +1,16 @@
  + <!DOCTYPE html> + <html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>File viewer example | Figspec</title> + <link rel="stylesheet" href="./style.css" /> + <script type="module" src="./file.ts"></script> + </head> + <body> + <figspec-file-viewer + id="demo" + link="https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?type=design&node-id=64%3A1&mode=design&t=qv0I0EDmOnHF0knC-1" + ></figspec-file-viewer> + </body> + </html>
website/examples/file.ts (new)
- @@ -0,0 +1,24 @@
  + import { FigspecFileViewer } from "../../src"; + + import * as demoJson from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/file.json"; + import image2_5 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:5.svg"; + import image2_9 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:9.svg"; + import image2_13 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/2:13.svg"; + import image64_1 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.svg"; + import image93_14 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/93:14.svg"; + import image93_32 from "./demo-data/Klm6pxIZSaJFiOMX5FpTul9F/93:32.svg"; + + const el = document.getElementById("demo"); + + if (el && el instanceof FigspecFileViewer) { + // @ts-ignore + el.documentNode = demoJson; + el.renderedImages = { + "2:5": image2_5, + "2:9": image2_9, + "2:13": image2_13, + "64:1": image64_1, + "93:14": image93_14, + "93:32": image93_32, + }; + }
website/examples/parameter-missing-error.html (new)
- @@ -0,0 +1,13 @@
  + <!DOCTYPE html> + <html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Parameter missing error example | Figspec</title> + <link rel="stylesheet" href="./style.css" /> + <script type="module" src="./parameter-missing-error.ts"></script> + </head> + <body> + <figspec-frame-viewer id="demo"></figspec-frame-viewer> + </body> + </html>
website/examples/parameter-missing-error.ts (new)
- @@ -0,0 +1,14 @@
  + import "../../src"; + + // This is obviously no-op but required: without these kind of side-effect-able + // statement, Vite (or Rollup, or code minifier library, or something idk) + // screws module deduplication or something then emits completely broken + // JS for **other example pages**. + // It inserts `import "/assets/<non-existent-filename>.js"` to every other + // JS files except this and top-level one. (e.g. `examples/file.ts`) + // I haven't dug because I know from my experience Vite's MPA support is + // totally incomplete afterthought marketing bs. So much bugs, pitfalls, + // DX problems and design problems. Maybe their tooling stack is complicated + // or fragile but the final quality of the tool is for overall experience. + // As a user of the tool, I gave up. Hence, this ugly workaround. + document.getElementById("demo");
website/examples/style.css (new)
- @@ -0,0 +1,8 @@
  + figspec-frame-viewer, + figspec-file-viewer { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + }
website/index.html (new)
- @@ -0,0 +1,506 @@
  + <!DOCTYPE html> + <html> + <head> + <meta charset="utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <title>Figspec</title> + <link rel="stylesheet" href="./style.css" /> + <script type="module" src="./index.ts"></script> + </head> + <body> + <main> + <hgroup> + <h1>Figspec</h1> + <h2>Unofficial Figma design viewer</h2> + </hgroup> + <p> + Figspec is an unofficial Figma design viewer primarily developed for + embedding usage. + </p> + <ul> + <li> + <a href="#demo">Live demo</a> + </li> + <li> + <a href="#install">Install</a> + </li> + <li> + <a href="#usage">Usage</a> + </li> + <li> + <a href="#api">API</a> + </li> + <li> + <a href="#examples">Examples</a> + </li> + <li> + <a href="https://github.com/pocka/figspec">Source code (GitHub)</a> + </li> + </ul> + <section id="demo"> + <h2>Live demo</h2> + <p> + This is a working demo of + <code><figspec-frame-viewer/></code> displaying a frame of + sample Figma design. + </p> + <figspec-frame-viewer + id="frame_demo" + link="https://www.figma.com/file/Klm6pxIZSaJFiOMX5FpTul9F/storybook-addon-designs-sample?type=design&node-id=64%3A1&mode=design&t=qv0I0EDmOnHF0knC-1" + ></figspec-frame-viewer> + </section> + <section id="install"> + <h2>Install</h2> + <p>Install <code>@figspec/components</code> package from NPM.</p> + <pre><code>npm i @figspec/components</code></pre> + </section> + <section id="usage"> + <h2>Usage</h2> + <p> + This package registers two custom elements: + <code><figspec-frame-viewer/></code> and + <code><figspec-file-viewer/></code>. As the names describe, the + frame viewer displays a specific Figma Frame and the file viewer + displays an entire Figma file. + </p> + <p> + Once you installed the package, import the package entrypoint from + your JavaScript file, which registers the two custom elements. + </p> + <pre><code><b>import</b> <u>"@figspec/components"</u>;</code></pre> + <p>Now, you can use the custom elements in your HTML/DOM.</p> + <pre><code><<b>body</b>> + <<b>figspec-frame-viewer</b> nodes=<u>"..."</u> rendered-image=<u>"..."</u>></<b>figspec-frame-viewer</b>> + </<b>body</b>></code></pre> + </section> + <section id="api"> + <h2>API</h2> + <h3 id="api_common">Common</h3> + <p> + These APIs are available both in + <code><figspec-frame-viewer /></code> and in + <code><figspec-file-viewer /></code>. + </p> + <h4>Properties</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Data type</th> + <th>Default</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>link</code> + </td> + <td><code>string</code></td> + <td></td> + <td> + An URL for the Figma frame or containing file. A footer will + appear if this property is not empty. + </td> + </tr> + <tr> + <td> + <code>panX</code> + </td> + <td><code>number</code></td> + <td><code>0</code></td> + <td> + Current value of viewport translate for X axis, in pixel. + Scaling applies after the translate. + </td> + </tr> + <tr> + <td> + <code>panY</code> + </td> + <td><code>number</code></td> + <td><code>0</code></td> + <td> + Current value of viewport translate for Y axis, in pixel. + Scaling applies after the translate. + </td> + </tr> + <tr> + <td> + <code>scale</code> + </td> + <td><code>number</code></td> + <td><code>1.0</code></td> + <td> + Current value of viewport scaling (zoom), where 1.0 = 100%; + </td> + </tr> + <tr> + <td> + <code>zoomSpeed</code> + </td> + <td><code>number</code></td> + <td><code>500</code></td> + <td> + How fast viewport zooms when user performs <kbd>Ctrl</kbd> + + wheel scroll or pinch in-out gesture. You can specify between 1 + to 1,000. + </td> + </tr> + <tr> + <td> + <code>panSpeed</code> + </td> + <td><code>number</code></td> + <td><code>500</code></td> + <td> + How fast viewport translates when user performs wheel scroll. + This does not affect to the speed of drag with middle button + (wheel button) pressed. You can specify between 1 to 1,000. + </td> + </tr> + <tr> + <td> + <code>selectedNode</code> + </td> + <td> + <code + ><a + href="https://github.com/pocka/figspec/blob/master/src/FigspecViewer/utils.ts#L4" + >SizedNode</a + > + | null</code + > + </td> + <td><code>null</code></td> + <td>Selected node object.</td> + </tr> + <tr> + <td> + <code>zoomMargin</code> + </td> + <td><code>number</code></td> + <td><code>50</code></td> + <td> + The minimum margin for the preview canvas in px. Preview element + uses this value for default zoom value (scale). + </td> + </tr> + </tbody> + </table> + <h4>Attributes</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>link</code> + </td> + <td> + A corresponding attribute for the <code>link</code> property. + </td> + </tr> + <tr> + <td> + <code>zoom-speed</code> + </td> + <td> + A corresponding attribute for the + <code>zoomSpeed</code> property. + </td> + </tr> + <tr> + <td> + <code>pan-speed</code> + </td> + <td> + A corresponding attribute for the + <code>panSpeed</code> property. + </td> + </tr> + <tr> + <td> + <code>zoom-margin</code> + </td> + <td> + A corresponding attribute for the + <code>zoomMargin</code> property. + </td> + </tr> + </tbody> + </table> + <h4>Events</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>scalechange</code> + </td> + <td> + Fired when a user performs zoom-in or zoom-out on the preview. + </td> + </tr> + <tr> + <td> + <code>positionchange</code> + </td> + <td>Fired when a user performs pan on the preview.</td> + </tr> + <tr> + <td> + <code>nodeselect</code> + </td> + <td>Fired when a user selects or unselects a node.</td> + </tr> + </tbody> + </table> + <h3 id="api_figspec_frame_viewer"><figspec-frame-viewer /></h3> + <h4>Properties</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Data type</th> + <th>Default</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>nodes</code> + </td> + <td> + <code + ><a + href="https://jemgold.github.io/figma-js/interfaces/filenodesresponse.html" + >FileNodesResponse</a + > + | null</code + > + </td> + <td><code>null</code></td> + <td> + Required. A response of the + <a + href="https://www.figma.com/developers/api#get-file-nodes-endpoint" + > + "GET file nodes" + </a> + API. + </td> + </tr> + <tr> + <td> + <code>renderedImage</code> + </td> + <td><code>string | null</code></td> + <td><code>null</code></td> + <td> + Required. An URL for the frame image rendered by + <a + href="https://www.figma.com/developers/api#get-images-endpoint" + >"GET image"</a + > + API. + </td> + </tr> + <tr> + <td> + <code>documentNode</code> + </td> + <td> + <code + ><a + href="https://github.com/pocka/figspec/blob/master/src/FigspecViewer/utils.ts#L4" + >SizedNode</a + > + | null</code + > + </td> + <td><code>null</code></td> + <td>Readonly. A root drawable node.</td> + </tr> + </tbody> + </table> + <h4>Attributes</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>nodes</code> + </td> + <td> + A corresponding attribute for the <code>nodes</code> property. + Parsed as a JSON string. + </td> + </tr> + <tr> + <td> + <code>rendered-image</code> + </td> + <td> + A corresponding attribute for the + <code>renderedImage</code> property. + </td> + </tr> + </tbody> + </table> + <h3 id="api_figspec_file_viewer"><figspec-file-viewer /></h3> + <h4>Properties</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Data type</th> + <th>Default</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>documentNode</code> + </td> + <td> + <code + ><a + href="https://jemgold.github.io/figma-js/interfaces/fileresponse.html" + >FileResponse</a + > + | null</code + > + </td> + <td><code>null</code></td> + <td> + Required. A response of the + <a + href="https://www.figma.com/developers/api#get-files-endpoint" + > + "GET file" + </a> + API. + </td> + </tr> + <tr> + <td> + <code>renderedImages</code> + </td> + <td> + <code>{ [nodeId: string]: string } | null</code> + </td> + <td> + <code>null</code> + </td> + <td> + Required. A record of rendered images, where key is an ID of the + node and value is an URI of the image. + <code>images</code> property in the response of + <a + href="https://www.figma.com/developers/api#get-images-endpoint" + >"GET image"</a + > + API. + </td> + </tr> + <tr> + <td> + <code>selectedPage</code> + </td> + <td> + <code + ><a + href="https://jemgold.github.io/figma-js/interfaces/canvas.html" + >Canvas</a + > + | null</code + > + </td> + <td> + <code>null</code> + </td> + <td>Currently selected page object.</td> + </tr> + </tbody> + </table> + <h4>Attributes</h4> + <table> + <thead> + <tr> + <th>Name</th> + <th>Description</th> + </tr> + </thead> + <tbody> + <tr> + <td> + <code>document-node</code> + </td> + <td> + A corresponding attribute for the + <code>documentNode</code> property. Parsed as a JSON string. + </td> + </tr> + <tr> + <td> + <code>rendered-images</code> + </td> + <td> + A corresponding attribute for the + <code>renderedImages</code> property. Parsed as a JSON string. + </td> + </tr> + </tbody> + </table> + </section> + <section id="examples"> + <h2>Examples</h2> + <div> + <ul> + <li> + <a href="./examples/file.html" target="example_frame"> + File viewer + </a> + </li> + <li> + <a href="./examples/custom-speed.html" target="example_frame"> + Custom pan&zoom speed + </a> + </li> + <li> + <a + href="./examples/parameter-missing-error.html" + target="example_frame" + > + Parameter missing error + </a> + </li> + <li> + <a href="./examples/events.html" target="example_frame"> + Events (see browser console) + </a> + </li> + </ul> + <iframe name="example_frame" src="./examples/file.html"></iframe> + </div> + </section> + </main> + </body> + </html>
website/index.ts (new)
- @@ -0,0 +1,12 @@
  + import { FigspecFrameViewer } from "../src"; + + import * as demoFrame from "./examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.json"; + import demoImage from "./examples/demo-data/Klm6pxIZSaJFiOMX5FpTul9F/64:1.svg"; + + const demo = document.getElementById("frame_demo"); + + if (demo && demo instanceof FigspecFrameViewer) { + // @ts-ignore: It's machine-generated data and library types. Nothing I can do here. + demo.nodes = demoFrame; + demo.renderedImage = demoImage; + }
website/style.css (new)
- @@ -0,0 +1,20 @@
  + @import "@picocss/pico/css/pico.classless.min.css"; + + figspec-frame-viewer, + figspec-file-viewer { + width: 100%; + /* 50vh is for shallow viewports */ + min-height: min(20rem, 50vh); + font-size: 0.8em; + box-shadow: var(--card-box-shadow); + + border-radius: var(--border-radius); + } + + iframe[name="example_frame"] { + width: 100%; + min-height: min(20rem, 50vh); + + box-shadow: var(--card-box-shadow); + border-radius: var(--border-radius); + }
website/tsconfig.json (new)
- @@ -0,0 +1,8 @@
  + { + "extends": "../tsconfig.json", + "compilerOptions": { + "types": ["vite/client"], + "resolveJsonModule": true + }, + "include": ["../src/**/*.ts", "./**/*.ts"] + }
website/vite.config.ts (new)
- @@ -0,0 +1,35 @@
  + import { glob } from "glob"; + import { defineConfig } from "vite"; + + export default defineConfig(async () => { + // In Vite you need to explicitly enumerate every HTML files. + // Otherwise it won't be built, although it works on dev server. + const htmlFiles = await glob("**/*.html", { + ignore: ["dist/**"], + // @ts-ignore: ESM-Node.js thing + cwd: __dirname, + withFileTypes: true, + }); + + return { + // Use relative paths for output files. At least this docs site does not + // rely on absolute paths so there is no advantage for absolute paths, + // which Vite defaults to. + base: "", + build: { + rollupOptions: { + input: Object.fromEntries( + htmlFiles.map((path, i) => [i, path.fullpath()]) + ), + output: { + // With [name] in it, Vite (or Rollup idk) uses a file name of the first HTML file + // access the asset. For example, examples/style.css became dist/parameter-missing-error-[hash].css + // in my testing and dist/examples/file.html imports dist/parameter-missing-error-[hash].css. + // This is not directly visible to users but confusing enough for whom examined raw HTML for + // markup usage. + assetFileNames: "[hash:12][extname]", + }, + }, + }, + }; + });
yarn.lock
- @@ -2396,6 +2396,7 @@ "@figspec/components@workspace:.":
  version: 0.0.0-use.local resolution: "@figspec/components@workspace:." dependencies: + "@picocss/pico": ^1.5.10 "@storybook/addon-actions": ^7.0.26 "@storybook/addon-viewport": ^7.0.26 "@storybook/web-components": ^7.0.26
- @@ -2403,6 +2404,7 @@ "@storybook/web-components-vite": ^7.0.26
  commander: ^6.1.0 dotenv: ^8.2.0 figma-js: ^1.13.0 + glob: ^10.3.2 husky: ^8.0.1 lint-staged: ^13.0.3 lit: ^2.1.3
- @@ -2420,6 +2422,20 @@ "@gar/promisify@npm:^1.1.3":
  version: 1.1.3 resolution: "@gar/promisify@npm:1.1.3" checksum: 4059f790e2d07bf3c3ff3e0fec0daa8144fe35c1f6e0111c9921bd32106adaa97a4ab096ad7dab1e28ee6a9060083c4d1a4ada42a7f5f3f7a96b8812e2b757c1 + languageName: node + linkType: hard + + "@isaacs/cliui@npm:^8.0.2": + version: 8.0.2 + resolution: "@isaacs/cliui@npm:8.0.2" + dependencies: + string-width: ^5.1.2 + string-width-cjs: "npm:string-width@^4.2.0" + strip-ansi: ^7.0.1 + strip-ansi-cjs: "npm:strip-ansi@^6.0.1" + wrap-ansi: ^8.1.0 + wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0" + checksum: 4a473b9b32a7d4d3cfb7a614226e555091ff0c5a29a1734c28c72a182c2f6699b26fc6b5c2131dfd841e86b185aea714c72201d7c98c2fba5f17709333a67aeb languageName: node linkType: hard
- @@ -2553,6 +2569,20 @@ checksum: 1388777b507b0c592d53f41b9d182e1a8de7763bc625fc07999b8edbc22325f074e5b3ec90af79c89d6987fdb2325bc66d59f483258543c14a43661621f841b0
  languageName: node linkType: hard + "@picocss/pico@npm:^1.5.10": + version: 1.5.10 + resolution: "@picocss/pico@npm:1.5.10" + checksum: 07b2f94507e068c87581039a81c75ef7167dfbcf4b6ed4a9cfe3b8d8039d06ba998f78b93102316f5d90b96d1e907e136cf980f081e77b503ef4dff394f4de83 + languageName: node + linkType: hard + + "@pkgjs/parseargs@npm:^0.11.0": + version: 0.11.0 + resolution: "@pkgjs/parseargs@npm:0.11.0" + checksum: 6ad6a00fc4f2f2cfc6bff76fb1d88b8ee20bc0601e18ebb01b6d4be583733a860239a521a7fbca73b612e66705078809483549d2b18f370eb346c5155c8e4a0f + languageName: node + linkType: hard + "@storybook/addon-actions@npm:^7.0.26": version: 7.0.26 resolution: "@storybook/addon-actions@npm:7.0.26"
- @@ -3547,6 +3577,13 @@ checksum: 7a7f8528c07a9d20c3a92bccd2b6bc3bb4d26e5cb775c02826921477377bd495d615d61f710d56216344b6238d1d11ef2b0348e146c5b128715578bfb3217229
  languageName: node linkType: hard + "ansi-styles@npm:^6.1.0": + version: 6.2.1 + resolution: "ansi-styles@npm:6.2.1" + checksum: ef940f2f0ced1a6347398da88a91da7930c33ecac3c77b72c5905f8b8fe402c52e6fde304ff5347f616e27a742da3f1dc76de98f6866c69251ad0b07a66776d9 + languageName: node + linkType: hard + "anymatch@npm:~3.1.2": version: 3.1.3 resolution: "anymatch@npm:3.1.3"
- @@ -4333,7 +4370,7 @@ checksum: 7a4c925b497a2c91421e25bf76d6d8190f0b2359a9200dbeed136e63b2931d6294d3b1893eda378883ed363cd950f44a12a401384c609839ea616befb7927dab
  languageName: node linkType: hard - "cross-spawn@npm:^7.0.3": + "cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.3": version: 7.0.3 resolution: "cross-spawn@npm:7.0.3" dependencies:
- @@ -5181,6 +5218,16 @@ checksum: 6c48ff2bc63362319c65e2edca4a8e1e3483a2fabc72fbe7feaf8c73db94fc7861bd53bc02c8a66a0c1dd709da6b04eec42e0abdd6b40ce47305ae92a25e5d28
  languageName: node linkType: hard + "foreground-child@npm:^3.1.0": + version: 3.1.1 + resolution: "foreground-child@npm:3.1.1" + dependencies: + cross-spawn: ^7.0.0 + signal-exit: ^4.0.1 + checksum: 139d270bc82dc9e6f8bc045fe2aae4001dc2472157044fdfad376d0a3457f77857fa883c1c8b21b491c6caade9a926a4bed3d3d2e8d3c9202b151a4cbbd0bcd5 + languageName: node + linkType: hard + "form-data@npm:^3.0.0": version: 3.0.0 resolution: "form-data@npm:3.0.0"
- @@ -5400,6 +5447,21 @@ "glob-to-regexp@npm:^0.4.1":
  version: 0.4.1 resolution: "glob-to-regexp@npm:0.4.1" checksum: e795f4e8f06d2a15e86f76e4d92751cf8bbfcf0157cea5c2f0f35678a8195a750b34096b1256e436f0cebc1883b5ff0888c47348443e69546a5a87f9e1eb1167 + languageName: node + linkType: hard + + "glob@npm:^10.3.2": + version: 10.3.2 + resolution: "glob@npm:10.3.2" + dependencies: + foreground-child: ^3.1.0 + jackspeak: ^2.0.3 + minimatch: ^9.0.1 + minipass: ^5.0.0 || ^6.0.2 || ^7.0.0 + path-scurry: ^1.10.1 + bin: + glob: dist/cjs/src/bin.js + checksum: 3b4f455192d18eb1cf41a9193c825f594a70323b522f290d4b75191d3e399791f9da1febef339392a9828c03a3bf2b96e0b32cc8efb0068c2b11df585026a367 languageName: node linkType: hard
- @@ -6026,6 +6088,19 @@ checksum: 82b92fe4ec2823a81ab0fc0d11bd94d710e6f9a940d56b3cba31896d4345ec9ffc7949f4ff31ebcae84f6b95f7ebf3474c4c7452b834eb4078ea3f2c37e459c5
  languageName: node linkType: hard + "jackspeak@npm:^2.0.3": + version: 2.2.1 + resolution: "jackspeak@npm:2.2.1" + dependencies: + "@isaacs/cliui": ^8.0.2 + "@pkgjs/parseargs": ^0.11.0 + dependenciesMeta: + "@pkgjs/parseargs": + optional: true + checksum: e29291c0d0f280a063fa18fbd1e891ab8c2d7519fd34052c0ebde38538a15c603140d60c2c7f432375ff7ee4c5f1c10daa8b2ae19a97c3d4affe308c8360c1df + languageName: node + linkType: hard + "jake@npm:^10.8.5": version: 10.8.7 resolution: "jake@npm:10.8.7"
- @@ -6356,6 +6431,13 @@ checksum: fdb62262978393df7a4bd46a072bc5c3808c50ca5a347a82bb9459410efd841b7bae50655c3cf9004c70d12c756cf6d018f6bff155a16cdde9eba9a82899b5eb
  languageName: node linkType: hard + "lru-cache@npm:^9.1.1 || ^10.0.0": + version: 10.0.0 + resolution: "lru-cache@npm:10.0.0" + checksum: 18f101675fe283bc09cda0ef1e3cc83781aeb8373b439f086f758d1d91b28730950db785999cd060d3c825a8571c03073e8c14512b6655af2188d623031baf50 + languageName: node + linkType: hard + "magic-string@npm:^0.27.0": version: 0.27.0 resolution: "magic-string@npm:0.27.0"
- @@ -6586,6 +6668,15 @@ checksum: 15ce53d31a06361e8b7a629501b5c75491bc2b59712d53e802b1987121d91b433d73fcc5be92974fde66b2b51d8fb28d75a9ae900d249feb792bb1ba2a4f0a90
  languageName: node linkType: hard + "minimatch@npm:^9.0.1": + version: 9.0.3 + resolution: "minimatch@npm:9.0.3" + dependencies: + brace-expansion: ^2.0.1 + checksum: 253487976bf485b612f16bf57463520a14f512662e592e95c571afdab1442a6a6864b6c88f248ce6fc4ff0b6de04ac7aa6c8bb51e868e99d1d65eb0658a708b5 + languageName: node + linkType: hard + "minimist@npm:^1.2.5": version: 1.2.5 resolution: "minimist@npm:1.2.5"
- @@ -6673,6 +6764,13 @@ "minipass@npm:^5.0.0":
  version: 5.0.0 resolution: "minipass@npm:5.0.0" checksum: 425dab288738853fded43da3314a0b5c035844d6f3097a8e3b5b29b328da8f3c1af6fc70618b32c29ff906284cf6406b6841376f21caaadd0793c1d5a6a620ea + languageName: node + linkType: hard + + "minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0": + version: 7.0.1 + resolution: "minipass@npm:7.0.1" + checksum: fedd1293f6a1b4e406c242a1cecfb75d0a81422bb2c365d999e33a88642fb68d70a89d95b550e08c640b3c0d9162829310e0c58b9b846b9218de25779818c709 languageName: node linkType: hard
- @@ -7159,6 +7257,16 @@ "path-parse@npm:^1.0.7":
  version: 1.0.7 resolution: "path-parse@npm:1.0.7" checksum: 49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a + languageName: node + linkType: hard + + "path-scurry@npm:^1.10.1": + version: 1.10.1 + resolution: "path-scurry@npm:1.10.1" + dependencies: + lru-cache: ^9.1.1 || ^10.0.0 + minipass: ^5.0.0 || ^6.0.2 || ^7.0.0 + checksum: e2557cff3a8fb8bc07afdd6ab163a92587884f9969b05bbbaf6fe7379348bfb09af9ed292af12ed32398b15fb443e81692047b786d1eeb6d898a51eb17ed7d90 languageName: node linkType: hard
- @@ -8043,6 +8151,13 @@ checksum: a2f098f247adc367dffc27845853e9959b9e88b01cb301658cfe4194352d8d2bb32e18467c786a7fe15f1d44b233ea35633d076d5e737870b7139949d1ab6318
  languageName: node linkType: hard + "signal-exit@npm:^4.0.1": + version: 4.0.2 + resolution: "signal-exit@npm:4.0.2" + checksum: 41f5928431cc6e91087bf0343db786a6313dd7c6fd7e551dbc141c95bb5fb26663444fd9df8ea47c5d7fc202f60aa7468c3162a9365cbb0615fc5e1b1328fe31 + languageName: node + linkType: hard + "simple-update-notifier@npm:^1.0.0": version: 1.1.0 resolution: "simple-update-notifier@npm:1.1.0"
- @@ -8247,29 +8362,29 @@ checksum: efbd0289b599bee808ce80820dfe49c9635610715429c6b7cc50750f0437e3c2f697c81e5c390208c13b5d5d12d904a1546172a88579f6ee5cbaaaa4dc9ec5cf
  languageName: node linkType: hard - "string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.2.3": - version: 4.2.3 - resolution: "string-width@npm:4.2.3" + "string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0, string-width@npm:^4.2.0": + version: 4.2.0 + resolution: "string-width@npm:4.2.0" dependencies: emoji-regex: ^8.0.0 is-fullwidth-code-point: ^3.0.0 - strip-ansi: ^6.0.1 - checksum: e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb + strip-ansi: ^6.0.0 + checksum: ee2c68df9a3ce4256565d2bdc8490f5706f195f88e799d3d425889264d3eff3d7984fe8b38dfc983dac948e03d8cdc737294b1c81f1528c37c9935d86b67593d languageName: node linkType: hard - "string-width@npm:^4.1.0, string-width@npm:^4.2.0": - version: 4.2.0 - resolution: "string-width@npm:4.2.0" + "string-width@npm:^1.0.2 || 2 || 3 || 4, string-width@npm:^4.2.3": + version: 4.2.3 + resolution: "string-width@npm:4.2.3" dependencies: emoji-regex: ^8.0.0 is-fullwidth-code-point: ^3.0.0 - strip-ansi: ^6.0.0 - checksum: ee2c68df9a3ce4256565d2bdc8490f5706f195f88e799d3d425889264d3eff3d7984fe8b38dfc983dac948e03d8cdc737294b1c81f1528c37c9935d86b67593d + strip-ansi: ^6.0.1 + checksum: e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb languageName: node linkType: hard - "string-width@npm:^5.0.0": + "string-width@npm:^5.0.0, string-width@npm:^5.0.1, string-width@npm:^5.1.2": version: 5.1.2 resolution: "string-width@npm:5.1.2" dependencies:
- @@ -8298,21 +8413,21 @@ checksum: 9ab7e56f9d60a28f2be697419917c50cac19f3e8e6c28ef26ed5f4852289fe0de5d6997d29becf59028556f2c62983790c1d9ba1e2a3cc401768ca12d5183a5b
  languageName: node linkType: hard + "strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.1": + version: 6.0.1 + resolution: "strip-ansi@npm:6.0.1" + dependencies: + ansi-regex: ^5.0.1 + checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c + languageName: node + linkType: hard + "strip-ansi@npm:^6.0.0": version: 6.0.0 resolution: "strip-ansi@npm:6.0.0" dependencies: ansi-regex: ^5.0.0 checksum: 04c3239ede44c4d195b0e66c0ad58b932f08bec7d05290416d361ff908ad282ecdaf5d9731e322c84f151d427436bde01f05b7422c3ec26dd927586736b0e5d0 - languageName: node - linkType: hard - - "strip-ansi@npm:^6.0.1": - version: 6.0.1 - resolution: "strip-ansi@npm:6.0.1" - dependencies: - ansi-regex: ^5.0.1 - checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c languageName: node linkType: hard
- @@ -8961,6 +9076,17 @@ checksum: 2a44b2788165d0a3de71fd517d4880a8e20ea3a82c080ce46e294f0b68b69a2e49cff5f99c600e275c698a90d12c5ea32aff06c311f0db2eb3f1201f3e7b2a04
  languageName: node linkType: hard + "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0": + version: 7.0.0 + resolution: "wrap-ansi@npm:7.0.0" + dependencies: + ansi-styles: ^4.0.0 + string-width: ^4.1.0 + strip-ansi: ^6.0.0 + checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b + languageName: node + linkType: hard + "wrap-ansi@npm:^6.2.0": version: 6.2.0 resolution: "wrap-ansi@npm:6.2.0"
- @@ -8972,14 +9098,14 @@ checksum: 6cd96a410161ff617b63581a08376f0cb9162375adeb7956e10c8cd397821f7eb2a6de24eb22a0b28401300bf228c86e50617cd568209b5f6775b93c97d2fe3a
  languageName: node linkType: hard - "wrap-ansi@npm:^7.0.0": - version: 7.0.0 - resolution: "wrap-ansi@npm:7.0.0" + "wrap-ansi@npm:^8.1.0": + version: 8.1.0 + resolution: "wrap-ansi@npm:8.1.0" dependencies: - ansi-styles: ^4.0.0 - string-width: ^4.1.0 - strip-ansi: ^6.0.0 - checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b + ansi-styles: ^6.1.0 + string-width: ^5.0.1 + strip-ansi: ^7.0.1 + checksum: 371733296dc2d616900ce15a0049dca0ef67597d6394c57347ba334393599e800bab03c41d4d45221b6bc967b8c453ec3ae4749eff3894202d16800fdfe0e238 languageName: node linkType: hard

Authored by: Shota FUJI
Authored at: 2023-07-09 00:09:23 +0900
Committed by: Shota FUJI
Committed at: 2023-07-09 00:47:49 +0900
Signature: View
-----BEGIN PGP SIGNATURE----- iQIzBAABCAAdFiEE4gDBMFzisxhrQLxwXlFIlz4pE2MFAmSphSYACgkQXlFIlz4p E2OqDw/+Koj2mlQXUVpjAc94QVM1oD5ODk30cdWMdsI6HZhRgIrmiFbw0h6docwC KPJv4WM1ER5wxQLJmzro4pL5ZJhRLvhUlU8ezfHKrqNkylAzXf/Uc0PPqFy8ahPL +nUfjM3+iHhMFTuCTx2PC7aG8mpcpSIsG+VMi+NGLxdSylRr2t2odAxDe9KVEPi7 hDtAqAwPeBHHK8VxvjgTp7gjdOtpwsX3wg4gI7nc+HcZkyFiHVWvf+WCN4bOubvP BqbiBVuZypVQ6J+wt8pGZIvdnbEfnTXyPjZe027yU7AIl4CPC9bt2UDDLd4CIUUr KuWvR8k0BpkH6Ti2xtcZnmGMECh/b4qtJPkc7aKtFLyHLVPATr3Pb4hyvCdMLzCC JvsstMVW4SLIavu9+NfZVc3wu2VwnIo1FnSrhEaR2YeXBWDYz1fJtGfsKNChBzkl k95dIbyZFm96m0XQePHiyOOhT4x2LxAToTPwe2vYmflwamaoMvtFVoK0yxrNprs+ MTDahcScFl33yQgh6n+AIV/WlBy8zqS0NUjX9YvZhvLyAbbIHfYc4wNeyvV5kri7 JtewBEBa3nGGxbvIheLq5Losi03jCjRS9qdLulndivNkSMeNhkjliQvTJXUk3EaG mnALqpOup1AXcGymbaQvJMSTbv5k1PhWlWxW0biNanOO2/QXDz4= =TqC5 -----END PGP SIGNATURE-----
Object name: 00a896342ae384ec4a450467a500da462bb77959
Parent: 0a028f9f
Tab width