@cambly/syntax-core 10.7.0 → 10.8.0

package/dist/__chunks/5NIFOD6K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ThemeProvider/ThemeProvider.tsx","../../../syntax-design-tokens/dist/json/variables.json"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport variables from \"@cambly/syntax-design-tokens/dist/json/variables.json\";\n\ntype ThemeName = \"classic\" | \"cambio\";\n\ntype Theme = {\n  themeName: ThemeName;\n};\n\nconst ThemeContext = React.createContext<Theme>({\n  themeName: \"classic\",\n});\nThemeContext.displayName = \"ThemeContext\";\n\nconst classicToCambioKeyLookup = {\n  \"color-base-black\": \"color-cambio-black\",\n  \"color-base-destructive-100\": \"color-cambio-destructive-100\",\n  \"color-base-destructive-200\": undefined, // Deprecated - to be deleted\n  \"color-base-destructive-300\": \"color-cambio-destructive-300\",\n  \"color-base-destructive-700\": \"color-cambio-destructive-700\",\n  \"color-base-destructive-800\": undefined, // Deprecated - to be deleted\n  \"color-base-destructive-900\": \"color-cambio-destructive-900\",\n  \"color-base-gray-10\": \"color-cambio-gray-370\",\n  \"color-base-gray-30\": \"color-cambio-gray-370\",\n  \"color-base-gray-60\": \"color-cambio-gray-870\",\n  \"color-base-gray-80\": \"color-cambio-gray-870\",\n  \"color-base-gray-100\": \"color-cambio-gray-100\",\n  \"color-base-gray-200\": \"color-cambio-gray-200\",\n  \"color-base-gray-300\": \"color-cambio-gray-300\",\n  \"color-base-gray-700\": \"color-cambio-gray-700\",\n  \"color-base-gray-800\": \"color-cambio-gray-800\",\n  \"color-base-gray-900\": \"color-cambio-gray-900\",\n  \"color-base-orange-100\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-200\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-300\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-700\": \"color-cambio-orange\",\n  \"color-base-orange-800\": undefined, // Deprecated - to be deleted\n  \"color-base-orange-900\": undefined, // Deprecated - to be deleted\n  \"color-base-primary-100\": \"color-cambio-gray-100\",\n  \"color-base-primary-200\": \"color-cambio-gray-200\",\n  \"color-base-primary-300\": \"color-cambio-gray-300\",\n  \"color-base-primary-700\": \"color-cambio-gray-700\",\n  \"color-base-primary-800\": \"color-cambio-gray-800\",\n  \"color-base-primary-900\": \"color-cambio-gray-900\",\n  \"color-base-success-100\": \"color-cambio-success-100\",\n  \"color-base-success-200\": undefined, // Deprecated - to be deleted\n  \"color-base-success-300\": \"color-cambio-success-300\",\n  \"color-base-success-700\": \"color-cambio-success-700\",\n  \"color-base-success-800\": undefined, // Deprecated - to be deleted\n  \"color-base-success-900\": \"color-cambio-success-900\",\n  \"color-base-purple-100\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-200\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-300\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-700\": \"color-cambio-purple\",\n  \"color-base-purple-800\": undefined, // Deprecated - to be deleted\n  \"color-base-purple-900\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-100\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-200\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-300\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-700\": \"color-cambio-yellow-700\",\n  \"color-base-yellow-800\": undefined, // Deprecated - to be deleted\n  \"color-base-yellow-900\": undefined, // Deprecated - to be deleted\n  \"color-base-white\": \"color-cambio-white\",\n};\n\nfunction stylesForTheme(themeName: ThemeName) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const tokenVariables: Record<string, string> = variables;\n  return `\n    :root {\n      ${Object.entries(tokenVariables)\n        .filter(([key]) => {\n          return themeName === \"classic\" ? !key.includes(\"cambio\") : true;\n        })\n        .map(([key, value]) => {\n          // Replace classic values with cambio ones if they exist\n          if (\n            themeName === \"cambio\" &&\n            classicToCambioKeyLookup[\n              key as keyof typeof classicToCambioKeyLookup\n            ]\n          ) {\n            return [\n              key,\n              tokenVariables[\n                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                classicToCambioKeyLookup[\n                  key as keyof typeof classicToCambioKeyLookup\n                ]!\n              ],\n            ];\n          }\n          return [key, value];\n        })\n        .map(([key, value]) => `--${key}: ${value};`)\n        .join(\"\\n\")}\n    }\n  `;\n}\n\nexport default function ThemeProvider({\n  themeName = \"classic\",\n  children,\n}: {\n  themeName: ThemeName;\n  children: React.ReactNode;\n}): React.ReactElement {\n  const value = useMemo(() => ({ themeName }), [themeName]);\n\n  const innerStyles = useMemo(() => stylesForTheme(themeName), [themeName]);\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <style\n        dangerouslySetInnerHTML={{ __html: innerStyles }}\n        data-testid=\"themeprovider-style\"\n      ></style>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme(): Theme {\n  return React.useContext(ThemeContext);\n}\n","{\n  \"color-base-black\": \"#000000\",\n  \"color-base-destructive-100\": \"#fef3f5\",\n  \"color-base-destructive-200\": \"#fad6de\",\n  \"color-base-destructive-300\": \"#f2a2b2\",\n  \"color-base-destructive-700\": \"#d32a4b\",\n  \"color-base-destructive-800\": \"#81162c\",\n  \"color-base-destructive-900\": \"#55101d\",\n  \"color-base-gray-10\": \"rgba(203, 203, 203, 0.5)\",\n  \"color-base-gray-30\": \"rgba(0, 0, 0, 0.3)\",\n  \"color-base-gray-60\": \"rgba(0, 0, 0, 0.6)\",\n  \"color-base-gray-80\": \"rgba(0, 0, 0, 0.8)\",\n  \"color-base-gray-100\": \"#f7f7f7\",\n  \"color-base-gray-200\": \"#f0f0f0\",\n  \"color-base-gray-300\": \"#d0d0d0\",\n  \"color-base-gray-700\": \"#767676\",\n  \"color-base-gray-800\": \"#353535\",\n  \"color-base-gray-900\": \"#191919\",\n  \"color-base-orange-100\": \"#fdf2f0\",\n  \"color-base-orange-200\": \"#f6cdc4\",\n  \"color-base-orange-300\": \"#ec9987\",\n  \"color-base-orange-700\": \"#c34124\",\n  \"color-base-orange-800\": \"#732818\",\n  \"color-base-orange-900\": \"#4d1a10\",\n  \"color-base-primary-100\": \"#eff6fa\",\n  \"color-base-primary-200\": \"#c1dbe7\",\n  \"color-base-primary-300\": \"#84b7d0\",\n  \"color-base-primary-700\": \"#236482\",\n  \"color-base-primary-800\": \"#274858\",\n  \"color-base-primary-900\": \"#1b303b\",\n  \"color-base-success-100\": \"#eff7f1\",\n  \"color-base-success-200\": \"#bddcc6\",\n  \"color-base-success-300\": \"#81ba92\",\n  \"color-base-success-700\": \"#397b4d\",\n  \"color-base-success-800\": \"#2d4936\",\n  \"color-base-success-900\": \"#1e3124\",\n  \"color-base-purple-100\": \"#f9f5fa\",\n  \"color-base-purple-200\": \"#e8dceb\",\n  \"color-base-purple-300\": \"#cdb4d3\",\n  \"color-base-purple-700\": \"#8b5f95\",\n  \"color-base-purple-800\": \"#523b58\",\n  \"color-base-purple-900\": \"#37273b\",\n  \"color-base-yellow-100\": \"#fdf5d9\",\n  \"color-base-yellow-200\": \"#fbe8a3\",\n  \"color-base-yellow-300\": \"#f8d663\",\n  \"color-base-yellow-700\": \"#ffc929\",\n  \"color-base-yellow-800\": \"#765f1c\",\n  \"color-base-yellow-900\": \"#3b3009\",\n  \"color-base-white\": \"#ffffff\",\n  \"color-cambio-black\": \"#050500\",\n  \"color-cambio-white\": \"#ffffff\",\n  \"color-cambio-gray-100\": \"#faf4eb\",\n  \"color-cambio-gray-200\": \"#e4dbd3\",\n  \"color-cambio-gray-300\": \"#beb4ab\",\n  \"color-cambio-gray-370\": \"rgba(190, 180, 171, 0.7)\",\n  \"color-cambio-gray-700\": \"#888077\",\n  \"color-cambio-gray-800\": \"#5c554d\",\n  \"color-cambio-gray-870\": \"rgba(92, 85, 77, 0.7)\",\n  \"color-cambio-gray-900\": \"#312b23\",\n  \"color-cambio-destructive-100\": \"#ffdeda\",\n  \"color-cambio-destructive-300\": \"#ff8071\",\n  \"color-cambio-destructive-370\": \"rgba(255, 128, 113, 0.7)\",\n  \"color-cambio-destructive-700\": \"#c93f32\",\n  \"color-cambio-destructive-770\": \"rgba(201, 63, 50, 0.7)\",\n  \"color-cambio-destructive-900\": \"#6d0002\",\n  \"color-cambio-success-100\": \"#daf2c8\",\n  \"color-cambio-success-300\": \"#84ce64\",\n  \"color-cambio-success-370\": \"rgba(132, 206, 100, 0.7)\",\n  \"color-cambio-success-700\": \"#3c7f20\",\n  \"color-cambio-success-770\": \"rgba(60, 127, 32, 0.7)\",\n  \"color-cambio-success-900\": \"#103e00\",\n  \"color-cambio-red\": \"#f56e56\",\n  \"color-cambio-orange\": \"#ff8f57\",\n  \"color-cambio-tan\": \"#ffb47d\",\n  \"color-cambio-cream\": \"#fffad1\",\n  \"color-cambio-purple\": \"#6840a8\",\n  \"color-cambio-lilac\": \"#b59ef0\",\n  \"color-cambio-thistle\": \"#d69ca4\",\n  \"color-cambio-pink\": \"#ffccea\",\n  \"color-cambio-navy\": \"#191142\",\n  \"color-cambio-teal\": \"#44a6cf\",\n  \"color-cambio-slate\": \"#7c9fc6\",\n  \"color-cambio-sky\": \"#b1e8fc\",\n  \"color-cambio-yellow-700\": \"#ffe733\",\n  \"color-cambio-transparent-full\": \"rgba(0, 0, 0, 0)\",\n  \"elevation-400\": \"0px 16px 32px 0px #00000040\"\n}\n"]}

