@cambly/syntax-core 9.6.0 → 9.7.0

package/dist/IconButton/IconButton.css

@@ -0,0 +1,227 @@
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+._inheritColor_11l4y_2 {
+  color: inherit;
+}
+._destructive700Color_11l4y_6 {
+  color: var(--color-base-destructive-700);
+}
+._gray700Color_11l4y_10 {
+  color: var(--color-base-gray-700);
+}
+._gray900Color_11l4y_14 {
+  color: var(--color-base-gray-900);
+}
+._primary700Color_11l4y_18 {
+  color: var(--color-base-primary-700);
+}
+._success700Color_11l4y_22 {
+  color: var(--color-base-success-700);
+}
+._whiteColor_11l4y_26 {
+  color: var(--color-base-white);
+}
+._blackBackgroundColor_11l4y_31 {
+  background-color: var(--color-base-black);
+}
+._destructive100BackgroundColor_11l4y_35 {
+  background-color: var(--color-base-destructive-100);
+}
+._destructive200BackgroundColor_11l4y_39 {
+  background-color: var(--color-base-destructive-200);
+}
+._destructive300BackgroundColor_11l4y_43 {
+  background-color: var(--color-base-destructive-300);
+}
+._destructive700BackgroundColor_11l4y_47 {
+  background-color: var(--color-base-destructive-700);
+}
+._destructive800BackgroundColor_11l4y_51 {
+  background-color: var(--color-base-destructive-800);
+}
+._destructive900BackgroundColor_11l4y_55 {
+  background-color: var(--color-base-destructive-900);
+}
+._gray10BackgroundColor_11l4y_59 {
+  background-color: var(--color-base-gray-10);
+}
+._gray30BackgroundColor_11l4y_63 {
+  background-color: var(--color-base-gray-30);
+}
+._gray60BackgroundColor_11l4y_67 {
+  background-color: var(--color-base-gray-60);
+}
+._gray80BackgroundColor_11l4y_71 {
+  background-color: var(--color-base-gray-80);
+}
+._gray100BackgroundColor_11l4y_75 {
+  background-color: var(--color-base-gray-100);
+}
+._gray200BackgroundColor_11l4y_79 {
+  background-color: var(--color-base-gray-200);
+}
+._gray300BackgroundColor_11l4y_83 {
+  background-color: var(--color-base-gray-300);
+}
+._gray700BackgroundColor_11l4y_87 {
+  background-color: var(--color-base-gray-700);
+}
+._gray800BackgroundColor_11l4y_91 {
+  background-color: var(--color-base-gray-800);
+}
+._gray900BackgroundColor_11l4y_95 {
+  background-color: var(--color-base-gray-900);
+}
+._orange100BackgroundColor_11l4y_99 {
+  background-color: var(--color-base-orange-100);
+}
+._orange200BackgroundColor_11l4y_103 {
+  background-color: var(--color-base-orange-200);
+}
+._orange300BackgroundColor_11l4y_107 {
+  background-color: var(--color-base-orange-300);
+}
+._orange700BackgroundColor_11l4y_111 {
+  background-color: var(--color-base-orange-700);
+}
+._orange800BackgroundColor_11l4y_115 {
+  background-color: var(--color-base-orange-800);
+}
+._orange900BackgroundColor_11l4y_119 {
+  background-color: var(--color-base-orange-900);
+}
+._primary100BackgroundColor_11l4y_123 {
+  background-color: var(--color-base-primary-100);
+}
+._primary200BackgroundColor_11l4y_127 {
+  background-color: var(--color-base-primary-200);
+}
+._primary300BackgroundColor_11l4y_131 {
+  background-color: var(--color-base-primary-300);
+}
+._primary700BackgroundColor_11l4y_135 {
+  background-color: var(--color-base-primary-700);
+}
+._primary800BackgroundColor_11l4y_139 {
+  background-color: var(--color-base-primary-800);
+}
+._primary900BackgroundColor_11l4y_143 {
+  background-color: var(--color-base-primary-900);
+}
+._success100BackgroundColor_11l4y_147 {
+  background-color: var(--color-base-success-100);
+}
+._success200BackgroundColor_11l4y_151 {
+  background-color: var(--color-base-success-200);
+}
+._success300BackgroundColor_11l4y_155 {
+  background-color: var(--color-base-success-300);
+}
+._success700BackgroundColor_11l4y_159 {
+  background-color: var(--color-base-success-700);
+}
+._success800BackgroundColor_11l4y_163 {
+  background-color: var(--color-base-success-800);
+}
+._success900BackgroundColor_11l4y_167 {
+  background-color: var(--color-base-success-900);
+}
+._purple100BackgroundColor_11l4y_171 {
+  background-color: var(--color-base-purple-100);
+}
+._purple200BackgroundColor_11l4y_175 {
+  background-color: var(--color-base-purple-200);
+}
+._purple300BackgroundColor_11l4y_179 {
+  background-color: var(--color-base-purple-300);
+}
+._purple700BackgroundColor_11l4y_183 {
+  background-color: var(--color-base-purple-700);
+}
+._purple800BackgroundColor_11l4y_187 {
+  background-color: var(--color-base-purple-800);
+}
+._purple900BackgroundColor_11l4y_191 {
+  background-color: var(--color-base-purple-900);
+}
+._whiteBackgroundColor_11l4y_195 {
+  background-color: var(--color-base-white);
+}
+._yellow100BackgroundColor_11l4y_199 {
+  background-color: var(--color-base-yellow-100);
+}
+._yellow200BackgroundColor_11l4y_203 {
+  background-color: var(--color-base-yellow-200);
+}
+._yellow300BackgroundColor_11l4y_207 {
+  background-color: var(--color-base-yellow-300);
+}
+._yellow700BackgroundColor_11l4y_211 {
+  background-color: var(--color-base-yellow-700);
+}
+._yellow800BackgroundColor_11l4y_215 {
+  background-color: var(--color-base-yellow-800);
+}
+._yellow900BackgroundColor_11l4y_219 {
+  background-color: var(--color-base-yellow-900);
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
+._iconButton_4e8qe_1 {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  border: none;
+  border-radius: 50%;
+}
+._iconButton_4e8qe_1:hover {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  transition-duration: 0.2s;
+  cursor: pointer;
+}
+._iconButton_4e8qe_1:focus-visible {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._iconButton_4e8qe_1:active {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  transform: scale(0.97);
+  transition-duration: 0.2s;
+}
+._iconButton_4e8qe_1:disabled {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._sm_4e8qe_46 {
+  height: 32px;
+  width: 32px;
+}
+._md_4e8qe_51 {
+  height: 40px;
+  width: 40px;
+}
+._lg_4e8qe_56 {
+  height: 48px;
+  width: 48px;
+}
+._smIcon_4e8qe_61 {
+  height: 16px !important;
+  width: 16px !important;
+}
+._mdIcon_4e8qe_68 {
+  height: 20px !important;
+  width: 20px !important;
+}
+._lgIcon_4e8qe_75 {
+  height: 24px !important;
+  width: 24px !important;
+}
+._secondaryBorder_4e8qe_82 {
+  border: 1px solid var(--color-base-primary-300);
+}
+._secondaryDestructiveBorder_4e8qe_86 {
+  border: 1px solid var(--color-base-destructive-300);
+}
+/*# sourceMappingURL=IconButton.css.map */

package/dist/IconButton/IconButton.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n","._iconButton_4e8qe_1 {\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  border: none;\n  border-radius: 50%;\n}\n\n._iconButton_4e8qe_1:hover {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.1) 0%,\n    rgba(0, 0, 0, 0.1) 100%\n  );\n  transition-duration: 0.2s;\n  cursor: pointer;\n}\n\n._iconButton_4e8qe_1:focus-visible {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._iconButton_4e8qe_1:active {\n  background-image: linear-gradient(\n    to bottom,\n    rgba(0, 0, 0, 0.2) 0%,\n    rgba(0, 0, 0, 0.2) 100%\n  );\n  transform: scale(0.97);\n  transition-duration: 0.2s;\n}\n\n._iconButton_4e8qe_1:disabled {\n  filter: opacity(50%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._sm_4e8qe_46 {\n  height: 32px;\n  width: 32px;\n}\n\n._md_4e8qe_51 {\n  height: 40px;\n  width: 40px;\n}\n\n._lg_4e8qe_56 {\n  height: 48px;\n  width: 48px;\n}\n\n._smIcon_4e8qe_61 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n}\n\n._mdIcon_4e8qe_68 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n}\n\n._lgIcon_4e8qe_75 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n}\n\n._secondaryBorder_4e8qe_82 {\n  border: 1px solid var(--color-base-primary-300);\n}\n\n._secondaryDestructiveBorder_4e8qe_86 {\n  border: 1px solid var(--color-base-destructive-300);\n}\n"],"mappings":";AACA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AC3NF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/IconButton/IconButton.d.ts

@@ -0,0 +1,55 @@
+import React__default from 'react';
+import { Color, Size } from '../constants.js';
+
+type IconButtonProps = {
+    /**
+     * The color of the button
+     *
+     * @defaultValue "primary"
+     */
+    color?: (typeof Color)[number];
+    /**
+     * Test id for the button
+     */
+    "data-testid"?: string;
+    /**
+     * The size of the button
+     *
+     * * `sm`: 32px
+     * * `md`: 40px
+     * * `lg`: 48px
+     *
+     * @defaultValue "md"
+     */
+    size?: (typeof Size)[number];
+    /**
+     * The label to be used for accessibility
+     */
+    accessibilityLabel: string;
+    /**
+     * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)
+     */
+    icon: React__default.ComponentType<{
+        className?: string;
+    }>;
+    /**
+     * If `true`, the button will be disabled
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * The callback to be called when the button is clicked
+     */
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The tooltip to be displayed when the user hovers over the button
+     */
+    tooltip?: string;
+};
+/**
+ * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.
+ */
+declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton as default };

