@cambly/syntax-core 9.6.0 → 9.7.0

package/dist/RadioButton/RadioButton.d.ts

@@ -0,0 +1,60 @@
+import React__default, { ReactElement } from 'react';
+
+/**
+ * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text
+ */
+declare const RadioButton: ({ checked, "data-testid": dataTestId, disabled: disabledProp, error, id, label, name, onChange, size, value, }: {
+    /**
+     * Whether or not the radio button is checked
+     *
+     * @defaultValue false
+     */
+    checked?: boolean | undefined;
+    /**
+     * Test id for the radio button
+     */
+    "data-testid"?: string | undefined;
+    /**
+     * Whether or not the radio button is disabled
+     *
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether to show error color schema
+     *
+     * @defaultValue false
+     */
+    error?: boolean | undefined;
+    /**
+     * Id for the the radio button
+     */
+    id?: string | undefined;
+    /**
+     * Value to show end user
+     */
+    label: string;
+    /**
+     * The name of the grouping the radio buttons are in
+     */
+    name: string;
+    /**
+     * The callback to be called when the radio button is clicked
+     */
+    onChange: React__default.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Size of the components
+     *
+     * * `sm`: 16px
+     * * `md`: 24px
+     *
+     * @defaultValue "md"
+     */
+    size?: "sm" | "md" | undefined;
+    /**
+     * Value of the selected radio option
+     */
+    value: string | number;
+}) => ReactElement;
+
+export { RadioButton as default };

package/dist/RadioButton/RadioButton.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _X74O4HUSjs = require('../__chunks/X74O4HUS.js');
+require('../__chunks/2O6FDRTF.js');
+require('../__chunks/F3ZST4RL.js');
+require('../__chunks/ERXGNP37.js');
+require('../__chunks/YJ7YDIGB.js');
+require('../__chunks/OGJDUOWP.js');
+require('../__chunks/5AR53MHD.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _X74O4HUSjs.RadioButton_default;
+//# sourceMappingURL=RadioButton.js.map

package/dist/RadioButton/RadioButton.js.map

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

package/dist/RadioButton/RadioButton.mjs

@@ -0,0 +1,14 @@
+import {
+  RadioButton_default
+} from "../__chunks/LZSDWT4M.mjs";
+import "../__chunks/WJDAVT5R.mjs";
+import "../__chunks/BCWLWS7W.mjs";
+import "../__chunks/FWVHWU47.mjs";
+import "../__chunks/XFKGXL73.mjs";
+import "../__chunks/FCX7QDZS.mjs";
+import "../__chunks/IXDA4ZXP.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  RadioButton_default as default
+};
+//# sourceMappingURL=RadioButton.mjs.map

package/dist/RadioButton/RadioButton.mjs.map

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

package/dist/SelectList/SelectList.css

