@khanacademy/math-input 4.3.0 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/es/index.js +447 -374
  3. package/dist/es/index.js.map +1 -1
  4. package/dist/index.js +447 -374
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/keypad/button-assets.tsx +506 -310
  8. package/src/components/keypad/keypad-mathquill.stories.tsx +1 -1
  9. package/src/components/keypad/keypad.stories.tsx +11 -0
  10. package/src/components/tabbar/icons.tsx +26 -8
  11. package/tsconfig-build.tsbuildinfo +1 -1
package/src/components/keypad/button-assets.tsx CHANGED
@@ -28,7 +28,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
28
28
  xmlns="http://www.w3.org/2000/svg"
29
29
  >
30
30
  <path
31
- d="M26.2991 20.36C26.2991 21.872 26.1351 23.18 25.8071 24.284C25.4871 25.388 25.0431 26.304 24.4751 27.032C23.9071 27.76 23.2391 28.3 22.4711 28.652C21.7031 29.004 20.8751 29.18 19.9871 29.18C19.0991 29.18 18.2711 29.004 17.5031 28.652C16.7351 28.3 16.0671 27.76 15.4991 27.032C14.9391 26.304 14.4991 25.388 14.1791 24.284C13.8591 23.18 13.6991 21.872 13.6991 20.36C13.6991 18.848 13.8591 17.54 14.1791 16.436C14.4991 15.324 14.9391 14.408 15.4991 13.688C16.0671 12.96 16.7351 12.42 17.5031 12.068C18.2711 11.708 19.0991 11.528 19.9871 11.528C20.8751 11.528 21.7031 11.708 22.4711 12.068C23.2391 12.42 23.9071 12.96 24.4751 13.688C25.0431 14.408 25.4871 15.324 25.8071 16.436C26.1351 17.54 26.2991 18.848 26.2991 20.36ZM23.6351 20.36C23.6351 19.08 23.5311 18.016 23.3231 17.168C23.1231 16.312 22.8551 15.628 22.5191 15.116C22.1831 14.604 21.7951 14.24 21.3551 14.024C20.9151 13.808 20.4591 13.7 19.9871 13.7C19.5071 13.7 19.0471 13.808 18.6071 14.024C18.1751 14.24 17.7911 14.604 17.4551 15.116C17.1191 15.628 16.8511 16.312 16.6511 17.168C16.4511 18.016 16.3511 19.08 16.3511 20.36C16.3511 21.64 16.4511 22.708 16.6511 23.564C16.8511 24.412 17.1191 25.092 17.4551 25.604C17.7911 26.116 18.1751 26.48 18.6071 26.696C19.0471 26.912 19.5071 27.02 19.9871 27.02C20.4591 27.02 20.9151 26.912 21.3551 26.696C21.7951 26.48 22.1831 26.116 22.5191 25.604C22.8551 25.092 23.1231 24.412 23.3231 23.564C23.5311 22.708 23.6351 21.64 23.6351 20.36Z"
31
+ d="M26.299 20.3598c0 1.512-.164 2.82-.492 3.924-.32 1.104-.764 2.02-1.332 2.748-.568.728-1.236 1.268-2.004 1.62-.768.352-1.596.528-2.484.528-.888 0-1.716-.176-2.484-.528-.768-.352-1.436-.892-2.004-1.62-.56-.728-1-1.644-1.32-2.748-.32-1.104-.48-2.412-.48-3.924s.16-2.82.48-3.924c.32-1.112.76-2.028 1.32-2.748.568-.728 1.236-1.268 2.004-1.62.768-.36 1.596-.54 2.484-.54.888 0 1.716.18 2.484.54.768.352 1.436.892 2.004 1.62.568.72 1.012 1.636 1.332 2.748.328 1.104.492 2.412.492 3.924zm-2.664 0c0-1.28-.104-2.344-.312-3.192-.2-.856-.468-1.54-.804-2.052s-.724-.876-1.164-1.092c-.44-.216-.896-.324-1.368-.324-.48 0-.94.108-1.38.324-.432.216-.816.58-1.152 1.092-.336.512-.604 1.196-.804 2.052-.2.848-.3 1.912-.3 3.192 0 1.28.1 2.348.3 3.204.2.848.468 1.528.804 2.04s.72.876 1.152 1.092c.44.216.9.324 1.38.324.472 0 .928-.108 1.368-.324.44-.216.828-.58 1.164-1.092.336-.512.604-1.192.804-2.04.208-.856.312-1.924.312-3.204z"
32
32
  fill="#21242C"
33
33
  />
34
34
  </svg>
@@ -43,7 +43,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
43
43
  xmlns="http://www.w3.org/2000/svg"
44
44
  >
45
45
  <path
46
- d="M25.3631 27.044V29H15.9431V27.044H19.5431V16.22C19.5431 15.836 19.5551 15.444 19.5791 15.044L16.8071 17.384C16.6871 17.48 16.5631 17.544 16.4351 17.576C16.3151 17.6 16.1991 17.6 16.0871 17.576C15.9831 17.552 15.8871 17.516 15.7991 17.468C15.7191 17.412 15.6551 17.352 15.6071 17.288L14.8031 16.16L20.0111 11.684H22.1111V27.044H25.3631Z"
46
+ d="M25.363 27.0441v1.956h-9.42v-1.956h3.6v-10.824c0-.384.012-.776.036-1.176l-2.772 2.34c-.12.096-.244.16-.372.192-.12.024-.236.024-.348 0-.104-.024-.2-.06-.288-.108-.08-.056-.144-.116-.192-.18l-.804-1.128 5.208-4.476h2.1v15.36h3.252z"
47
47
  fill="#21242C"
48
48
  />
49
49
  </svg>
@@ -58,7 +58,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
58
58
  xmlns="http://www.w3.org/2000/svg"
59
59
  >
60
60
  <path
61
- d="M24.8471 26.564C25.1271 26.564 25.3471 26.648 25.5071 26.816C25.6671 26.976 25.7471 27.184 25.7471 27.44V29H14.0591V28.124C14.0591 27.948 14.0951 27.764 14.1671 27.572C14.2391 27.38 14.3551 27.204 14.5151 27.044L19.8911 21.656C20.3471 21.2 20.7511 20.764 21.1031 20.348C21.4631 19.932 21.7671 19.516 22.0151 19.1C22.2711 18.684 22.4631 18.264 22.5911 17.84C22.7271 17.408 22.7951 16.956 22.7951 16.484C22.7951 16.028 22.7231 15.628 22.5791 15.284C22.4431 14.932 22.2511 14.644 22.0031 14.42C21.7631 14.188 21.4711 14.016 21.1271 13.904C20.7911 13.784 20.4191 13.724 20.0111 13.724C19.6191 13.724 19.2551 13.78 18.9191 13.892C18.5911 14.004 18.2951 14.16 18.0311 14.36C17.7751 14.56 17.5591 14.8 17.3831 15.08C17.2151 15.352 17.0911 15.652 17.0111 15.98C16.8911 16.308 16.7351 16.528 16.5431 16.64C16.3591 16.752 16.0871 16.776 15.7271 16.712L14.3711 16.472C14.4911 15.656 14.7151 14.94 15.0431 14.324C15.3791 13.708 15.7991 13.196 16.3031 12.788C16.8071 12.372 17.3831 12.06 18.0311 11.852C18.6871 11.636 19.3951 11.528 20.1551 11.528C20.9231 11.528 21.6271 11.644 22.2671 11.876C22.9151 12.1 23.4711 12.424 23.9351 12.848C24.4071 13.264 24.7751 13.772 25.0391 14.372C25.3031 14.972 25.4351 15.648 25.4351 16.4C25.4351 17.04 25.3391 17.632 25.1471 18.176C24.9631 18.72 24.7111 19.24 24.3911 19.736C24.0711 20.232 23.6951 20.716 23.2631 21.188C22.8391 21.652 22.3911 22.124 21.9191 22.604L17.7431 26.876C18.0871 26.78 18.4311 26.704 18.7751 26.648C19.1271 26.592 19.4591 26.564 19.7711 26.564H24.8471Z"
61
+ d="M24.8471 26.5638c.28 0 .5.084.66.252.16.16.24.368.24.624v1.56h-11.688v-.876c0-.176.036-.36.108-.552.072-.192.188-.368.348-.528l5.376-5.388c.456-.456.86-.892 1.212-1.308.36-.416.664-.832.912-1.248.256-.416.448-.836.576-1.26.136-.432.204-.884.204-1.356 0-.456-.072-.856-.216-1.2-.136-.352-.328-.64-.576-.864-.24-.232-.532-.404-.876-.516-.336-.12-.708-.18-1.116-.18-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.168.272-.292.572-.372.9-.12.328-.276.548-.468.66-.184.112-.456.136-.816.072l-1.356-.24c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.472.116 2.112.348.648.224 1.204.548 1.668.972.472.416.84.924 1.104 1.524.264.6.396 1.276.396 2.028 0 .64-.096 1.232-.288 1.776-.184.544-.436 1.064-.756 1.56s-.696.98-1.128 1.452c-.424.464-.872.936-1.344 1.416l-4.176 4.272c.344-.096.688-.172 1.032-.228.352-.056.684-.084.996-.084h5.076z"
62
62
  fill="#21242C"
63
63
  />
64
64
  </svg>
@@ -73,7 +73,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
73
73
  xmlns="http://www.w3.org/2000/svg"
74
74
  >
75
75
  <path
76
- d="M14.4551 16.472C14.5751 15.656 14.7991 14.94 15.1271 14.324C15.4631 13.708 15.8831 13.196 16.3871 12.788C16.8911 12.372 17.4671 12.06 18.1151 11.852C18.7711 11.636 19.4791 11.528 20.2391 11.528C21.0071 11.528 21.7031 11.64 22.3271 11.864C22.9591 12.08 23.4991 12.384 23.9471 12.776C24.4031 13.168 24.7511 13.636 24.9911 14.18C25.2391 14.724 25.3631 15.32 25.3631 15.968C25.3631 16.52 25.2951 17.008 25.1591 17.432C25.0311 17.848 24.8431 18.216 24.5951 18.536C24.3551 18.856 24.0591 19.124 23.7071 19.34C23.3551 19.556 22.9591 19.736 22.5191 19.88C23.5911 20.192 24.3951 20.692 24.9311 21.38C25.4671 22.06 25.7351 22.916 25.7351 23.948C25.7351 24.78 25.5791 25.52 25.2671 26.168C24.9551 26.816 24.5311 27.364 23.9951 27.812C23.4671 28.26 22.8471 28.604 22.1351 28.844C21.4311 29.076 20.6831 29.192 19.8911 29.192C19.0031 29.192 18.2351 29.088 17.5871 28.88C16.9391 28.664 16.3791 28.36 15.9071 27.968C15.4431 27.568 15.0551 27.088 14.7431 26.528C14.4311 25.968 14.1671 25.34 13.9511 24.644L15.0671 24.176C15.3631 24.048 15.6431 24.012 15.9071 24.068C16.1791 24.124 16.3751 24.272 16.4951 24.512C16.6231 24.768 16.7671 25.044 16.9271 25.34C17.0871 25.628 17.2911 25.896 17.5391 26.144C17.7951 26.384 18.1071 26.588 18.4751 26.756C18.8511 26.916 19.3111 26.996 19.8551 26.996C20.4071 26.996 20.8871 26.908 21.2951 26.732C21.7111 26.548 22.0551 26.316 22.3271 26.036C22.6071 25.748 22.8151 25.428 22.9511 25.076C23.0871 24.724 23.1551 24.376 23.1551 24.032C23.1551 23.6 23.1031 23.204 22.9991 22.844C22.8951 22.476 22.6911 22.164 22.3871 21.908C22.0911 21.652 21.6671 21.452 21.1151 21.308C20.5711 21.156 19.8551 21.08 18.9671 21.08V19.22C19.6951 19.212 20.3071 19.14 20.8031 19.004C21.3071 18.86 21.7071 18.668 22.0031 18.428C22.3071 18.18 22.5231 17.884 22.6511 17.54C22.7871 17.196 22.8551 16.82 22.8551 16.412C22.8551 15.972 22.7871 15.584 22.6511 15.248C22.5151 14.912 22.3231 14.632 22.0751 14.408C21.8351 14.176 21.5471 14.004 21.2111 13.892C20.8751 13.78 20.5031 13.724 20.0951 13.724C19.7031 13.724 19.3391 13.78 19.0031 13.892C18.6751 14.004 18.3791 14.16 18.1151 14.36C17.8591 14.56 17.6431 14.8 17.4671 15.08C17.2911 15.352 17.1631 15.652 17.0831 15.98C16.9711 16.308 16.8191 16.528 16.6271 16.64C16.4431 16.752 16.1711 16.776 15.8111 16.712L14.4551 16.472Z"
76
+ d="M14.4552 16.4718c.12-.816.344-1.532.672-2.148.336-.616.756-1.128 1.26-1.536.504-.416 1.08-.728 1.728-.936.656-.216 1.364-.324 2.124-.324.768 0 1.464.112 2.088.336.632.216 1.172.52 1.62.912.456.392.804.86 1.044 1.404.248.544.372 1.14.372 1.788 0 .552-.068 1.04-.204 1.464-.128.416-.316.784-.564 1.104-.24.32-.536.588-.888.804-.352.216-.748.396-1.188.54 1.072.312 1.876.812 2.412 1.5.536.68.804 1.536.804 2.568 0 .832-.156 1.572-.468 2.22-.312.648-.736 1.196-1.272 1.644-.528.448-1.148.792-1.86 1.032-.704.232-1.452.348-2.244.348-.888 0-1.656-.104-2.304-.312-.648-.216-1.208-.52-1.68-.912-.464-.4-.852-.88-1.164-1.44-.312-.56-.576-1.188-.792-1.884l1.116-.468c.296-.128.576-.164.84-.108.272.056.468.204.588.444.128.256.272.532.432.828.16.288.364.556.612.804.256.24.568.444.936.612.376.16.836.24 1.38.24.552 0 1.032-.088 1.44-.264.416-.184.76-.416 1.032-.696.28-.288.488-.608.624-.96s.204-.7.204-1.044c0-.432-.052-.828-.156-1.188-.104-.368-.308-.68-.612-.936-.296-.256-.72-.456-1.272-.6-.544-.152-1.26-.228-2.148-.228v-1.86c.728-.008 1.34-.08 1.836-.216.504-.144.904-.336 1.2-.576.304-.248.52-.544.648-.888.136-.344.204-.72.204-1.128 0-.44-.068-.828-.204-1.164-.136-.336-.328-.616-.576-.84-.24-.232-.528-.404-.864-.516-.336-.112-.708-.168-1.116-.168-.392 0-.756.056-1.092.168-.328.112-.624.268-.888.468-.256.2-.472.44-.648.72-.176.272-.304.572-.384.9-.112.328-.264.548-.456.66-.184.112-.456.136-.816.072l-1.356-.24z"
77
77
  fill="#21242C"
78
78
  />
79
79
  </svg>
@@ -88,7 +88,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
88
88
  xmlns="http://www.w3.org/2000/svg"
89
89
  >
90
90
  <path
91
- d="M21.6911 22.616V16.304C21.6911 15.8 21.7271 15.248 21.7991 14.648L15.9911 22.616H21.6911ZM26.3231 22.616V24.104C26.3231 24.248 26.2751 24.372 26.1791 24.476C26.0911 24.58 25.9551 24.632 25.7711 24.632H23.9351V29H21.6911V24.632H14.2151C14.0311 24.632 13.8711 24.58 13.7351 24.476C13.6071 24.364 13.5231 24.228 13.4831 24.068L13.2191 22.748L21.5111 11.708H23.9351V22.616H26.3231Z"
91
+ d="M21.691 22.616v-6.312c0-.504.036-1.056.108-1.656l-5.808 7.968h5.7zm4.632 0v1.488c0 .144-.048.268-.144.372-.088.104-.224.156-.408.156h-1.836V29h-2.244v-4.368h-7.476c-.184 0-.344-.052-.48-.156-.128-.112-.212-.248-.252-.408l-.264-1.32 8.292-11.04h2.424v10.908h2.388z"
92
92
  fill="#21242C"
93
93
  />
94
94
  </svg>
@@ -103,7 +103,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
103
103
  xmlns="http://www.w3.org/2000/svg"
104
104
  >
105
105
  <path