package/dist/__chunks/5OB72SMM.js

@@ -0,0 +1,7 @@
+// css-module:../colors/colors.module.css#css-module
+var colors_module_default = { "inheritColor": "_inheritColor_178qd_2", "destructive700Color": "_destructive700Color_178qd_6", "gray700Color": "_gray700Color_178qd_10", "gray900Color": "_gray900Color_178qd_14", "primary700Color": "_primary700Color_178qd_18", "success700Color": "_success700Color_178qd_22", "whiteColor": "_whiteColor_178qd_26", "blackBackgroundColor": "_blackBackgroundColor_178qd_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_178qd_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_178qd_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_178qd_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_178qd_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_178qd_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_178qd_55", "gray10BackgroundColor": "_gray10BackgroundColor_178qd_59", "gray30BackgroundColor": "_gray30BackgroundColor_178qd_63", "gray60BackgroundColor": "_gray60BackgroundColor_178qd_67", "gray80BackgroundColor": "_gray80BackgroundColor_178qd_71", "gray100BackgroundColor": "_gray100BackgroundColor_178qd_75", "gray200BackgroundColor": "_gray200BackgroundColor_178qd_79", "gray300BackgroundColor": "_gray300BackgroundColor_178qd_83", "gray700BackgroundColor": "_gray700BackgroundColor_178qd_87", "gray800BackgroundColor": "_gray800BackgroundColor_178qd_91", "gray900BackgroundColor": "_gray900BackgroundColor_178qd_95", "orange100BackgroundColor": "_orange100BackgroundColor_178qd_99", "orange200BackgroundColor": "_orange200BackgroundColor_178qd_103", "orange300BackgroundColor": "_orange300BackgroundColor_178qd_107", "orange700BackgroundColor": "_orange700BackgroundColor_178qd_111", "orange800BackgroundColor": "_orange800BackgroundColor_178qd_115", "orange900BackgroundColor": "_orange900BackgroundColor_178qd_119", "primary100BackgroundColor": "_primary100BackgroundColor_178qd_123", "primary200BackgroundColor": "_primary200BackgroundColor_178qd_127", "primary300BackgroundColor": "_primary300BackgroundColor_178qd_131", "primary700BackgroundColor": "_primary700BackgroundColor_178qd_135", "primary800BackgroundColor": "_primary800BackgroundColor_178qd_139", "primary900BackgroundColor": "_primary900BackgroundColor_178qd_143", "success100BackgroundColor": "_success100BackgroundColor_178qd_147", "success200BackgroundColor": "_success200BackgroundColor_178qd_151", "success300BackgroundColor": "_success300BackgroundColor_178qd_155", "success700BackgroundColor": "_success700BackgroundColor_178qd_159", "success800BackgroundColor": "_success800BackgroundColor_178qd_163", "success900BackgroundColor": "_success900BackgroundColor_178qd_167", "purple100BackgroundColor": "_purple100BackgroundColor_178qd_171", "purple200BackgroundColor": "_purple200BackgroundColor_178qd_175", "purple300BackgroundColor": "_purple300BackgroundColor_178qd_179", "purple700BackgroundColor": "_purple700BackgroundColor_178qd_183", "purple800BackgroundColor": "_purple800BackgroundColor_178qd_187", "purple900BackgroundColor": "_purple900BackgroundColor_178qd_191", "whiteBackgroundColor": "_whiteBackgroundColor_178qd_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_178qd_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_178qd_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_178qd_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_178qd_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_178qd_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_178qd_219", "cambioBlackColor": "_cambioBlackColor_178qd_224", "cambioWhiteColor": "_cambioWhiteColor_178qd_228", "cambioGray100Color": "_cambioGray100Color_178qd_232", "cambioGray200Color": "_cambioGray200Color_178qd_236", "cambioGray300Color": "_cambioGray300Color_178qd_240", "cambioGray370Color": "_cambioGray370Color_178qd_244", "cambioGray700Color": "_cambioGray700Color_178qd_248", "cambioGray800Color": "_cambioGray800Color_178qd_252", "cambioGray870Color": "_cambioGray870Color_178qd_256", "cambioGray900Color": "_cambioGray900Color_178qd_260", "cambioDestructive100Color": "_cambioDestructive100Color_178qd_264", "cambioDestructive300Color": "_cambioDestructive300Color_178qd_268", "cambioDestructive370Color": "_cambioDestructive370Color_178qd_272", "cambioDestructive700Color": "_cambioDestructive700Color_178qd_276", "cambioDestructive770Color": "_cambioDestructive770Color_178qd_280", "cambioDestructive900Color": "_cambioDestructive900Color_178qd_284", "cambioSuccess100Color": "_cambioSuccess100Color_178qd_288", "cambioSuccess300Color": "_cambioSuccess300Color_178qd_292", "cambioSuccess370Color": "_cambioSuccess370Color_178qd_296", "cambioSuccess700Color": "_cambioSuccess700Color_178qd_300", "cambioSuccess770Color": "_cambioSuccess770Color_178qd_304", "cambioSuccess900Color": "_cambioSuccess900Color_178qd_308", "cambioRedColor": "_cambioRedColor_178qd_312", "cambioOrangeColor": "_cambioOrangeColor_178qd_316", "cambioTanColor": "_cambioTanColor_178qd_320", "cambioCreamColor": "_cambioCreamColor_178qd_324", "cambioPurpleColor": "_cambioPurpleColor_178qd_328", "cambioLilacColor": "_cambioLilacColor_178qd_332", "cambioThistleColor": "_cambioThistleColor_178qd_336", "cambioPinkColor": "_cambioPinkColor_178qd_340", "cambioNavyColor": "_cambioNavyColor_178qd_344", "cambioTealColor": "_cambioTealColor_178qd_348", "cambioSlateColor": "_cambioSlateColor_178qd_352", "cambioSkyColor": "_cambioSkyColor_178qd_356", "cambioYellow700Color": "_cambioYellow700Color_178qd_360", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_178qd_364", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_178qd_368", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_178qd_372", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_178qd_376", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_178qd_380", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_178qd_384", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_178qd_388", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_178qd_392", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_178qd_396", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_178qd_400", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_178qd_404", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_178qd_408", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_178qd_412", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_178qd_416", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_178qd_420", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_178qd_424", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_178qd_428", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_178qd_432", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_178qd_436", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_178qd_440", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_178qd_444", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_178qd_448", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_178qd_452", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_178qd_456", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_178qd_460", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_178qd_464", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_178qd_468", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_178qd_472", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_178qd_476", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_178qd_480", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_178qd_484", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_178qd_488", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_178qd_492", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_178qd_496", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_178qd_500", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_178qd_504" };
+
+export {
+  colors_module_default
+};
+//# sourceMappingURL=5OB72SMM.js.map