@@ -0,0 +1,335 @@
+/* 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/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/SelectList/SelectList.module.css/#css-module-data */
+._selectContainer_3ifov_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+._opacityOverlay_3ifov_7 {
+  opacity: 0.5;
+}
+._outerTextContainer_3ifov_11 {
+  padding-inline-start: 4px;
+  padding-inline-end: 4px;
+}
+._selectWrapper_3ifov_16 {
+  display: flex;
+  position: relative;
+}
+._selectBox_3ifov_21 {
+  align-items: center;
+  appearance: none;
+  border: 1px solid var(--color-base-gray-700);
+  cursor: pointer;
+  display: flex;
+  font-family:
+    -apple-system,
+    system-ui,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Helvetica,
+    Arial,
+    sans-serif;
+  font-weight: 500;
+  justify-content: space-between;
+  margin: 0;
+  outline: 0;
+  padding: 0 36px 0 12px;
+  width: 100%;
+}
+._selectMouseFocusStyling_3ifov_37 {
+  border: 1px solid var(--color-base-primary-700);
+  box-shadow: 0 0 0 1px var(--color-base-primary-700);
+}
+._unselected_3ifov_42 {
+  color: var(--color-base-gray-700);
+}
+._selected_3ifov_46 {
+  color: var(--color-base-gray-800);
+}
+._arrowIcon_3ifov_50 {
+  display: flex;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  padding-inline-end: 8px;
+  pointer-events: none;
+}
+._selectBox_3ifov_21:disabled {
+  cursor: auto;
+}
+._sm_3ifov_64 {
+  border-radius: 12px;
+  font-size: 12px;
+  height: 32px;
+}
+._md_3ifov_70 {
+  border-radius: 12px;
+  font-size: 14px;
+  height: 40px;
+}
+._lg_3ifov_76 {
+  border-radius: 16px;
+  font-size: 16px;
+  height: 48px;
+}
+._selectError_3ifov_82 {
+  color: var(--color-base-destructive-700);
+  border-color: var(--color-base-destructive-700);
+  background-color: var(--color-base-destructive-100);
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css/#css-module-data */
+._accessibilityOutlineFocus_1h8bq_1 {
+  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
+}
+/*# sourceMappingURL=SelectList.css.map */

package/dist/SelectList/SelectList.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["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/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css/#css-module-data"],"sourcesContent":["._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","/* 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","._selectContainer_3ifov_1 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n._opacityOverlay_3ifov_7 {\n  opacity: 0.5;\n}\n\n._outerTextContainer_3ifov_11 {\n  padding-inline-start: 4px;\n  padding-inline-end: 4px;\n}\n\n._selectWrapper_3ifov_16 {\n  display: flex;\n  position: relative;\n}\n\n._selectBox_3ifov_21 {\n  align-items: center;\n  appearance: none;\n  border: 1px solid var(--color-base-gray-700);\n  cursor: pointer;\n  display: flex;\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  font-weight: 500;\n  justify-content: space-between;\n  margin: 0;\n  outline: 0;\n  padding: 0 36px 0 12px;\n  width: 100%;\n}\n\n._selectMouseFocusStyling_3ifov_37 {\n  border: 1px solid var(--color-base-primary-700);\n  box-shadow: 0 0 0 1px var(--color-base-primary-700);\n}\n\n._unselected_3ifov_42 {\n  color: var(--color-base-gray-700);\n}\n\n._selected_3ifov_46 {\n  color: var(--color-base-gray-800);\n}\n\n._arrowIcon_3ifov_50 {\n  display: flex;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  padding-inline-end: 8px;\n  pointer-events: none;\n}\n\n._selectBox_3ifov_21:disabled {\n  cursor: auto;\n}\n\n._sm_3ifov_64 {\n  border-radius: 12px;\n  font-size: 12px;\n  height: 32px;\n}\n\n._md_3ifov_70 {\n  border-radius: 12px;\n  font-size: 14px;\n  height: 40px;\n}\n\n._lg_3ifov_76 {\n  border-radius: 16px;\n  font-size: 16px;\n  height: 48px;\n}\n\n._selectError_3ifov_82 {\n  color: var(--color-base-destructive-700);\n  border-color: var(--color-base-destructive-700);\n  background-color: var(--color-base-destructive-100);\n}\n","._accessibilityOutlineFocus_1h8bq_1 {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n"],"mappings":";AAAA;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;;;AC7FF;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;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACpFF;AACE;AAAA;","names":[]}

package/dist/SelectList/SelectList.d.ts