106
- d="M17.6591 18.104C18.0751 18.016 18.4711 17.952 18.8471 17.912C19.2311 17.872 19.5991 17.852 19.9511 17.852C20.8551 17.852 21.6511 17.988 22.3391 18.26C23.0351 18.524 23.6151 18.892 24.0791 19.364C24.5511 19.836 24.9031 20.392 25.1351 21.032C25.3751 21.664 25.4951 22.352 25.4951 23.096C25.4951 24.016 25.3351 24.852 25.0151 25.604C24.6951 26.356 24.2511 27 23.6831 27.536C23.1151 28.064 22.4431 28.472 21.6671 28.76C20.8991 29.048 20.0671 29.192 19.1711 29.192C18.6431 29.192 18.1391 29.14 17.6591 29.036C17.1871 28.932 16.7431 28.792 16.3271 28.616C15.9111 28.432 15.5271 28.224 15.1751 27.992C14.8231 27.752 14.5071 27.504 14.2271 27.248L15.0191 26.144C15.1871 25.904 15.4111 25.784 15.6911 25.784C15.8671 25.784 16.0591 25.848 16.2671 25.976C16.4751 26.104 16.7151 26.244 16.9871 26.396C17.2671 26.54 17.5951 26.676 17.9711 26.804C18.3471 26.932 18.7951 26.996 19.3151 26.996C19.8831 26.996 20.3911 26.904 20.8391 26.72C21.2871 26.536 21.6631 26.28 21.9671 25.952C22.2791 25.616 22.5151 25.216 22.6751 24.752C22.8351 24.288 22.9151 23.78 22.9151 23.228C22.9151 22.724 22.8391 22.272 22.6871 21.872C22.5431 21.472 22.3231 21.132 22.0271 20.852C21.7391 20.572 21.3751 20.36 20.9351 20.216C20.4951 20.064 19.9871 19.988 19.4111 19.988C18.9871 19.988 18.5511 20.024 18.1031 20.096C17.6631 20.168 17.2151 20.28 16.7591 20.432L15.1511 19.976L16.5671 11.72H24.9311V12.836C24.9311 13.204 24.8151 13.504 24.5831 13.736C24.3511 13.968 23.9631 14.084 23.4191 14.084H18.3551L17.6591 18.104Z"
106
+ d="M17.6591 18.1042c.416-.088.812-.152 1.188-.192.384-.04.752-.06 1.104-.06.904 0 1.7.136 2.388.408.696.264 1.276.632 1.74 1.104.472.472.824 1.028 1.056 1.668.24.632.36 1.32.36 2.064 0 .92-.16 1.756-.48 2.508-.32.752-.764 1.396-1.332 1.932-.568.528-1.24.936-2.016 1.224-.768.288-1.6.432-2.496.432-.528 0-1.032-.052-1.512-.156-.472-.104-.916-.244-1.332-.42-.416-.184-.8-.392-1.152-.624-.352-.24-.668-.488-.948-.744l.792-1.104c.168-.24.392-.36.672-.36.176 0 .368.064.576.192.208.128.448.268.72.42.28.144.608.28.984.408.376.128.824.192 1.344.192.568 0 1.076-.092 1.524-.276.448-.184.824-.44 1.128-.768.312-.336.548-.736.708-1.2.16-.464.24-.972.24-1.524 0-.504-.076-.956-.228-1.356-.144-.4-.364-.74-.66-1.02-.288-.28-.652-.492-1.092-.636-.44-.152-.948-.228-1.524-.228-.424 0-.86.036-1.308.108-.44.072-.888.184-1.344.336l-1.608-.456 1.416-8.256h8.364v1.116c0 .368-.116.668-.348.9-.232.232-.62.348-1.164.348h-5.064l-.696 4.02z"
107
107
  fill="#21242C"
108
108
  />
109
109
  </svg>
@@ -118,7 +118,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
118
118
  xmlns="http://www.w3.org/2000/svg"
119
119
  >
120
120
  <path
121
- d="M19.9751 27.056C20.4951 27.056 20.9711 26.972 21.4031 26.804C21.8351 26.628 22.2031 26.388 22.5071 26.084C22.8191 25.78 23.0591 25.42 23.2271 25.004C23.3951 24.588 23.4791 24.136 23.4791 23.648C23.4791 23.12 23.3951 22.648 23.2271 22.232C23.0671 21.808 22.8351 21.452 22.5311 21.164C22.2351 20.876 21.8751 20.656 21.4511 20.504C21.0351 20.344 20.5751 20.264 20.0711 20.264C19.5511 20.264 19.0791 20.352 18.6551 20.528C18.2391 20.704 17.8831 20.944 17.5871 21.248C17.2911 21.552 17.0631 21.908 16.9031 22.316C16.7431 22.724 16.6631 23.156 16.6631 23.612C16.6631 24.124 16.7351 24.592 16.8791 25.016C17.0231 25.44 17.2351 25.804 17.5151 26.108C17.7951 26.404 18.1391 26.636 18.5471 26.804C18.9631 26.972 19.4391 27.056 19.9751 27.056ZM19.0271 18.08C18.8991 18.24 18.7751 18.392 18.6551 18.536C18.5431 18.68 18.4311 18.824 18.3191 18.968C18.6871 18.76 19.0911 18.596 19.5311 18.476C19.9711 18.356 20.4431 18.296 20.9471 18.296C21.6191 18.296 22.2631 18.408 22.8791 18.632C23.4951 18.848 24.0351 19.176 24.4991 19.616C24.9711 20.048 25.3471 20.588 25.6271 21.236C25.9071 21.876 26.0471 22.616 26.0471 23.456C26.0471 24.256 25.8991 25.004 25.6031 25.7C25.3151 26.396 24.9071 27.004 24.3791 27.524C23.8511 28.036 23.2151 28.444 22.4711 28.748C21.7351 29.044 20.9191 29.192 20.0231 29.192C19.1271 29.192 18.3191 29.048 17.5991 28.76C16.8791 28.472 16.2631 28.068 15.7511 27.548C15.2471 27.02 14.8591 26.388 14.5871 25.652C14.3151 24.916 14.1791 24.096 14.1791 23.192C14.1791 22.408 14.3471 21.588 14.6831 20.732C15.0191 19.876 15.5391 18.976 16.2431 18.032L20.4911 12.332C20.6191 12.164 20.8031 12.02 21.0431 11.9C21.2911 11.78 21.5671 11.72 21.8711 11.72H24.1511L19.0271 18.08Z"
121
+ d="M19.975 27.0562c.52 0 .996-.084 1.428-.252.432-.176.8-.416 1.104-.72.312-.304.552-.664.72-1.08.168-.416.252-.868.252-1.356 0-.528-.084-1-.252-1.416-.16-.424-.392-.78-.696-1.068-.296-.288-.656-.508-1.08-.66-.416-.16-.876-.24-1.38-.24-.52 0-.992.088-1.416.264-.416.176-.772.416-1.068.72-.296.304-.524.66-.684 1.068-.16.408-.24.84-.24 1.296 0 .512.072.98.216 1.404.144.424.356.788.636 1.092.28.296.624.528 1.032.696.416.168.892.252 1.428.252zm-.948-8.976c-.128.16-.252.312-.372.456l-.336.432c.368-.208.772-.372 1.212-.492.44-.12.912-.18 1.416-.18.672 0 1.316.112 1.932.336.616.216 1.156.544 1.62.984.472.432.848.972 1.128 1.62.28.64.42 1.38.42 2.22 0 .8-.148 1.548-.444 2.244-.288.696-.696 1.304-1.224 1.824-.528.512-1.164.92-1.908 1.224-.736.296-1.552.444-2.448.444-.896 0-1.704-.144-2.424-.432-.72-.288-1.336-.692-1.848-1.212-.504-.528-.892-1.16-1.164-1.896-.272-.736-.408-1.556-.408-2.46 0-.784.168-1.604.504-2.46.336-.856.856-1.756 1.56-2.7l4.248-5.7c.128-.168.312-.312.552-.432.248-.12.524-.18.828-.18h2.28l-5.124 6.36z"
122
122
  fill="#21242C"
123
123
  />
124
124
  </svg>
@@ -133,7 +133,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
133
133
  xmlns="http://www.w3.org/2000/svg"
134
134
  >
135
135
  <path
136
- d="M26.0831 11.72V12.86C26.0831 13.196 26.0471 13.468 25.9751 13.676C25.9031 13.884 25.8311 14.06 25.7591 14.204L18.9311 28.1C18.8111 28.356 18.6391 28.572 18.4151 28.748C18.1991 28.916 17.9111 29 17.5511 29H15.6911L22.6511 15.332C22.7791 15.084 22.9071 14.86 23.0351 14.66C23.1631 14.46 23.3071 14.268 23.4671 14.084H14.8391C14.6791 14.084 14.5391 14.024 14.4191 13.904C14.2991 13.776 14.2391 13.632 14.2391 13.472V11.72H26.0831Z"
136
+ d="M26.083 11.7202v1.14c0 .336-.036.608-.108.816-.072.208-.144.384-.216.528l-6.828 13.896c-.12.256-.292.472-.516.648-.216.168-.504.252-.864.252h-1.86l6.96-13.668c.128-.248.256-.472.384-.672.128-.2.272-.392.432-.576h-8.628c-.16 0-.3-.06-.42-.18-.12-.128-.18-.272-.18-.432v-1.752h11.844z"
137
137
  fill="#21242C"
138
138
  />
139
139
  </svg>
@@ -148,7 +148,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
148
148
  xmlns="http://www.w3.org/2000/svg"
149
149
  >
150
150
  <path
151
- d="M19.9991 27.152C20.5191 27.152 20.9831 27.08 21.3911 26.936C21.7991 26.784 22.1391 26.576 22.4111 26.312C22.6911 26.04 22.9031 25.72 23.0471 25.352C23.1911 24.984 23.2631 24.584 23.2631 24.152C23.2631 23.624 23.1791 23.168 23.0111 22.784C22.8511 22.4 22.6231 22.084 22.3271 21.836C22.0391 21.58 21.6951 21.392 21.2951 21.272C20.8951 21.144 20.4631 21.08 19.9991 21.08C19.5351 21.08 19.1031 21.144 18.7031 21.272C18.3031 21.392 17.9551 21.58 17.6591 21.836C17.3711 22.084 17.1431 22.4 16.9751 22.784C16.8151 23.168 16.7351 23.624 16.7351 24.152C16.7351 24.584 16.8071 24.984 16.9511 25.352C17.0951 25.72 17.3031 26.04 17.5751 26.312C17.8551 26.576 18.1991 26.784 18.6071 26.936C19.0151 27.08 19.4791 27.152 19.9991 27.152ZM19.9991 13.508C19.5271 13.508 19.1111 13.58 18.7511 13.724C18.3991 13.868 18.1071 14.06 17.8751 14.3C17.6431 14.54 17.4671 14.824 17.3471 15.152C17.2351 15.472 17.1791 15.812 17.1791 16.172C17.1791 16.532 17.2271 16.884 17.3231 17.228C17.4271 17.572 17.5871 17.88 17.8031 18.152C18.0271 18.416 18.3191 18.628 18.6791 18.788C19.0391 18.948 19.4791 19.028 19.9991 19.028C20.5191 19.028 20.9591 18.948 21.3191 18.788C21.6791 18.628 21.9671 18.416 22.1831 18.152C22.4071 17.88 22.5671 17.572 22.6631 17.228C22.7671 16.884 22.8191 16.532 22.8191 16.172C22.8191 15.812 22.7591 15.472 22.6391 15.152C22.5271 14.824 22.3511 14.54 22.1111 14.3C21.8791 14.06 21.5871 13.868 21.2351 13.724C20.8831 13.58 20.4711 13.508 19.9991 13.508ZM22.7231 19.988C23.7871 20.316 24.5831 20.836 25.1111 21.548C25.6471 22.26 25.9151 23.144 25.9151 24.2C25.9151 24.96 25.7711 25.648 25.4831 26.264C25.1951 26.88 24.7911 27.404 24.2711 27.836C23.7511 28.268 23.1271 28.604 22.3991 28.844C21.6791 29.076 20.8791 29.192 19.9991 29.192C19.1191 29.192 18.3151 29.076 17.5871 28.844C16.8671 28.604 16.2471 28.268 15.7271 27.836C15.2071 27.404 14.8031 26.88 14.5151 26.264C14.2271 25.648 14.0831 24.96 14.0831 24.2C14.0831 23.144 14.3471 22.26 14.8751 21.548C15.4111 20.836 16.2111 20.316 17.2751 19.988C16.4111 19.644 15.7591 19.144 15.3191 18.488C14.8871 17.832 14.6711 17.044 14.6711 16.124C14.6711 15.476 14.7991 14.872 15.0551 14.312C15.3111 13.752 15.6711 13.268 16.1351 12.86C16.6071 12.444 17.1711 12.12 17.8271 11.888C18.4831 11.648 19.2071 11.528 19.9991 11.528C20.7911 11.528 21.5111 11.648 22.1591 11.888C22.8151 12.12 23.3751 12.444 23.8391 12.86C24.3111 13.268 24.6751 13.752 24.9311 14.312C25.1951 14.872 25.3271 15.476 25.3271 16.124C25.3271 17.044 25.1071 17.832 24.6671 18.488C24.2351 19.144 23.5871 19.644 22.7231 19.988Z"
151
+ d="M19.999 27.1518c.52 0 .984-.072 1.392-.216.408-.152.748-.36 1.02-.624.28-.272.492-.592.636-.96.144-.368.216-.768.216-1.2 0-.528-.084-.984-.252-1.368-.16-.384-.388-.7-.684-.948-.288-.256-.632-.444-1.032-.564-.4-.128-.832-.192-1.296-.192-.464 0-.896.064-1.296.192-.4.12-.748.308-1.044.564-.288.248-.516.564-.684.948-.16.384-.24.84-.24 1.368 0 .432.072.832.216 1.2.144.368.352.688.624.96.28.264.624.472 1.032.624.408.144.872.216 1.392.216zm0-13.644c-.472 0-.888.072-1.248.216-.352.144-.644.336-.876.576-.232.24-.408.524-.528.852-.112.32-.168.66-.168 1.02s.048.712.144 1.056c.104.344.264.652.48.924.224.264.516.476.876.636.36.16.8.24 1.32.24s.96-.08 1.32-.24c.36-.16.648-.372.864-.636.224-.272.384-.58.48-.924.104-.344.156-.696.156-1.056 0-.36-.06-.7-.18-1.02-.112-.328-.288-.612-.528-.852-.232-.24-.524-.432-.876-.576-.352-.144-.764-.216-1.236-.216zm2.724 6.48c1.064.328 1.86.848 2.388 1.56.536.712.804 1.596.804 2.652 0 .76-.144 1.448-.432 2.064-.288.616-.692 1.14-1.212 1.572-.52.432-1.144.768-1.872 1.008-.72.232-1.52.348-2.4.348-.88 0-1.684-.116-2.412-.348-.72-.24-1.34-.576-1.86-1.008-.52-.432-.924-.956-1.212-1.572-.288-.616-.432-1.304-.432-2.064 0-1.056.264-1.94.792-2.652.536-.712 1.336-1.232 2.4-1.56-.864-.344-1.516-.844-1.956-1.5-.432-.656-.648-1.444-.648-2.364 0-.648.128-1.252.384-1.812s.616-1.044 1.08-1.452c.472-.416 1.036-.74 1.692-.972.656-.24 1.38-.36 2.172-.36.792 0 1.512.12 2.16.36.656.232 1.216.556 1.68.972.472.408.836.892 1.092 1.452.264.56.396 1.164.396 1.812 0 .92-.22 1.708-.66 2.364-.432.656-1.08 1.156-1.944 1.5z"
152
152
  fill="#21242C"
153
153
  />
154
154
  </svg>
@@ -163,12 +163,15 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
163
163
  xmlns="http://www.w3.org/2000/svg"
164
164
  >
165
165
  <path
