@cambly/syntax-core 2.7.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +29 -23
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
package/dist/index.mjs
CHANGED
|
@@ -153,7 +153,7 @@ function Box(props) {
|
|
|
153
153
|
smAlignItems,
|
|
154
154
|
lgAlignItems,
|
|
155
155
|
alignSelf,
|
|
156
|
-
|
|
156
|
+
backgroundColor: backgroundColor2,
|
|
157
157
|
direction,
|
|
158
158
|
smDirection,
|
|
159
159
|
lgDirection,
|
|
@@ -204,7 +204,7 @@ function Box(props) {
|
|
|
204
204
|
"smAlignItems",
|
|
205
205
|
"lgAlignItems",
|
|
206
206
|
"alignSelf",
|
|
207
|
-
"
|
|
207
|
+
"backgroundColor",
|
|
208
208
|
"direction",
|
|
209
209
|
"smDirection",
|
|
210
210
|
"lgDirection",
|
|
@@ -260,7 +260,7 @@ function Box(props) {
|
|
|
260
260
|
smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
|
|
261
261
|
lgAlignItems && Box_module_default[`alignItems${lgAlignItems}Large`],
|
|
262
262
|
alignSelf && Box_module_default[`alignSelf${alignSelf}`],
|
|
263
|
-
|
|
263
|
+
backgroundColor2 && colors_module_default[`${backgroundColor2}BackgroundColor`],
|
|
264
264
|
direction && Box_module_default[direction],
|
|
265
265
|
smDirection && Box_module_default[`${smDirection}Small`],
|
|
266
266
|
lgDirection && Box_module_default[`${lgDirection}Large`],
|
|
@@ -384,7 +384,7 @@ ButtonGroupContext.displayName = "ButtonGroupContext";
|
|
|
384
384
|
var ButtonGroupContext_default = ButtonGroupContext;
|
|
385
385
|
|
|
386
386
|
// css-module:./Button.module.css#css-module
|
|
387
|
-
var Button_module_default = { "button": "
|
|
387
|
+
var Button_module_default = { "button": "_button_13egy_1", "buttonGap": "_buttonGap_13egy_9", "fullWidth": "_fullWidth_13egy_50", "sm": "_sm_13egy_54", "md": "_md_13egy_61", "lg": "_lg_13egy_68", "icon": "_icon_13egy_75", "smIcon": "_smIcon_13egy_79", "mdIcon": "_mdIcon_13egy_86", "lgIcon": "_lgIcon_13egy_93", "textContainer": "_textContainer_13egy_100", "secondaryBorder": "_secondaryBorder_13egy_105", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_13egy_109", "loading": "_loading_13egy_123", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_13egy_1", "loadingCircle": "_loadingCircle_13egy_127", "buttonText": "_buttonText_13egy_135", "buttonTextSmall": "_buttonTextSmall_13egy_142", "buttonTextMedium": "_buttonTextMedium_13egy_146", "buttonTextLarge": "_buttonTextLarge_13egy_150" };
|
|
388
388
|
|
|
389
389
|
// src/Button/Button.tsx
|
|
390
390
|
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
@@ -437,7 +437,9 @@ var Button = ({
|
|
|
437
437
|
Button_module_default[size],
|
|
438
438
|
{
|
|
439
439
|
[Button_module_default.fullWidth]: fullWidth,
|
|
440
|
-
[Button_module_default.buttonGap]: size === "lg" || size === "md"
|
|
440
|
+
[Button_module_default.buttonGap]: size === "lg" || size === "md",
|
|
441
|
+
[Button_module_default.secondaryBorder]: color === "secondary",
|
|
442
|
+
[Button_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
|
|
441
443
|
}
|
|
442
444
|
),
|
|
443
445
|
children: [
|