package/dist/__chunks/5OB72SMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_178qd_2\",\"destructive700Color\":\"_destructive700Color_178qd_6\",\"gray700Color\":\"_gray700Color_178qd_10\",\"gray900Color\":\"_gray900Color_178qd_14\",\"primary700Color\":\"_primary700Color_178qd_18\",\"success700Color\":\"_success700Color_178qd_22\",\"whiteColor\":\"_whiteColor_178qd_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_178qd_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_178qd_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_178qd_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_178qd_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_178qd_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_178qd_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_178qd_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_178qd_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_178qd_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_178qd_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_178qd_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_178qd_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_178qd_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_178qd_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_178qd_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_178qd_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_178qd_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_178qd_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_178qd_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_178qd_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_178qd_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_178qd_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_178qd_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_178qd_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_178qd_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_178qd_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_178qd_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_178qd_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_178qd_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_178qd_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_178qd_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_178qd_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_178qd_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_178qd_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_178qd_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_178qd_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_178qd_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_178qd_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_178qd_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_178qd_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_178qd_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_178qd_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_178qd_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_178qd_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_178qd_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_178qd_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_178qd_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_178qd_219\",\"cambioBlackColor\":\"_cambioBlackColor_178qd_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_178qd_228\",\"cambioGray100Color\":\"_cambioGray100Color_178qd_232\",\"cambioGray200Color\":\"_cambioGray200Color_178qd_236\",\"cambioGray300Color\":\"_cambioGray300Color_178qd_240\",\"cambioGray370Color\":\"_cambioGray370Color_178qd_244\",\"cambioGray700Color\":\"_cambioGray700Color_178qd_248\",\"cambioGray800Color\":\"_cambioGray800Color_178qd_252\",\"cambioGray870Color\":\"_cambioGray870Color_178qd_256\",\"cambioGray900Color\":\"_cambioGray900Color_178qd_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_178qd_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_178qd_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_178qd_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_178qd_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_178qd_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_178qd_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_178qd_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_178qd_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_178qd_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_178qd_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_178qd_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_178qd_308\",\"cambioRedColor\":\"_cambioRedColor_178qd_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_178qd_316\",\"cambioTanColor\":\"_cambioTanColor_178qd_320\",\"cambioCreamColor\":\"_cambioCreamColor_178qd_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_178qd_328\",\"cambioLilacColor\":\"_cambioLilacColor_178qd_332\",\"cambioThistleColor\":\"_cambioThistleColor_178qd_336\",\"cambioPinkColor\":\"_cambioPinkColor_178qd_340\",\"cambioNavyColor\":\"_cambioNavyColor_178qd_344\",\"cambioTealColor\":\"_cambioTealColor_178qd_348\",\"cambioSlateColor\":\"_cambioSlateColor_178qd_352\",\"cambioSkyColor\":\"_cambioSkyColor_178qd_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_178qd_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_178qd_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_178qd_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_178qd_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_178qd_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_178qd_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_178qd_384\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_178qd_388\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_178qd_392\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_178qd_396\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_178qd_400\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_178qd_404\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_178qd_408\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_178qd_412\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_178qd_416\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_178qd_420\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_178qd_424\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_178qd_428\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_178qd_432\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_178qd_436\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_178qd_440\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_178qd_444\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_178qd_448\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_178qd_452\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_178qd_456\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_178qd_460\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_178qd_464\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_178qd_468\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_178qd_472\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_178qd_476\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_178qd_480\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_178qd_484\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_178qd_488\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_178qd_492\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_178qd_496\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_178qd_500\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_178qd_504\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,4BAA2B,uCAAsC,+BAA8B,0CAAyC,4BAA2B,uCAAsC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,8BAA6B,yCAAwC,4BAA2B,uCAAsC,kCAAiC,4CAA2C;","names":[]}

