@cambly/syntax-core 9.6.0 → 9.7.0

package/dist/LinkButton/LinkButton.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/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.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","._typography_1vnry_1 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n/* Sizes */\n._size100_1vnry_8 {\n  font-size: 12px;\n}\n\n._size200_1vnry_12 {\n  font-size: 14px;\n}\n\n._size300_1vnry_16 {\n  font-size: 16px;\n}\n\n._size500_1vnry_20 {\n  font-size: 20px;\n}\n\n._size600_1vnry_24 {\n  font-size: 28px;\n}\n\n._size700_1vnry_28 {\n  font-size: 40px;\n}\n\n._size800_1vnry_32 {\n  font-size: 64px;\n}\n\n/* Align */\n._center_1vnry_37 {\n  text-align: center;\n}\n\n._forceLeft_1vnry_41 {\n  text-align: left;\n}\n\n._forceRight_1vnry_45 {\n  text-align: right;\n}\n\n._start_1vnry_49 {\n  text-align: start;\n}\n\n._end_1vnry_53 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_1vnry_58 {\n  font-weight: 700;\n}\n\n._regular_1vnry_62 {\n  font-weight: 400;\n}\n\n._interactive_1vnry_66 {\n  font-weight: 500;\n}\n\n._semiBold_1vnry_70 {\n  font-weight: 600;\n}\n\n._heavy_1vnry_74 {\n  font-weight: 860;\n}\n\n._underline_1vnry_78 {\n  text-decoration: underline;\n}\n\n._inline_1vnry_82 {\n  display: inline;\n}\n\n._uppercase_1vnry_86 {\n  text-transform: uppercase;\n}\n\n._lineClamp_1vnry_90 {\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n}\n","._button_1iunh_1 {\n  border: none;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n._buttonGap_1iunh_9 {\n  gap: 4px;\n}\n\n._button_1iunh_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._button_1iunh_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._button_1iunh_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._button_1iunh_1:disabled {\n  filter: opacity(50%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._fullWidth_1iunh_50 {\n  width: 100%;\n}\n\n._sm_1iunh_54 {\n  min-width: 52px;\n  height: 32px;\n  padding: 0 12px;\n  border-radius: 8px;\n}\n\n._md_1iunh_61 {\n  min-width: 72px;\n  height: 40px;\n  padding: 0 16px;\n  border-radius: 12px;\n}\n\n._lg_1iunh_68 {\n  min-width: 88px;\n  height: 48px;\n  padding: 0 20px;\n  border-radius: 16px;\n}\n\n._icon_1iunh_75 {\n  color: inherit;\n}\n\n._smIcon_1iunh_79 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 16px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 16px !important;\n}\n\n._mdIcon_1iunh_86 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 20px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 20px !important;\n}\n\n._lgIcon_1iunh_93 {\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  width: 24px !important;\n  /* stylelint-disable-next-line declaration-no-important --  Need to use !important to override MUI icon sizes  */\n  height: 24px !important;\n}\n\n._secondaryBorder_1iunh_100 {\n  border: 1px solid var(--color-base-primary-300);\n}\n\n._secondaryDestructiveBorder_1iunh_104 {\n  border: 1px solid var(--color-base-destructive-300);\n}\n\n@keyframes _syntaxButtonLoadingRotate_1iunh_1 {\n  0% {\n    transform-origin: 50% 50%;\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n._loading_1iunh_118 {\n  animation: _syntaxButtonLoadingRotate_1iunh_1 1.4s linear infinite;\n}\n\n._loadingCircle_1iunh_122 {\n  stroke: currentcolor;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0;\n  transform-origin: center;\n}\n","._linkButton_1qjrb_1 {\n  box-sizing: border-box;\n  text-decoration: none;\n}\n\n._linkButton_1qjrb_1:focus,\n._linkButton_1qjrb_1:hover {\n  text-decoration: none;\n}\n\n._fitContent_1qjrb_11 {\n  width: fit-content;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;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;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;AACA;AACA;AACA;AACA;AAAA;;;AC9FF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AAKA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AAEE;AAEA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AAAA;AAEI;AAAA;AAAA;AAIA;AAAA;AAAA;AAIJ;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;AC7HF;AACE;AACA;AAAA;AAGF;AAAA;AAEE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/LinkButton/LinkButton.d.ts

@@ -0,0 +1,72 @@
+import React__default, { HtmlHTMLAttributes } from 'react';
+import { Size } from '../constants.js';
+
+type LinkButtonProps = {
+    /**
+     * Test id for the button
+     */
+    "data-testid"?: string;
+    /**
+     * The text to be displayed inside the button
+     */
+    text: string;
+    /**
+     * The link that the LinkButton should route to.
+     *
+     */
+    href?: string;
+    /**
+     * The target attribute specifies where to open the linked document.
+     *
+     */
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    /**
+     * The rel attribute specifies the relationship between the document and the link.
+     *
+     */
+    rel?: HtmlHTMLAttributes<HTMLAnchorElement>["rel"];
+    /**
+     * The color of the button
+     *
+     * @defaultValue "primary"
+     */
+    color?: "primary" | "secondary" | "tertiary" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "branded" | "success";
+    /**
+     * The size of the button
+     *
+     * * `sm`: 32px
+     * * `md`: 40px
+     * * `lg`: 48px
+     *
+     * @defaultValue "md"
+     */
+    size?: (typeof Size)[number];
+    /**
+     * If `true`, the button will take up the full width of its container
+     *
+     * @defaultValue false
+     */
+    fullWidth?: boolean;
+    /**
+     * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)
+     */
+    startIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    /**
+     * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)
+     */
+    endIcon?: React__default.ComponentType<{
+        className?: string;
+    }>;
+    /**
+     * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).
+     */
+    onClick?: React__default.MouseEventHandler<HTMLAnchorElement>;
+};
+/**
+ * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a "variation" of Button that should look identical to Button, but should be used to render links instead.
+ */
+declare const LinkButton: React__default.ForwardRefExoticComponent<LinkButtonProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { LinkButton as default };

package/dist/LinkButton/LinkButton.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _ERJ5XXDHjs = require('../__chunks/ERJ5XXDH.js');
+require('../__chunks/5DBWL6IK.js');
+require('../__chunks/4PWSK5GI.js');
+require('../__chunks/F3ZST4RL.js');
+require('../__chunks/ERXGNP37.js');
+require('../__chunks/HQVZUEWO.js');
+require('../__chunks/CATJI2RJ.js');
+require('../__chunks/G4DDTGDI.js');
+require('../__chunks/D24RSGYP.js');
+require('../__chunks/5AR53MHD.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _ERJ5XXDHjs.LinkButton_default;
+//# sourceMappingURL=LinkButton.js.map

package/dist/LinkButton/LinkButton.js.map

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

package/dist/LinkButton/LinkButton.mjs

@@ -0,0 +1,17 @@
+import {
+  LinkButton_default
+} from "../__chunks/CGGEM6XS.mjs";
+import "../__chunks/AMBZXKUQ.mjs";
+import "../__chunks/A7UVLRKG.mjs";
+import "../__chunks/BCWLWS7W.mjs";
+import "../__chunks/FWVHWU47.mjs";
+import "../__chunks/XN5AALLC.mjs";
+import "../__chunks/Q2TIB7ZC.mjs";
+import "../__chunks/R6CDK4GP.mjs";
+import "../__chunks/JSEHOGL7.mjs";
+import "../__chunks/IXDA4ZXP.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  LinkButton_default as default
+};
+//# sourceMappingURL=LinkButton.mjs.map

package/dist/LinkButton/LinkButton.mjs.map

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

package/dist/Modal/FocusTrap.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+
+/**
+ * FocusTrap is used by components like Modal to ensure that only elements within children components can be focused.
+ */
+declare function FocusTrap({ children, }: {
+    children?: ReactElement | null;
+}): ReactElement;
+
+export { FocusTrap as default };

package/dist/Modal/FocusTrap.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _42YPEAFSjs = require('../__chunks/42YPEAFS.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _42YPEAFSjs.FocusTrap;
+//# sourceMappingURL=FocusTrap.js.map

package/dist/Modal/FocusTrap.js.map

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

package/dist/Modal/FocusTrap.mjs

@@ -0,0 +1,8 @@
+import {
+  FocusTrap
+} from "../__chunks/PGVLU6C3.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  FocusTrap as default
+};
+//# sourceMappingURL=FocusTrap.mjs.map

package/dist/Modal/FocusTrap.mjs.map

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