166
- d="M16.7351 16.856C16.7351 17.88 17.0071 18.668 17.5511 19.22C18.1031 19.764 18.8711 20.036 19.8551 20.036C20.3831 20.036 20.8471 19.952 21.2471 19.784C21.6551 19.616 21.9991 19.392 22.2791 19.112C22.5591 18.824 22.7711 18.492 22.9151 18.116C23.0591 17.732 23.1311 17.324 23.1311 16.892C23.1311 16.388 23.0511 15.94 22.8911 15.548C22.7391 15.148 22.5191 14.808 22.2311 14.528C21.9511 14.248 21.6151 14.036 21.2231 13.892C20.8311 13.74 20.4031 13.664 19.9391 13.664C19.4511 13.664 19.0111 13.744 18.6191 13.904C18.2271 14.064 17.8911 14.288 17.6111 14.576C17.3311 14.856 17.1151 15.192 16.9631 15.584C16.8111 15.968 16.7351 16.392 16.7351 16.856ZM21.1631 22.22C21.3231 22.02 21.4711 21.832 21.6071 21.656C21.7431 21.472 21.8711 21.288 21.9911 21.104C21.5751 21.4 21.1111 21.628 20.5991 21.788C20.0871 21.94 19.5431 22.016 18.9671 22.016C18.3431 22.016 17.7431 21.912 17.1671 21.704C16.5911 21.488 16.0791 21.172 15.6311 20.756C15.1831 20.332 14.8231 19.812 14.5511 19.196C14.2871 18.572 14.1551 17.856 14.1551 17.048C14.1551 16.288 14.2951 15.572 14.5751 14.9C14.8631 14.228 15.2631 13.644 15.7751 13.148C16.2871 12.644 16.8991 12.248 17.6111 11.96C18.3231 11.672 19.1111 11.528 19.9751 11.528C20.8311 11.528 21.6071 11.668 22.3031 11.948C22.9991 12.22 23.5911 12.608 24.0791 13.112C24.5671 13.608 24.9431 14.204 25.2071 14.9C25.4711 15.588 25.6031 16.348 25.6031 17.18C25.6031 17.7 25.5551 18.192 25.4591 18.656C25.3711 19.12 25.2391 19.572 25.0631 20.012C24.8951 20.444 24.6871 20.872 24.4391 21.296C24.1991 21.712 23.9271 22.136 23.6231 22.568L19.5551 28.4C19.4351 28.576 19.2551 28.72 19.0151 28.832C18.7831 28.944 18.5191 29 18.2231 29H15.8591L21.1631 22.22Z"
166
+ d="M16.735 16.8558c0 1.024.272 1.812.816 2.364.552.544 1.32.816 2.304.816.528 0 .992-.084 1.392-.252.408-.168.752-.392 1.032-.672.28-.288.492-.62.636-.996.144-.384.216-.792.216-1.224 0-.504-.08-.952-.24-1.344-.152-.4-.372-.74-.66-1.02-.28-.28-.616-.492-1.008-.636-.392-.152-.82-.228-1.284-.228-.488 0-.928.08-1.32.24-.392.16-.728.384-1.008.672-.28.28-.496.616-.648 1.008-.152.384-.228.808-.228 1.272zm4.428 5.364c.16-.2.308-.388.444-.564.136-.184.264-.368.384-.552-.416.296-.88.524-1.392.684-.512.152-1.056.228-1.632.228-.624 0-1.224-.104-1.8-.312-.576-.216-1.088-.532-1.536-.948-.448-.424-.808-.944-1.08-1.56-.264-.624-.396-1.34-.396-2.148 0-.76.14-1.476.42-2.148.288-.672.688-1.256 1.2-1.752.512-.504 1.124-.9 1.836-1.188.712-.288 1.5-.432 2.364-.432.856 0 1.632.14 2.328.42.696.272 1.288.66 1.776 1.164.488.496.864 1.092 1.128 1.788.264.688.396 1.448.396 2.28 0 .52-.048 1.012-.144 1.476-.088.464-.22.916-.396 1.356-.168.432-.376.86-.624 1.284-.24.416-.512.84-.816 1.272l-4.068 5.832c-.12.176-.3.32-.54.432-.232.112-.496.168-.792.168h-2.364l5.304-6.78z"
167
167
  fill="#21242C"
168
168
  />
169
169
  </svg>
170
170
  );
171
- case "LEFT_PAREN":
171
+ // TODO(ned): Per the notes in `KeyConfigs`, shouldn't this be a comma
172
+ // that we replace with the period icon for i18n? Duplicating for now.
173
+ case "DECIMAL":
174
+ case "PERIOD":
172
175
  return (
173
176
  <svg
174
177
  width="40"
@@ -178,15 +181,13 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
178
181
  xmlns="http://www.w3.org/2000/svg"
179
182
  >
180
183
  <path
181
- d="M22 10C17 16 17 24 22 30"
182
- stroke="#21242C"
183
- strokeWidth="2"
184
- strokeLinecap="round"
185
- strokeLinejoin="round"
184
+ d="M18.3401 27.512c0-.232.04-.448.12-.648.088-.208.204-.388.348-.54.152-.152.328-.272.528-.36.208-.088.428-.132.66-.132.232 0 .448.044.648.132.208.088.388.208.54.36.152.152.272.332.36.54.088.2.132.416.132.648 0 .24-.044.46-.132.66-.088.2-.208.376-.36.528-.152.152-.332.268-.54.348-.2.088-.416.132-.648.132-.232 0-.452-.044-.66-.132-.2-.08-.376-.196-.528-.348-.144-.152-.26-.328-.348-.528-.08-.2-.12-.42-.12-.66z"
185
+ fill="#21242C"
186
186
  />
187
187
  </svg>
188
188
  );
189
- case "RIGHT_PAREN":
189
+
190
+ case "PLUS":
190
191
  return (
191
192
  <svg
192
193
  width="40"
@@ -196,63 +197,150 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
196
197
  xmlns="http://www.w3.org/2000/svg"
197
198
  >
198
199
  <path
199
- d="M19 10C24 16 24 24 19 30"
200
- stroke="#21242C"
201
- strokeWidth="2"
202
- strokeLinecap="round"
203
- strokeLinejoin="round"
200
+ fillRule="evenodd"
201
+ clipRule="evenodd"
202
+ d="M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z"
203
+ fill="#21242C"
204
+ />
205
+ <path
206
+ fillRule="evenodd"
207
+ clipRule="evenodd"
208
+ d="M20 28c-.5523 0-1-.4477-1-1V13c0-.5523.4477-1 1-1s1 .4477 1 1v14c0 .5523-.4477 1-1 1z"
209
+ fill="#21242C"
204
210
  />
205
211
  </svg>
206
212
  );
207
213
  case "MINUS":
208
214
  return (
209
215
  <svg
216
+ width="40"
217
+ height="40"
218
+ viewBox="0 0 40 40"
219
+ fill="none"
210
220
  xmlns="http://www.w3.org/2000/svg"
211
- width="20"
212
- height="20"
213
- fill="currentColor"
214
- viewBox="0 0 256 256"
215
221
  >
216
- <path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z" />
222
+ <path
223
+ fillRule="evenodd"
224
+ clipRule="evenodd"
225
+ d="M12 20c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1z"
226
+ fill="#21242C"
227
+ />
217
228
  </svg>
218
229
  );
219
- case "PLUS":
230
+ case "TIMES":
220
231
  return (
221
- // Phosphor Icons - Plus Bold
222
232
  <svg
233
+ width="40"
234
+ height="40"
235
+ viewBox="0 0 40 40"
236
+ fill="none"
223
237
  xmlns="http://www.w3.org/2000/svg"
224
- width="20"
225
- height="20"
226
- fill="currentColor"
227
- viewBox="0 0 256 256"
228
238
  >
229
- <path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z" />{" "}
239
+ <path
240
+ fillRule="evenodd"
241
+ clipRule="evenodd"
242
+ d="M14.3432 14.3428c.3905-.3905 1.0237-.3905 1.4142 0l9.8995 9.8995c.3905.3906.3905 1.0237 0 1.4143-.3905.3905-1.0237.3905-1.4142 0l-9.8995-9.8995c-.3905-.3906-.3905-1.0237 0-1.4143z"
243
+ fill="#21242C"
244
+ />
245
+ <path
246
+ fillRule="evenodd"
247
+ clipRule="evenodd"
248
+ d="M14.3431 25.6573c-.3905-.3905-.3905-1.0237 0-1.4142l9.8995-9.8995c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-9.8995 9.8995c-.3905.3905-1.0237.3905-1.4142 0z"
249
+ fill="#21242C"
250
+ />
230
251
  </svg>
231
252
  );
232
- case "TIMES":
253
+ case "CDOT":
233
254
  return (
234
- // Phosphor Icons - X Bold
235
255
  <svg
256
+ width="40"
257
+ height="40"
258
+ viewBox="0 0 40 40"
259
+ fill="none"
260
+ xmlns="http://www.w3.org/2000/svg"
261
+ >
262
+ <g clipPath="url(#clip0_874_41555)">
263
+ <circle cx="20" cy="20" r="1.5" fill="#21242C" />
264
+ </g>
265
+ <defs>
266
+ <clipPath id="clip0_874_41555">
267
+ <path
268
+ fill="#fff"
269
+ transform="translate(18.5 18.5)"
270
+ d="M0 0h3v3H0z"
271
+ />
272
+ </clipPath>
273
+ </defs>
274
+ </svg>
275
+ );
276
+ case "DIVIDE":
277
+ return (
278
+ <svg
279
+ width="40"
280
+ height="40"
281
+ viewBox="0 0 40 40"
282
+ fill="none"
283
+ xmlns="http://www.w3.org/2000/svg"
284
+ >
285
+ <path
286
+ fillRule="evenodd"
287
+ clipRule="evenodd"
288
+ d="M20 16c.8284 0 1.5-.6716 1.5-1.5S20.8284 13 20 13s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5zm-8 4c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1s-.4477 1-1 1H13c-.5523 0-1-.4477-1-1zm9.5 5.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5z"
289
+ fill="#21242C"
290
+ />
291
+ </svg>
292
+ );
293
+
294
+ case "LEFT_PAREN":
295
+ return (
296
+ <svg
297
+ width="40"
298
+ height="40"
299
+ viewBox="0 0 40 40"
300
+ fill="none"
301
+ xmlns="http://www.w3.org/2000/svg"
302
+ >
303
+ <path
304
+ fillRule="evenodd"
305
+ clipRule="evenodd"
306
+ d="M22.6402 9.2318c.4243.35357.4816.9841.128 1.4084-4.6909 5.6292-4.6909 13.0905 0 18.7196.3536.4243.2963 1.0549-.128 1.4084-.4243.3536-1.0549.2963-1.4084-.128-5.3091-6.3708-5.3091-14.9095 0-21.28036.3535-.42428.9841-.4816 1.4084-.12804z"
307
+ fill="#21242C"
308
+ />
309
+ </svg>
310
+ );
311
+ case "RIGHT_PAREN":
312
+ return (
313
+ <svg
314
+ width="40"
315
+ height="40"
316
+ viewBox="0 0 40 40"
317
+ fill="none"
236
318
  xmlns="http://www.w3.org/2000/svg"
237
- width="20"
238
- height="20"
239
- fill="#000000"
240
- viewBox="0 0 256 256"
241
319
  >
242
- <path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" />
320
+ <path
321
+ fillRule="evenodd"
322
+ clipRule="evenodd"
323
+ d="M18.3598 9.2318c.4243-.35356 1.0549-.29624 1.4084.12804 5.3091 6.37086 5.3091 14.90956 0 21.28036-.3535.4243-.9841.4816-1.4084.128-.4242-.3535-.4816-.9841-.128-1.4084 4.691-5.6291 4.691-13.0904 0-18.7196-.3536-.4243-.2962-1.05483.128-1.4084z"
324
+ fill="#21242C"
325
+ />
243
326
  </svg>
244
327
  );
245
328
 
246
329
  case "BACKSPACE":
247
330
  return (
248
331
  <svg
332
+ width="40"
333
+ height="40"
334
+ viewBox="0 0 40 40"
335
+ fill="none"
249
336
  xmlns="http://www.w3.org/2000/svg"
250
- width="20"
251
- height="20"
252
- fill="currentColor"
253
- viewBox="0 0 256 256"
254
337
  >
255
- <path d="M216,40H68.53a16.08,16.08,0,0,0-13.72,7.77L9.14,123.88a8,8,0,0,0,0,8.24l45.67,76.11A16.08,16.08,0,0,0,68.53,216H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM61.67,204.12,68.53,200h0ZM216,200H68.53l-43.2-72,43.2-72H216ZM106.34,146.34,124.69,128l-18.35-18.34a8,8,0,0,1,11.32-11.32L136,116.69l18.34-18.35a8,8,0,0,1,11.32,11.32L147.31,128l18.35,18.34a8,8,0,0,1-11.32,11.32L136,139.31l-18.34,18.35a8,8,0,0,1-11.32-11.32Z" />
338
+ <path
339
+ fillRule="evenodd"
340
+ clipRule="evenodd"
341
+ d="M10 20l6-6h12.1716v12H16l-6-6zm-1.41421-1.4142l6.00001-6C14.9609 12.2107 15.4696 12 16 12h12.1716c1.1045 0 2 .8954 2 2v12c0 1.1046-.8955 2-2 2H16c-.5304 0-1.0391-.2107-1.4142-.5858l-6.00001-6c-.78105-.781-.78105-2.0474 0-2.8284zm13.87871-1.2929l-1.2929 1.2929-1.2929-1.2929c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142L19.7574 20l-1.2929 1.2929c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l1.2929-1.2929 1.2929 1.2929c.3905.3905 1.0237.3905 1.4142 0 .3906-.3905.3906-1.0237 0-1.4142L22.5858 20l1.2929-1.2929c.3906-.3905.3906-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0z"
342
+ fill="#21242C"
343
+ />
256
344
  </svg>
257
345
  );
258
346
  case "DISMISS":
@@ -271,34 +359,10 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
271
359
  />
272
360
  </svg>
273
361
  );
274
- case "FRAC":
275
- return (
276
- <svg width="48" height="48" viewBox="0 0 48 48">
277
- <g fill="none" fillRule="evenodd">
278
- <path fill="none" d="M0 0h48v48H0z" />
279
- <g transform="translate(12 12)">
280
- <path fill="none" d="M0 0h24v24H0z" />
281
- <path
282
- d="M8 16.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997c-.55 0-.997-.453-.997-.997v-6.006zM10 18h4v4h-4v-4z"
283
- fill="currentColor"
284
- />
285
- <rect
286
- fill="currentColor"
287
- x="2"
288
- y="11"
289
- width="20"
290
- height="2"
291
- rx="1"
292
- />
293
- <path
294
- d="M8 .997C8 .447 8.453 0 8.997 0h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997H8.997C8.447 8 8 7.547 8 7.003V.997zM10 2h4v4h-4V2z"
295
- fill="currentColor"
296
- />
297
- </g>
298
- </g>
299
- </svg>
300
- );
362
+ // TODO: figure out what the difference is and what we need for what
301
363
  case "FRAC_INCLUSIVE":
364
+ case "FRAC_EXCLUSIVE":
365
+ case "FRAC":
302
366
  return (
303
367
  <svg
304
368
  width="40"
@@ -327,318 +391,315 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
327
391
  <path
328
392
  fillRule="evenodd"
329
393
  clipRule="evenodd"
330
- d="M12.9571 13.2929C13.3476 13.6834 13.3476 14.3166 12.9571 14.7071C11.6871 15.9771 11 17.9485 11 20C11 22.0515 11.6871 24.0229 12.9571 25.2929C13.3476 25.6834 13.3476 26.3166 12.9571 26.7071C12.5666 27.0976 11.9334 27.0976 11.5429 26.7071C9.81292 24.9771 9 22.4485 9 20C9 17.5515 9.81292 15.0229 11.5429 13.2929C11.9334 12.9024 12.5666 12.9024 12.9571 13.2929ZM14 20C14 19.4477 14.4477 19 15 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H15C14.4477 21 14 20.5523 14 20ZM28.4571 13.2929C28.0666 12.9024 27.4334 12.9024 27.0429 13.2929C26.6524 13.6834 26.6524 14.3166 27.0429 14.7071C28.3129 15.9771 29 17.9485 29 20C29 22.0515 28.3129 24.0229 27.0429 25.2929C26.6524 25.6834 26.6524 26.3166 27.0429 26.7071C27.4334 27.0976 28.0666 27.0976 28.4571 26.7071C30.1871 24.9771 31 22.4485 31 20C31 17.5515 30.1871 15.0229 28.4571 13.2929Z"
394
+ d="M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zM14 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H15c-.5523 0-1-.4477-1-1zm14.4571-6.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142C28.3129 15.9771 29 17.9485 29 20c0 2.0515-.6871 4.0229-1.9571 5.2929-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0C30.1871 24.9771 31 22.4485 31 20c0-2.4485-.8129-4.9771-2.5429-6.7071z"
331
395
  fill="#21242C"
332
396
  />
333
397
  </svg>
334
398
  );
335
- // TODO(ned): Per the notes in `KeyConfigs`, shouldn't this be a comma
336
- // that we replace with the period icon for i18n? Duplicating for now.
337
- case "DECIMAL":
338
- case "PERIOD":
399
+ case "RADICAL":
339
400
  return (
340
401
  <svg
341
402
  xmlns="http://www.w3.org/2000/svg"
342
- width="20"
343
- height="20"
344
- fill="currentColor"
345
- viewBox="0 0 256 256"
403
+ width="40"
404
+ height="40"
405
+ fill="none"
406
+ viewBox="0 0 40 40"
346
407
  >
347
408
  <path
348
- d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z"
349
- // moves decimal down to baseline of number icons,
350
- // otherwise indistinguishable from cdot
351
- transform="translate(0 80)"
409
+ fill="#21242C"
410
+ fillRule="evenodd"
411
+ d="M9 9a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V9Zm2 1h4v4h-4v-4Zm12 2a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z"
412
+ clipRule="evenodd"
352
413
  />
353
414
  </svg>
354
415
  );