package/dist/__chunks/5WQ23BQE.js

@@ -0,0 +1,135 @@
+import {
+  loadingIconSize_default
+} from "./CGFXAKKI.js";
+import {
+  textVariant_default
+} from "./JXZMI4WT.js";
+import {
+  iconSize_default
+} from "./PKXXQ3OV.js";
+import {
+  cambioColor,
+  classicColor
+} from "./K3H7QFPB.js";
+import {
+  cambioForegroundColor,
+  classicForegroundColor
+} from "./YHKD5YRY.js";
+import {
+  cambioBackgroundColor,
+  classicBackgroundColor
+} from "./YOMN7RCA.js";
+import {
+  useTheme
+} from "./HVGUWZ5I.js";
+import {
+  Box_default
+} from "./I5W7ECUO.js";
+import {
+  Typography_default
+} from "./TGGJZ5GF.js";
+import {
+  useIsHydrated
+} from "./YJ7YDIGB.js";
+
+// src/Button/Button.tsx
+import { forwardRef } from "react";
+import classNames from "classnames";
+
+// css-module:./Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+// src/Button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({
+    "data-testid": dataTestId,
+    text,
+    loadingText,
+    color = "primary",
+    size = "md",
+    accessibilityLabel,
+    disabled = false,
+    loading = false,
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick,
+    tooltip,
+    type = "button"
+  }, ref) => {
+    const isHydrated = useIsHydrated();
+    const { themeName } = useTheme();
+    const foregroundColorClass = themeName === "classic" ? classicForegroundColor(classicColor(color)) : cambioForegroundColor(cambioColor(color));
+    const backgroundColorClass = themeName === "classic" ? classicBackgroundColor(classicColor(color)) : cambioBackgroundColor(cambioColor(color));
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        "data-testid": dataTestId,
+        ref,
+        "aria-label": accessibilityLabel,
+        type,
+        title: tooltip,
+        disabled: !isHydrated || disabled || loading,
+        onClick,
+        className: classNames(
+          Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
+          {
+            [Button_module_default.fullWidth]: fullWidth,
+            [Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+          }
+        ),
+        children: [
+          !loading && StartIcon && themeName === "classic" && /* @__PURE__ */ jsx(StartIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(
+            Typography_default,
+            {
+              size: themeName === "classic" ? textVariant_default[size] : textVariant_default[size],
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: loading ? loadingText : text
+                }
+              )
+            }
+          ) }),
+          !loading && EndIcon && themeName === "classic" && /* @__PURE__ */ jsx(EndIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
+          loading && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: classNames(Button_module_default.loading, foregroundColorClass),
+              viewBox: "22 22 44 44",
+              width: loadingIconSize_default[size],
+              height: loadingIconSize_default[size],
+              children: /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: Button_module_default.loadingCircle,
+                  cx: "44",
+                  cy: "44",
+                  r: "20.2",
+                  fill: "none",
+                  strokeWidth: "3.6"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button_default
+};
+//# sourceMappingURL=5WQ23BQE.js.map

