@kivid/native-components 1.0.0-alpha.6 → 1.0.0-alpha.7
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/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js +2 -2
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +2 -2
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/{context.js → contexts/ChatBubbleContext/index.js} +1 -1
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/types.js +6 -0
- package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/types.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/contexts/index.js +17 -0
- package/dist/commonjs/components/ChatBubble/contexts/index.js.map +1 -0
- package/dist/commonjs/components/ChatBubble/index.js +2 -2
- package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
- package/dist/commonjs/components/IconButton/assets/class-variants.js +82 -0
- package/dist/commonjs/components/IconButton/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/IconButton/assets/design-system-showcase.js +119 -0
- package/dist/commonjs/components/IconButton/assets/design-system-showcase.js.map +1 -0
- package/dist/commonjs/components/IconButton/enums.js +33 -0
- package/dist/commonjs/components/IconButton/enums.js.map +1 -0
- package/dist/commonjs/components/IconButton/index.js +108 -0
- package/dist/commonjs/components/IconButton/index.js.map +1 -0
- package/dist/commonjs/components/IconButton/types.js +6 -0
- package/dist/commonjs/components/IconButton/types.js.map +1 -0
- package/dist/commonjs/components/ListButton/assets/class-variants.js +2 -10
- package/dist/commonjs/components/ListButton/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js +424 -0
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js.map +1 -0
- package/dist/commonjs/components/ListButton/enums/index.js +0 -11
- package/dist/commonjs/components/ListButton/enums/index.js.map +1 -1
- package/dist/commonjs/components/ListButton/index.js +24 -28
- package/dist/commonjs/components/ListButton/index.js.map +1 -1
- package/dist/commonjs/components/OtpInput/assets/class-variant.js +1 -1
- package/dist/commonjs/components/OtpInput/assets/class-variant.js.map +1 -1
- package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js +13 -11
- package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js.map +1 -1
- package/dist/commonjs/components/OtpInput/enums/index.js +7 -8
- package/dist/commonjs/components/OtpInput/enums/index.js.map +1 -1
- package/dist/commonjs/components/OtpInput/index.js +66 -101
- package/dist/commonjs/components/OtpInput/index.js.map +1 -1
- package/dist/commonjs/components/TextInput/index.js +1 -1
- package/dist/commonjs/components/TextInput/index.js.map +1 -1
- package/dist/commonjs/components/Tooltip/index.js +44 -5
- package/dist/commonjs/components/Tooltip/index.js.map +1 -1
- package/dist/commonjs/components/index.js +22 -0
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/commonjs/iconography/Icons/index.js +1 -1
- package/dist/commonjs/iconography/Icons/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +3 -2
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
- package/dist/module/components/ChatBubble/{context.js → contexts/ChatBubbleContext/index.js} +1 -1
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js +4 -0
- package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js.map +1 -0
- package/dist/module/components/ChatBubble/contexts/index.js +4 -0
- package/dist/module/components/ChatBubble/contexts/index.js.map +1 -0
- package/dist/module/components/ChatBubble/index.js +1 -1
- package/dist/module/components/ChatBubble/index.js.map +1 -1
- package/dist/module/components/IconButton/assets/class-variants.js +79 -0
- package/dist/module/components/IconButton/assets/class-variants.js.map +1 -0
- package/dist/module/components/IconButton/assets/design-system-showcase.js +115 -0
- package/dist/module/components/IconButton/assets/design-system-showcase.js.map +1 -0
- package/dist/module/components/IconButton/enums.js +29 -0
- package/dist/module/components/IconButton/enums.js.map +1 -0
- package/dist/module/components/IconButton/index.js +103 -0
- package/dist/module/components/IconButton/index.js.map +1 -0
- package/dist/module/components/IconButton/types.js +4 -0
- package/dist/module/components/IconButton/types.js.map +1 -0
- package/dist/module/components/ListButton/assets/class-variants.js +2 -10
- package/dist/module/components/ListButton/assets/class-variants.js.map +1 -1
- package/dist/module/components/ListButton/assets/design-system-showcase.js +420 -0
- package/dist/module/components/ListButton/assets/design-system-showcase.js.map +1 -0
- package/dist/module/components/ListButton/enums/index.js +0 -1
- package/dist/module/components/ListButton/enums/index.js.map +1 -1
- package/dist/module/components/ListButton/index.js +27 -31
- package/dist/module/components/ListButton/index.js.map +1 -1
- package/dist/module/components/OtpInput/assets/class-variant.js +1 -1
- package/dist/module/components/OtpInput/assets/class-variant.js.map +1 -1
- package/dist/module/components/OtpInput/components/InformationStatus/index.js +15 -13
- package/dist/module/components/OtpInput/components/InformationStatus/index.js.map +1 -1
- package/dist/module/components/OtpInput/enums/index.js +6 -7
- package/dist/module/components/OtpInput/enums/index.js.map +1 -1
- package/dist/module/components/OtpInput/index.js +66 -101
- package/dist/module/components/OtpInput/index.js.map +1 -1
- package/dist/module/components/TextInput/index.js +1 -1
- package/dist/module/components/TextInput/index.js.map +1 -1
- package/dist/module/components/Tooltip/index.js +45 -6
- package/dist/module/components/Tooltip/index.js.map +1 -1
- package/dist/module/components/index.js +2 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/iconography/Icons/index.js +2 -2
- package/dist/module/iconography/Icons/index.js.map +1 -1
- package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/types.d.ts +1 -1
- package/dist/typescript/components/ChatBubble/components/ChatBubbleText/types.d.ts +1 -1
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/index.d.ts +3 -0
- package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +6 -0
- package/dist/typescript/components/ChatBubble/contexts/index.d.ts +1 -0
- package/dist/typescript/components/ChatBubble/types.d.ts +0 -1
- package/dist/typescript/components/IconButton/assets/class-variants.d.ts +8 -0
- package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts +17 -0
- package/dist/typescript/components/IconButton/enums.d.ts +22 -0
- package/dist/typescript/components/IconButton/index.d.ts +2 -0
- package/dist/typescript/components/IconButton/types.d.ts +15 -0
- package/dist/typescript/components/ListButton/assets/class-variants.d.ts +1 -4
- package/dist/typescript/components/ListButton/assets/design-system-showcase.d.ts +14 -0
- package/dist/typescript/components/ListButton/enums/index.d.ts +0 -1
- package/dist/typescript/components/ListButton/types.d.ts +5 -4
- package/dist/typescript/components/OtpInput/components/InformationStatus/types.d.ts +2 -2
- package/dist/typescript/components/OtpInput/enums/index.d.ts +2 -3
- package/dist/typescript/components/OtpInput/index.d.ts +1 -1
- package/dist/typescript/components/OtpInput/types.d.ts +4 -4
- package/dist/typescript/components/Tooltip/components/Content/types.d.ts +1 -0
- package/dist/typescript/components/Tooltip/types.d.ts +3 -1
- package/dist/typescript/components/index.d.ts +4 -0
- package/package.json +5 -5
- package/src/components/ChatBubble/components/ChatBubbleSeal/index.tsx +2 -1
- package/src/components/ChatBubble/components/ChatBubbleSeal/types.ts +1 -1
- package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +2 -1
- package/src/components/ChatBubble/components/ChatBubbleText/types.ts +1 -1
- package/src/components/ChatBubble/{context.tsx → contexts/ChatBubbleContext/index.tsx} +1 -10
- package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +11 -0
- package/src/components/ChatBubble/contexts/index.ts +1 -0
- package/src/components/ChatBubble/index.tsx +5 -2
- package/src/components/ChatBubble/types.ts +0 -2
- package/src/components/IconButton/assets/class-variants.ts +126 -0
- package/src/components/IconButton/assets/design-system-showcase.ts +246 -0
- package/src/components/IconButton/enums.ts +26 -0
- package/src/components/IconButton/index.tsx +124 -0
- package/src/components/IconButton/types.ts +22 -0
- package/src/components/ListButton/assets/class-variants.ts +2 -11
- package/src/components/ListButton/assets/design-system-showcase.ts +502 -0
- package/src/components/ListButton/enums/index.ts +0 -1
- package/src/components/ListButton/index.tsx +28 -26
- package/src/components/ListButton/types.ts +5 -4
- package/src/components/OtpInput/assets/class-variant.ts +1 -1
- package/src/components/OtpInput/components/InformationStatus/index.tsx +15 -14
- package/src/components/OtpInput/components/InformationStatus/types.ts +2 -2
- package/src/components/OtpInput/enums/index.ts +1 -2
- package/src/components/OtpInput/index.tsx +77 -136
- package/src/components/OtpInput/types.ts +4 -4
- package/src/components/TextInput/index.tsx +1 -1
- package/src/components/Tooltip/components/Content/types.ts +1 -0
- package/src/components/Tooltip/index.tsx +57 -5
- package/src/components/Tooltip/types.ts +3 -1
- package/src/components/index.ts +5 -0
- package/src/iconography/Icons/index.tsx +2 -3
- package/dist/commonjs/components/ChatBubble/context.js.map +0 -1
- package/dist/commonjs/components/ListButton/enums/icon-color.js +0 -18
- package/dist/commonjs/components/ListButton/enums/icon-color.js.map +0 -1
- package/dist/module/components/ChatBubble/context.js.map +0 -1
- package/dist/module/components/ListButton/enums/icon-color.js +0 -14
- package/dist/module/components/ListButton/enums/icon-color.js.map +0 -1
- package/dist/typescript/components/ChatBubble/context.d.ts +0 -8
- package/dist/typescript/components/ListButton/enums/icon-color.d.ts +0 -10
- package/src/components/ListButton/enums/icon-color.ts +0 -10
|
@@ -7,9 +7,9 @@ exports.ChatBubbleSeal = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
9
9
|
var _index = require("../../../Seal/index.js");
|
|
10
|
-
var _context = require("../../context.js");
|
|
11
10
|
var _index2 = require("../../../Seal/enums/index.js");
|
|
12
11
|
var _index3 = require("../../../../enums/index.js");
|
|
12
|
+
var _index4 = require("../../contexts/index.js");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
const ChatBubbleSeal = ({
|
|
@@ -19,7 +19,7 @@ const ChatBubbleSeal = ({
|
|
|
19
19
|
const {
|
|
20
20
|
contentType,
|
|
21
21
|
colorState
|
|
22
|
-
} = (0,
|
|
22
|
+
} = (0, _index4.useChatBubbleContext)();
|
|
23
23
|
if (!contentType || contentType === "custom") {
|
|
24
24
|
return null;
|
|
25
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","_index2","_index3","_index4","_jsxRuntime","e","__esModule","default","ChatBubbleSeal","className","props","contentType","colorState","useChatBubbleContext","sealVariantMap","check","SealVariantEnum","SUCCESS","alert","ALERT","error","ERROR","jsx","Seal","variant","size","SizeEnum","MEDIUM","inverted","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleSeal/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAsD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/C,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACT,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EAE1D,IAAI,CAACF,WAAW,IAAIA,WAAW,KAAK,QAAQ,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,MAAMG,cAAc,GAAG;IACrBC,KAAK,EAAEC,uBAAe,CAACC,OAAO;IAC9BC,KAAK,EAAEF,uBAAe,CAACG,KAAK;IAC5BC,KAAK,EAAEJ,uBAAe,CAACK;EACzB,CAAC;EAED,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,MAAA,CAAAuB,IAAI;IACHC,OAAO,EAAEV,cAAc,CAACH,WAAW,CAAE;IACrCc,IAAI,EAAEC,gBAAQ,CAACC,MAAO;IACtBC,QAAQ,EAAEhB,UAAU,KAAK,MAAO;IAChCH,SAAS,EAAE,IAAAoB,qBAAK,EAAC,WAAW,EAAEpB,SAAS,CAAE;IAAA,GACrCC;EAAK,CACV,CAAC;AAEN,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACuB,WAAW,GAAG,iBAAiB","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.ChatBubbleText = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
9
9
|
var _index = require("../../../Typography/index.js");
|
|
10
|
-
var
|
|
10
|
+
var _index2 = require("../../contexts/index.js");
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
/**
|
|
@@ -21,7 +21,7 @@ const ChatBubbleText = ({
|
|
|
21
21
|
const {
|
|
22
22
|
colorState,
|
|
23
23
|
contentType
|
|
24
|
-
} = (0,
|
|
24
|
+
} = (0, _index2.useChatBubbleContext)();
|
|
25
25
|
|
|
26
26
|
// Text color based on bubble colorState
|
|
27
27
|
const textColorClass = colorState === "fill" && contentType !== "custom" ? "text-chia-200" : "text-chia-800";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_tailwindPreset","_index","_index2","_jsxRuntime","e","__esModule","default","ChatBubbleText","className","children","props","colorState","contentType","useChatBubbleContext","textColorClass","jsx","Typography","variant","weight","merge","exports","displayName"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/components/ChatBubbleText/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAsD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtD;AACA;AACA;AACO,MAAMG,cAA6C,GAAGA,CAAC;EAC5DC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;;EAE1D;EACA,MAAMC,cAAc,GAClBH,UAAU,KAAK,MAAM,IAAIC,WAAW,KAAK,QAAQ,GAC7C,eAAe,GACf,eAAe;EAErB,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAe,UAAU;IACTC,OAAO,EAAC,YAAY;IACpBC,MAAM,EAAC,KAAK;IACZV,SAAS,EAAE,IAAAW,qBAAK,EAACL,cAAc,EAAEN,SAAS,CAAE;IAAA,GACxCE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAACW,OAAA,CAAAb,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACc,WAAW,GAAG,iBAAiB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","ChatBubbleContext","exports","createContext","useChatBubbleContext","context","useContext","Error"],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/contexts/ChatBubbleContext/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAC5C,IACF,CAAC;AAEM,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EAC7C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,iEACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACH,OAAA,CAAAE,oBAAA,GAAAA,oBAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["components/ChatBubble/contexts/ChatBubbleContext/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _index = require("./ChatBubbleContext/index.js");
|
|
7
|
+
Object.keys(_index).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _index[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _index[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/contexts/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ChatBubble = ChatBubble;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _index = require("./components/index.js");
|
|
9
|
-
var _context = require("./context.js");
|
|
10
9
|
var _classVariants = require("./assets/class-variants.js");
|
|
11
10
|
var _index2 = require("../../styles/mixins/shadows/index.js");
|
|
12
11
|
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
12
|
+
var _index3 = require("./contexts/index.js");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function ChatBubble(props) {
|
|
15
15
|
const {
|
|
@@ -52,7 +52,7 @@ function ChatBubble(props) {
|
|
|
52
52
|
return null;
|
|
53
53
|
}
|
|
54
54
|
const bubbleWithEarOffset = hasEar ? "mr-[8.8px]" : "";
|
|
55
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
55
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ChatBubbleContext.Provider, {
|
|
56
56
|
value: contextInitialValue,
|
|
57
57
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
58
58
|
accessibilityRole: "text",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_index","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_classVariants","_index2","_tailwindPreset","_index3","_jsxRuntime","ChatBubble","props","contentType","colorState","hasEar","className","children","time","timeFromProps","messageType","restOfProps","hours","minutes","Date","toLocaleTimeString","split","colorMap","check","alert","error","custom","tailColor","contextInitialValue","accessibilityLabelMap","renderChatBubbleEar","jsx","ChatBubbleEar","color","type","bubbleWithEarOffset","ChatBubbleContext","Provider","value","jsxs","View","accessibilityRole","accessibilityLabel","accessible","merge","accessibilityElementsHidden","importantForAccessibility","chatBubbleBoxVariants","style","boxShadow","elevationDown100","ChatBubbleTime","Content","ChatBubbleContent","Seal","ChatBubbleSeal","Text","ChatBubbleText","Loading","ChatBubbleLoading","displayName"],"sourceRoot":"../../../../src","sources":["components/ChatBubble/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.buttonVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
var _enums = require("../enums.js");
|
|
9
|
+
const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex flex-row items-center justify-center max-w-fit", "disabled:cursor-not-allowed", "relative overflow-hidden"], {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
[_enums.IconButtonVariantEnum.GRAPE]: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30"],
|
|
13
|
+
[_enums.IconButtonVariantEnum.JAVA]: ["bg-java-500", "disabled:bg-java-500 disabled:opacity-30"],
|
|
14
|
+
[_enums.IconButtonVariantEnum.PEAR]: ["bg-pear-500", "disabled:bg-pear-500 disabled:opacity-30"],
|
|
15
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: ["bg-tangerine-500", "disabled:bg-tangerine-500 disabled:opacity-30"],
|
|
16
|
+
[_enums.IconButtonVariantEnum.PITAYA]: ["bg-pitaya-500 border border-pitaya-500", "disabled:bg-pitaya-500 disabled:opacity-30"],
|
|
17
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: ["bg-blackberry-500", "disabled:bg-blackberry-500 disabled:opacity-30"],
|
|
18
|
+
[_enums.IconButtonVariantEnum.CHIA]: ["bg-chia-700", "disabled:bg-chia-700 disabled:opacity-30"],
|
|
19
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: ["bg-chia-100 border-100 border-chia-400", "disabled:bg-chia-200 disabled:opacity-50"],
|
|
20
|
+
[_enums.IconButtonVariantEnum.GHOST]: ["bg-transparent", "disabled:opacity-30"]
|
|
21
|
+
},
|
|
22
|
+
size: {
|
|
23
|
+
[_enums.IconButtonSizeEnum.SMALL]: "px-400 py-300",
|
|
24
|
+
[_enums.IconButtonSizeEnum.MEDIUM]: "px-500 py-400",
|
|
25
|
+
[_enums.IconButtonSizeEnum.LARGE]: "px-600 py-400",
|
|
26
|
+
[_enums.IconButtonSizeEnum.XLARGE]: "px-700 py-500",
|
|
27
|
+
[_enums.IconButtonSizeEnum.XXLARGE]: "px-800 py-600"
|
|
28
|
+
},
|
|
29
|
+
corners: {
|
|
30
|
+
[_enums.IconButtonCornersEnum.SMALL]: "rounded-500",
|
|
31
|
+
[_enums.IconButtonCornersEnum.MEDIUM]: "rounded-700"
|
|
32
|
+
},
|
|
33
|
+
selected: {
|
|
34
|
+
true: "",
|
|
35
|
+
false: ""
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
compoundVariants: [{
|
|
39
|
+
variant: _enums.IconButtonVariantEnum.GRAPE,
|
|
40
|
+
selected: true,
|
|
41
|
+
className: "bg-grape-600"
|
|
42
|
+
}, {
|
|
43
|
+
variant: _enums.IconButtonVariantEnum.JAVA,
|
|
44
|
+
selected: true,
|
|
45
|
+
className: "bg-java-600"
|
|
46
|
+
}, {
|
|
47
|
+
variant: _enums.IconButtonVariantEnum.PEAR,
|
|
48
|
+
selected: true,
|
|
49
|
+
className: "bg-pear-600"
|
|
50
|
+
}, {
|
|
51
|
+
variant: _enums.IconButtonVariantEnum.TANGERINE,
|
|
52
|
+
selected: true,
|
|
53
|
+
className: "bg-tangerine-600"
|
|
54
|
+
}, {
|
|
55
|
+
variant: _enums.IconButtonVariantEnum.BLACKBERRY,
|
|
56
|
+
selected: true,
|
|
57
|
+
className: "bg-blackberry-600"
|
|
58
|
+
}, {
|
|
59
|
+
variant: _enums.IconButtonVariantEnum.CHIA,
|
|
60
|
+
selected: true,
|
|
61
|
+
className: "bg-chia-600"
|
|
62
|
+
}, {
|
|
63
|
+
variant: _enums.IconButtonVariantEnum.OUTLINE,
|
|
64
|
+
selected: true,
|
|
65
|
+
className: "bg-outline-600"
|
|
66
|
+
}, {
|
|
67
|
+
variant: _enums.IconButtonVariantEnum.PITAYA,
|
|
68
|
+
selected: true,
|
|
69
|
+
className: "bg-pitaya-600"
|
|
70
|
+
}, {
|
|
71
|
+
variant: _enums.IconButtonVariantEnum.GHOST,
|
|
72
|
+
selected: true,
|
|
73
|
+
className: "bg-grape-100 border-100 border-grape-300"
|
|
74
|
+
}],
|
|
75
|
+
defaultVariants: {
|
|
76
|
+
variant: _enums.IconButtonVariantEnum.GRAPE,
|
|
77
|
+
size: _enums.IconButtonSizeEnum.MEDIUM,
|
|
78
|
+
corners: _enums.IconButtonCornersEnum.MEDIUM,
|
|
79
|
+
selected: false
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_enums","buttonVariants","exports","cva","variants","variant","IconButtonVariantEnum","GRAPE","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","size","IconButtonSizeEnum","SMALL","MEDIUM","LARGE","XLARGE","XXLARGE","corners","IconButtonCornersEnum","selected","true","false","compoundVariants","className","defaultVariants"],"sourceRoot":"../../../../../src","sources":["components/IconButton/assets/class-variants.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.designSystemShowcase = void 0;
|
|
7
|
+
var _enums = require("../enums.js");
|
|
8
|
+
const makeVariantSet = (size, variant) => [{
|
|
9
|
+
size,
|
|
10
|
+
variant,
|
|
11
|
+
corners: _enums.IconButtonCornersEnum.MEDIUM
|
|
12
|
+
}, {
|
|
13
|
+
size,
|
|
14
|
+
variant,
|
|
15
|
+
corners: _enums.IconButtonCornersEnum.MEDIUM,
|
|
16
|
+
selected: true
|
|
17
|
+
}, {
|
|
18
|
+
size,
|
|
19
|
+
variant,
|
|
20
|
+
corners: _enums.IconButtonCornersEnum.MEDIUM,
|
|
21
|
+
disabled: true
|
|
22
|
+
}, {
|
|
23
|
+
size,
|
|
24
|
+
variant,
|
|
25
|
+
corners: _enums.IconButtonCornersEnum.MEDIUM,
|
|
26
|
+
loading: true
|
|
27
|
+
}, {
|
|
28
|
+
size,
|
|
29
|
+
variant,
|
|
30
|
+
corners: _enums.IconButtonCornersEnum.SMALL
|
|
31
|
+
}, {
|
|
32
|
+
size,
|
|
33
|
+
variant,
|
|
34
|
+
corners: _enums.IconButtonCornersEnum.SMALL,
|
|
35
|
+
selected: true
|
|
36
|
+
}, {
|
|
37
|
+
size,
|
|
38
|
+
variant,
|
|
39
|
+
corners: _enums.IconButtonCornersEnum.SMALL,
|
|
40
|
+
disabled: true
|
|
41
|
+
}, {
|
|
42
|
+
size,
|
|
43
|
+
variant,
|
|
44
|
+
corners: _enums.IconButtonCornersEnum.SMALL,
|
|
45
|
+
loading: true
|
|
46
|
+
}];
|
|
47
|
+
const designSystemShowcase = exports.designSystemShowcase = {
|
|
48
|
+
[_enums.IconButtonSizeEnum.SMALL]: {
|
|
49
|
+
title: "Small Size",
|
|
50
|
+
buttons: {
|
|
51
|
+
[_enums.IconButtonVariantEnum.GRAPE]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.GRAPE),
|
|
52
|
+
[_enums.IconButtonVariantEnum.JAVA]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.JAVA),
|
|
53
|
+
[_enums.IconButtonVariantEnum.PEAR]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.PEAR),
|
|
54
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.TANGERINE),
|
|
55
|
+
[_enums.IconButtonVariantEnum.PITAYA]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.PITAYA),
|
|
56
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.BLACKBERRY),
|
|
57
|
+
[_enums.IconButtonVariantEnum.CHIA]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.CHIA),
|
|
58
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.OUTLINE),
|
|
59
|
+
[_enums.IconButtonVariantEnum.GHOST]: makeVariantSet(_enums.IconButtonSizeEnum.SMALL, _enums.IconButtonVariantEnum.GHOST)
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
[_enums.IconButtonSizeEnum.MEDIUM]: {
|
|
63
|
+
title: "Medium Size",
|
|
64
|
+
buttons: {
|
|
65
|
+
[_enums.IconButtonVariantEnum.GRAPE]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.GRAPE),
|
|
66
|
+
[_enums.IconButtonVariantEnum.JAVA]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.JAVA),
|
|
67
|
+
[_enums.IconButtonVariantEnum.PEAR]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.PEAR),
|
|
68
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.TANGERINE),
|
|
69
|
+
[_enums.IconButtonVariantEnum.PITAYA]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.PITAYA),
|
|
70
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.BLACKBERRY),
|
|
71
|
+
[_enums.IconButtonVariantEnum.CHIA]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.CHIA),
|
|
72
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.OUTLINE),
|
|
73
|
+
[_enums.IconButtonVariantEnum.GHOST]: makeVariantSet(_enums.IconButtonSizeEnum.MEDIUM, _enums.IconButtonVariantEnum.GHOST)
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
[_enums.IconButtonSizeEnum.LARGE]: {
|
|
77
|
+
title: "Large Size",
|
|
78
|
+
buttons: {
|
|
79
|
+
[_enums.IconButtonVariantEnum.GRAPE]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.GRAPE),
|
|
80
|
+
[_enums.IconButtonVariantEnum.JAVA]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.JAVA),
|
|
81
|
+
[_enums.IconButtonVariantEnum.PEAR]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.PEAR),
|
|
82
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.TANGERINE),
|
|
83
|
+
[_enums.IconButtonVariantEnum.PITAYA]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.PITAYA),
|
|
84
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.BLACKBERRY),
|
|
85
|
+
[_enums.IconButtonVariantEnum.CHIA]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.CHIA),
|
|
86
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.OUTLINE),
|
|
87
|
+
[_enums.IconButtonVariantEnum.GHOST]: makeVariantSet(_enums.IconButtonSizeEnum.LARGE, _enums.IconButtonVariantEnum.GHOST)
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
[_enums.IconButtonSizeEnum.XLARGE]: {
|
|
91
|
+
title: "XLarge Size",
|
|
92
|
+
buttons: {
|
|
93
|
+
[_enums.IconButtonVariantEnum.GRAPE]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.GRAPE),
|
|
94
|
+
[_enums.IconButtonVariantEnum.JAVA]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.JAVA),
|
|
95
|
+
[_enums.IconButtonVariantEnum.PEAR]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.PEAR),
|
|
96
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.TANGERINE),
|
|
97
|
+
[_enums.IconButtonVariantEnum.PITAYA]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.PITAYA),
|
|
98
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.BLACKBERRY),
|
|
99
|
+
[_enums.IconButtonVariantEnum.CHIA]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.CHIA),
|
|
100
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.OUTLINE),
|
|
101
|
+
[_enums.IconButtonVariantEnum.GHOST]: makeVariantSet(_enums.IconButtonSizeEnum.XLARGE, _enums.IconButtonVariantEnum.GHOST)
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
[_enums.IconButtonSizeEnum.XXLARGE]: {
|
|
105
|
+
title: "2x Large Size",
|
|
106
|
+
buttons: {
|
|
107
|
+
[_enums.IconButtonVariantEnum.GRAPE]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.GRAPE),
|
|
108
|
+
[_enums.IconButtonVariantEnum.JAVA]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.JAVA),
|
|
109
|
+
[_enums.IconButtonVariantEnum.PEAR]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.PEAR),
|
|
110
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.TANGERINE),
|
|
111
|
+
[_enums.IconButtonVariantEnum.PITAYA]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.PITAYA),
|
|
112
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.BLACKBERRY),
|
|
113
|
+
[_enums.IconButtonVariantEnum.CHIA]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.CHIA),
|
|
114
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.OUTLINE),
|
|
115
|
+
[_enums.IconButtonVariantEnum.GHOST]: makeVariantSet(_enums.IconButtonSizeEnum.XXLARGE, _enums.IconButtonVariantEnum.GHOST)
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
//# sourceMappingURL=design-system-showcase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_enums","require","makeVariantSet","size","variant","corners","IconButtonCornersEnum","MEDIUM","selected","disabled","loading","SMALL","designSystemShowcase","exports","IconButtonSizeEnum","title","buttons","IconButtonVariantEnum","GRAPE","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","LARGE","XLARGE","XXLARGE"],"sourceRoot":"../../../../../src","sources":["components/IconButton/assets/design-system-showcase.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.IconButtonVariantEnum = exports.IconButtonSizeEnum = exports.IconButtonCornersEnum = void 0;
|
|
7
|
+
var _index = require("../../enums/index.js");
|
|
8
|
+
let IconButtonVariantEnum = exports.IconButtonVariantEnum = /*#__PURE__*/function (IconButtonVariantEnum) {
|
|
9
|
+
IconButtonVariantEnum["GRAPE"] = "grape";
|
|
10
|
+
IconButtonVariantEnum["JAVA"] = "java";
|
|
11
|
+
IconButtonVariantEnum["PEAR"] = "pear";
|
|
12
|
+
IconButtonVariantEnum["TANGERINE"] = "tangerine";
|
|
13
|
+
IconButtonVariantEnum["PITAYA"] = "pitaya";
|
|
14
|
+
IconButtonVariantEnum["BLACKBERRY"] = "blackberry";
|
|
15
|
+
IconButtonVariantEnum["CHIA"] = "chia";
|
|
16
|
+
IconButtonVariantEnum["OUTLINE"] = "outline";
|
|
17
|
+
IconButtonVariantEnum["GHOST"] = "ghost";
|
|
18
|
+
return IconButtonVariantEnum;
|
|
19
|
+
}({});
|
|
20
|
+
let IconButtonSizeEnum = exports.IconButtonSizeEnum = function (IconButtonSizeEnum) {
|
|
21
|
+
IconButtonSizeEnum[IconButtonSizeEnum["SMALL"] = _index.SizeEnum.SMALL] = "SMALL";
|
|
22
|
+
IconButtonSizeEnum[IconButtonSizeEnum["MEDIUM"] = _index.SizeEnum.MEDIUM] = "MEDIUM";
|
|
23
|
+
IconButtonSizeEnum[IconButtonSizeEnum["LARGE"] = _index.SizeEnum.LARGE] = "LARGE";
|
|
24
|
+
IconButtonSizeEnum[IconButtonSizeEnum["XLARGE"] = _index.SizeEnum.XLARGE] = "XLARGE";
|
|
25
|
+
IconButtonSizeEnum[IconButtonSizeEnum["XXLARGE"] = _index.SizeEnum.XXLARGE] = "XXLARGE";
|
|
26
|
+
return IconButtonSizeEnum;
|
|
27
|
+
}({});
|
|
28
|
+
let IconButtonCornersEnum = exports.IconButtonCornersEnum = function (IconButtonCornersEnum) {
|
|
29
|
+
IconButtonCornersEnum[IconButtonCornersEnum["SMALL"] = _index.CornersEnum.SMALL] = "SMALL";
|
|
30
|
+
IconButtonCornersEnum[IconButtonCornersEnum["MEDIUM"] = _index.CornersEnum.MEDIUM] = "MEDIUM";
|
|
31
|
+
return IconButtonCornersEnum;
|
|
32
|
+
}({});
|
|
33
|
+
//# sourceMappingURL=enums.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_index","require","IconButtonVariantEnum","exports","IconButtonSizeEnum","SizeEnum","SMALL","MEDIUM","LARGE","XLARGE","XXLARGE","IconButtonCornersEnum","CornersEnum"],"sourceRoot":"../../../../src","sources":["components/IconButton/enums.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAoD,IAExCC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA;AAAA,IAYrBE,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,aAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB,YACpBC,eAAQ,CAACC,KAAK;EADZF,kBAAkB,CAAlBA,kBAAkB,aAEnBC,eAAQ,CAACE,MAAM;EAFdH,kBAAkB,CAAlBA,kBAAkB,YAGpBC,eAAQ,CAACG,KAAK;EAHZJ,kBAAkB,CAAlBA,kBAAkB,aAInBC,eAAQ,CAACI,MAAM;EAJdL,kBAAkB,CAAlBA,kBAAkB,cAKlBC,eAAQ,CAACK,OAAO;EAAA,OALhBN,kBAAkB;AAAA;AAAA,IAQlBO,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,aAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB,YACvBC,kBAAW,CAACN,KAAK;EADfK,qBAAqB,CAArBA,qBAAqB,aAEtBC,kBAAW,CAACL,MAAM;EAAA,OAFjBI,qBAAqB;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.IconButton = IconButton;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
9
|
+
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
10
|
+
var _react = require("react");
|
|
11
|
+
var _index = _interopRequireDefault(require("../LoadingDots/index.js"));
|
|
12
|
+
var _enums = require("./enums.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function IconButton(props) {
|
|
16
|
+
const {
|
|
17
|
+
icon,
|
|
18
|
+
loading = false,
|
|
19
|
+
variant = _enums.IconButtonVariantEnum.GRAPE,
|
|
20
|
+
size = _enums.IconButtonSizeEnum.SMALL,
|
|
21
|
+
corners = _enums.IconButtonCornersEnum.SMALL,
|
|
22
|
+
disabled = false,
|
|
23
|
+
className,
|
|
24
|
+
accessibilityLabel,
|
|
25
|
+
selected = false,
|
|
26
|
+
onPressIn,
|
|
27
|
+
onPressOut,
|
|
28
|
+
...rest
|
|
29
|
+
} = props;
|
|
30
|
+
const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
31
|
+
const loadingDotsVariantsMap = {
|
|
32
|
+
[_enums.IconButtonVariantEnum.GRAPE]: "light",
|
|
33
|
+
[_enums.IconButtonVariantEnum.JAVA]: "light",
|
|
34
|
+
[_enums.IconButtonVariantEnum.PEAR]: "light",
|
|
35
|
+
[_enums.IconButtonVariantEnum.TANGERINE]: "light",
|
|
36
|
+
[_enums.IconButtonVariantEnum.PITAYA]: "light",
|
|
37
|
+
[_enums.IconButtonVariantEnum.BLACKBERRY]: "light",
|
|
38
|
+
[_enums.IconButtonVariantEnum.CHIA]: "light",
|
|
39
|
+
[_enums.IconButtonVariantEnum.OUTLINE]: "dark",
|
|
40
|
+
[_enums.IconButtonVariantEnum.GHOST]: "dark"
|
|
41
|
+
};
|
|
42
|
+
const mappedLoadingStyleBySize = {
|
|
43
|
+
[_enums.IconButtonSizeEnum.SMALL]: 24,
|
|
44
|
+
[_enums.IconButtonSizeEnum.MEDIUM]: 24,
|
|
45
|
+
[_enums.IconButtonSizeEnum.LARGE]: 32,
|
|
46
|
+
[_enums.IconButtonSizeEnum.XLARGE]: 32,
|
|
47
|
+
[_enums.IconButtonSizeEnum.XXLARGE]: 32
|
|
48
|
+
};
|
|
49
|
+
const handlePressIn = event => {
|
|
50
|
+
_reactNative.Animated.timing(animatedValue, {
|
|
51
|
+
toValue: 0.7,
|
|
52
|
+
duration: 100,
|
|
53
|
+
useNativeDriver: true
|
|
54
|
+
}).start();
|
|
55
|
+
onPressIn?.(event);
|
|
56
|
+
};
|
|
57
|
+
const handlePressOut = event => {
|
|
58
|
+
_reactNative.Animated.timing(animatedValue, {
|
|
59
|
+
toValue: 1,
|
|
60
|
+
duration: 100,
|
|
61
|
+
useNativeDriver: true
|
|
62
|
+
}).start();
|
|
63
|
+
onPressOut?.(event);
|
|
64
|
+
};
|
|
65
|
+
function renderContent() {
|
|
66
|
+
if (loading) {
|
|
67
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
|
|
68
|
+
variant: loadingDotsVariantsMap[variant],
|
|
69
|
+
lottieViewStyle: {
|
|
70
|
+
width: mappedLoadingStyleBySize[size],
|
|
71
|
+
height: mappedLoadingStyleBySize[size]
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
76
|
+
children: icon
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
80
|
+
style: {
|
|
81
|
+
opacity: animatedValue
|
|
82
|
+
},
|
|
83
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
84
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.buttonVariants)({
|
|
85
|
+
variant,
|
|
86
|
+
size,
|
|
87
|
+
corners,
|
|
88
|
+
selected
|
|
89
|
+
}), className),
|
|
90
|
+
disabled: disabled,
|
|
91
|
+
accessibilityRole: "button",
|
|
92
|
+
accessibilityState: {
|
|
93
|
+
disabled: disabled,
|
|
94
|
+
selected: selected,
|
|
95
|
+
busy: loading
|
|
96
|
+
},
|
|
97
|
+
pointerEvents: loading || disabled ? "none" : "auto",
|
|
98
|
+
onPressIn: handlePressIn,
|
|
99
|
+
onPressOut: handlePressOut,
|
|
100
|
+
...rest,
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
102
|
+
className: "flex items-center",
|
|
103
|
+
children: renderContent()
|
|
104
|
+
})
|
|
105
|
+
})
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","Animated","Value","current","loadingDotsVariantsMap","JAVA","PEAR","TANGERINE","PITAYA","BLACKBERRY","CHIA","OUTLINE","GHOST","mappedLoadingStyleBySize","MEDIUM","LARGE","XLARGE","XXLARGE","handlePressIn","event","timing","toValue","duration","useNativeDriver","start","handlePressOut","renderContent","jsx","lottieViewStyle","width","height","Fragment","children","View","style","opacity","Pressable","merge","buttonVariants","accessibilityRole","accessibilityState","busy","pointerEvents"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/IconButton/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.textVariants = exports.
|
|
6
|
+
exports.textVariants = exports.buttonVariants = void 0;
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
8
|
var _index = require("../enums/index.js");
|
|
9
9
|
var _index2 = require("../../../enums/index.js");
|
|
10
|
-
const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex flex-row items-center justify-
|
|
10
|
+
const buttonVariants = exports.buttonVariants = (0, _classVarianceAuthority.cva)(["flex flex-row items-center justify-between w-full", "font-bold", "disabled:cursor-not-allowed", "relative overflow-hidden"], {
|
|
11
11
|
variants: {
|
|
12
12
|
variant: {
|
|
13
13
|
[_index.ListButtonVariantEnum.GRAPE]: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30 disabled:text-chia-100"],
|
|
@@ -49,12 +49,4 @@ const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("",
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
const iconButtonVariants = exports.iconButtonVariants = (0, _classVarianceAuthority.cva)("flex flex-row items-center ", {
|
|
53
|
-
variants: {
|
|
54
|
-
showChevronIcon: {
|
|
55
|
-
true: "flex-1",
|
|
56
|
-
false: ""
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
52
|
//# sourceMappingURL=class-variants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","_index","_index2","buttonVariants","exports","cva","variants","variant","ListButtonVariantEnum","GRAPE","JAVA","PEAR","TANGERINE","BLACKBERRY","CHIA","OUTLINE","size","SizeEnum","SMALL","MEDIUM","LARGE","corners","CornersEnum","defaultVariants","textVariants","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost"
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_index","_index2","buttonVariants","exports","cva","variants","variant","ListButtonVariantEnum","GRAPE","JAVA","PEAR","TANGERINE","BLACKBERRY","CHIA","OUTLINE","size","SizeEnum","SMALL","MEDIUM","LARGE","corners","CornersEnum","defaultVariants","textVariants","grape","java","pear","tangerine","blackberry","chia","outline","glass","ghost"],"sourceRoot":"../../../../../src","sources":["components/ListButton/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,mDAAmD,EACnD,WAAW,EACX,6BAA6B,EAC7B,0BAA0B,CAC3B,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,CAACC,4BAAqB,CAACC,KAAK,GAAG,CAC7B,cAAc,EACd,kEAAkE,CACnE;MACD,CAACD,4BAAqB,CAACE,IAAI,GAAG,CAC5B,aAAa,EACb,iEAAiE,CAClE;MACD,CAACF,4BAAqB,CAACG,IAAI,GAAG,CAC5B,aAAa,EACb,iEAAiE,CAClE;MACD,CAACH,4BAAqB,CAACI,SAAS,GAAG,CACjC,kBAAkB,EAClB,sEAAsE,CACvE;MACD,CAACJ,4BAAqB,CAACK,UAAU,GAAG,CAClC,mBAAmB,EACnB,uEAAuE,CACxE;MACD,CAACL,4BAAqB,CAACM,IAAI,GAAG,CAC5B,aAAa,EACb,iEAAiE,CAClE;MACD,CAACN,4BAAqB,CAACO,OAAO,GAAG,CAC/B,kDAAkD,EAClD,iEAAiE;IAErE,CAAC;IACDC,IAAI,EAAE;MACJ,CAACC,gBAAQ,CAACC,KAAK,GAAG,sBAAsB;MACxC,CAACD,gBAAQ,CAACE,MAAM,GAAG,sBAAsB;MACzC,CAACF,gBAAQ,CAACG,KAAK,GAAG;IACpB,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,mBAAW,CAACJ,KAAK,GAAG,aAAa;MAClC,CAACI,mBAAW,CAACH,MAAM,GAAG;IACxB;EACF,CAAC;EACDI,eAAe,EAAE;IACfhB,OAAO,EAAEC,4BAAqB,CAACC,KAAK;IACpCO,IAAI,EAAEC,gBAAQ,CAACE,MAAM;IACrBE,OAAO,EAAEC,mBAAW,CAACH;EACvB;AACF,CACF,CAAC;AAED,MAAMK,YAAY,GAAApB,OAAA,CAAAoB,YAAA,GAAG,IAAAnB,2BAAG,EAAC,EAAE,EAAE;EAC3BC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPkB,KAAK,EAAE,eAAe;MACtBC,IAAI,EAAE,eAAe;MACrBC,IAAI,EAAE,eAAe;MACrBC,SAAS,EAAE,eAAe;MAC1BC,UAAU,EAAE,eAAe;MAC3BC,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAE,eAAe;MACxBC,KAAK,EAAE,eAAe;MACtBC,KAAK,EAAE;IACT;EACF;AACF,CAAC,CAAC","ignoreList":[]}
|