355
- case "RADICAL":
416
+ case "SQRT":
356
417
  return (
357
418
  <svg
419
+ xmlns="http://www.w3.org/2000/svg"
358
420
  width="40"
359
421
  height="40"
360
- viewBox="0 0 40 40"
361
422
  fill="none"
362
- xmlns="http://www.w3.org/2000/svg"
423
+ viewBox="0 0 40 40"
363
424
  >
364
425
  <path
426
+ fill="#21242C"
365
427
  fillRule="evenodd"
428
+ d="M22.159 12.46A1 1 0 0 1 23 12h7a1 1 0 1 1 0 2h-6.454l-8.705 13.54a1 1 0 0 1-1.673.015l-4-6a1 1 0 0 1 1.664-1.11l3.153 4.73 8.174-12.716Z"
366
429
  clipRule="evenodd"
367
- d="M9.00012 9C9.00012 8.44772 9.44784 8 10.0001 8H16.0001C16.5524 8 17.0001 8.44772 17.0001 9V15C17.0001 15.5523 16.5524 16 16.0001 16H10.0001C9.44784 16 9.00012 15.5523 9.00012 15V9ZM11.0001 10H15.0001V14H11.0001V10ZM23.0001 12C22.6598 12 22.3429 12.173 22.1589 12.4592L13.9849 25.1744L10.8322 20.4453C10.5258 19.9858 9.90493 19.8616 9.44541 20.1679C8.98588 20.4743 8.8617 21.0952 9.16806 21.5547L13.1681 27.5547C13.3552 27.8354 13.6711 28.0028 14.0084 28C14.3457 27.9972 14.6589 27.8245 14.8413 27.5408L23.5461 14H30.0001C30.5524 14 31.0001 13.5523 31.0001 13C31.0001 12.4477 30.5524 12 30.0001 12H23.0001Z"
368
- fill="#21242C"
369
430
  />
370
431
  </svg>
371
432
  );
372
- case "SQRT":
433
+ case "CUBE_ROOT":
373
434
  return (
374
435
  <svg
375
436
  xmlns="http://www.w3.org/2000/svg"
376
- width="20"
377
- height="20"
378
- fill="currentColor"
379
- viewBox="0 0 256 256"
437
+ width="40"
438
+ height="40"
439
+ fill="none"
440
+ viewBox="0 0 40 40"
380
441
  >
381
- <path d="M240,72V96a8,8,0,0,1-16,0V80H125.55L79.49,202.81a8,8,0,0,1-15,0l-48-128a8,8,0,1,1,15-5.62L72,177.22l40.51-108A8,8,0,0,1,120,64H232A8,8,0,0,1,240,72Z" />
382
- </svg>
383
- );
384
- case "CUBE_ROOT":
385
- return (
386
- <svg width="48" height="48" viewBox="0 0 48 48">
387
- <g
388
- fill="none"
442
+ <path
443
+ fill="#21242C"
389
444
  fillRule="evenodd"
390
- transform="translate(0, -4)"
391
- >
392
- <path fill="none" d="M0 0h48v48H0z" />
393
- <path
394
- d="M17.91 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z"
395
- fill="currentColor"
396
- />
397
- <path
398
- stroke="currentColor"
399
- strokeWidth="2"
400
- strokeLinecap="round"
401
- strokeLinejoin="round"
402
- d="M14 29l4 6 9-14h7"
403
- />
404
- </g>
445
+ d="M9.684 9.246a3.052 3.052 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324c.07-.1.152-.186.247-.259.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.184.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.297 1.297 0 0 1-.5.231 3.359 3.359 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.116 1.116 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.197 1.197 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.162.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132a3.55 3.55 0 0 0 1.05-.154c.338-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.47 1.47 0 0 0 .621-.864 2.47 2.47 0 0 0 .083-.67c0-.287-.057-.555-.17-.804a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM23 12a1 1 0 0 0-.841.46l-8.174 12.714-3.153-4.729a1 1 0 0 0-1.664 1.11l4 6a1 1 0 0 0 1.673-.014L23.546 14H30a1 1 0 1 0 0-2h-7Z"
446
+ clipRule="evenodd"
447
+ />
405
448
  </svg>
406
449
  );
407
450
  case "EXP":
408
451
  return (
409
452
  <svg
453
+ xmlns="http://www.w3.org/2000/svg"
410
454
  width="40"
411
455
  height="40"
412
- viewBox="0 0 40 40"
413
456
  fill="none"
414
- xmlns="http://www.w3.org/2000/svg"
457
+ viewBox="0 0 40 40"
415
458
  >
416
459
  <path
460
+ fill="#21242C"
417
461
  fillRule="evenodd"
462
+ d="M28 8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V8Zm2 1h4v4h-4V9Zm-16 4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
418
463
  clipRule="evenodd"
419
- fill="#21242C"
420
- d="M28 8C28 7.44772 28.4477 7 29 7H35C35.5523 7 36 7.44772 36 8V14C36 14.5523 35.5523 15 35 15H29C28.4477 15 28 14.5523 28 14V8ZM30 9H34V13H30V9ZM14 13C14 12.4477 14.4477 12 15 12H25C25.5523 12 26 12.4477 26 13V27C26 27.5523 25.5523 28 25 28H15C14.4477 28 14 27.5523 14 27V13ZM16 14H24V26H16V14Z"
421
464
  />
422
465
  </svg>
423
466
  );
424
467
  case "EXP_2":
425
468
  return (
426
469
  <svg
470
+ xmlns="http://www.w3.org/2000/svg"
427
471
  width="40"
428
472
  height="40"
429
- viewBox="0 0 40 40"
430
473
  fill="none"
431
- xmlns="http://www.w3.org/2000/svg"
474
+ viewBox="0 0 40 40"
432
475
  >
433
476
  <path
477
+ fill="#21242C"
434
478
  fillRule="evenodd"
479
+ d="M33.58 13.746a.52.52 0 0 0-.386-.137h-1.793c-.161 0-.334.016-.517.05a4.09 4.09 0 0 0-.555.126l1.694-1.733c.212-.216.414-.43.605-.643.19-.213.357-.431.5-.655a3.22 3.22 0 0 0 .347-.715c.084-.25.126-.52.126-.814 0-.34-.06-.653-.181-.935a2.033 2.033 0 0 0-.512-.72 2.293 2.293 0 0 0-.797-.468 2.952 2.952 0 0 0-1.029-.17c-.36 0-.695.05-1.006.148a2.43 2.43 0 0 0-.83.435 2.42 2.42 0 0 0-.606.731 3.049 3.049 0 0 0-.33 1.023l.803.143c.205.033.363.02.473-.038.114-.063.204-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .592.093.776.28.183.183.275.453.275.809 0 .201-.026.394-.077.577a2.407 2.407 0 0 1-.231.545 4.17 4.17 0 0 1-.385.544 9.098 9.098 0 0 1-.534.578l-2.365 2.37a.897.897 0 0 0-.264.616V15h5.533v-.89a.48.48 0 0 0-.143-.364ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
435
480
  clipRule="evenodd"
436
- d="M33.5791 13.7461C33.4874 13.6545 33.3591 13.6086 33.1941 13.6086H31.4011C31.2397 13.6086 31.0674 13.6251 30.8841 13.6581C30.7007 13.6875 30.5156 13.7296 30.3286 13.7846L32.0226 12.0521C32.2352 11.8358 32.4369 11.6213 32.6276 11.4086C32.8182 11.196 32.9851 10.9778 33.1281 10.7541C33.2747 10.5268 33.3902 10.2885 33.4746 10.0391C33.5589 9.78981 33.6011 9.51847 33.6011 9.22514C33.6011 8.88414 33.5406 8.57247 33.4196 8.29014C33.2986 8.00781 33.1281 7.76764 32.9081 7.56964C32.6881 7.36797 32.4222 7.21214 32.1106 7.10214C31.8026 6.98847 31.4597 6.93164 31.0821 6.93164C30.7227 6.93164 30.3872 6.98114 30.0756 7.08014C29.7639 7.17547 29.4871 7.32031 29.2451 7.51464C29.0031 7.70897 28.8014 7.95281 28.6401 8.24614C28.4787 8.53947 28.3687 8.88047 28.3101 9.26914L29.1131 9.41214C29.3184 9.44514 29.4761 9.43231 29.5861 9.37364C29.6997 9.31131 29.7896 9.18847 29.8556 9.00514C29.8886 8.88781 29.9399 8.77964 30.0096 8.68064C30.0792 8.58164 30.1617 8.49547 30.2571 8.42214C30.3561 8.34881 30.4661 8.29197 30.5871 8.25164C30.7117 8.20764 30.8474 8.18564 30.9941 8.18564C31.3277 8.18564 31.5862 8.27914 31.7696 8.46614C31.9529 8.64947 32.0446 8.91897 32.0446 9.27464C32.0446 9.47631 32.0189 9.66881 31.9676 9.85214C31.9162 10.0355 31.8392 10.217 31.7366 10.3966C31.6339 10.5726 31.5056 10.7541 31.3516 10.9411C31.1976 11.1245 31.0197 11.317 30.8181 11.5186L28.4531 13.8891C28.3577 13.9808 28.2899 14.0835 28.2496 14.1971C28.2092 14.3071 28.1891 14.4098 28.1891 14.5051V15.0001H33.7221V14.1091C33.7221 13.9588 33.6744 13.8378 33.5791 13.7461ZM14 13.0001C14 12.4479 14.4477 12.0001 15 12.0001H25C25.5523 12.0001 26 12.4479 26 13.0001V27.0001C26 27.5524 25.5523 28.0001 25 28.0001H15C14.4477 28.0001 14 27.5524 14 27.0001V13.0001ZM16 14.0001H24V26.0001H16V14.0001Z"
437
- fill="#21242C"
438
481
  />
439
482
  </svg>
440
483
  );
441
484
  case "EXP_3":
442
485
  return (
443
486
  <svg
444
- width="42"
445
- height="42"
446
- viewBox="0 0 40 40"
447
- fill="none"
448
487
  xmlns="http://www.w3.org/2000/svg"
488
+ width="40"
489
+ height="40"
490
+ fill="none"
491
+ viewBox="0 0 40 40"
449
492
  >
450
493
  <path
451
- transform="translate(0, -8)"
494
+ fill="#21242C"
452
495
  fillRule="evenodd"
496
+ d="M28.684 8.246a3.049 3.049 0 0 0-.33 1.023l.798.143c.209.033.368.02.478-.038.11-.063.2-.186.27-.369a1.05 1.05 0 0 1 .154-.324 1.18 1.18 0 0 1 .247-.259c.1-.073.21-.13.33-.17.125-.044.26-.066.407-.066.334 0 .59.091.77.275.183.183.275.449.275.797 0 .165-.024.317-.071.457a.746.746 0 0 1-.248.357 1.298 1.298 0 0 1-.5.231 3.36 3.36 0 0 1-.82.083v1.067c.4 0 .715.029.946.088.235.055.41.135.528.242a.674.674 0 0 1 .231.38c.033.146.05.31.05.494 0 .14-.028.28-.083.424a1.118 1.118 0 0 1-.632.649c-.158.07-.343.104-.556.104-.169 0-.319-.024-.45-.071a1.195 1.195 0 0 1-.347-.198 1.738 1.738 0 0 1-.28-.308 3.794 3.794 0 0 1-.232-.385.457.457 0 0 0-.33-.242.809.809 0 0 0-.49.06l-.67.275c.12.356.262.668.423.935.161.264.354.484.578.66.227.176.49.308.786.396.297.088.64.132 1.029.132.366 0 .716-.051 1.05-.154.337-.106.633-.264.886-.473a2.3 2.3 0 0 0 .605-.775c.15-.312.225-.671.225-1.078 0-.92-.458-1.531-1.375-1.832a2.24 2.24 0 0 0 .523-.247 1.471 1.471 0 0 0 .621-.863 2.47 2.47 0 0 0 .083-.672c0-.286-.057-.554-.17-.803a1.9 1.9 0 0 0-.48-.654 2.254 2.254 0 0 0-.77-.44c-.3-.11-.641-.165-1.022-.165-.36 0-.695.05-1.007.148a2.47 2.47 0 0 0-.825.435 2.42 2.42 0 0 0-.605.731ZM14 13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V13Zm2 1h8v12h-8V14Z"
453
497
  clipRule="evenodd"
454
- fill="#21242C"
455
- d="M14 21c0-.552.456-1 1.002-1h9.996A1 1 0 0 1 26 21v14c0 .552-.456 1-1.002 1h-9.996A1 1 0 0 1 14 35V21zm2 1h8v12h-8V22zM30.92 23.12c1.66 0 2.76-.81 2.76-1.98 0-.96-.86-1.51-1.57-1.58.79-.13 1.46-.72 1.46-1.5 0-1.1-.95-1.83-2.65-1.83-1.23 0-2.11.45-2.67 1.08l.83 1.08c.47-.42 1.05-.64 1.66-.64.64 0 1.12.19 1.12.61 0 .35-.39.52-1.08.52-.25 0-.77 0-.9-.01v1.53c.1-.01.61-.01.9-.01.91 0 1.19.18 1.19.56 0 .37-.38.65-1.12.65-.58 0-1.34-.23-1.82-.7l-.87 1.17c.52.6 1.48 1.05 2.76 1.05z"
456
498
  />
457
499
  </svg>
458
500
  );
459
501
  case "TAN":