package/dist/__chunks/5WQ23BQE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport { classicColor, cambioColor } from \"./constants/color\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors/backgroundColor\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: startIcon is not supported in the Cambio theme\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: endIcon is not supported in the Cambio theme\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive <button/>\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color));\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color));\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\" ? styles[size] : styles[`${size}Cambio`],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]:\n              themeName === \"classic\" && (size === \"lg\" || size === \"md\"),\n            [styles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [styles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n          },\n        )}\n      >\n        {!loading && StartIcon && themeName === \"classic\" && (\n          <StartIcon className={classNames(styles.icon, iconSize[size])} />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography\n              size={\n                themeName === \"classic\" ? textVariant[size] : textVariant[size]\n              }\n            >\n              <span\n                // Temporary - until we have cambio colors on Typogrphay\n                className={foregroundColorClass}\n                style={{ fontWeight: 500 }}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && themeName === \"classic\" && (\n          <EndIcon className={classNames(styles.icon, iconSize[size])} />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}"],"mappings":"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","names":[]}

package/dist/__chunks/{2RCQTGOZ.cjs → 63LUPH3X.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _LMCK5YO5cjs = require('./LMCK5YO5.cjs');
+var _W4UIYTBGcjs = require('./W4UIYTBG.cjs');
 
 
 var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
@@ -18,7 +18,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _LMCK5YO5cjs.RadioButton_default,
+      _W4UIYTBGcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -36,4 +36,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=2RCQTGOZ.cjs.map
+//# sourceMappingURL=63LUPH3X.cjs.map

package/dist/__chunks/{G55FUPF2.js → 74UCGNED.js}

@@ -1,6 +1,6 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=G55FUPF2.js.map
+//# sourceMappingURL=74UCGNED.js.map

package/dist/__chunks/{UYBMLRXR.js → 77GCYQJQ.js}

@@ -1,9 +1,9 @@
 import {
   IconButton_default
-} from "./HOGVXDTO.js";
+} from "./OSGLKEGE.js";
 import {
   Dialog_default
-} from "./XFFSBU7E.js";
+} from "./ZEA5JDEB.js";
 import {
   padding_module_default
 } from "./652STTPK.js";