@@ -0,0 +1,72 @@
+import React__default, { ReactNode, ReactElement } from 'react';
+
+/**
+ * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.
+ */
+declare function SelectList({ children, "data-testid": dataTestId, disabled: disabledProp, errorText, helperText, id, label, onChange, onClick, placeholderText, selectedValue, size, }: {
+    /**
+     * One or more SelectList.Option components.
+     */
+    children: ReactNode;
+    /**
+     * Test id for the select element
+     */
+    "data-testid"?: string;
+    /**
+     * true if the select dropdown is disabled
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * Callback to be called when select is clicked
+     */
+    onClick?: React__default.MouseEventHandler<HTMLSelectElement>;
+    /**
+     * Text shown below select box if there is an input error.
+     */
+    errorText?: string;
+    /**
+     * Text shown below select box
+     */
+    helperText?: string;
+    /**
+     * Id of the select element
+     */
+    id?: string;
+    /**
+     * Text shown above select box
+     */
+    label: string;
+    /**
+     * The callback to be called when an option is selected
+     */
+    onChange: React__default.ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Text showing in select box if no option has been chosen.
+     * We should always have a placeholder unless there is a default option selected
+     */
+    placeholderText?: string;
+    /**
+     * Value of the currently selected option
+     */
+    selectedValue?: string;
+    /**
+     * Size of the select box
+     * * `sm`: 32px
+     * * `md`: 40px
+     * * `lg`: 48px
+     *
+     * @defaultValue "md"
+     */
+    size?: "sm" | "md" | "lg";
+}): ReactElement;
+declare namespace SelectList {
+    var Option: ({ "data-testid": dataTestId, value, label, disabled, }: {
+        "data-testid"?: string | undefined;
+        value: string;
+        label: string;
+        disabled?: boolean | undefined;
+    }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>>;
+}
+
+export { SelectList as default };

package/dist/SelectList/SelectList.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _AGAHNSZMjs = require('../__chunks/AGAHNSZM.js');
+require('../__chunks/HOUO3WV6.js');
+require('../__chunks/2O6FDRTF.js');
+require('../__chunks/F3ZST4RL.js');
+require('../__chunks/ERXGNP37.js');
+require('../__chunks/YJ7YDIGB.js');
+require('../__chunks/OGJDUOWP.js');
+require('../__chunks/5AR53MHD.js');
+require('../__chunks/LULBCTQR.js');
+
+
+exports.default = _AGAHNSZMjs.SelectList;
+//# sourceMappingURL=SelectList.js.map

package/dist/SelectList/SelectList.js.map

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

package/dist/SelectList/SelectList.mjs

@@ -0,0 +1,15 @@
+import {
+  SelectList
+} from "../__chunks/WCEOAOUO.mjs";
+import "../__chunks/GVNDZZAU.mjs";
+import "../__chunks/WJDAVT5R.mjs";
+import "../__chunks/BCWLWS7W.mjs";
+import "../__chunks/FWVHWU47.mjs";
+import "../__chunks/XFKGXL73.mjs";
+import "../__chunks/FCX7QDZS.mjs";
+import "../__chunks/IXDA4ZXP.mjs";
+import "../__chunks/CUDAH5IW.mjs";
+export {
+  SelectList as default
+};
+//# sourceMappingURL=SelectList.mjs.map

package/dist/SelectList/SelectList.mjs.map

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

package/dist/SelectList/SelectOption.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+
+declare const SelectOption: ({ "data-testid": dataTestId, value, label, disabled, }: {
+    "data-testid"?: string | undefined;
+    value: string;
+    label: string;
+    disabled?: boolean | undefined;
+}) => ReactElement;
+
+export { SelectOption as default };

package/dist/SelectList/SelectOption.js

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

package/dist/SelectList/SelectOption.js.map

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

package/dist/SelectList/SelectOption.mjs

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

package/dist/SelectList/SelectOption.mjs.map

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

package/dist/TapArea/TapArea.css

@@ -0,0 +1,53 @@
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css/#css-module-data */
+._tapArea_g6gkz_1 {
+  box-sizing: border-box;
+}
+._fullWidth_g6gkz_5 {
+  width: 100%;
+}
+._disabled_g6gkz_9 {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._enabled_g6gkz_16 {
+  cursor: pointer;
+}
+._enabled_g6gkz_16:hover {
+  cursor: pointer;
+}
+._enabled_g6gkz_16:focus-visible {
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._overlay_g6gkz_29 {
+  background-color: rgba(0, 0, 0, 0.1);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+._hoveredOrFocussed_g6gkz_39 {
+  position: relative;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
+._roundingsm_1bo6p_2 {
+  border-radius: 8px;
+}
+._roundingmd_1bo6p_6 {
+  border-radius: 12px;
+}
+._roundinglg_1bo6p_10 {
+  border-radius: 16px;
+}
+._roundingxl_1bo6p_14 {
+  border-radius: 24px;
+}
+._roundingfull_1bo6p_18 {
+  border-radius: 999px;
+}
+/*# sourceMappingURL=TapArea.css.map */

package/dist/TapArea/TapArea.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data"],"sourcesContent":["._tapArea_g6gkz_1 {\n  box-sizing: border-box;\n}\n\n._fullWidth_g6gkz_5 {\n  width: 100%;\n}\n\n._disabled_g6gkz_9 {\n  filter: opacity(50%);\n  background-image: none;\n  transform: none;\n  cursor: auto;\n}\n\n._enabled_g6gkz_16 {\n  cursor: pointer;\n}\n\n._enabled_g6gkz_16:hover {\n  cursor: pointer;\n}\n\n._enabled_g6gkz_16:focus-visible {\n  box-shadow: 0 0 0 4px #000;\n  outline: solid 2px #fff;\n}\n\n._overlay_g6gkz_29 {\n  background-color: rgba(0, 0, 0, 0.1);\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n._hoveredOrFocussed_g6gkz_39 {\n  position: relative;\n}\n","/* Border Radius */\n._roundingsm_1bo6p_2 {\n  border-radius: 8px;\n}\n\n._roundingmd_1bo6p_6 {\n  border-radius: 12px;\n}\n\n._roundinglg_1bo6p_10 {\n  border-radius: 16px;\n}\n\n._roundingxl_1bo6p_14 {\n  border-radius: 24px;\n}\n\n._roundingfull_1bo6p_18 {\n  border-radius: 999px;\n}\n"],"mappings":";AAAA;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;;;ACtCF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}