460
502
  return (
461
503
  <svg
504
+ xmlns="http://www.w3.org/2000/svg"
462
505
  width="40"
463
506
  height="40"
464
- viewBox="0 0 40 40"
465
507
  fill="none"
466
- xmlns="http://www.w3.org/2000/svg"
508
+ viewBox="0 0 40 40"
467
509
  >
468
510
  <path
469
- d="M12.1573 26.128C11.4426 26.128 10.8933 25.928 10.5093 25.528C10.1306 25.1227 9.94131 24.5653 9.94131 23.856V19.272H9.10131C8.99465 19.272 8.90398 19.2373 8.82931 19.168C8.75465 19.0987 8.71731 18.9947 8.71731 18.856V18.072L10.0373 17.856L10.4533 15.616C10.48 15.5093 10.5306 15.4267 10.6053 15.368C10.68 15.3093 10.776 15.28 10.8933 15.28H11.9173V17.864H14.1093V19.272H11.9173V23.72C11.9173 23.976 11.9786 24.176 12.1013 24.32C12.2293 24.464 12.4026 24.536 12.6213 24.536C12.744 24.536 12.8453 24.5227 12.9253 24.496C13.0106 24.464 13.0826 24.432 13.1413 24.4C13.2053 24.368 13.2613 24.3387 13.3093 24.312C13.3573 24.28 13.4053 24.264 13.4533 24.264C13.512 24.264 13.56 24.28 13.5973 24.312C13.6346 24.3387 13.6746 24.3813 13.7173 24.44L14.3093 25.4C14.0213 25.64 13.6906 25.8213 13.3173 25.944C12.944 26.0667 12.5573 26.128 12.1573 26.128ZM19.7104 22.496C19.1398 22.5227 18.6598 22.5733 18.2704 22.648C17.8811 22.7173 17.5691 22.808 17.3344 22.92C17.0998 23.032 16.9318 23.1627 16.8304 23.312C16.7291 23.4613 16.6784 23.624 16.6784 23.8C16.6784 24.1467 16.7798 24.3947 16.9824 24.544C17.1904 24.6933 17.4598 24.768 17.7904 24.768C18.1958 24.768 18.5451 24.696 18.8384 24.552C19.1371 24.4027 19.4278 24.1787 19.7104 23.88V22.496ZM15.1824 18.936C16.1264 18.072 17.2624 17.64 18.5904 17.64C19.0704 17.64 19.4998 17.72 19.8784 17.88C20.2571 18.0347 20.5771 18.2533 20.8384 18.536C21.0998 18.8133 21.2971 19.1467 21.4304 19.536C21.5691 19.9253 21.6384 20.352 21.6384 20.816V26H20.7424C20.5558 26 20.4118 25.9733 20.3104 25.92C20.2091 25.8613 20.1291 25.7467 20.0704 25.576L19.8944 24.984C19.6864 25.1707 19.4838 25.336 19.2864 25.48C19.0891 25.6187 18.8838 25.736 18.6704 25.832C18.4571 25.928 18.2278 26 17.9824 26.048C17.7424 26.1013 17.4758 26.128 17.1824 26.128C16.8358 26.128 16.5158 26.0827 16.2224 25.992C15.9291 25.896 15.6758 25.7547 15.4624 25.568C15.2491 25.3813 15.0838 25.1493 14.9664 24.872C14.8491 24.5947 14.7904 24.272 14.7904 23.904C14.7904 23.696 14.8251 23.4907 14.8944 23.288C14.9638 23.08 15.0758 22.8827 15.2304 22.696C15.3904 22.5093 15.5958 22.3333 15.8464 22.168C16.0971 22.0027 16.4038 21.8587 16.7664 21.736C17.1344 21.6133 17.5611 21.5147 18.0464 21.44C18.5318 21.36 19.0864 21.312 19.7104 21.296V20.816C19.7104 20.2667 19.5931 19.8613 19.3584 19.6C19.1238 19.3333 18.7851 19.2 18.3424 19.2C18.0224 19.2 17.7558 19.2373 17.5424 19.312C17.3344 19.3867 17.1504 19.472 16.9904 19.568C16.8304 19.6587 16.6838 19.7413 16.5504 19.816C16.4224 19.8907 16.2784 19.928 16.1184 19.928C15.9798 19.928 15.8624 19.8933 15.7664 19.824C15.6704 19.7493 15.5931 19.664 15.5344 19.568L15.1824 18.936ZM25.3474 18.8C25.5128 18.6347 25.6861 18.4827 25.8674 18.344C26.0541 18.2 26.2488 18.08 26.4514 17.984C26.6594 17.8827 26.8808 17.8053 27.1154 17.752C27.3501 17.6933 27.6061 17.664 27.8834 17.664C28.3314 17.664 28.7288 17.7413 29.0754 17.896C29.4221 18.0453 29.7101 18.2587 29.9394 18.536C30.1741 18.808 30.3501 19.136 30.4674 19.52C30.5901 19.8987 30.6514 20.3173 30.6514 20.776V26H28.6754V20.776C28.6754 20.2747 28.5608 19.888 28.3314 19.616C28.1021 19.3387 27.7528 19.2 27.2834 19.2C26.9421 19.2 26.6221 19.2773 26.3234 19.432C26.0248 19.5867 25.7421 19.7973 25.4754 20.064V26H23.4994V17.792H24.7074C24.9634 17.792 25.1314 17.912 25.2114 18.152L25.3474 18.8Z"
470
511
  fill="#21242C"
512
+ d="M12.157 26.128c-.714 0-1.264-.2-1.648-.6-.378-.405-.568-.962-.568-1.672v-4.584h-.84a.385.385 0 0 1-.272-.104c-.074-.07-.112-.173-.112-.312v-.784l1.32-.216.416-2.24a.439.439 0 0 1 .152-.248.452.452 0 0 1 .288-.088h1.024v2.584h2.192v1.408h-2.192v4.448c0 .256.062.456.184.6a.66.66 0 0 0 .52.216.978.978 0 0 0 .304-.04 1.63 1.63 0 0 0 .216-.096c.064-.032.12-.061.168-.088a.258.258 0 0 1 .144-.048c.059 0 .107.016.144.048.038.027.078.07.12.128l.592.96c-.288.24-.618.422-.992.544-.373.123-.76.184-1.16.184Zm7.553-3.632c-.57.027-1.05.078-1.44.152-.389.07-.7.16-.936.272-.234.112-.402.243-.504.392a.852.852 0 0 0-.152.488c0 .347.102.595.304.744.208.15.478.224.808.224.406 0 .755-.072 1.048-.216.3-.15.59-.373.872-.672v-1.384Zm-4.528-3.56c.944-.864 2.08-1.296 3.408-1.296.48 0 .91.08 1.288.24a2.696 2.696 0 0 1 1.552 1.656c.14.39.208.816.208 1.28V26h-.896c-.186 0-.33-.026-.432-.08-.1-.058-.18-.173-.24-.344l-.176-.592c-.208.187-.41.352-.608.496a3.743 3.743 0 0 1-.616.352 3.14 3.14 0 0 1-.688.216 3.65 3.65 0 0 1-.8.08 3.24 3.24 0 0 1-.96-.136 2.159 2.159 0 0 1-.76-.424 1.886 1.886 0 0 1-.496-.696 2.47 2.47 0 0 1-.176-.968 1.892 1.892 0 0 1 .44-1.208c.16-.186.366-.362.616-.528a4 4 0 0 1 .92-.432 7.836 7.836 0 0 1 1.28-.296c.486-.08 1.04-.128 1.664-.144v-.48c0-.55-.117-.954-.352-1.216-.234-.266-.573-.4-1.016-.4-.32 0-.586.038-.8.112-.208.075-.392.16-.552.256-.16.09-.306.174-.44.248a.842.842 0 0 1-.432.112.585.585 0 0 1-.352-.104.956.956 0 0 1-.232-.256l-.352-.632Zm10.165-.136a5.2 5.2 0 0 1 .52-.456 3.194 3.194 0 0 1 1.248-.592 3.2 3.2 0 0 1 .768-.088c.448 0 .846.078 1.192.232.347.15.635.363.864.64.235.272.411.6.528.984.123.379.184.798.184 1.256V26h-1.976v-5.224c0-.501-.114-.888-.344-1.16-.229-.277-.578-.416-1.048-.416-.34 0-.66.078-.96.232a3.438 3.438 0 0 0-.848.632V26H23.5v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
471
513
  />
472
514
  </svg>
473
515
  );
474
516
  case "COS":
475
517
  return (
476
518
  <svg
519
+ xmlns="http://www.w3.org/2000/svg"
477
520
  width="40"
478
521
  height="40"
479
- viewBox="0 0 40 40"
480
522
  fill="none"
481
- xmlns="http://www.w3.org/2000/svg"
523
+ viewBox="0 0 40 40"
482
524
  >
483
525
  <path
484
- d="M14.9576 19.528C14.8989 19.6027 14.8402 19.6613 14.7816 19.704C14.7282 19.7467 14.6482 19.768 14.5416 19.768C14.4402 19.768 14.3416 19.7387 14.2456 19.68C14.1496 19.616 14.0349 19.5467 13.9016 19.472C13.7682 19.392 13.6082 19.3227 13.4216 19.264C13.2402 19.2 13.0136 19.168 12.7416 19.168C12.3949 19.168 12.0909 19.232 11.8296 19.36C11.5682 19.4827 11.3496 19.6613 11.1736 19.896C11.0029 20.1307 10.8749 20.416 10.7896 20.752C10.7042 21.0827 10.6616 21.4587 10.6616 21.88C10.6616 22.3173 10.7069 22.7067 10.7976 23.048C10.8936 23.3893 11.0296 23.6773 11.2056 23.912C11.3816 24.1413 11.5949 24.3173 11.8456 24.44C12.0962 24.5573 12.3789 24.616 12.6936 24.616C13.0082 24.616 13.2616 24.5787 13.4536 24.504C13.6509 24.424 13.8162 24.3387 13.9496 24.248C14.0829 24.152 14.1976 24.0667 14.2936 23.992C14.3949 23.912 14.5069 23.872 14.6296 23.872C14.7896 23.872 14.9096 23.9333 14.9896 24.056L15.5576 24.776C15.3389 25.032 15.1016 25.248 14.8456 25.424C14.5896 25.5947 14.3229 25.7333 14.0456 25.84C13.7736 25.9413 13.4909 26.0133 13.1976 26.056C12.9096 26.0987 12.6216 26.12 12.3336 26.12C11.8269 26.12 11.3496 26.0267 10.9016 25.84C10.4536 25.648 10.0616 25.3707 9.72556 25.008C9.38956 24.6453 9.1229 24.2027 8.92556 23.68C8.73356 23.152 8.63756 22.552 8.63756 21.88C8.63756 21.2773 8.7229 20.72 8.89356 20.208C9.06956 19.6907 9.32556 19.2453 9.66156 18.872C9.99756 18.4933 10.4136 18.1973 10.9096 17.984C11.4056 17.7707 11.9762 17.664 12.6216 17.664C13.2349 17.664 13.7709 17.7627 14.2296 17.96C14.6936 18.1573 15.1096 18.44 15.4776 18.808L14.9576 19.528ZM20.2877 17.664C20.8957 17.664 21.4477 17.7627 21.9437 17.96C22.445 18.1573 22.8717 18.4373 23.2237 18.8C23.581 19.1627 23.8557 19.6053 24.0477 20.128C24.2397 20.6507 24.3357 21.2347 24.3357 21.88C24.3357 22.5307 24.2397 23.1173 24.0477 23.64C23.8557 24.1627 23.581 24.608 23.2237 24.976C22.8717 25.344 22.445 25.6267 21.9437 25.824C21.4477 26.0213 20.8957 26.12 20.2877 26.12C19.6744 26.12 19.117 26.0213 18.6157 25.824C18.1144 25.6267 17.685 25.344 17.3277 24.976C16.9757 24.608 16.701 24.1627 16.5037 23.64C16.3117 23.1173 16.2157 22.5307 16.2157 21.88C16.2157 21.2347 16.3117 20.6507 16.5037 20.128C16.701 19.6053 16.9757 19.1627 17.3277 18.8C17.685 18.4373 18.1144 18.1573 18.6157 17.96C19.117 17.7627 19.6744 17.664 20.2877 17.664ZM20.2877 24.6C20.9704 24.6 21.4744 24.3707 21.7997 23.912C22.1304 23.4533 22.2957 22.7813 22.2957 21.896C22.2957 21.0107 22.1304 20.336 21.7997 19.872C21.4744 19.408 20.9704 19.176 20.2877 19.176C19.5944 19.176 19.0797 19.4107 18.7437 19.88C18.413 20.344 18.2477 21.016 18.2477 21.896C18.2477 22.776 18.413 23.448 18.7437 23.912C19.0797 24.3707 19.5944 24.6 20.2877 24.6ZM30.8512 19.392C30.7979 19.4773 30.7419 19.5387 30.6832 19.576C30.6245 19.608 30.5499 19.624 30.4592 19.624C30.3632 19.624 30.2592 19.5973 30.1472 19.544C30.0405 19.4907 29.9152 19.432 29.7712 19.368C29.6272 19.2987 29.4619 19.2373 29.2752 19.184C29.0939 19.1307 28.8779 19.104 28.6272 19.104C28.2379 19.104 27.9312 19.1867 27.7072 19.352C27.4885 19.5173 27.3792 19.7333 27.3792 20C27.3792 20.176 27.4352 20.3253 27.5472 20.448C27.6645 20.5653 27.8165 20.6693 28.0032 20.76C28.1952 20.8507 28.4112 20.9333 28.6512 21.008C28.8912 21.0773 29.1339 21.1547 29.3792 21.24C29.6299 21.3253 29.8752 21.424 30.1152 21.536C30.3552 21.6427 30.5685 21.7813 30.7552 21.952C30.9472 22.1173 31.0992 22.3173 31.2112 22.552C31.3285 22.7867 31.3872 23.0693 31.3872 23.4C31.3872 23.7947 31.3152 24.16 31.1712 24.496C31.0325 24.8267 30.8245 25.1147 30.5472 25.36C30.2699 25.6 29.9259 25.7893 29.5152 25.928C29.1099 26.0613 28.6405 26.128 28.1072 26.128C27.8245 26.128 27.5472 26.1013 27.2752 26.048C27.0085 26 26.7499 25.9307 26.4992 25.84C26.2539 25.7493 26.0245 25.6427 25.8112 25.52C25.6032 25.3973 25.4192 25.264 25.2592 25.12L25.7152 24.368C25.7739 24.2773 25.8432 24.208 25.9232 24.16C26.0032 24.112 26.1045 24.088 26.2272 24.088C26.3499 24.088 26.4645 24.1227 26.5712 24.192C26.6832 24.2613 26.8112 24.336 26.9552 24.416C27.0992 24.496 27.2672 24.5707 27.4592 24.64C27.6565 24.7093 27.9045 24.744 28.2032 24.744C28.4379 24.744 28.6379 24.7173 28.8032 24.664C28.9739 24.6053 29.1125 24.5307 29.2192 24.44C29.3312 24.3493 29.4112 24.2453 29.4592 24.128C29.5125 24.0053 29.5392 23.88 29.5392 23.752C29.5392 23.56 29.4805 23.4027 29.3632 23.28C29.2512 23.1573 29.0992 23.0507 28.9072 22.96C28.7205 22.8693 28.5045 22.7893 28.2592 22.72C28.0192 22.6453 27.7712 22.5653 27.5152 22.48C27.2645 22.3947 27.0165 22.296 26.7712 22.184C26.5312 22.0667 26.3152 21.92 26.1232 21.744C25.9365 21.568 25.7845 21.352 25.6672 21.096C25.5552 20.84 25.4992 20.5307 25.4992 20.168C25.4992 19.832 25.5659 19.512 25.6992 19.208C25.8325 18.904 26.0272 18.64 26.2832 18.416C26.5445 18.1867 26.8672 18.0053 27.2512 17.872C27.6405 17.7333 28.0885 17.664 28.5952 17.664C29.1605 17.664 29.6752 17.7573 30.1392 17.944C30.6032 18.1307 30.9899 18.376 31.2992 18.68L30.8512 19.392Z"
485
526
  fill="#21242C"
527
+ d="M14.957 19.528a.918.918 0 0 1-.176.176c-.053.043-.133.064-.24.064-.1 0-.2-.03-.296-.088a5.242 5.242 0 0 0-.343-.208 2.237 2.237 0 0 0-.48-.208 2.066 2.066 0 0 0-.68-.096c-.347 0-.651.064-.913.192-.26.123-.48.301-.655.536-.171.235-.3.52-.384.856-.086.33-.128.707-.128 1.128 0 .437.045.827.135 1.168.096.341.232.63.409.864.176.23.389.405.64.528.25.117.533.176.848.176.314 0 .567-.037.76-.112.197-.08.362-.165.495-.256.134-.096.248-.181.345-.256a.53.53 0 0 1 .335-.12.4.4 0 0 1 .36.184l.568.72a3.68 3.68 0 0 1-.712.648c-.256.17-.522.31-.8.416a4.126 4.126 0 0 1-.848.216 5.897 5.897 0 0 1-.863.064c-.507 0-.984-.093-1.432-.28a3.43 3.43 0 0 1-1.177-.832 4.014 4.014 0 0 1-.8-1.328c-.192-.528-.288-1.128-.288-1.8 0-.603.086-1.16.256-1.672.176-.517.432-.963.768-1.336a3.479 3.479 0 0 1 1.248-.888c.496-.213 1.067-.32 1.712-.32.614 0 1.15.099 1.608.296.465.197.88.48 1.248.848l-.52.72Zm5.331-1.864c.608 0 1.16.099 1.656.296.5.197.928.477 1.28.84.357.363.632.805.824 1.328a5.05 5.05 0 0 1 .288 1.752 5.08 5.08 0 0 1-.288 1.76 3.742 3.742 0 0 1-.824 1.336c-.352.368-.78.65-1.28.848a4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.897 3.897 0 0 1-.824-1.336 5.077 5.077 0 0 1-.288-1.76c0-.645.096-1.23.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.668 3.668 0 0 1 1.288-.84 4.528 4.528 0 0 1 1.672-.296Zm0 6.936c.682 0 1.186-.23 1.512-.688.33-.459.496-1.13.496-2.016 0-.885-.166-1.56-.496-2.024-.326-.464-.83-.696-1.512-.696-.694 0-1.208.235-1.544.704-.331.464-.496 1.136-.496 2.016 0 .88.165 1.552.496 2.016.336.459.85.688 1.544.688Zm10.563-5.208a.574.574 0 0 1-.168.184.465.465 0 0 1-.224.048.731.731 0 0 1-.312-.08 9.204 9.204 0 0 0-.376-.176 3.15 3.15 0 0 0-.496-.184 2.311 2.311 0 0 0-.648-.08c-.39 0-.696.083-.92.248a.775.775 0 0 0-.328.648.64.64 0 0 0 .168.448c.117.117.27.221.456.312.192.09.408.173.648.248.24.07.483.147.728.232.25.085.496.184.736.296.24.107.453.245.64.416.192.165.344.365.456.6.117.235.176.517.176.848 0 .395-.072.76-.216 1.096-.139.33-.347.619-.624.864-.277.24-.621.43-1.032.568a4.51 4.51 0 0 1-1.408.2c-.283 0-.56-.027-.832-.08a4.527 4.527 0 0 1-1.464-.528 3.417 3.417 0 0 1-.552-.4l.456-.752a.644.644 0 0 1 .208-.208.583.583 0 0 1 .304-.072.62.62 0 0 1 .344.104c.112.07.24.144.384.224.144.08.312.155.504.224.197.07.445.104.744.104.235 0 .435-.027.6-.08.17-.059.31-.133.416-.224a.783.783 0 0 0 .24-.312.935.935 0 0 0 .08-.376.655.655 0 0 0-.176-.472 1.44 1.44 0 0 0-.456-.32 3.935 3.935 0 0 0-.648-.24c-.24-.075-.488-.155-.744-.24a8.006 8.006 0 0 1-.744-.296 2.725 2.725 0 0 1-.648-.44 2.054 2.054 0 0 1-.456-.648c-.112-.256-.168-.565-.168-.928 0-.336.067-.656.2-.96.133-.304.328-.568.584-.792.261-.23.584-.41.968-.544a3.99 3.99 0 0 1 1.344-.208c.565 0 1.08.093 1.544.28a3.5 3.5 0 0 1 1.16.736l-.448.712Z"
486
528
  />
487
529
  </svg>
488
530
  );