@@ -12,7 +12,7 @@ import {
 } from "./KMIZI5PW.js";
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   OverlayVisibility
 } from "./XKDASN7N.js";
@@ -156,4 +156,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=UYBMLRXR.js.map
+//# sourceMappingURL=77GCYQJQ.js.map

package/dist/__chunks/{36B62A3Z.cjs → 7AYSDTC6.cjs}

@@ -1,12 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/Button/constants/textVariant.ts
 var textVariant = {
-  ["sm"]: 100,
-  ["md"]: 200,
-  ["lg"]: 300
+  sm: 100,
+  md: 200,
+  lg: 300,
+  xl: 500
 };
 var textVariant_default = textVariant;
 
 
 
 exports.textVariant_default = textVariant_default;
-//# sourceMappingURL=36B62A3Z.cjs.map
+//# sourceMappingURL=7AYSDTC6.cjs.map

package/dist/__chunks/7AYSDTC6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/textVariant.ts"],"names":[],"mappings":";AAAA,IAAM,cAAc;AAAA,EAClB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,sBAAQ","sourcesContent":["const textVariant = {\n  sm: 100,\n  md: 200,\n  lg: 300,\n  xl: 500,\n} as const;\n\nexport default textVariant;\n"]}

package/dist/__chunks/{YBP5BNDH.cjs → 7W3S3GV2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 // src/Modal/Layer.tsx
 var _reactdom = require('react-dom');
@@ -11,7 +11,7 @@ function Layer({
 }) {
   return typeof document !== "undefined" ? _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+      _SZCVEBN2cjs.Box_default,
       {
         "data-testid": "syntax-layer",
         position: "fixed",
@@ -28,4 +28,4 @@ function Layer({
 
 
 exports.Layer = Layer;
-//# sourceMappingURL=YBP5BNDH.cjs.map
+//# sourceMappingURL=7W3S3GV2.cjs.map

package/dist/__chunks/A72TS5OX.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+
+
+exports.iconSize_default = iconSize_default;
+//# sourceMappingURL=A72TS5OX.cjs.map

package/dist/__chunks/A72TS5OX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,kBAAiB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEntB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}

package/dist/__chunks/{VY7MJTPK.js → A7HHS3KY.js}

@@ -1,9 +1,9 @@
 import {
   ModalDialog_default
-} from "./UYBMLRXR.js";
+} from "./77GCYQJQ.js";
 import {
   Dialog_default
-} from "./XFFSBU7E.js";
+} from "./ZEA5JDEB.js";
 import {
   layout_module_default
 } from "./PTWXXDFF.js";
@@ -140,4 +140,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=VY7MJTPK.js.map
+//# sourceMappingURL=A7HHS3KY.js.map

package/dist/__chunks/{SYX4XARK.cjs → AVING5PW.cjs}

@@ -6,4 +6,4 @@ var ColorBaseGray800 = "#353535";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
-//# sourceMappingURL=SYX4XARK.cjs.map
+//# sourceMappingURL=AVING5PW.cjs.map

package/dist/__chunks/{SYX4XARK.cjs.map → AVING5PW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 22 Feb 2024 22:37:11 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 01 Mar 2024 21:51:53 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}

package/dist/__chunks/{EWCLQBKV.cjs → AXP5KWIY.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _W7CSNF2Mcjs = require('./W7CSNF2M.cjs');
+var _MGHMASZRcjs = require('./MGHMASZR.cjs');
 
 
-var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
+var _SZCVEBN2cjs = require('./SZCVEBN2.cjs');
 
 
 var _I64JGYX7cjs = require('./I64JGYX7.cjs');
@@ -43,8 +43,8 @@ function AvatarInternal({
         className: _classnames2.default.call(void 0, Avatar_module_default.avatarImage, Avatar_module_default[size])
       }
     ),
-    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SZCVEBN2cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _SZCVEBN2cjs.Box_default,
       {
         display: "flex",
         alignItems: "center",
@@ -68,10 +68,10 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _W7CSNF2Mcjs.useAvatarGroup.call(void 0, );
+  const avatarGroupContext = _MGHMASZRcjs.useAvatarGroup.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _5SMR5MWYcjs.Box_default,
+      _SZCVEBN2cjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -80,7 +80,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5SMR5MWYcjs.Box_default,
+          _SZCVEBN2cjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -116,4 +116,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=EWCLQBKV.cjs.map
+//# sourceMappingURL=AXP5KWIY.cjs.map

package/dist/__chunks/{PJIXYQPE.js → BANKR5VQ.js}

@@ -9,10 +9,10 @@ import {
 } from "./TPMQI44L.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 import {
   colors_module_default
-} from "./ERXGNP37.js";
+} from "./5OB72SMM.js";
 import {
   syntaxToReactAriaPlacement
 } from "./ARBLKS7D.js";
@@ -161,4 +161,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=PJIXYQPE.js.map
+//# sourceMappingURL=BANKR5VQ.js.map

package/dist/__chunks/{SAEVPDUP.js → CGFXAKKI.js}

@@ -1,12 +1,12 @@
 // src/Button/constants/loadingIconSize.ts
 var loadingIconSize = {
-  ["sm"]: 16,
-  ["md"]: 20,
-  ["lg"]: 24
+  sm: 16,
+  md: 20,
+  lg: 24
 };
 var loadingIconSize_default = loadingIconSize;
 
 export {
   loadingIconSize_default
 };
-//# sourceMappingURL=SAEVPDUP.js.map
+//# sourceMappingURL=CGFXAKKI.js.map

package/dist/__chunks/CGFXAKKI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/constants/loadingIconSize.ts"],"sourcesContent":["const loadingIconSize = {\n  sm: 16,\n  md: 20,\n  lg: 24,\n};\n\nexport default loadingIconSize;\n"],"mappings":";AAAA,IAAM,kBAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/__chunks/{VBSJSA3B.js → CS6U6WBZ.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -73,4 +73,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=VBSJSA3B.js.map
+//# sourceMappingURL=CS6U6WBZ.js.map

package/dist/__chunks/DSGIOBWG.js

@@ -0,0 +1,7 @@
+// css-module:../Button/Button.module.css#css-module
+var Button_module_default = { "button": "_button_ddq3j_1", "buttonGap": "_buttonGap_ddq3j_9", "fullWidth": "_fullWidth_ddq3j_50", "sm": "_sm_ddq3j_54", "md": "_md_ddq3j_61", "lg": "_lg_ddq3j_68", "smCambio": "_smCambio_ddq3j_75", "mdCambio": "_mdCambio_ddq3j_82", "lgCambio": "_lgCambio_ddq3j_89", "icon": "_icon_ddq3j_96", "smIcon": "_smIcon_ddq3j_100", "mdIcon": "_mdIcon_ddq3j_107", "lgIcon": "_lgIcon_ddq3j_114", "secondaryBorder": "_secondaryBorder_ddq3j_121", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_ddq3j_125", "loading": "_loading_ddq3j_139", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_ddq3j_1", "loadingCircle": "_loadingCircle_ddq3j_143" };
+
+export {
+  Button_module_default
+};
+//# sourceMappingURL=DSGIOBWG.js.map

package/dist/__chunks/DSGIOBWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:../Button/Button.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_ddq3j_1\",\"buttonGap\":\"_buttonGap_ddq3j_9\",\"fullWidth\":\"_fullWidth_ddq3j_50\",\"sm\":\"_sm_ddq3j_54\",\"md\":\"_md_ddq3j_61\",\"lg\":\"_lg_ddq3j_68\",\"smCambio\":\"_smCambio_ddq3j_75\",\"mdCambio\":\"_mdCambio_ddq3j_82\",\"lgCambio\":\"_lgCambio_ddq3j_89\",\"icon\":\"_icon_ddq3j_96\",\"smIcon\":\"_smIcon_ddq3j_100\",\"mdIcon\":\"_mdIcon_ddq3j_107\",\"lgIcon\":\"_lgIcon_ddq3j_114\",\"secondaryBorder\":\"_secondaryBorder_ddq3j_121\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_ddq3j_125\",\"loading\":\"_loading_ddq3j_139\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_ddq3j_1\",\"loadingCircle\":\"_loadingCircle_ddq3j_143\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,YAAW,sBAAqB,YAAW,sBAAqB,YAAW,sBAAqB,QAAO,kBAAiB,UAAS,qBAAoB,UAAS,qBAAoB,UAAS,qBAAoB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;","names":[]}

package/dist/__chunks/{4KGKMDFD.cjs → DU7RZXSR.cjs}

@@ -4,13 +4,13 @@ var _GKECCWR3cjs = require('./GKECCWR3.cjs');
 
 
 
-var _SYX4XARKcjs = require('./SYX4XARK.cjs');
+var _AVING5PWcjs = require('./AVING5PW.cjs');
 
 
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -62,7 +62,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZX5KONS2cjs.Typography_default, { size: 100, color: "gray700", children: label }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _JBNXAIXYcjs.Typography_default, { size: 100, color: "gray700", children: label }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -100,7 +100,7 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? _SYX4XARKcjs.ColorBaseDestructive700 : _SYX4XARKcjs.ColorBaseGray800,
+                  fill: errorText ? _AVING5PWcjs.ColorBaseDestructive700 : _AVING5PWcjs.ColorBaseGray800,
                   d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                 }
               )
@@ -108,7 +108,7 @@ function SelectList({
           ) })
         ] }),
         (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _ZX5KONS2cjs.Typography_default,
+          _JBNXAIXYcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -124,4 +124,4 @@ SelectList.Option = _GKECCWR3cjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=4KGKMDFD.cjs.map
+//# sourceMappingURL=DU7RZXSR.cjs.map