package/dist/IconButton/IconButton.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _3VUMTAUXjs = require('../__chunks/3VUMTAUX.js');
+require('../__chunks/YJ7YDIGB.js');
+require('../__chunks/CATJI2RJ.js');
+require('../__chunks/G4DDTGDI.js');
+require('../__chunks/D24RSGYP.js');
+require('../__chunks/5AR53MHD.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _3VUMTAUXjs.IconButton_default;
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/IconButton/IconButton.mjs

@@ -0,0 +1,13 @@
+import {
+  IconButton_default
+} from "../__chunks/5R6HCJP6.mjs";
+import "../__chunks/XFKGXL73.mjs";
+import "../__chunks/Q2TIB7ZC.mjs";
+import "../__chunks/R6CDK4GP.mjs";
+import "../__chunks/JSEHOGL7.mjs";
+import "../__chunks/IXDA4ZXP.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  IconButton_default as default
+};
+//# sourceMappingURL=IconButton.mjs.map

package/dist/IconButton/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/LinkButton/LinkButton.css

@@ -0,0 +1,353 @@
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
+._inheritColor_11l4y_2 {
+  color: inherit;
+}
+._destructive700Color_11l4y_6 {
+  color: var(--color-base-destructive-700);
+}
+._gray700Color_11l4y_10 {
+  color: var(--color-base-gray-700);
+}
+._gray900Color_11l4y_14 {
+  color: var(--color-base-gray-900);
+}
+._primary700Color_11l4y_18 {
+  color: var(--color-base-primary-700);
+}
+._success700Color_11l4y_22 {
+  color: var(--color-base-success-700);
+}
+._whiteColor_11l4y_26 {
+  color: var(--color-base-white);
+}
+._blackBackgroundColor_11l4y_31 {
+  background-color: var(--color-base-black);
+}
+._destructive100BackgroundColor_11l4y_35 {
+  background-color: var(--color-base-destructive-100);
+}
+._destructive200BackgroundColor_11l4y_39 {
+  background-color: var(--color-base-destructive-200);
+}
+._destructive300BackgroundColor_11l4y_43 {
+  background-color: var(--color-base-destructive-300);
+}
+._destructive700BackgroundColor_11l4y_47 {
+  background-color: var(--color-base-destructive-700);
+}
+._destructive800BackgroundColor_11l4y_51 {
+  background-color: var(--color-base-destructive-800);
+}
+._destructive900BackgroundColor_11l4y_55 {
+  background-color: var(--color-base-destructive-900);
+}
+._gray10BackgroundColor_11l4y_59 {
+  background-color: var(--color-base-gray-10);
+}
+._gray30BackgroundColor_11l4y_63 {
+  background-color: var(--color-base-gray-30);
+}
+._gray60BackgroundColor_11l4y_67 {
+  background-color: var(--color-base-gray-60);
+}
+._gray80BackgroundColor_11l4y_71 {
+  background-color: var(--color-base-gray-80);
+}
+._gray100BackgroundColor_11l4y_75 {
+  background-color: var(--color-base-gray-100);
+}
+._gray200BackgroundColor_11l4y_79 {
+  background-color: var(--color-base-gray-200);
+}
+._gray300BackgroundColor_11l4y_83 {
+  background-color: var(--color-base-gray-300);
+}
+._gray700BackgroundColor_11l4y_87 {
+  background-color: var(--color-base-gray-700);
+}
+._gray800BackgroundColor_11l4y_91 {
+  background-color: var(--color-base-gray-800);
+}
+._gray900BackgroundColor_11l4y_95 {
+  background-color: var(--color-base-gray-900);
+}
+._orange100BackgroundColor_11l4y_99 {
+  background-color: var(--color-base-orange-100);
+}
+._orange200BackgroundColor_11l4y_103 {
+  background-color: var(--color-base-orange-200);
+}
+._orange300BackgroundColor_11l4y_107 {
+  background-color: var(--color-base-orange-300);
+}
+._orange700BackgroundColor_11l4y_111 {
+  background-color: var(--color-base-orange-700);
+}
+._orange800BackgroundColor_11l4y_115 {
+  background-color: var(--color-base-orange-800);
+}
+._orange900BackgroundColor_11l4y_119 {
+  background-color: var(--color-base-orange-900);
+}
+._primary100BackgroundColor_11l4y_123 {
+  background-color: var(--color-base-primary-100);
+}
+._primary200BackgroundColor_11l4y_127 {
+  background-color: var(--color-base-primary-200);
+}
+._primary300BackgroundColor_11l4y_131 {
+  background-color: var(--color-base-primary-300);
+}
+._primary700BackgroundColor_11l4y_135 {
+  background-color: var(--color-base-primary-700);
+}
+._primary800BackgroundColor_11l4y_139 {
+  background-color: var(--color-base-primary-800);
+}
+._primary900BackgroundColor_11l4y_143 {
+  background-color: var(--color-base-primary-900);
+}
+._success100BackgroundColor_11l4y_147 {
+  background-color: var(--color-base-success-100);
+}
+._success200BackgroundColor_11l4y_151 {
+  background-color: var(--color-base-success-200);
+}
+._success300BackgroundColor_11l4y_155 {
+  background-color: var(--color-base-success-300);
+}
+._success700BackgroundColor_11l4y_159 {
+  background-color: var(--color-base-success-700);
+}
+._success800BackgroundColor_11l4y_163 {
+  background-color: var(--color-base-success-800);
+}
+._success900BackgroundColor_11l4y_167 {
+  background-color: var(--color-base-success-900);
+}
+._purple100BackgroundColor_11l4y_171 {
+  background-color: var(--color-base-purple-100);
+}
+._purple200BackgroundColor_11l4y_175 {
+  background-color: var(--color-base-purple-200);
+}
+._purple300BackgroundColor_11l4y_179 {
+  background-color: var(--color-base-purple-300);
+}
+._purple700BackgroundColor_11l4y_183 {
+  background-color: var(--color-base-purple-700);
+}
+._purple800BackgroundColor_11l4y_187 {
+  background-color: var(--color-base-purple-800);
+}
+._purple900BackgroundColor_11l4y_191 {
+  background-color: var(--color-base-purple-900);
+}
+._whiteBackgroundColor_11l4y_195 {
+  background-color: var(--color-base-white);
+}
+._yellow100BackgroundColor_11l4y_199 {
+  background-color: var(--color-base-yellow-100);
+}
+._yellow200BackgroundColor_11l4y_203 {
+  background-color: var(--color-base-yellow-200);
+}
+._yellow300BackgroundColor_11l4y_207 {
+  background-color: var(--color-base-yellow-300);
+}
+._yellow700BackgroundColor_11l4y_211 {
+  background-color: var(--color-base-yellow-700);
+}
+._yellow800BackgroundColor_11l4y_215 {
+  background-color: var(--color-base-yellow-800);
+}
+._yellow900BackgroundColor_11l4y_219 {
+  background-color: var(--color-base-yellow-900);
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
+._typography_1vnry_1 {
+  font-family:
+    -apple-system,
+    system-ui,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  margin: 0;
+}
+._size100_1vnry_8 {
+  font-size: 12px;
+}
+._size200_1vnry_12 {
+  font-size: 14px;
+}
+._size300_1vnry_16 {
+  font-size: 16px;
+}
+._size500_1vnry_20 {
+  font-size: 20px;
+}
+._size600_1vnry_24 {
+  font-size: 28px;
+}
+._size700_1vnry_28 {
+  font-size: 40px;
+}
+._size800_1vnry_32 {
+  font-size: 64px;
+}
+._center_1vnry_37 {
+  text-align: center;
+}
+._forceLeft_1vnry_41 {
+  text-align: left;
+}
+._forceRight_1vnry_45 {
+  text-align: right;
+}
+._start_1vnry_49 {
+  text-align: start;
+}
+._end_1vnry_53 {
+  text-align: end;
+}
+._bold_1vnry_58 {
+  font-weight: 700;
+}
+._regular_1vnry_62 {
+  font-weight: 400;
+}
+._interactive_1vnry_66 {
+  font-weight: 500;
+}
+._semiBold_1vnry_70 {
+  font-weight: 600;
+}
+._heavy_1vnry_74 {
+  font-weight: 860;
+}
+._underline_1vnry_78 {
+  text-decoration: underline;
+}
+._inline_1vnry_82 {
+  display: inline;
+}
+._uppercase_1vnry_86 {
+  text-transform: uppercase;
+}
+._lineClamp_1vnry_90 {
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  max-width: 100%;
+  overflow: hidden;
+  word-break: break-word;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
+._button_1iunh_1 {
+  border: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+._buttonGap_1iunh_9 {
+  gap: 4px;
+}
+._button_1iunh_1:hover {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  transition-duration: 0.2s;
+  cursor: pointer;
+}
+._button_1iunh_1:focus-visible {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._button_1iunh_1:active {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  transform: scale(0.97);
+  transition-duration: 0.2s;
+}
+._button_1iunh_1:disabled {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._fullWidth_1iunh_50 {
+  width: 100%;
+}
+._sm_1iunh_54 {
+  min-width: 52px;
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 8px;
+}
+._md_1iunh_61 {
+  min-width: 72px;
+  height: 40px;
+  padding: 0 16px;
+  border-radius: 12px;
+}
+._lg_1iunh_68 {
+  min-width: 88px;
+  height: 48px;
+  padding: 0 20px;
+  border-radius: 16px;
+}
+._icon_1iunh_75 {
+  color: inherit;
+}
+._smIcon_1iunh_79 {
+  width: 16px !important;
+  height: 16px !important;
+}
+._mdIcon_1iunh_86 {
+  width: 20px !important;
+  height: 20px !important;
+}
+._lgIcon_1iunh_93 {
+  width: 24px !important;
+  height: 24px !important;
+}
+._secondaryBorder_1iunh_100 {
+  border: 1px solid var(--color-base-primary-300);
+}
+._secondaryDestructiveBorder_1iunh_104 {
+  border: 1px solid var(--color-base-destructive-300);
+}
+@keyframes _syntaxButtonLoadingRotate_1iunh_1 {
+  0% {
+    transform-origin: 50% 50%;
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._loading_1iunh_118 {
+  animation: _syntaxButtonLoadingRotate_1iunh_1 1.4s linear infinite;
+}
+._loadingCircle_1iunh_122 {
+  stroke: currentcolor;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0;
+  transform-origin: center;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css/#css-module-data */
+._linkButton_1qjrb_1 {
+  box-sizing: border-box;
+  text-decoration: none;
+}
+._linkButton_1qjrb_1:focus,
+._linkButton_1qjrb_1:hover {
+  text-decoration: none;
+}
+._fitContent_1qjrb_11 {
+  width: fit-content;
+}
+/*# sourceMappingURL=LinkButton.css.map */