489
531
  case "SIN":
490
532
  return (
491
533
  <svg
534
+ xmlns="http://www.w3.org/2000/svg"
492
535
  width="40"
493
536
  height="40"
494
- viewBox="0 0 40 40"
495
537
  fill="none"
496
- xmlns="http://www.w3.org/2000/svg"
538
+ viewBox="0 0 40 40"
497
539
  >
498
540
  <path
499
- d="M16.4215 19.392C16.3682 19.4773 16.3122 19.5387 16.2535 19.576C16.1948 19.608 16.1202 19.624 16.0295 19.624C15.9335 19.624 15.8295 19.5973 15.7175 19.544C15.6108 19.4907 15.4855 19.432 15.3415 19.368C15.1975 19.2987 15.0322 19.2373 14.8455 19.184C14.6642 19.1307 14.4482 19.104 14.1975 19.104C13.8082 19.104 13.5015 19.1867 13.2775 19.352C13.0588 19.5173 12.9495 19.7333 12.9495 20C12.9495 20.176 13.0055 20.3253 13.1175 20.448C13.2348 20.5653 13.3868 20.6693 13.5735 20.76C13.7655 20.8507 13.9815 20.9333 14.2215 21.008C14.4615 21.0773 14.7042 21.1547 14.9495 21.24C15.2002 21.3253 15.4455 21.424 15.6855 21.536C15.9255 21.6427 16.1388 21.7813 16.3255 21.952C16.5175 22.1173 16.6695 22.3173 16.7815 22.552C16.8988 22.7867 16.9575 23.0693 16.9575 23.4C16.9575 23.7947 16.8855 24.16 16.7415 24.496C16.6028 24.8267 16.3948 25.1147 16.1175 25.36C15.8402 25.6 15.4962 25.7893 15.0855 25.928C14.6802 26.0613 14.2108 26.128 13.6775 26.128C13.3948 26.128 13.1175 26.1013 12.8455 26.048C12.5788 26 12.3202 25.9307 12.0695 25.84C11.8242 25.7493 11.5948 25.6427 11.3815 25.52C11.1735 25.3973 10.9895 25.264 10.8295 25.12L11.2855 24.368C11.3442 24.2773 11.4135 24.208 11.4935 24.16C11.5735 24.112 11.6748 24.088 11.7975 24.088C11.9202 24.088 12.0348 24.1227 12.1415 24.192C12.2535 24.2613 12.3815 24.336 12.5255 24.416C12.6695 24.496 12.8375 24.5707 13.0295 24.64C13.2268 24.7093 13.4748 24.744 13.7735 24.744C14.0082 24.744 14.2082 24.7173 14.3735 24.664C14.5442 24.6053 14.6828 24.5307 14.7895 24.44C14.9015 24.3493 14.9815 24.2453 15.0295 24.128C15.0828 24.0053 15.1095 23.88 15.1095 23.752C15.1095 23.56 15.0508 23.4027 14.9335 23.28C14.8215 23.1573 14.6695 23.0507 14.4775 22.96C14.2908 22.8693 14.0748 22.7893 13.8295 22.72C13.5895 22.6453 13.3415 22.5653 13.0855 22.48C12.8348 22.3947 12.5868 22.296 12.3415 22.184C12.1015 22.0667 11.8855 21.92 11.6935 21.744C11.5068 21.568 11.3548 21.352 11.2375 21.096C11.1255 20.84 11.0695 20.5307 11.0695 20.168C11.0695 19.832 11.1362 19.512 11.2695 19.208C11.4028 18.904 11.5975 18.64 11.8535 18.416C12.1148 18.1867 12.4375 18.0053 12.8215 17.872C13.2108 17.7333 13.6588 17.664 14.1655 17.664C14.7308 17.664 15.2455 17.7573 15.7095 17.944C16.1735 18.1307 16.5602 18.376 16.8695 18.68L16.4215 19.392ZM20.4928 17.792V26H18.5088V17.792H20.4928ZM20.7648 15.4C20.7648 15.5707 20.7301 15.7307 20.6608 15.88C20.5914 16.0293 20.4981 16.16 20.3808 16.272C20.2688 16.384 20.1354 16.4747 19.9808 16.544C19.8261 16.608 19.6608 16.64 19.4848 16.64C19.3141 16.64 19.1514 16.608 18.9968 16.544C18.8474 16.4747 18.7168 16.384 18.6048 16.272C18.4928 16.16 18.4021 16.0293 18.3328 15.88C18.2688 15.7307 18.2368 15.5707 18.2368 15.4C18.2368 15.224 18.2688 15.0587 18.3328 14.904C18.4021 14.7493 18.4928 14.616 18.6048 14.504C18.7168 14.392 18.8474 14.304 18.9968 14.24C19.1514 14.1707 19.3141 14.136 19.4848 14.136C19.6608 14.136 19.8261 14.1707 19.9808 14.24C20.1354 14.304 20.2688 14.392 20.3808 14.504C20.4981 14.616 20.5914 14.7493 20.6608 14.904C20.7301 15.0587 20.7648 15.224 20.7648 15.4ZM24.3553 18.8C24.5206 18.6347 24.6939 18.4827 24.8753 18.344C25.0619 18.2 25.2566 18.08 25.4593 17.984C25.6673 17.8827 25.8886 17.8053 26.1233 17.752C26.3579 17.6933 26.6139 17.664 26.8913 17.664C27.3393 17.664 27.7366 17.7413 28.0833 17.896C28.4299 18.0453 28.7179 18.2587 28.9473 18.536C29.1819 18.808 29.3579 19.136 29.4753 19.52C29.5979 19.8987 29.6593 20.3173 29.6593 20.776V26H27.6833V20.776C27.6833 20.2747 27.5686 19.888 27.3393 19.616C27.1099 19.3387 26.7606 19.2 26.2913 19.2C25.9499 19.2 25.6299 19.2773 25.3313 19.432C25.0326 19.5867 24.7499 19.7973 24.4833 20.064V26H22.5073V17.792H23.7153C23.9713 17.792 24.1393 17.912 24.2193 18.152L24.3553 18.8Z"
500
541
  fill="#21242C"
542
+ d="M16.422 19.392a.57.57 0 0 1-.168.184.465.465 0 0 1-.224.048.73.73 0 0 1-.312-.08 9.34 9.34 0 0 0-.376-.176 3.15 3.15 0 0 0-.496-.184 2.314 2.314 0 0 0-.648-.08c-.39 0-.696.082-.92.248a.775.775 0 0 0-.328.648.64.64 0 0 0 .168.448c.117.117.269.221.456.312.192.09.408.173.648.248.24.07.482.146.728.232.25.085.496.184.736.296.24.106.453.245.64.416.192.165.344.365.456.6.117.234.176.517.176.848 0 .394-.072.76-.216 1.096-.14.33-.347.618-.624.864-.278.24-.622.43-1.032.568-.406.133-.875.2-1.408.2-.283 0-.56-.027-.832-.08a4.512 4.512 0 0 1-1.464-.528 3.41 3.41 0 0 1-.552-.4l.456-.752a.646.646 0 0 1 .208-.208.583.583 0 0 1 .304-.072.62.62 0 0 1 .344.104c.112.07.24.144.384.224.144.08.312.154.504.224.197.07.445.104.744.104.234 0 .434-.027.6-.08.17-.059.309-.134.416-.224a.782.782 0 0 0 .24-.312.935.935 0 0 0 .08-.376.655.655 0 0 0-.176-.472 1.443 1.443 0 0 0-.456-.32 3.953 3.953 0 0 0-.648-.24 37.95 37.95 0 0 1-.744-.24 7.978 7.978 0 0 1-.744-.296 2.722 2.722 0 0 1-.648-.44 2.054 2.054 0 0 1-.456-.648c-.112-.256-.168-.566-.168-.928 0-.336.066-.656.2-.96.133-.304.328-.568.584-.792.26-.23.584-.41.968-.544a3.985 3.985 0 0 1 1.344-.208c.565 0 1.08.093 1.544.28.464.186.85.432 1.16.736l-.448.712Zm4.071-1.6V26h-1.984v-8.208h1.984Zm.272-2.392c0 .17-.035.33-.104.48-.07.15-.163.28-.28.392a1.326 1.326 0 0 1-.4.272c-.155.064-.32.096-.496.096-.17 0-.334-.032-.488-.096a1.357 1.357 0 0 1-.664-.664 1.284 1.284 0 0 1 0-.976c.07-.155.16-.288.272-.4.112-.112.242-.2.392-.264a1.18 1.18 0 0 1 .488-.104c.176 0 .341.034.496.104.154.064.288.152.4.264.117.112.21.245.28.4.07.154.104.32.104.496Zm3.59 3.4c.166-.166.339-.318.52-.456a3.197 3.197 0 0 1 1.248-.592 3.15 3.15 0 0 1 .768-.088 2.9 2.9 0 0 1 1.192.232c.347.15.635.362.864.64.235.272.411.6.528.984.123.378.184.797.184 1.256V26h-1.976v-5.224c0-.502-.114-.888-.344-1.16-.229-.278-.578-.416-1.048-.416-.341 0-.661.077-.96.232a3.445 3.445 0 0 0-.848.632V26h-1.976v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
501
543
  />
502
544
  </svg>
503
545
  );
504
- case "DIVIDE":
546
+ case "EQUAL":
505
547
  return (
506
548
  <svg
507
549
  xmlns="http://www.w3.org/2000/svg"
508
- width="20"
509
- height="20"
510
- fill="currentColor"
511
- viewBox="0 0 256 256"
550
+ width="40"
551
+ height="40"
552
+ fill="none"
553
+ viewBox="0 0 40 40"
512
554
  >
513
- <path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM128,80a16,16,0,1,0-16-16A16,16,0,0,0,128,80Zm0,96a16,16,0,1,0,16,16A16,16,0,0,0,128,176Z" />
555
+ <path
556
+ fill="#21242C"
557
+ fillRule="evenodd"
558
+ d="M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z"
559
+ clipRule="evenodd"
560
+ />
514
561
  </svg>
515
562
  );
516
- case "EQUAL":
563
+ case "GT":
517
564
  return (
518
565
  <svg
519
566
  xmlns="http://www.w3.org/2000/svg"
520
- width="20"
521
- height="20"
522
- fill="currentColor"
523
- viewBox="0 0 256 256"
567
+ width="40"
568
+ height="40"
569
+ fill="none"
570
+ viewBox="0 0 40 40"
524
571
  >
525
- <path d="M224,160a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,160ZM40,104H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16Z" />
526
- </svg>
527
- );
528
- case "GT":
529
- return (
530
- <svg width="44" height="44" viewBox="0 0 48 48">
531
- <g fill="none" fillRule="evenodd">
532
- <path fill="none" d="M0 0h48v48H0z" />
533
- <path fill="none" d="M12 12h24v24H12z" />
534
- <path
535
- stroke="currentColor"
536
- strokeWidth="2"
537
- strokeLinecap="round"
538
- strokeLinejoin="round"
539
- d="M16 30l16-6-16-6"
540
- />
541
- </g>
572
+ <path
573
+ fill="#21242C"
574
+ fillRule="evenodd"
575
+ d="M12.058 14.664a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z"
576
+ clipRule="evenodd"
577
+ />
542
578
  </svg>
543
579
  );
544
580
  case "LT":
545
581
  return (
546
- <svg width="44" height="44" viewBox="0 0 48 48">
547
- <g fill="none" fillRule="evenodd">
548
- <path fill="none" d="M0 0h48v48H0z" />
549
- <path fill="none" d="M12 12h24v24H12z" />
550
- <path
551
- stroke="currentColor"
552
- strokeWidth="2"
553
- strokeLinecap="round"
554
- strokeLinejoin="round"
555
- d="M32 30l-16-6 16-6"
556
- />
557
- </g>
582
+ <svg
583
+ xmlns="http://www.w3.org/2000/svg"
584
+ width="40"
585
+ height="40"
586
+ fill="none"
587
+ viewBox="0 0 40 40"
588
+ >
589
+ <path
590
+ fill="#21242C"
591
+ fillRule="evenodd"
592
+ d="M27.942 14.664a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z"
593
+ clipRule="evenodd"
594
+ />
558
595
  </svg>
559
596
  );
560
597
  case "GEQ":
561
598
  return (
562
- <svg width="44" height="44" viewBox="0 0 48 48">
563
- <g fill="none" fillRule="evenodd">
564
- <path fill="none" d="M0 0h48v48H0z" />
565
- <path fill="none" d="M12 12h24v24H12z" />
566
- <path
567
- d="M16 33h16M16 30l16-6-16-6"
568
- stroke="currentColor"
569
- strokeWidth="2"
570
- strokeLinecap="round"
571
- strokeLinejoin="round"
572
- />
573
- </g>
599
+ <svg
600
+ xmlns="http://www.w3.org/2000/svg"
601
+ width="40"
602
+ height="40"
603
+ fill="none"
604
+ viewBox="0 0 40 40"
605
+ >
606
+ <path
607
+ fill="#21242C"
608
+ fillRule="evenodd"
609
+ d="M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm.058-14.336a1 1 0 0 1 1.278-.605l14 5a1 1 0 0 1 0 1.883l-14 5a1 1 0 1 1-.672-1.884L24.027 20l-11.363-4.058a1 1 0 0 1-.606-1.278Z"
610
+ clipRule="evenodd"
611
+ />
574
612
  </svg>
575
613
  );
576
614
  case "LEQ":
577
615
  return (
578
- <svg width="44" height="44" viewBox="0 0 48 48">
579
- <g fill="none" fillRule="evenodd">
580
- <path fill="none" d="M0 0h48v48H0z" />
581
- <path fill="none" d="M12 12h24v24H12z" />
582
- <path
583
- d="M16 33h16M32 30l-16-6 16-6"
584
- stroke="currentColor"
585
- strokeWidth="2"
586
- strokeLinecap="round"
587
- strokeLinejoin="round"
588
- />
589
- </g>
616
+ <svg
617
+ xmlns="http://www.w3.org/2000/svg"
618
+ width="40"
619
+ height="40"
620
+ fill="none"
621
+ viewBox="0 0 40 40"
622
+ >
623
+ <path
624
+ fill="#21242C"
625
+ fillRule="evenodd"
626
+ d="M12 29a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm15.942-14.336a1 1 0 0 1-.606 1.278L15.973 20l11.363 4.058a1 1 0 0 1-.672 1.884l-14-5a1 1 0 0 1 0-1.884l14-5a1 1 0 0 1 1.278.606Z"
627
+ clipRule="evenodd"
628
+ />
590
629
  </svg>
591
630
  );
592
631
  case "NEQ":
593
632
  return (
594
- <svg width="44" height="44" viewBox="0 0 48 48">
595
- <g fill="none" fillRule="evenodd">
596
- <path fill="none" d="M0 0h48v48H0z" />
597
- <path fill="none" d="M12 12h24v24H12z" />
598
- <path
599
- d="M19 33l10-18M16 21h17M16 27h17"
600
- stroke="currentColor"
601
- strokeWidth="2"
602
- strokeLinecap="round"
603
- strokeLinejoin="round"
604
- />
605
- </g>
633
+ <svg
634
+ xmlns="http://www.w3.org/2000/svg"
635
+ width="40"
636
+ height="40"
637
+ fill="none"
638
+ viewBox="0 0 40 40"
639
+ >
640
+ <path
641
+ fill="#21242C"
642
+ fillRule="evenodd"
643
+ d="M12 17a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Zm0 6a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H13a1 1 0 0 1-1-1Z"
644
+ clipRule="evenodd"
645
+ />
646
+ <path
647
+ fill="#21242C"
648
+ fillRule="evenodd"
649
+ d="M16 26.928a1 1 0 0 1-.366-1.366l7-12.125a1 1 0 0 1 1.732 1l-7 12.125a1 1 0 0 1-1.366.366Z"
650
+ clipRule="evenodd"
651
+ />
606
652
  </svg>
607
653
  );
608
654
  case "LN":
