@cambly/syntax-core 21.7.0 → 21.8.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/Avatar/Avatar.d.ts +1 -1
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +3 -3
- package/dist/Button/Button.js +3 -3
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +3 -3
- package/dist/Chip/Chip.js +3 -3
- package/dist/Heading/Heading.d.ts +1 -1
- package/dist/Heading/Heading.js +3 -3
- package/dist/LinkButton/LinkButton.js +3 -3
- package/dist/Modal/Modal.js +4 -4
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/RadioButton/RadioButton.js +3 -3
- package/dist/RichSelect/RichSelectBox.d.ts +1 -1
- package/dist/RichSelect/RichSelectBox.js +9 -9
- package/dist/RichSelect/RichSelectChip.js +4 -4
- package/dist/RichSelect/RichSelectList.d.ts +1 -1
- package/dist/RichSelect/RichSelectList.js +11 -11
- package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
- package/dist/RichSelect/RichSelectRadioButton.js +4 -4
- package/dist/RichSelect/RichSelectSection.js +3 -3
- package/dist/SelectList/SelectList.js +4 -4
- package/dist/TabButton/TabButton.js +4 -4
- package/dist/TabLink/TabLink.js +4 -4
- package/dist/Tabs/TabInternal.js +3 -3
- package/dist/TapArea/TapArea.d.ts +1 -1
- package/dist/TextArea/TextArea.js +3 -3
- package/dist/TextField/TextField.js +4 -4
- package/dist/Tooltip/Tooltip.js +3 -3
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/Typography/Typography.js +2 -2
- package/dist/WordConfetti/WordConfetti.js +3 -3
- package/dist/__chunks/{2SSVAL4S.js → 22DOBTM6.js} +2 -2
- package/dist/__chunks/{MZNRKPDB.js → 2BHS5CFG.js} +2 -2
- package/dist/__chunks/{52WOUEA3.js → 37HO7CY6.js} +2 -2
- package/dist/__chunks/{3I3KDASW.js → 3CVV6PAD.js} +5 -5
- package/dist/__chunks/{UXTG5NGM.js → 4DDCK4YC.js} +2 -2
- package/dist/__chunks/{B4G76SGY.js → 4QIAQ7OT.js} +2 -2
- package/dist/__chunks/{VF27YZ2L.js → 4UNKXRQE.js} +1 -1
- package/dist/__chunks/{VF27YZ2L.js.map → 4UNKXRQE.js.map} +1 -1
- package/dist/__chunks/{WQFVWKUL.js → 73ZKHWUJ.js} +2 -2
- package/dist/__chunks/73ZKHWUJ.js.map +1 -0
- package/dist/__chunks/{XBA66ZVH.js → DIZ2AM3O.js} +2 -2
- package/dist/__chunks/{2FU5XWMG.js → FXYXYYWE.js} +3 -3
- package/dist/__chunks/{3POGKBNN.js → HAV7ESKO.js} +2 -2
- package/dist/__chunks/{EAAVBDV4.js → HVUDEKZ4.js} +2 -2
- package/dist/__chunks/{W2WJY3MN.js → JVYDT3KG.js} +2 -2
- package/dist/__chunks/{Y5ABTR7F.js → KRD2PINC.js} +7 -7
- package/dist/__chunks/{7M434O5V.js → KYB756P2.js} +2 -2
- package/dist/__chunks/{RFC4HLNJ.js → LIAZJ67M.js} +2 -2
- package/dist/__chunks/{ZCJS7Q44.js → MPRB6RD7.js} +2 -2
- package/dist/__chunks/{F5W7ZXEB.js → Q3GETQTJ.js} +2 -2
- package/dist/__chunks/{25MBMJDA.js → QGKN6QPT.js} +2 -2
- package/dist/__chunks/{TVFCRSGF.js → TKDQXKWS.js} +3 -3
- package/dist/__chunks/TKDQXKWS.js.map +1 -0
- package/dist/__chunks/{Z3W6JYQ2.js → TZ6K2QOX.js} +2 -2
- package/dist/__chunks/{GSPZNCDC.js → V6TACYID.js} +2 -2
- package/dist/__chunks/{TH3FEMUK.js → VVBRZJ24.js} +3 -3
- package/dist/__chunks/{XKN65RUB.js → WAGE57PF.js} +2 -2
- package/dist/colors/textColors.js +1 -1
- package/dist/index.js +24 -24
- package/package.json +3 -3
- package/dist/__chunks/TVFCRSGF.js.map +0 -1
- package/dist/__chunks/WQFVWKUL.js.map +0 -1
- /package/dist/__chunks/{2SSVAL4S.js.map → 22DOBTM6.js.map} +0 -0
- /package/dist/__chunks/{MZNRKPDB.js.map → 2BHS5CFG.js.map} +0 -0
- /package/dist/__chunks/{52WOUEA3.js.map → 37HO7CY6.js.map} +0 -0
- /package/dist/__chunks/{3I3KDASW.js.map → 3CVV6PAD.js.map} +0 -0
- /package/dist/__chunks/{UXTG5NGM.js.map → 4DDCK4YC.js.map} +0 -0
- /package/dist/__chunks/{B4G76SGY.js.map → 4QIAQ7OT.js.map} +0 -0
- /package/dist/__chunks/{XBA66ZVH.js.map → DIZ2AM3O.js.map} +0 -0
- /package/dist/__chunks/{2FU5XWMG.js.map → FXYXYYWE.js.map} +0 -0
- /package/dist/__chunks/{3POGKBNN.js.map → HAV7ESKO.js.map} +0 -0
- /package/dist/__chunks/{EAAVBDV4.js.map → HVUDEKZ4.js.map} +0 -0
- /package/dist/__chunks/{W2WJY3MN.js.map → JVYDT3KG.js.map} +0 -0
- /package/dist/__chunks/{Y5ABTR7F.js.map → KRD2PINC.js.map} +0 -0
- /package/dist/__chunks/{7M434O5V.js.map → KYB756P2.js.map} +0 -0
- /package/dist/__chunks/{RFC4HLNJ.js.map → LIAZJ67M.js.map} +0 -0
- /package/dist/__chunks/{ZCJS7Q44.js.map → MPRB6RD7.js.map} +0 -0
- /package/dist/__chunks/{F5W7ZXEB.js.map → Q3GETQTJ.js.map} +0 -0
- /package/dist/__chunks/{25MBMJDA.js.map → QGKN6QPT.js.map} +0 -0
- /package/dist/__chunks/{Z3W6JYQ2.js.map → TZ6K2QOX.js.map} +0 -0
- /package/dist/__chunks/{GSPZNCDC.js.map → V6TACYID.js.map} +0 -0
- /package/dist/__chunks/{TH3FEMUK.js.map → VVBRZJ24.js.map} +0 -0
- /package/dist/__chunks/{XKN65RUB.js.map → WAGE57PF.js.map} +0 -0
|
@@ -23,7 +23,7 @@ import {
|
|
|
23
23
|
} from "./X552U42S.js";
|
|
24
24
|
import {
|
|
25
25
|
Typography_default
|
|
26
|
-
} from "./
|
|
26
|
+
} from "./MPRB6RD7.js";
|
|
27
27
|
import {
|
|
28
28
|
useIsHydrated
|
|
29
29
|
} from "./JB65NEXK.js";
|
|
@@ -146,4 +146,4 @@ var Button_default = Button;
|
|
|
146
146
|
export {
|
|
147
147
|
Button_default
|
|
148
148
|
};
|
|
149
|
-
//# sourceMappingURL=
|
|
149
|
+
//# sourceMappingURL=2BHS5CFG.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Typography_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./MPRB6RD7.js";
|
|
5
5
|
|
|
6
6
|
// src/Heading/Heading.tsx
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -47,4 +47,4 @@ var Heading_default = Heading;
|
|
|
47
47
|
export {
|
|
48
48
|
Heading_default
|
|
49
49
|
};
|
|
50
|
-
//# sourceMappingURL=
|
|
50
|
+
//# sourceMappingURL=37HO7CY6.js.map
|
|
@@ -4,19 +4,19 @@ import {
|
|
|
4
4
|
} from "./36DG472B.js";
|
|
5
5
|
import {
|
|
6
6
|
Button_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./2BHS5CFG.js";
|
|
8
8
|
import {
|
|
9
9
|
Divider
|
|
10
10
|
} from "./3WKVZ2UU.js";
|
|
11
11
|
import {
|
|
12
12
|
RichSelectSection_default
|
|
13
|
-
} from "./
|
|
13
|
+
} from "./LIAZJ67M.js";
|
|
14
14
|
import {
|
|
15
15
|
RichSelectRadioButton_default
|
|
16
|
-
} from "./
|
|
16
|
+
} from "./KYB756P2.js";
|
|
17
17
|
import {
|
|
18
18
|
RichSelectChip_default
|
|
19
|
-
} from "./
|
|
19
|
+
} from "./WAGE57PF.js";
|
|
20
20
|
import {
|
|
21
21
|
RichSelectItemContext,
|
|
22
22
|
RichSelect_module_default
|
|
@@ -208,4 +208,4 @@ export {
|
|
|
208
208
|
RichSelectBoxContext,
|
|
209
209
|
RichSelectBox_default
|
|
210
210
|
};
|
|
211
|
-
//# sourceMappingURL=
|
|
211
|
+
//# sourceMappingURL=3CVV6PAD.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./X552U42S.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
|
|
9
9
|
// css-module:./Badge.module.css#css-module
|
|
10
10
|
var Badge_module_default = { "icon": "_icon_1g9xb_1" };
|
|
@@ -74,4 +74,4 @@ var Badge_default = Badge;
|
|
|
74
74
|
export {
|
|
75
75
|
Badge_default
|
|
76
76
|
};
|
|
77
|
-
//# sourceMappingURL=
|
|
77
|
+
//# sourceMappingURL=4DDCK4YC.js.map
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from "./KBIW5XV4.js";
|
|
11
11
|
import {
|
|
12
12
|
Typography_default
|
|
13
|
-
} from "./
|
|
13
|
+
} from "./MPRB6RD7.js";
|
|
14
14
|
import {
|
|
15
15
|
colors_module_default
|
|
16
16
|
} from "./QIMMO3OB.js";
|
|
@@ -166,4 +166,4 @@ export {
|
|
|
166
166
|
AriaTooltip,
|
|
167
167
|
Tooltip_default
|
|
168
168
|
};
|
|
169
|
-
//# sourceMappingURL=
|
|
169
|
+
//# sourceMappingURL=4QIAQ7OT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 29 Oct 2024 19:34: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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
|
|
@@ -11,7 +11,7 @@ function textColor(color) {
|
|
|
11
11
|
case "white":
|
|
12
12
|
return colors_module_default.cambioWhiteColor;
|
|
13
13
|
case "white-secondary":
|
|
14
|
-
return colors_module_default.
|
|
14
|
+
return colors_module_default.white70Color;
|
|
15
15
|
case "inherit":
|
|
16
16
|
return colors_module_default.inheritColor;
|
|
17
17
|
case "destructive-primary":
|
|
@@ -32,4 +32,4 @@ function textColor(color) {
|
|
|
32
32
|
export {
|
|
33
33
|
textColor
|
|
34
34
|
};
|
|
35
|
-
//# sourceMappingURL=
|
|
35
|
+
//# sourceMappingURL=73ZKHWUJ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/colors/textColors.ts"],"sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-lightBackground\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"white-secondary\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray700Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"white-secondary\":\n return colorStyles.white70Color;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-lightBackground\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive300Color;\n case \"success\":\n return colorStyles.cambioSuccess700Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n"],"mappings":";;;;;;AAEe,SAAR,UACL,OAYQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;","names":[]}
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./KKADUD65.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
import {
|
|
9
9
|
useIsHydrated
|
|
10
10
|
} from "./JB65NEXK.js";
|
|
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
|
|
|
114
114
|
export {
|
|
115
115
|
Checkbox_default
|
|
116
116
|
};
|
|
117
|
-
//# sourceMappingURL=
|
|
117
|
+
//# sourceMappingURL=DIZ2AM3O.js.map
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
ColorBaseDestructive700,
|
|
7
7
|
ColorBaseGray700,
|
|
8
8
|
ColorCambioWhite100
|
|
9
|
-
} from "./
|
|
9
|
+
} from "./4UNKXRQE.js";
|
|
10
10
|
import {
|
|
11
11
|
Focus_module_default
|
|
12
12
|
} from "./KKADUD65.js";
|
|
@@ -15,7 +15,7 @@ import {
|
|
|
15
15
|
} from "./X552U42S.js";
|
|
16
16
|
import {
|
|
17
17
|
Typography_default
|
|
18
|
-
} from "./
|
|
18
|
+
} from "./MPRB6RD7.js";
|
|
19
19
|
import {
|
|
20
20
|
useIsHydrated
|
|
21
21
|
} from "./JB65NEXK.js";
|
|
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
|
|
|
140
140
|
export {
|
|
141
141
|
SelectList
|
|
142
142
|
};
|
|
143
|
-
//# sourceMappingURL=
|
|
143
|
+
//# sourceMappingURL=FXYXYYWE.js.map
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./VV2NJABK.js";
|
|
8
8
|
import {
|
|
9
9
|
TabInternal
|
|
10
|
-
} from "./
|
|
10
|
+
} from "./TKDQXKWS.js";
|
|
11
11
|
import {
|
|
12
12
|
Box_default
|
|
13
13
|
} from "./X552U42S.js";
|
|
@@ -64,4 +64,4 @@ function TabButton({
|
|
|
64
64
|
export {
|
|
65
65
|
TabButton
|
|
66
66
|
};
|
|
67
|
-
//# sourceMappingURL=
|
|
67
|
+
//# sourceMappingURL=HAV7ESKO.js.map
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./X552U42S.js";
|
|
8
8
|
import {
|
|
9
9
|
Typography_default
|
|
10
|
-
} from "./
|
|
10
|
+
} from "./MPRB6RD7.js";
|
|
11
11
|
import {
|
|
12
12
|
useIsHydrated
|
|
13
13
|
} from "./JB65NEXK.js";
|
|
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
|
|
|
127
127
|
export {
|
|
128
128
|
RadioButton_default
|
|
129
129
|
};
|
|
130
|
-
//# sourceMappingURL=
|
|
130
|
+
//# sourceMappingURL=HVUDEKZ4.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./X552U42S.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
import {
|
|
9
9
|
useIsHydrated
|
|
10
10
|
} from "./JB65NEXK.js";
|
|
@@ -88,4 +88,4 @@ var Chip_default = Chip;
|
|
|
88
88
|
export {
|
|
89
89
|
Chip_default
|
|
90
90
|
};
|
|
91
|
-
//# sourceMappingURL=
|
|
91
|
+
//# sourceMappingURL=JVYDT3KG.js.map
|
|
@@ -9,21 +9,21 @@ import {
|
|
|
9
9
|
ColorBaseDestructive700,
|
|
10
10
|
ColorBaseGray700,
|
|
11
11
|
ColorCambioWhite100
|
|
12
|
-
} from "./
|
|
12
|
+
} from "./4UNKXRQE.js";
|
|
13
13
|
import {
|
|
14
14
|
RichSelectBoxContext,
|
|
15
15
|
RichSelectBox_default,
|
|
16
16
|
convertSelection
|
|
17
|
-
} from "./
|
|
17
|
+
} from "./3CVV6PAD.js";
|
|
18
18
|
import {
|
|
19
19
|
RichSelectSection_default
|
|
20
|
-
} from "./
|
|
20
|
+
} from "./LIAZJ67M.js";
|
|
21
21
|
import {
|
|
22
22
|
RichSelectRadioButton_default
|
|
23
|
-
} from "./
|
|
23
|
+
} from "./KYB756P2.js";
|
|
24
24
|
import {
|
|
25
25
|
RichSelectChip_default
|
|
26
|
-
} from "./
|
|
26
|
+
} from "./WAGE57PF.js";
|
|
27
27
|
import {
|
|
28
28
|
TapArea_default
|
|
29
29
|
} from "./S3C44SBB.js";
|
|
@@ -32,7 +32,7 @@ import {
|
|
|
32
32
|
} from "./X552U42S.js";
|
|
33
33
|
import {
|
|
34
34
|
Typography_default
|
|
35
|
-
} from "./
|
|
35
|
+
} from "./MPRB6RD7.js";
|
|
36
36
|
import {
|
|
37
37
|
useIsHydrated
|
|
38
38
|
} from "./JB65NEXK.js";
|
|
@@ -286,4 +286,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
|
|
|
286
286
|
export {
|
|
287
287
|
RichSelectList_default
|
|
288
288
|
};
|
|
289
|
-
//# sourceMappingURL=
|
|
289
|
+
//# sourceMappingURL=KRD2PINC.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
RadioButton_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./HVUDEKZ4.js";
|
|
5
5
|
import {
|
|
6
6
|
RichSelectItem_default
|
|
7
7
|
} from "./ODMJANSX.js";
|
|
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
|
|
|
37
37
|
export {
|
|
38
38
|
RichSelectRadioButton_default
|
|
39
39
|
};
|
|
40
|
-
//# sourceMappingURL=
|
|
40
|
+
//# sourceMappingURL=KYB756P2.js.map
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./AVREYFSM.js";
|
|
8
8
|
import {
|
|
9
9
|
Typography_default
|
|
10
|
-
} from "./
|
|
10
|
+
} from "./MPRB6RD7.js";
|
|
11
11
|
|
|
12
12
|
// src/RichSelect/RichSelectSection.tsx
|
|
13
13
|
import { forwardRef } from "react";
|
|
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
|
|
|
50
50
|
export {
|
|
51
51
|
RichSelectSection_default
|
|
52
52
|
};
|
|
53
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=LIAZJ67M.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
textColor
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./73ZKHWUJ.js";
|
|
5
5
|
|
|
6
6
|
// src/Typography/Typography.tsx
|
|
7
7
|
import classNames from "classnames";
|
|
@@ -63,4 +63,4 @@ var Typography_default = Typography;
|
|
|
63
63
|
export {
|
|
64
64
|
Typography_default
|
|
65
65
|
};
|
|
66
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=MPRB6RD7.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./X552U42S.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
import {
|
|
9
9
|
useIsHydrated
|
|
10
10
|
} from "./JB65NEXK.js";
|
|
@@ -99,4 +99,4 @@ var TextArea_default = TextArea;
|
|
|
99
99
|
export {
|
|
100
100
|
TextArea_default
|
|
101
101
|
};
|
|
102
|
-
//# sourceMappingURL=
|
|
102
|
+
//# sourceMappingURL=Q3GETQTJ.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./VV2NJABK.js";
|
|
5
5
|
import {
|
|
6
6
|
TabInternal
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./TKDQXKWS.js";
|
|
8
8
|
import {
|
|
9
9
|
Box_default
|
|
10
10
|
} from "./X552U42S.js";
|
|
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
|
|
|
72
72
|
export {
|
|
73
73
|
TabLink_default
|
|
74
74
|
};
|
|
75
|
-
//# sourceMappingURL=
|
|
75
|
+
//# sourceMappingURL=QGKN6QPT.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./X552U42S.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
import {
|
|
9
9
|
colors_module_default
|
|
10
10
|
} from "./QIMMO3OB.js";
|
|
@@ -22,7 +22,7 @@ var ItemCountIcon = ({
|
|
|
22
22
|
{
|
|
23
23
|
className: classnames({
|
|
24
24
|
[colors_module_default.cambioWhiteBackgroundColor]: on === "darkBackground" && selected,
|
|
25
|
-
[colors_module_default.
|
|
25
|
+
[colors_module_default.white70BackgroundColor]: on === "darkBackground" && !selected,
|
|
26
26
|
[colors_module_default.cambioBlackBackgroundColor]: on === "lightBackground" && selected,
|
|
27
27
|
[colors_module_default.cambioGray700BackgroundColor]: on === "lightBackground" && !selected
|
|
28
28
|
}),
|
|
@@ -98,4 +98,4 @@ function TabInternal({
|
|
|
98
98
|
export {
|
|
99
99
|
TabInternal
|
|
100
100
|
};
|
|
101
|
-
//# sourceMappingURL=
|
|
101
|
+
//# sourceMappingURL=TKDQXKWS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Tabs/TabInternal.tsx"],"sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nconst ItemCountIcon = ({\n itemCount,\n on,\n selected,\n}: {\n itemCount: number;\n on: ComponentProps<typeof TabInternal>[\"on\"];\n selected: boolean;\n}) => {\n return (\n <div\n className={classnames({\n [colorStyles.cambioWhiteBackgroundColor]:\n on === \"darkBackground\" && selected,\n [colorStyles.white70BackgroundColor]:\n on === \"darkBackground\" && !selected,\n [colorStyles.cambioBlackBackgroundColor]:\n on === \"lightBackground\" && selected,\n [colorStyles.cambioGray700BackgroundColor]:\n on === \"lightBackground\" && !selected,\n })}\n style={{\n width: \"100%\",\n height: \"100%\",\n borderRadius: 999,\n }}\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n rounding=\"full\"\n padding={1}\n >\n <Typography\n color={on === \"lightBackground\" ? \"white\" : \"primary\"}\n weight=\"semiBold\"\n size={100}\n >\n {itemCount <= 99 ? itemCount : \"99+\"}\n </Typography>\n </Box>\n </div>\n );\n};\n\nfunction textColor({\n selected,\n on,\n}: {\n selected: boolean;\n on: \"lightBackground\" | \"darkBackground\";\n}): ComponentProps<typeof Typography>[\"color\"] {\n if (selected) {\n return on === \"lightBackground\" ? \"primary\" : \"white\";\n }\n return on === \"lightBackground\" ? \"gray700\" : \"white-secondary\";\n}\n\nexport default function TabInternal({\n text,\n selected,\n endContent,\n itemCount,\n on = \"lightBackground\",\n}: {\n /**\n * The text to display in the tab.\n */\n text: string;\n /**\n * Whether the tab is selected.\n */\n selected: boolean;\n /**\n * Content to display at the end of the tab.\n */\n endContent?: ReactNode;\n /**\n * Renders an item count badge at the end of the tab.\n */\n itemCount?: number;\n /**\n * Indicate whether the Tab renders on a light or dark background.\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n}): ReactElement {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"start\"\n gap={2}\n padding={2}\n >\n <Typography\n size={0}\n transform=\"uppercase\"\n weight=\"semiBold\"\n color={textColor({ selected, on })}\n >\n {text}\n </Typography>\n {itemCount == null && endContent}\n {itemCount != null && (\n <ItemCountIcon itemCount={itemCount} on={on} selected={selected} />\n )}\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;AAuCf,cAwDJ,YAxDI;AAlCR,IAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,QACpB,CAAC,sBAAY,0BAA0B,GACrC,OAAO,oBAAoB;AAAA,QAC7B,CAAC,sBAAY,sBAAsB,GACjC,OAAO,oBAAoB,CAAC;AAAA,QAC9B,CAAC,sBAAY,0BAA0B,GACrC,OAAO,qBAAqB;AAAA,QAC9B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,qBAAqB,CAAC;AAAA,MACjC,CAAC;AAAA,MACD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,SAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,OAAO,oBAAoB,UAAU;AAAA,cAC5C,QAAO;AAAA,cACP,MAAM;AAAA,cAEL,uBAAa,KAAK,YAAY;AAAA;AAAA,UACjC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAG+C;AAC7C,MAAI,UAAU;AACZ,WAAO,OAAO,oBAAoB,YAAY;AAAA,EAChD;AACA,SAAO,OAAO,oBAAoB,YAAY;AAChD;AAEe,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAuBiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,SAAS;AAAA,MAET;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACV,QAAO;AAAA,YACP,OAAO,UAAU,EAAE,UAAU,GAAG,CAAC;AAAA,YAEhC;AAAA;AAAA,QACH;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,aAAa,QACZ,oBAAC,iBAAc,WAAsB,IAAQ,UAAoB;AAAA;AAAA;AAAA,EAErE;AAEJ;","names":[]}
|
|
@@ -23,7 +23,7 @@ import {
|
|
|
23
23
|
} from "./RSS2H4EE.js";
|
|
24
24
|
import {
|
|
25
25
|
Typography_default
|
|
26
|
-
} from "./
|
|
26
|
+
} from "./MPRB6RD7.js";
|
|
27
27
|
|
|
28
28
|
// src/LinkButton/LinkButton.tsx
|
|
29
29
|
import {
|
|
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
|
|
|
138
138
|
export {
|
|
139
139
|
LinkButton_default
|
|
140
140
|
};
|
|
141
|
-
//# sourceMappingURL=
|
|
141
|
+
//# sourceMappingURL=TZ6K2QOX.js.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./X552U42S.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MPRB6RD7.js";
|
|
8
8
|
|
|
9
9
|
// src/WordConfetti/WordConfetti.tsx
|
|
10
10
|
import { forwardRef } from "react";
|
|
@@ -106,4 +106,4 @@ var WordConfetti_default = WordConfetti;
|
|
|
106
106
|
export {
|
|
107
107
|
WordConfetti_default
|
|
108
108
|
};
|
|
109
|
-
//# sourceMappingURL=
|
|
109
|
+
//# sourceMappingURL=V6TACYID.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Badge_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./4DDCK4YC.js";
|
|
5
5
|
import {
|
|
6
6
|
Box_default
|
|
7
7
|
} from "./X552U42S.js";
|
|
8
8
|
import {
|
|
9
9
|
Typography_default
|
|
10
|
-
} from "./
|
|
10
|
+
} from "./MPRB6RD7.js";
|
|
11
11
|
import {
|
|
12
12
|
useIsHydrated
|
|
13
13
|
} from "./JB65NEXK.js";
|
|
@@ -118,4 +118,4 @@ function TextField({
|
|
|
118
118
|
export {
|
|
119
119
|
TextField
|
|
120
120
|
};
|
|
121
|
-
//# sourceMappingURL=
|
|
121
|
+
//# sourceMappingURL=VVBRZJ24.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Chip_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./JVYDT3KG.js";
|
|
5
5
|
import {
|
|
6
6
|
RichSelectItem_default
|
|
7
7
|
} from "./ODMJANSX.js";
|
|
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
|
|
|
31
31
|
export {
|
|
32
32
|
RichSelectChip_default
|
|
33
33
|
};
|
|
34
|
-
//# sourceMappingURL=
|
|
34
|
+
//# sourceMappingURL=WAGE57PF.js.map
|
package/dist/index.js
CHANGED
|
@@ -13,30 +13,30 @@ import {
|
|
|
13
13
|
} from "./__chunks/UHO7XMHJ.js";
|
|
14
14
|
import {
|
|
15
15
|
Checkbox_default
|
|
16
|
-
} from "./__chunks/
|
|
16
|
+
} from "./__chunks/DIZ2AM3O.js";
|
|
17
17
|
import {
|
|
18
18
|
Modal
|
|
19
|
-
} from "./__chunks/
|
|
19
|
+
} from "./__chunks/22DOBTM6.js";
|
|
20
20
|
import {
|
|
21
21
|
Heading_default
|
|
22
|
-
} from "./__chunks/
|
|
22
|
+
} from "./__chunks/37HO7CY6.js";
|
|
23
23
|
import "./__chunks/QQT35OLE.js";
|
|
24
24
|
import "./__chunks/K7BXA6BQ.js";
|
|
25
25
|
import "./__chunks/HVA7R2EL.js";
|
|
26
26
|
import {
|
|
27
27
|
LinkButton_default
|
|
28
|
-
} from "./__chunks/
|
|
28
|
+
} from "./__chunks/TZ6K2QOX.js";
|
|
29
29
|
import {
|
|
30
30
|
IconLinkButton_default
|
|
31
31
|
} from "./__chunks/VYEIZXAB.js";
|
|
32
32
|
import "./__chunks/YLWWTB4I.js";
|
|
33
33
|
import {
|
|
34
34
|
SelectList
|
|
35
|
-
} from "./__chunks/
|
|
35
|
+
} from "./__chunks/FXYXYYWE.js";
|
|
36
36
|
import "./__chunks/SPQ7DQHG.js";
|
|
37
37
|
import {
|
|
38
38
|
RichSelectList_default
|
|
39
|
-
} from "./__chunks/
|
|
39
|
+
} from "./__chunks/KRD2PINC.js";
|
|
40
40
|
import {
|
|
41
41
|
Popover_default
|
|
42
42
|
} from "./__chunks/STXMQR3I.js";
|
|
@@ -46,73 +46,73 @@ import {
|
|
|
46
46
|
IconButton_default
|
|
47
47
|
} from "./__chunks/KEJPRZJ5.js";
|
|
48
48
|
import "./__chunks/4U4UW4AK.js";
|
|
49
|
-
import "./__chunks/
|
|
50
|
-
import "./__chunks/
|
|
49
|
+
import "./__chunks/4UNKXRQE.js";
|
|
50
|
+
import "./__chunks/3CVV6PAD.js";
|
|
51
51
|
import {
|
|
52
52
|
ButtonGroup_default
|
|
53
53
|
} from "./__chunks/36DG472B.js";
|
|
54
54
|
import {
|
|
55
55
|
Button_default
|
|
56
|
-
} from "./__chunks/
|
|
56
|
+
} from "./__chunks/2BHS5CFG.js";
|
|
57
57
|
import {
|
|
58
58
|
Divider
|
|
59
59
|
} from "./__chunks/3WKVZ2UU.js";
|
|
60
60
|
import "./__chunks/Z5ZUAP2B.js";
|
|
61
61
|
import "./__chunks/QSC7CAQA.js";
|
|
62
62
|
import "./__chunks/6TM2ES2T.js";
|
|
63
|
-
import "./__chunks/
|
|
63
|
+
import "./__chunks/LIAZJ67M.js";
|
|
64
64
|
import "./__chunks/DDUJFFG7.js";
|
|
65
|
-
import "./__chunks/
|
|
65
|
+
import "./__chunks/KYB756P2.js";
|
|
66
66
|
import {
|
|
67
67
|
RadioButton_default
|
|
68
|
-
} from "./__chunks/
|
|
68
|
+
} from "./__chunks/HVUDEKZ4.js";
|
|
69
69
|
import "./__chunks/KKADUD65.js";
|
|
70
|
-
import "./__chunks/
|
|
70
|
+
import "./__chunks/WAGE57PF.js";
|
|
71
71
|
import {
|
|
72
72
|
Chip_default
|
|
73
|
-
} from "./__chunks/
|
|
73
|
+
} from "./__chunks/JVYDT3KG.js";
|
|
74
74
|
import "./__chunks/ODMJANSX.js";
|
|
75
75
|
import {
|
|
76
76
|
ThemeProvider
|
|
77
77
|
} from "./__chunks/KTX4P4Q2.js";
|
|
78
78
|
import {
|
|
79
79
|
TextField
|
|
80
|
-
} from "./__chunks/
|
|
80
|
+
} from "./__chunks/VVBRZJ24.js";
|
|
81
81
|
import {
|
|
82
82
|
Badge_default
|
|
83
|
-
} from "./__chunks/
|
|
83
|
+
} from "./__chunks/4DDCK4YC.js";
|
|
84
84
|
import {
|
|
85
85
|
TextArea_default
|
|
86
|
-
} from "./__chunks/
|
|
86
|
+
} from "./__chunks/Q3GETQTJ.js";
|
|
87
87
|
import "./__chunks/4U4UW4AK.js";
|
|
88
88
|
import {
|
|
89
89
|
Tabs
|
|
90
90
|
} from "./__chunks/ROLIE7R3.js";
|
|
91
91
|
import {
|
|
92
92
|
TabLink_default
|
|
93
|
-
} from "./__chunks/
|
|
93
|
+
} from "./__chunks/QGKN6QPT.js";
|
|
94
94
|
import {
|
|
95
95
|
TabButton
|
|
96
|
-
} from "./__chunks/
|
|
96
|
+
} from "./__chunks/HAV7ESKO.js";
|
|
97
97
|
import {
|
|
98
98
|
TapArea_default
|
|
99
99
|
} from "./__chunks/S3C44SBB.js";
|
|
100
100
|
import "./__chunks/VV2NJABK.js";
|
|
101
101
|
import "./__chunks/4U4UW4AK.js";
|
|
102
|
-
import "./__chunks/
|
|
102
|
+
import "./__chunks/TKDQXKWS.js";
|
|
103
103
|
import "./__chunks/AXNRGUDZ.js";
|
|
104
104
|
import "./__chunks/YCN52LF4.js";
|
|
105
105
|
import "./__chunks/RSS2H4EE.js";
|
|
106
106
|
import "./__chunks/JB3LONBJ.js";
|
|
107
107
|
import {
|
|
108
108
|
WordConfetti_default
|
|
109
|
-
} from "./__chunks/
|
|
109
|
+
} from "./__chunks/V6TACYID.js";
|
|
110
110
|
import {
|
|
111
111
|
Box_default
|
|
112
112
|
} from "./__chunks/X552U42S.js";
|
|
113
113
|
import {
|
|
114
114
|
Tooltip_default
|
|
115
|
-
} from "./__chunks/
|
|
115
|
+
} from "./__chunks/4QIAQ7OT.js";
|
|
116
116
|
import "./__chunks/ZOWOFYUE.js";
|
|
117
117
|
import "./__chunks/AVREYFSM.js";
|
|
118
118
|
import "./__chunks/4U4UW4AK.js";
|
|
@@ -120,8 +120,8 @@ import "./__chunks/4U4UW4AK.js";
|
|
|
120
120
|
import "./__chunks/KBIW5XV4.js";
|
|
121
121
|
import {
|
|
122
122
|
Typography_default
|
|
123
|
-
} from "./__chunks/
|
|
124
|
-
import "./__chunks/
|
|
123
|
+
} from "./__chunks/MPRB6RD7.js";
|
|
124
|
+
import "./__chunks/73ZKHWUJ.js";
|
|
125
125
|
import "./__chunks/QIMMO3OB.js";
|
|
126
126
|
import "./__chunks/4U4UW4AK.js";
|
|
127
127
|
import "./__chunks/JB65NEXK.js";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cambly/syntax-core",
|
|
3
3
|
"description": "Cambly design system core components",
|
|
4
|
-
"version": "21.
|
|
4
|
+
"version": "21.8.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"react": "18.2.0",
|
|
28
28
|
"tsup": "6.7.0",
|
|
29
29
|
"typescript": "5.0.4",
|
|
30
|
-
"@cambly/
|
|
31
|
-
"@cambly/syntax
|
|
30
|
+
"@cambly/syntax-tsconfig": "1.4.1",
|
|
31
|
+
"@cambly/eslint-config-syntax": "1.4.0"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Tabs/TabInternal.tsx"],"sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nconst ItemCountIcon = ({\n itemCount,\n on,\n selected,\n}: {\n itemCount: number;\n on: ComponentProps<typeof TabInternal>[\"on\"];\n selected: boolean;\n}) => {\n return (\n <div\n className={classnames({\n [colorStyles.cambioWhiteBackgroundColor]:\n on === \"darkBackground\" && selected,\n [colorStyles.cambioWhite70BackgroundColor]:\n on === \"darkBackground\" && !selected,\n [colorStyles.cambioBlackBackgroundColor]:\n on === \"lightBackground\" && selected,\n [colorStyles.cambioGray700BackgroundColor]:\n on === \"lightBackground\" && !selected,\n })}\n style={{\n width: \"100%\",\n height: \"100%\",\n borderRadius: 999,\n }}\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n rounding=\"full\"\n padding={1}\n >\n <Typography\n color={on === \"lightBackground\" ? \"white\" : \"primary\"}\n weight=\"semiBold\"\n size={100}\n >\n {itemCount <= 99 ? itemCount : \"99+\"}\n </Typography>\n </Box>\n </div>\n );\n};\n\nfunction textColor({\n selected,\n on,\n}: {\n selected: boolean;\n on: \"lightBackground\" | \"darkBackground\";\n}): ComponentProps<typeof Typography>[\"color\"] {\n if (selected) {\n return on === \"lightBackground\" ? \"primary\" : \"white\";\n }\n return on === \"lightBackground\" ? \"gray700\" : \"white-secondary\";\n}\n\nexport default function TabInternal({\n text,\n selected,\n endContent,\n itemCount,\n on = \"lightBackground\",\n}: {\n /**\n * The text to display in the tab.\n */\n text: string;\n /**\n * Whether the tab is selected.\n */\n selected: boolean;\n /**\n * Content to display at the end of the tab.\n */\n endContent?: ReactNode;\n /**\n * Renders an item count badge at the end of the tab.\n */\n itemCount?: number;\n /**\n * Indicate whether the Tab renders on a light or dark background.\n *\n * @defaulValue `lightBackground`\n */\n on?: \"lightBackground\" | \"darkBackground\";\n}): ReactElement {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"start\"\n gap={2}\n padding={2}\n >\n <Typography\n size={0}\n transform=\"uppercase\"\n weight=\"semiBold\"\n color={textColor({ selected, on })}\n >\n {text}\n </Typography>\n {itemCount == null && endContent}\n {itemCount != null && (\n <ItemCountIcon itemCount={itemCount} on={on} selected={selected} />\n )}\n </Box>\n );\n}\n"],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;AAuCf,cAwDJ,YAxDI;AAlCR,IAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW;AAAA,QACpB,CAAC,sBAAY,0BAA0B,GACrC,OAAO,oBAAoB;AAAA,QAC7B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,oBAAoB,CAAC;AAAA,QAC9B,CAAC,sBAAY,0BAA0B,GACrC,OAAO,qBAAqB;AAAA,QAC9B,CAAC,sBAAY,4BAA4B,GACvC,OAAO,qBAAqB,CAAC;AAAA,MACjC,CAAC;AAAA,MACD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,SAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,OAAO,oBAAoB,UAAU;AAAA,cAC5C,QAAO;AAAA,cACP,MAAM;AAAA,cAEL,uBAAa,KAAK,YAAY;AAAA;AAAA,UACjC;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAG+C;AAC7C,MAAI,UAAU;AACZ,WAAO,OAAO,oBAAoB,YAAY;AAAA,EAChD;AACA,SAAO,OAAO,oBAAoB,YAAY;AAChD;AAEe,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,KAAK;AACP,GAuBiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,SAAS;AAAA,MAET;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAU;AAAA,YACV,QAAO;AAAA,YACP,OAAO,UAAU,EAAE,UAAU,GAAG,CAAC;AAAA,YAEhC;AAAA;AAAA,QACH;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,aAAa,QACZ,oBAAC,iBAAc,WAAsB,IAAQ,UAAoB;AAAA;AAAA;AAAA,EAErE;AAEJ;","names":[]}
|