609
655
  return (
610
- <svg width="48" height="48" viewBox="0 0 48 48">
611
- <g fill="none" fillRule="evenodd">
612
- <path fill="none" d="M0 0h48v48H0z" />
613
- <path
614
- d="M20.836 29v-9.338h-1.778V29h1.778zm8.106 0v-4.774c0-1.316-.714-2.156-2.198-2.156-1.106 0-1.932.532-2.366 1.05v-.882H22.6V29h1.778v-4.55c.294-.406.84-.798 1.54-.798.756 0 1.246.322 1.246 1.26V29h1.778z"
615
- fill="currentColor"
616
- />
617
- </g>
656
+ <svg
657
+ xmlns="http://www.w3.org/2000/svg"
658
+ width="40"
659
+ height="40"
660
+ fill="none"
661
+ viewBox="0 0 40 40"
662
+ >
663
+ <path
664
+ fill="#21242C"
665
+ d="M16.976 14.112V26H15V14.112h1.976Zm3.817 4.688a5.19 5.19 0 0 1 .52-.456 3.195 3.195 0 0 1 1.248-.592 3.16 3.16 0 0 1 .768-.088c.448 0 .845.078 1.192.232.346.15.634.363.864.64.234.272.41.6.528.984.122.379.184.798.184 1.256V26H24.12v-5.224c0-.501-.115-.888-.344-1.16-.23-.277-.579-.416-1.048-.416-.342 0-.662.078-.96.232a3.439 3.439 0 0 0-.848.632V26h-1.976v-8.208h1.208c.256 0 .424.12.504.36l.136.648Z"
666
+ />
618
667
  </svg>
619
668
  );
620
669
  case "LOG":
621
670
  return (
622
- <svg width="48" height="48" viewBox="0 0 48 48">
623
- <g fill="none" fillRule="evenodd">
624
- <path fill="none" d="M0 0h48v48H0z" />
625
- <path
626
- d="M16.776 29v-9.338h-1.778V29h1.778zm4.9.168c2.24 0 3.584-1.624 3.584-3.556 0-1.918-1.344-3.542-3.584-3.542-2.226 0-3.57 1.624-3.57 3.542 0 1.932 1.344 3.556 3.57 3.556zm0-1.582c-1.106 0-1.722-.91-1.722-1.974 0-1.05.616-1.96 1.722-1.96 1.106 0 1.736.91 1.736 1.96 0 1.064-.63 1.974-1.736 1.974zm7.672 4.158c1.666 0 3.654-.63 3.654-3.206v-6.3H31.21v.868c-.546-.686-1.274-1.036-2.086-1.036-1.708 0-2.982 1.232-2.982 3.444 0 2.254 1.288 3.444 2.982 3.444.826 0 1.554-.392 2.086-1.064v.686c0 1.33-1.008 1.708-1.862 1.708-.854 0-1.568-.238-2.114-.84l-.798 1.288c.854.742 1.75 1.008 2.912 1.008zm.336-4.368c-1.008 0-1.708-.7-1.708-1.862 0-1.162.7-1.862 1.708-1.862.588 0 1.232.322 1.526.77v2.184c-.294.434-.938.77-1.526.77z"
627
- fill="currentColor"
628
- />
629
- </g>
671
+ <svg
672
+ xmlns="http://www.w3.org/2000/svg"
673
+ width="40"
674
+ height="40"
675
+ fill="none"
676
+ viewBox="0 0 40 40"
677
+ >
678
+ <path
679
+ fill="#21242C"
680
+ d="M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
681
+ />
630
682
  </svg>
631
683
  );
632
684
  case "LOG_N":
633
685
  return (
634
- <svg width="48" height="48" viewBox="0 0 48 48">
635
- <g fill="none" fillRule="evenodd">
636
- <path fill="none" d="M0 0h48v48H0z" />
637
- <path
638
- d="M30 28.997c0-.55.453-.997.997-.997h6.006c.55 0 .997.453.997.997v6.006c0 .55-.453.997-.997.997h-6.006c-.55 0-.997-.453-.997-.997v-6.006zM32 30h4v4h-4v-4zM12.776 29v-9.338h-1.778V29h1.778zm4.9.168c2.24 0 3.584-1.624 3.584-3.556 0-1.918-1.344-3.542-3.584-3.542-2.226 0-3.57 1.624-3.57 3.542 0 1.932 1.344 3.556 3.57 3.556zm0-1.582c-1.106 0-1.722-.91-1.722-1.974 0-1.05.616-1.96 1.722-1.96 1.106 0 1.736.91 1.736 1.96 0 1.064-.63 1.974-1.736 1.974zm7.672 4.158c1.666 0 3.654-.63 3.654-3.206v-6.3H27.21v.868c-.546-.686-1.274-1.036-2.086-1.036-1.708 0-2.982 1.232-2.982 3.444 0 2.254 1.288 3.444 2.982 3.444.826 0 1.554-.392 2.086-1.064v.686c0 1.33-1.008 1.708-1.862 1.708-.854 0-1.568-.238-2.114-.84l-.798 1.288c.854.742 1.75 1.008 2.912 1.008zm.336-4.368c-1.008 0-1.708-.7-1.708-1.862 0-1.162.7-1.862 1.708-1.862.588 0 1.232.322 1.526.77v2.184c-.294.434-.938.77-1.526.77z"
639
- fill="currentColor"
640
- />
641
- </g>
686
+ <svg
687
+ xmlns="http://www.w3.org/2000/svg"
688
+ width="40"
689
+ height="40"
690
+ fill="none"
691
+ viewBox="0 0 40 40"
692
+ >
693
+ <path
694
+ fill="#21242C"
695
+ d="M12.203 14.112V26h-1.976V14.112h1.976Zm5.6 3.552c.608 0 1.16.099 1.656.296.502.198.928.478 1.28.84.358.363.632.806.824 1.328.192.523.288 1.107.288 1.752 0 .651-.096 1.238-.288 1.76a3.741 3.741 0 0 1-.824 1.336 3.528 3.528 0 0 1-1.28.848 4.445 4.445 0 0 1-1.656.296 4.53 4.53 0 0 1-1.672-.296 3.616 3.616 0 0 1-1.288-.848 3.896 3.896 0 0 1-.824-1.336 5.076 5.076 0 0 1-.288-1.76c0-.645.096-1.229.288-1.752a3.81 3.81 0 0 1 .824-1.328 3.669 3.669 0 0 1 1.288-.84 4.53 4.53 0 0 1 1.672-.296Zm0 6.936c.683 0 1.187-.229 1.512-.688.331-.458.496-1.13.496-2.016 0-.885-.165-1.56-.496-2.024-.325-.464-.829-.696-1.512-.696-.693 0-1.208.235-1.544.704-.33.464-.496 1.136-.496 2.016 0 .88.166 1.552.496 2.016.336.459.851.688 1.544.688Zm8.493-2.904c.246 0 .459-.032.64-.096.182-.069.331-.162.448-.28.123-.117.214-.258.272-.424.064-.165.096-.346.096-.544 0-.405-.122-.725-.368-.96-.24-.24-.602-.36-1.088-.36-.485 0-.85.12-1.096.36-.24.235-.36.555-.36.96 0 .192.03.371.088.536.064.166.155.31.272.432.123.118.275.211.456.28.187.064.4.096.64.096Zm2.232 4.672c0-.16-.048-.29-.144-.392a.914.914 0 0 0-.392-.232 2.716 2.716 0 0 0-.584-.128 8.987 8.987 0 0 0-.704-.056 32.107 32.107 0 0 0-.768-.04 8.959 8.959 0 0 1-.768-.064 1.908 1.908 0 0 0-.536.432.89.89 0 0 0-.096.976.93.93 0 0 0 .344.328c.16.091.366.16.616.208.251.054.558.08.92.08.368 0 .686-.029.952-.088a2.09 2.09 0 0 0 .656-.232.954.954 0 0 0 .384-.352.84.84 0 0 0 .12-.44Zm1.968-8.296v.736c0 .235-.141.379-.424.432l-.736.136c.112.283.168.592.168.928a2.414 2.414 0 0 1-.92 1.936c-.288.23-.629.408-1.024.536a4.17 4.17 0 0 1-1.264.184c-.16 0-.314-.008-.464-.024a5.807 5.807 0 0 1-.44-.064c-.256.155-.384.328-.384.52 0 .166.075.288.224.368.155.075.358.128.608.16.251.032.536.054.856.064.32.006.648.022.984.048.336.027.664.075.984.144.32.064.606.168.856.312.251.144.451.342.6.592.155.246.232.563.232.952 0 .363-.09.715-.272 1.056a2.773 2.773 0 0 1-.776.912c-.336.267-.752.48-1.248.64-.49.166-1.05.248-1.68.248-.618 0-1.157-.061-1.616-.184-.458-.117-.84-.277-1.144-.48a2.037 2.037 0 0 1-.68-.688 1.623 1.623 0 0 1-.224-.816c0-.384.115-.704.344-.96.235-.261.555-.469.96-.624a1.377 1.377 0 0 1-.52-.448c-.128-.186-.192-.432-.192-.736 0-.122.022-.248.064-.376.048-.133.115-.264.2-.392.091-.128.203-.248.336-.36a2.2 2.2 0 0 1 .472-.312 2.621 2.621 0 0 1-.984-.896c-.234-.373-.352-.81-.352-1.312 0-.405.08-.77.24-1.096.166-.33.392-.61.68-.84a3.11 3.11 0 0 1 1.032-.536c.4-.122.835-.184 1.304-.184.352 0 .683.038.992.112.31.07.592.174.848.312h2.36Z"
696
+ />
697
+ <path
698
+ fill="#21242C"
699
+ fillRule="evenodd"
700
+ d="M32 26a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-6Zm5 2h-4v4h4v-4Z"
701
+ clipRule="evenodd"
702
+ />
642
703
  </svg>
643
704
  );
644
705
  case "PERCENT":
@@ -653,105 +714,244 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
653
714
  <path d="M205.66,61.64l-144,144a8,8,0,0,1-11.32-11.32l144-144a8,8,0,0,1,11.32,11.31ZM50.54,101.44a36,36,0,0,1,50.92-50.91h0a36,36,0,0,1-50.92,50.91ZM56,76A20,20,0,1,0,90.14,61.84h0A20,20,0,0,0,56,76ZM216,180a36,36,0,1,1-10.54-25.46h0A35.76,35.76,0,0,1,216,180Zm-16,0a20,20,0,1,0-5.86,14.14A19.87,19.87,0,0,0,200,180Z" />
654
715
  </svg>
655
716
  );
656
- case "CDOT":
717
+ case "PI":
657
718
  return (
658
719
  <svg
720
+ width="40"
721
+ height="40"
722
+ viewBox="0 0 40 40"
723
+ fill="none"
659
724
  xmlns="http://www.w3.org/2000/svg"
660
- width="20"
661
- height="20"
662
- fill="currentColor"
663
- viewBox="0 0 256 256"
664
725
  >
665
- <path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Z" />
726
+ <path
727
+ d="M23.7918 25.0379c0 .2947-.13.572-.39.832-.2426.26-.546.39-.91.39-.26 0-.442-.0346-.546-.104-.0866-.0693-.182-.208-.286-.416-.3293-.7626-.494-1.7246-.494-2.886 0-.624.0087-1.04.026-1.248.1214-1.196.39-2.6433.806-4.342.0867-.3466.13-.5373.13-.572h-2.548l-.026.104c0 .0174-.0173.0954-.052.234-.0346.1214-.0866.312-.156.572-.052.2427-.104.468-.156.676-1.144 4.4547-1.8286 6.8814-2.054 7.28-.208.4854-.5806.728-1.118.728-.3986 0-.676-.1473-.832-.442-.0346-.0866-.052-.2253-.052-.416v-.286l.338-.728c1.3-2.7386 2.2447-5.1046 2.834-7.098l.208-.624h-.832c-.6933 0-1.1786.026-1.456.078-.26.052-.5806.2167-.962.494-.416.26-.78.6154-1.092 1.066-.0866.1387-.156.2254-.208.26-.052.0174-.182.026-.39.026-.3293 0-.494-.0866-.494-.26 0-.0693.0867-.2426.26-.52 1.196-1.82 2.366-2.8166 3.51-2.99.1214-.0346 2.0714-.052 5.85-.052 2.7734 0 4.1947.0087 4.264.026.3467.1214.52.364.52.728 0 .5374-.2773.9014-.832 1.092-.104.0347-.702.052-1.794.052h-1.664l-.078.442c-.208 1.248-.312 2.2794-.312 3.094 0 1.5427.2687 2.938.806 4.186.1214.312.182.52.182.624z"
728
+ fill="#21242C"
729
+ />
666
730
  </svg>
667
731
  );
668
- case "PI":
732
+ case "THETA":
669
733
  return (
670
734
  <svg
671
735
  xmlns="http://www.w3.org/2000/svg"
672
- width="20"
673
- height="20"
674
- fill="currentColor"
675
- viewBox="0 0 256 256"
736
+ width="40"
737
+ height="40"
738
+ fill="none"
739
+ viewBox="0 0 40 40"
676
740
  >
677
- <path d="M232,172a36,36,0,0,1-72,0V72H96V200a8,8,0,0,1-16,0V72H72a40,40,0,0,0-40,40,8,8,0,0,1-16,0A56.06,56.06,0,0,1,72,56H224a8,8,0,0,1,0,16H176V172a20,20,0,0,0,40,0,8,8,0,0,1,16,0Z" />
741
+ <path
742
+ fill="#21242C"
743
+ d="M22.2 10.696h.208a2.26 2.26 0 0 1 .312-.026c.936.087 1.664.511 2.184 1.274.676 1.023 1.014 2.418 1.014 4.186 0 .468-.017.84-.052 1.118-.225 2.305-.823 4.463-1.794 6.474-.59 1.23-1.282 2.305-2.08 3.224-.78.919-1.551 1.569-2.314 1.95-.537.243-1.005.364-1.404.364h-.182c-.762 0-1.395-.269-1.898-.806-.918-.97-1.378-2.522-1.378-4.654 0-.832.087-1.707.26-2.626.641-3.467 1.95-6.3 3.926-8.502 1.058-1.161 2.123-1.82 3.198-1.976Zm1.664 3.588c0-1.768-.46-2.652-1.378-2.652-.572 0-1.161.373-1.768 1.118-.866 1.092-1.603 2.652-2.21 4.68-.346 1.092-.52 1.733-.52 1.924.85.017 1.69.026 2.522.026l2.522-.026c.087-.087.243-.763.468-2.028.243-1.265.364-2.28.364-3.042Zm-1.248 6.734.13-.442h-5.07l-.026.182c-.537 2.15-.806 3.753-.806 4.81 0 1.179.208 1.993.624 2.444.19.208.442.312.754.312.694 0 1.421-.563 2.184-1.69.815-1.196 1.552-3.068 2.21-5.616Z"
744
+ />
678
745
  </svg>
679
746
  );
680
- case "a":
747
+ case "x":
681
748
  return (
682
749
  <svg
750
+ width="40"
751
+ height="40"
752
+ viewBox="0 0 40 40"
753
+ fill="none"
683
754
  xmlns="http://www.w3.org/2000/svg"
684
- width="20"
685
- height="20"
686
- viewBox="0 0 384 512"
687
755
  >
688
- <path d="M221.5 51.7C216.6 39.8 204.9 32 192 32s-24.6 7.8-29.5 19.7l-120 288-40 96c-6.8 16.3 .9 35 17.2 41.8s35-.9 41.8-17.2L93.3 384H290.7l31.8 76.3c6.8 16.3 25.5 24 41.8 17.2s24-25.5 17.2-41.8l-40-96-120-288zM264 320H120l72-172.8L264 320z" />
756
+ <path
757
+ d="M14.0685 18.7718c-.104-.104-.156-.1993-.156-.286.0693-.468.338-1.066.806-1.794.8146-1.2307 1.8373-1.9413 3.068-2.132.2426-.0347.4246-.052.546-.052.6066 0 1.1613.156 1.664.468.52.312.8926.702 1.118 1.17.2253-.2947.364-.4767.416-.546.6413-.728 1.378-1.092 2.21-1.092.7106 0 1.2826.208 1.716.624.4506.3987.676.8927.676 1.482 0 .5373-.156.988-.468 1.352-.2947.364-.6934.546-1.196.546-.3294 0-.598-.0953-.806-.286-.208-.1907-.312-.442-.312-.754 0-.7973.4333-1.3433 1.3-1.638 0-.0173-.0954-.078-.286-.182-.1734-.104-.4247-.156-.754-.156-.2254 0-.39.0173-.494.052-.6587.2773-1.144.8493-1.456 1.716-.052.1387-.3034 1.1093-.754 2.912-.4507 1.7853-.6934 2.7907-.728 3.016-.052.26-.078.52-.078.78 0 .416.1213.7453.364.988.2426.2427.5633.364.962.364.728 0 1.3866-.3033 1.976-.91.5893-.624.988-1.3087 1.196-2.054.052-.1733.104-.2687.156-.286.052-.0347.1906-.052.416-.052.3293 0 .494.0693.494.208 0 .0173-.0174.1127-.052.286-.2947 1.0747-.9014 2.0107-1.82 2.808-.8147.6413-1.6727.962-2.574.962-1.2134 0-2.132-.546-2.756-1.638-.5027.78-1.144 1.3-1.924 1.56-.156.0347-.3814.052-.676.052-1.0054 0-1.716-.3553-2.132-1.066-.1734-.2947-.26-.6413-.26-1.04 0-.52.156-.962.468-1.326.312-.364.7106-.546 1.196-.546.7453 0 1.118.364 1.118 1.092 0 .6413-.3034 1.1093-.91 1.404-.0347.0173-.078.0433-.13.078-.052.0173-.0954.0347-.13.052-.0347.0173-.0607.026-.078.026l-.078.026c0 .052.13.13.39.234.208.0867.4333.13.676.13.624 0 1.1613-.39 1.612-1.17.1906-.312.5286-1.4387 1.014-3.38.104-.3987.2166-.8407.338-1.326.1213-.4853.208-.858.26-1.118.0693-.26.1126-.416.13-.468.0866-.468.13-.806.13-1.014 0-.416-.1127-.7453-.338-.988-.2254-.2427-.5374-.364-.936-.364-.78 0-1.456.3033-2.028.91-.572.5893-.9707 1.274-1.196 2.054-.0347.156-.078.2513-.13.286-.0347.0173-.1734.026-.416.026h-.364z"
758
+ fill="#21242C"
759
+ />
689
760
  </svg>
690
761
  );
691
- case "b":
762
+ case "y":
692
763
  return (
693
764
  <svg
694
765
  xmlns="http://www.w3.org/2000/svg"
695
- width="20"
696
- height="20"
697
- viewBox="0 0 320 512"
766
+ width="40"
767
+ height="40"
768
+ fill="none"
769
+ viewBox="0 0 40 40"
698
770
  >
699
- <path d="M64 32C28.7 32 0 60.7 0 96V256 416c0 35.3 28.7 64 64 64H192c70.7 0 128-57.3 128-128c0-46.5-24.8-87.3-62-109.7c18.7-22.3 30-51 30-82.3c0-70.7-57.3-128-128-128H64zm96 192H64V96h96c35.3 0 64 28.7 64 64s-28.7 64-64 64zM64 288h96 32c35.3 0 64 28.7 64 64s-28.7 64-64 64H64V288z" />
771
+ <path
772
+ fill="#21242C"
773
+ d="M25.166 11.786c.243 0 .45.07.624.208.173.121.26.295.26.52 0 .225-.425 2.045-1.274 5.46-.85 3.415-1.335 5.287-1.456 5.616a6.657 6.657 0 0 1-1.352 2.34 6.756 6.756 0 0 1-2.132 1.716c-.936.45-1.811.676-2.626.676-1.317 0-2.21-.416-2.678-1.248-.173-.243-.26-.59-.26-1.04 0-.59.165-1.049.494-1.378.364-.33.745-.494 1.144-.494.763 0 1.144.364 1.144 1.092 0 .641-.303 1.11-.91 1.404a1.01 1.01 0 0 1-.13.052c-.052.035-.095.06-.13.078a.2.2 0 0 1-.078.026l-.078.026c.052.104.234.217.546.338.277.104.555.156.832.156h.208c.295 0 .52-.017.676-.052.659-.19 1.283-.633 1.872-1.326.59-.693 1.04-1.525 1.352-2.496.19-.572.286-.91.286-1.014 0-.017-.017-.009-.052.026a1.168 1.168 0 0 0-.156.104 3.534 3.534 0 0 1-2.132.702c-.884 0-1.612-.208-2.184-.624-.572-.416-.945-1.014-1.118-1.794a7.464 7.464 0 0 1-.026-.806c0-.416.017-.737.052-.962.121-.745.52-2.02 1.196-3.822.381-1.023.572-1.733.572-2.132 0-.243-.026-.407-.078-.494-.035-.104-.13-.156-.286-.156h-.13c-.399 0-.78.182-1.144.546-.555.555-.98 1.387-1.274 2.496a.427.427 0 0 1-.026.104.304.304 0 0 1-.052.078l-.026.026c-.017.017-.052.026-.104.026h-.676c-.104-.104-.156-.182-.156-.234 0-.052.026-.173.078-.364.364-1.213.91-2.158 1.638-2.834.59-.555 1.205-.832 1.846-.832.728 0 1.309.2 1.742.598.433.399.65.953.65 1.664-.035.33-.06.511-.078.546 0 .104-.13.477-.39 1.118-.71 1.924-1.135 3.337-1.274 4.238a5.157 5.157 0 0 0-.026.598c0 .659.104 1.161.312 1.508.208.347.59.52 1.144.52.399 0 .771-.104 1.118-.312.364-.208.633-.407.806-.598.19-.208.425-.485.702-.832 0-.017.043-.19.13-.52.087-.347.208-.858.364-1.534l.494-1.924c.659-2.6 1.023-3.96 1.092-4.082.225-.468.598-.702 1.118-.702Z"
774
+ />
700
775
  </svg>
701
776
  );
702
- case "c":
777
+
778
+ case "JUMP_OUT_PARENTHESES":
703
779
  return (
704
780
  <svg
781
+ width="40"
782
+ height="40"
783
+ viewBox="0 0 40 40"
784
+ fill="none"
705
785
  xmlns="http://www.w3.org/2000/svg"
706
- width="20"
707
- height="20"
708
- viewBox="0 0 384 512"
709
786
  >
710
- <path d="M329.1 142.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z" />
787
+ <path
788
+ fillRule="evenodd"
789
+ clipRule="evenodd"
790
+ d="M12.9571 13.2929c.3905.3905.3905 1.0237 0 1.4142C11.6871 15.9771 11 17.9485 11 20c0 2.0515.6871 4.0229 1.9571 5.2929.3905.3905.3905 1.0237 0 1.4142-.3905.3905-1.0237.3905-1.4142 0C9.81292 24.9771 9 22.4485 9 20c0-2.4485.81292-4.9771 2.5429-6.7071.3905-.3905 1.0237-.3905 1.4142 0zm4.5858 0c.3905-.3905 1.0237-.3905 1.4142 0C20.6871 15.0229 21.5 17.5515 21.5 20c0 2.4485-.8129 4.9771-2.5429 6.7071-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142C18.8129 24.0229 19.5 22.0515 19.5 20c0-2.0515-.6871-4.0229-1.9571-5.2929-.3905-.3905-.3905-1.0237 0-1.4142z"
791
+ fill="#21242C"
792
+ />
793
+ <path
794
+ fillRule="evenodd"
795
+ clipRule="evenodd"
796
+ d="M25.5429 16.2929c.3905-.3905 1.0237-.3905 1.4142 0l3 3c.3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L26.8358 21H16.25c-.5523 0-1-.4477-1-1s.4477-1 1-1h10.5858l-1.2929-1.2929c-.3905-.3905-.3905-1.0237 0-1.4142z"
797
+ fill="#1865F2"
798
+ />
711
799
  </svg>
712
800
  );
713
- case "x":
714
- // MATHEMATICAL ITALIC SMALL CHI
715
- // https://en.wikipedia.org/wiki/Chi_(letter)#Mathematical_chi
801
+ case "JUMP_OUT_EXPONENT":
716
802
  return (
717
803
  <svg
804
+ width="40"
805
+ height="40"
806
+ viewBox="0 0 40 40"
807
+ fill="none"
718
808
  xmlns="http://www.w3.org/2000/svg"
719
- width="20"
720
- height="20"
721
- fill="currentColor"
722
- viewBox="0 0 256 256"
723
809
  >
724
- <text
725
- fontSize="200px"
726
- x="50%"
727
- y="50%"
728
- dominantBaseline="middle"
729
- textAnchor="middle"
730
- >
731
- 𝜒
732
- </text>
810
+ <path
811
+ fillRule="evenodd"
812
+ clipRule="evenodd"
813
+ d="M18.2929 15.2929c.3905-.3905 1.0237-.3905 1.4142 0L26 21.5858V20c0-.5523.4477-1 1-1s1 .4477 1 1v4.003c-.0004.1345-.0273.2627-.0759.3798-.0477.1152-.1178.2234-.2105.3177a.809004.809004 0 01-.0131.0131c-.1797.1765-.4259.2856-.6975.2864H23c-.5523 0-1-.4477-1-1s.4477-1 1-1h1.5858l-6.2929-6.2929c-.3905-.3905-.3905-1.0237 0-1.4142zM31 33c-.5523 0-1-.4477-1-1V16c0-.5523.4477-1 1-1s1 .4477 1 1v16c0 .5523-.4477 1-1 1z"
814
+ fill="#1865F2"
815
+ />
816
+ <path
817
+ fillRule="evenodd"
818
+ clipRule="evenodd"
819
+ d="M9 9c-.55228 0-1 .44772-1 1v6c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1H9zm5 2h-4v4h4v-4z"
820
+ fill="#21242C"
821
+ />
733
822
  </svg>
734
823
  );
735
- case "X":
736
- // MATHEMATICAL ITALIC CAPITAL CHI
737
- // https://en.wikipedia.org/wiki/Chi_(letter)#Mathematical_chi
824
+ case "JUMP_INTO_NUMERATOR":
738
825
  return (
739
826
  <svg
827
+ width="40"
828
+ height="40"
829
+ viewBox="0 0 40 40"
830
+ fill="none"
740
831
  xmlns="http://www.w3.org/2000/svg"
741
- width="20"
742
- height="20"
743
- fill="currentColor"
744
- viewBox="0 0 256 256"
745
832
  >
746
- <text
747
- fontSize="200px"
748
- x="50%"
749
- y="50%"
750
- dominantBaseline="middle"
751
- textAnchor="middle"
752
- >
753
- 𝛸
754
- </text>
833
+ <path
834
+ fillRule="evenodd"
835
+ clipRule="evenodd"
836
+ d="M9 11c.55228 0 1 .4477 1 1v16c0 .5523-.44772 1-1 1s-1-.4477-1-1V12c0-.5523.44772-1 1-1zm5 1c0-.5523.4477-1 1-1h3.9998c.0001 0 0 0 0 0 .1356 0 .2651.027.383.0759.1171.0484.2268.1201.3222.2149l.0042.0042c.1931.1942.29.448.2908.702V16c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L16.5858 13H15c-.5523 0-1-.4477-1-1z"
837
+ fill="#1865F2"
838
+ />
839
+ <path
840
+ fillRule="evenodd"
841
+ clipRule="evenodd"
842
+ d="M23 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
843
+ fill="#21242C"
844
+ />
845
+ <g clipPath="url(#clip0_874_41680)">
846
+ <path
847
+ fillRule="evenodd"
848
+ clipRule="evenodd"
849
+ d="M20 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H21c-.5523 0-1-.4477-1-1z"
850
+ fill="#21242C"
851
+ />
852
+ </g>
853
+ <path
854
+ fillRule="evenodd"
855
+ clipRule="evenodd"
856
+ d="M23 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
857
+ fill="#1865F2"
858
+ />
859
+ <defs>
860
+ <clipPath id="clip0_874_41680">
861
+ <path
862
+ fill="#fff"
863
+ transform="translate(20 19)"
864
+ d="M0 0h12v2H0z"
865
+ />
866
+ </clipPath>
867
+ </defs>
868
+ </svg>
869
+ );
870
+ case "JUMP_OUT_NUMERATOR":
871
+ return (
872
+ <svg
873
+ width="40"
874
+ height="40"
875
+ viewBox="0 0 40 40"
876
+ fill="none"
877
+ xmlns="http://www.w3.org/2000/svg"
878
+ >
879
+ <path
880
+ fillRule="evenodd"
881
+ clipRule="evenodd"
882
+ d="M26 13c.5523 0 1 .4477 1 1v11.5858l1.2929-1.2929c.3905-.3905 1.0237-.3905 1.4142 0 .3905.3905.3905 1.0237 0 1.4142l-3 3c-.3905.3905-1.0237.3905-1.4142 0l-3-3c-.3905-.3905-.3905-1.0237 0-1.4142.3905-.3905 1.0237-.3905 1.4142 0L25 25.5858V14c0-.5523.4477-1 1-1zM13 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
883
+ fill="#1865F2"
884
+ />
885
+ <g clipPath="url(#clip0_874_41686)">
886
+ <path
887
+ fillRule="evenodd"
888
+ clipRule="evenodd"
889
+ d="M10 20c0-.5523.4477-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H11c-.5523 0-1-.4477-1-1z"
890
+ fill="#21242C"
891
+ />
892
+ </g>
893
+ <path
894
+ fillRule="evenodd"
895
+ clipRule="evenodd"
896
+ d="M13 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
897
+ fill="#21242C"
898
+ />
899
+ <defs>
900
+ <clipPath id="clip0_874_41686">
901
+ <path
902
+ fill="#fff"
903
+ transform="translate(10 19)"
904
+ d="M0 0h12v2H0z"
905
+ />
906
+ </clipPath>
907
+ </defs>
908
+ </svg>
909
+ );
910
+
911
+ case "JUMP_OUT_DENOMINATOR":
912
+ return (
913
+ <svg
914
+ width="40"
915
+ height="40"
916
+ viewBox="0 0 40 40"
917
+ fill="none"
918
+ xmlns="http://www.w3.org/2000/svg"
919
+ >
920
+ <path
921
+ fillRule="evenodd"
922
+ clipRule="evenodd"
923
+ d="M31 11c.5523 0 1 .4477 1 1v16c0 .5523-.4477 1-1 1s-1-.4477-1-1V12c0-.5523.4477-1 1-1zm-9 9c0-.5523.4477-1 1-1h4c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-1.5858l-4.2929 4.2929c-.3905.3905-1.0237.3905-1.4142 0-.3905-.3905-.3905-1.0237 0-1.4142L24.5858 21H23c-.5523 0-1-.4477-1-1z"
924
+ fill="#1865F2"
925
+ />
926
+ <path
927
+ fillRule="evenodd"
928
+ clipRule="evenodd"
929
+ d="M11 23c-.5523 0-1 .4477-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.5523-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
930
+ fill="#21242C"
931
+ />
932
+ <g clipPath="url(#clip0_874_41692)">
933
+ <path
934
+ fillRule="evenodd"
935
+ clipRule="evenodd"
936
+ d="M8 20c0-.5523.44772-1 1-1h10c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1z"
937
+ fill="#21242C"
938
+ />
939
+ </g>
940
+ <path
941
+ fillRule="evenodd"
942
+ clipRule="evenodd"
943
+ d="M11 9c-.5523 0-1 .44772-1 1v6c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-6c0-.55228-.4477-1-1-1h-6zm5 2h-4v4h4v-4z"
944
+ fill="#21242C"
945
+ />
946
+ <defs>
947
+ <clipPath id="clip0_874_41692">
948
+ <path
949
+ fill="#fff"
950
+ transform="translate(8 19)"
951
+ d="M0 0h12v2H0z"
952
+ />
953
+ </clipPath>
954
+ </defs>
755
955
  </svg>
756
956
  );
757
957
 
@@ -759,23 +959,19 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
759
959
  * ANYTHING BELOW IS NOT YET HANDLED
760
960
  */
761
961
  case "MANY":
762
- case "FRAC_EXCLUSIVE":
763
- case "THETA":
764
962
  case "NOOP":
765
963
  case "UP":
766
964
  case "DOWN":
767
965
  case "LEFT":
768
966
  case "RIGHT":
769
- case "JUMP_OUT_PARENTHESES":
770
- case "JUMP_OUT_EXPONENT":
771
967
  case "JUMP_OUT_BASE":
772
- case "JUMP_INTO_NUMERATOR":
773
- case "JUMP_OUT_NUMERATOR":
774
- case "JUMP_OUT_DENOMINATOR":
775
968
  case "PHI":
776
969
  case "NTHROOT3":
777
970
  case "POW":
778
971
  case "LOG_B":
972
+ case "a":
973
+ case "b":
974
+ case "c":
779
975
  case "d":
780
976
  case "e":
781
977
  case "f":
@@ -796,7 +992,6 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
796
992
  case "u":
797
993
  case "v":
798
994
  case "w":
799
- case "y":
800
995
  case "z":
801
996
  case "A":
802
997
  case "B":
@@ -821,6 +1016,7 @@ export default function ButtonAsset({id}: Props): React.ReactElement {
821
1016
  case "U":
822
1017
  case "V":
823
1018
  case "W":
1019
+ case "X":
824
1020
  case "Y":
825
1021
  case "Z":
826
1022
  // placeholder