@kivid/native-components 1.0.0-alpha.6 → 1.0.0-alpha.8
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/Avatar/index.js +5 -4
- package/dist/commonjs/components/Avatar/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js +6 -6
- package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js +5 -5
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
- package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +4 -4
- 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 +10 -9
- 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 +41 -36
- 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/PasswordInput/index.js +42 -0
- package/dist/commonjs/components/PasswordInput/index.js.map +1 -0
- package/dist/commonjs/components/PasswordInput/types.js +6 -0
- package/dist/commonjs/components/PasswordInput/types.js.map +1 -0
- package/dist/commonjs/components/TextInput/index.js +14 -3
- 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 +33 -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/Avatar/index.js +5 -4
- package/dist/module/components/Avatar/index.js.map +1 -1
- package/dist/module/components/ChatBubble/assets/class-variants.js +6 -6
- package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js +4 -4
- package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
- package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +5 -4
- 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 +9 -8
- 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 +44 -39
- 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/PasswordInput/index.js +37 -0
- package/dist/module/components/PasswordInput/index.js.map +1 -0
- package/dist/module/components/PasswordInput/types.js +4 -0
- package/dist/module/components/PasswordInput/types.js.map +1 -0
- package/dist/module/components/TextInput/index.js +14 -3
- 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 +3 -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/Avatar/types.d.ts +1 -0
- package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +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 +2 -2
- 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 +7 -5
- 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/PasswordInput/index.d.ts +2 -0
- package/dist/typescript/components/PasswordInput/types.d.ts +3 -0
- package/dist/typescript/components/TextInput/index.d.ts +1 -1
- package/dist/typescript/components/TextInput/types.d.ts +3 -0
- package/dist/typescript/components/Tooltip/components/Content/types.d.ts +1 -0
- package/dist/typescript/components/Tooltip/types.d.ts +2 -1
- package/dist/typescript/components/index.d.ts +6 -0
- package/package.json +5 -5
- package/src/components/Avatar/index.tsx +4 -4
- package/src/components/Avatar/types.ts +1 -0
- package/src/components/ChatBubble/assets/class-variants.ts +6 -6
- package/src/components/ChatBubble/components/ChatBubbleSeal/index.tsx +5 -4
- package/src/components/ChatBubble/components/ChatBubbleSeal/types.ts +1 -1
- package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +4 -3
- 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 +12 -10
- package/src/components/ChatBubble/types.ts +2 -3
- 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 +44 -41
- package/src/components/ListButton/types.ts +7 -5
- 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/PasswordInput/index.tsx +37 -0
- package/src/components/PasswordInput/types.ts +4 -0
- package/src/components/TextInput/index.tsx +17 -3
- package/src/components/TextInput/types.ts +3 -0
- package/src/components/Tooltip/components/Content/types.ts +1 -0
- package/src/components/Tooltip/index.tsx +57 -5
- package/src/components/Tooltip/types.ts +2 -1
- package/src/components/index.ts +8 -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
|
@@ -16,7 +16,8 @@ function Avatar(props) {
|
|
|
16
16
|
const {
|
|
17
17
|
src,
|
|
18
18
|
name,
|
|
19
|
-
size = _index.SizeEnum.MEDIUM
|
|
19
|
+
size = _index.SizeEnum.MEDIUM,
|
|
20
|
+
className
|
|
20
21
|
} = props;
|
|
21
22
|
const personMappedSize = {
|
|
22
23
|
[_index.SizeEnum.XLARGE]: 56,
|
|
@@ -80,7 +81,7 @@ function Avatar(props) {
|
|
|
80
81
|
|
|
81
82
|
//TODO: line height add spaces on font, and element cant be centered
|
|
82
83
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
83
|
-
className: avatarStyle,
|
|
84
|
+
className: (0, _tailwindPreset.merge)(avatarStyle, className),
|
|
84
85
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.default, {
|
|
85
86
|
className: (0, _tailwindPreset.merge)(avatarTextStyleMap[size].className, "text-chia-600"),
|
|
86
87
|
variant: avatarTextStyleMap[size].variant,
|
|
@@ -90,7 +91,7 @@ function Avatar(props) {
|
|
|
90
91
|
});
|
|
91
92
|
}
|
|
92
93
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
93
|
-
className: avatarStyle,
|
|
94
|
+
className: (0, _tailwindPreset.merge)(avatarStyle, className),
|
|
94
95
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.Person, {
|
|
95
96
|
color: "#B6C2C2",
|
|
96
97
|
size: personMappedSize,
|
|
@@ -102,7 +103,7 @@ function Avatar(props) {
|
|
|
102
103
|
return renderFallbackType();
|
|
103
104
|
}
|
|
104
105
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
105
|
-
className: (0, _tailwindPreset.merge)(avatarStyle, "overflow-hidden"),
|
|
106
|
+
className: (0, _tailwindPreset.merge)(avatarStyle, "overflow-hidden", className),
|
|
106
107
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
|
|
107
108
|
source: {
|
|
108
109
|
uri: src
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_native","require","_reactNative","_index","_classVariants","_tailwindPreset","_index2","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Avatar","props","src","name","size","SizeEnum","MEDIUM","personMappedSize","XLARGE","LARGE","SMALL","XSMALL","XXSMALL","personMappedStrokeWidth","avatarStyle","avatarVariants","avatarTextStyleMap","variant","fontWeight","
|
|
1
|
+
{"version":3,"names":["_native","require","_reactNative","_index","_classVariants","_tailwindPreset","_index2","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Avatar","props","src","name","size","SizeEnum","MEDIUM","className","personMappedSize","XLARGE","LARGE","SMALL","XSMALL","XXSMALL","personMappedStrokeWidth","avatarStyle","avatarVariants","avatarTextStyleMap","variant","fontWeight","renderFallbackType","trim","firstName","surname","split","hasSurname","hasName","firstLetterOfFirstName","at","firstLetterOfSurname","firstLetters","toUpperCase","jsx","View","merge","children","weight","Person","color","strokeWidth","Image","source","uri","accessibilityLabel"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAAuC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,SAASG,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,GAAG;IAAEC,IAAI;IAAEC,IAAI,GAAGC,eAAQ,CAACC,MAAM;IAAEC;EAAU,CAAC,GAAGN,KAAK;EAE9D,MAAMO,gBAAgB,GAAG;IACvB,CAACH,eAAQ,CAACI,MAAM,GAAG,EAAE;IACrB,CAACJ,eAAQ,CAACK,KAAK,GAAG,EAAE;IACpB,CAACL,eAAQ,CAACC,MAAM,GAAG,EAAE;IACrB,CAACD,eAAQ,CAACM,KAAK,GAAG,EAAE;IACpB,CAACN,eAAQ,CAACO,MAAM,GAAG,EAAE;IACrB,CAACP,eAAQ,CAACQ,OAAO,GAAG;EACtB,CAAC,CAACT,IAAI,CAAC;EAEP,MAAMU,uBAAuB,GAAG;IAC9B,CAACT,eAAQ,CAACI,MAAM,GAAG,GAAG;IACtB,CAACJ,eAAQ,CAACK,KAAK,GAAG,GAAG;IACrB,CAACL,eAAQ,CAACC,MAAM,GAAG,GAAG;IACtB,CAACD,eAAQ,CAACM,KAAK,GAAG,GAAG;IACrB,CAACN,eAAQ,CAACO,MAAM,GAAG,GAAG;IACtB,CAACP,eAAQ,CAACQ,OAAO,GAAG;EACtB,CAAC,CAACT,IAAI,CAAC;EAEP,MAAMW,WAAW,GAAG,IAAAC,6BAAc,EAAC;IAAEZ;EAAK,CAAC,CAAC;EAE5C,MAAMa,kBAAkB,GAAG;IACzB,CAACZ,eAAQ,CAACQ,OAAO,GAAG;MAClBK,OAAO,EAAE,YAAY;MACrBC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb,CAAC;IACD,CAACF,eAAQ,CAACO,MAAM,GAAG;MACjBM,OAAO,EAAE,YAAY;MACrBC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb,CAAC;IACD,CAACF,eAAQ,CAACM,KAAK,GAAG;MAChBO,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb,CAAC;IACD,CAACF,eAAQ,CAACC,MAAM,GAAG;MACjBY,OAAO,EAAE,aAAa;MACtBC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb,CAAC;IACD,CAACF,eAAQ,CAACK,KAAK,GAAG;MAChBQ,OAAO,EAAE,gBAAgB;MACzBC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb,CAAC;IACD,CAACF,eAAQ,CAACI,MAAM,GAAG;MACjBS,OAAO,EAAE,iBAAiB;MAC1BC,UAAU,EAAE,KAAK;MACjBZ,SAAS,EAAE;IACb;EACF,CAAU;EAEV,SAASa,kBAAkBA,CAAA,EAAG;IAC5B,IAAIjB,IAAI,IAAI,CAAC,CAACA,IAAI,CAACkB,IAAI,CAAC,CAAC,EAAE;MACzB,MAAM,CAACC,SAAS,EAAEC,OAAO,CAAC,GAAGpB,IAAI,CAACqB,KAAK,CAAC,GAAG,CAAC;MAE5C,MAAMC,UAAU,GAAG,CAAC,CAACF,OAAO;MAC5B,MAAMG,OAAO,GAAG,CAAC,CAACJ,SAAS;MAE3B,MAAMK,sBAAsB,GAAGD,OAAO,GAAGJ,SAAS,EAAEM,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE;MAC9D,MAAMC,oBAAoB,GAAGJ,UAAU,GAAGF,OAAO,EAAEK,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE;MAE7D,MAAME,YAAY,GAChB,GAAGH,sBAAsB,GAAGE,oBAAoB,EAAE,CAACE,WAAW,CAAC,CAAC;;MAElE;MACA,oBACE,IAAAnC,WAAA,CAAAoC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;QAAC1B,SAAS,EAAE,IAAA2B,qBAAK,EAACnB,WAAW,EAAER,SAAS,CAAE;QAAA4B,QAAA,eAC7C,IAAAvC,WAAA,CAAAoC,GAAA,EAACtC,OAAA,CAAAK,OAAU;UACTQ,SAAS,EAAE,IAAA2B,qBAAK,EACdjB,kBAAkB,CAACb,IAAI,CAAC,CAACG,SAAS,EAClC,eACF,CAAE;UACFW,OAAO,EAAED,kBAAkB,CAACb,IAAI,CAAC,CAACc,OAAQ;UAC1CkB,MAAM,EAAEnB,kBAAkB,CAACb,IAAI,CAAC,CAACe,UAAW;UAAAgB,QAAA,EAE3CL;QAAY,CACH;MAAC,CACT,CAAC;IAEX;IAEA,oBACE,IAAAlC,WAAA,CAAAoC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;MAAC1B,SAAS,EAAE,IAAA2B,qBAAK,EAACnB,WAAW,EAAER,SAAS,CAAE;MAAA4B,QAAA,eAC7C,IAAAvC,WAAA,CAAAoC,GAAA,EAAC5C,OAAA,CAAAiD,MAAM;QACLC,KAAK,EAAC,SAAS;QACflC,IAAI,EAAEI,gBAAiB;QACvB+B,WAAW,EAAEzB;MAAwB,CACtC;IAAC,CACE,CAAC;EAEX;EAEA,IAAI,CAACZ,GAAG,EAAE;IACR,OAAOkB,kBAAkB,CAAC,CAAC;EAC7B;EAEA,oBACE,IAAAxB,WAAA,CAAAoC,GAAA,EAAC1C,YAAA,CAAA2C,IAAI;IAAC1B,SAAS,EAAE,IAAA2B,qBAAK,EAACnB,WAAW,EAAE,iBAAiB,EAAER,SAAS,CAAE;IAAA4B,QAAA,eAChE,IAAAvC,WAAA,CAAAoC,GAAA,EAAC1C,YAAA,CAAAkD,KAAK;MACJC,MAAM,EAAE;QAAEC,GAAG,EAAExC;MAAI,CAAE;MACrBK,SAAS,EAAE,4BAA6B;MACxCoC,kBAAkB,EAAC;IAAgB,CACpC;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
|
|
@@ -7,7 +7,7 @@ exports.chatBubbleTimeVariants = exports.chatBubbleBoxVariants = void 0;
|
|
|
7
7
|
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
8
|
const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVarianceAuthority.cva)("flex-row gap-400 px-600 py-500 min-h-1000", {
|
|
9
9
|
variants: {
|
|
10
|
-
|
|
10
|
+
variant: {
|
|
11
11
|
check: "",
|
|
12
12
|
alert: "",
|
|
13
13
|
error: "",
|
|
@@ -27,23 +27,23 @@ const chatBubbleBoxVariants = exports.chatBubbleBoxVariants = (0, _classVariance
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
compoundVariants: [{
|
|
30
|
-
|
|
30
|
+
variant: "check",
|
|
31
31
|
colorState: "fill",
|
|
32
32
|
className: "bg-pear-500"
|
|
33
33
|
}, {
|
|
34
|
-
|
|
34
|
+
variant: "alert",
|
|
35
35
|
colorState: "fill",
|
|
36
36
|
className: "bg-tangerine-500"
|
|
37
37
|
}, {
|
|
38
|
-
|
|
38
|
+
variant: "error",
|
|
39
39
|
colorState: "fill",
|
|
40
40
|
className: "bg-blackberry-500"
|
|
41
41
|
}, {
|
|
42
|
-
|
|
42
|
+
variant: "custom",
|
|
43
43
|
colorState: "fill",
|
|
44
44
|
className: "bg-chia-100"
|
|
45
45
|
}, {
|
|
46
|
-
|
|
46
|
+
variant: "custom",
|
|
47
47
|
colorState: "outline",
|
|
48
48
|
className: "bg-chia-100"
|
|
49
49
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classVarianceAuthority","require","chatBubbleBoxVariants","exports","cva","variants","
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","chatBubbleBoxVariants","exports","cva","variants","variant","check","alert","error","custom","colorState","fill","outline","hasEar","true","false","messageType","initial","followUp","compoundVariants","className","defaultVariants","chatBubbleTimeVariants"],"sourceRoot":"../../../../../src","sources":["components/ChatBubble/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,2BAAG,EACtC,2CAA2C,EAC3C;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,UAAU,EAAE;MACVC,IAAI,EAAE,EAAE;MACRC,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,QAAQ,EAAE;IACZ;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IACEd,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,OAAO;IAChBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,MAAM;IAClBU,SAAS,EAAE;EACb,CAAC,EACD;IACEf,OAAO,EAAE,QAAQ;IACjBK,UAAU,EAAE,SAAS;IACrBU,SAAS,EAAE;EACb,CAAC,EACD;IACEV,UAAU,EAAE,SAAS;IACrBU,SAAS,EAAE;EACb,CAAC,EACD;IACEP,MAAM,EAAE,IAAI;IACZO,SAAS,EAAE;EACb,CAAC,EACD;IACEP,MAAM,EAAE,KAAK;IACbO,SAAS,EAAE;EACb,CAAC,EACD;IAAEJ,WAAW,EAAE,UAAU;IAAEI,SAAS,EAAE;EAAiB,CAAC,CACzD;EACDC,eAAe,EAAE;IACfX,UAAU,EAAE,MAAM;IAClBM,WAAW,EAAE;EACf;AACF,CACF,CAAC;AAEM,MAAMM,sBAAsB,GAAApB,OAAA,CAAAoB,sBAAA,GAAG,IAAAnB,2BAAG,EACvC,6CACF,CAAC","ignoreList":[]}
|
|
@@ -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 = ({
|
|
@@ -17,10 +17,10 @@ const ChatBubbleSeal = ({
|
|
|
17
17
|
...props
|
|
18
18
|
}) => {
|
|
19
19
|
const {
|
|
20
|
-
|
|
20
|
+
variant,
|
|
21
21
|
colorState
|
|
22
|
-
} = (0,
|
|
23
|
-
if (!
|
|
22
|
+
} = (0, _index4.useChatBubbleContext)();
|
|
23
|
+
if (!variant || variant === "custom") {
|
|
24
24
|
return null;
|
|
25
25
|
}
|
|
26
26
|
const sealVariantMap = {
|
|
@@ -29,7 +29,7 @@ const ChatBubbleSeal = ({
|
|
|
29
29
|
error: _index2.SealVariantEnum.ERROR
|
|
30
30
|
};
|
|
31
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Seal, {
|
|
32
|
-
variant: sealVariantMap[
|
|
32
|
+
variant: sealVariantMap[variant],
|
|
33
33
|
size: _index3.SizeEnum.MEDIUM,
|
|
34
34
|
inverted: colorState === "fill",
|
|
35
35
|
className: (0, _tailwindPreset.merge)("ml-[-6px]", className),
|
|
@@ -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","variant","colorState","useChatBubbleContext","sealVariantMap","check","SealVariantEnum","SUCCESS","alert","ALERT","error","ERROR","jsx","Seal","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,OAAO;IAAEC;EAAW,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EAEtD,IAAI,CAACF,OAAO,IAAIA,OAAO,KAAK,QAAQ,EAAE;IACpC,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;IACHZ,OAAO,EAAEG,cAAc,CAACH,OAAO,CAAE;IACjCa,IAAI,EAAEC,gBAAQ,CAACC,MAAO;IACtBC,QAAQ,EAAEf,UAAU,KAAK,MAAO;IAChCH,SAAS,EAAE,IAAAmB,qBAAK,EAAC,WAAW,EAAEnB,SAAS,CAAE;IAAA,GACrCC;EAAK,CACV,CAAC;AAEN,CAAC;AAACmB,OAAA,CAAArB,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACsB,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
|
/**
|
|
@@ -20,11 +20,11 @@ const ChatBubbleText = ({
|
|
|
20
20
|
}) => {
|
|
21
21
|
const {
|
|
22
22
|
colorState,
|
|
23
|
-
|
|
24
|
-
} = (0,
|
|
23
|
+
variant
|
|
24
|
+
} = (0, _index2.useChatBubbleContext)();
|
|
25
25
|
|
|
26
26
|
// Text color based on bubble colorState
|
|
27
|
-
const textColorClass = colorState === "fill" &&
|
|
27
|
+
const textColorClass = colorState === "fill" && variant !== "custom" ? "text-chia-200" : "text-chia-800";
|
|
28
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
|
|
29
29
|
variant: "body_large",
|
|
30
30
|
weight: "600",
|
|
@@ -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","variant","useChatBubbleContext","textColorClass","jsx","Typography","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;EAAQ,CAAC,GAAG,IAAAC,4BAAoB,EAAC,CAAC;;EAEtD;EACA,MAAMC,cAAc,GAClBH,UAAU,KAAK,MAAM,IAAIC,OAAO,KAAK,QAAQ,GACzC,eAAe,GACf,eAAe;EAErB,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACd,MAAA,CAAAe,UAAU;IACTJ,OAAO,EAAC,YAAY;IACpBK,MAAM,EAAC,KAAK;IACZT,SAAS,EAAE,IAAAU,qBAAK,EAACJ,cAAc,EAAEN,SAAS,CAAE;IAAA,GACxCE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACC,CAAC;AAEjB,CAAC;AAACU,OAAA,CAAAZ,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACa,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,19 +6,20 @@ 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 {
|
|
16
|
-
|
|
16
|
+
variant = "custom",
|
|
17
17
|
colorState = "outline",
|
|
18
|
-
hasEar =
|
|
18
|
+
hasEar = true,
|
|
19
19
|
className,
|
|
20
20
|
children,
|
|
21
21
|
time: timeFromProps,
|
|
22
|
+
shouldDisplayTime = true,
|
|
22
23
|
messageType = "initial",
|
|
23
24
|
...restOfProps
|
|
24
25
|
} = props;
|
|
@@ -30,9 +31,9 @@ function ChatBubble(props) {
|
|
|
30
31
|
error: "#E65245",
|
|
31
32
|
custom: "#FAFCFC"
|
|
32
33
|
};
|
|
33
|
-
const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[
|
|
34
|
+
const tailColor = colorState === "outline" ? "#FAFCFC" : colorMap[variant];
|
|
34
35
|
const contextInitialValue = {
|
|
35
|
-
|
|
36
|
+
variant,
|
|
36
37
|
colorState,
|
|
37
38
|
messageType
|
|
38
39
|
};
|
|
@@ -52,11 +53,11 @@ function ChatBubble(props) {
|
|
|
52
53
|
return null;
|
|
53
54
|
}
|
|
54
55
|
const bubbleWithEarOffset = hasEar ? "mr-[8.8px]" : "";
|
|
55
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
56
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.ChatBubbleContext.Provider, {
|
|
56
57
|
value: contextInitialValue,
|
|
57
58
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
58
59
|
accessibilityRole: "text",
|
|
59
|
-
accessibilityLabel: accessibilityLabelMap[
|
|
60
|
+
accessibilityLabel: accessibilityLabelMap[variant],
|
|
60
61
|
accessible: true,
|
|
61
62
|
className: (0, _tailwindPreset.merge)("flex", className),
|
|
62
63
|
...restOfProps,
|
|
@@ -69,7 +70,7 @@ function ChatBubble(props) {
|
|
|
69
70
|
children: renderChatBubbleEar()
|
|
70
71
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
71
72
|
className: (0, _tailwindPreset.merge)((0, _classVariants.chatBubbleBoxVariants)({
|
|
72
|
-
|
|
73
|
+
variant,
|
|
73
74
|
colorState,
|
|
74
75
|
hasEar,
|
|
75
76
|
messageType
|
|
@@ -80,7 +81,7 @@ function ChatBubble(props) {
|
|
|
80
81
|
accessibilityRole: "text",
|
|
81
82
|
children: children
|
|
82
83
|
})]
|
|
83
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatBubbleTime, {
|
|
84
|
+
}), shouldDisplayTime && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatBubbleTime, {
|
|
84
85
|
children: time
|
|
85
86
|
})]
|
|
86
87
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_index","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_classVariants","_index2","_tailwindPreset","_index3","_jsxRuntime","ChatBubble","props","variant","colorState","hasEar","className","children","time","timeFromProps","shouldDisplayTime","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":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAMA,MAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,2BAAG,EACxB,CACE,qDAAqD,EACrD,6BAA6B,EAC7B,0BAA0B,CAC3B,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACP,CAACC,4BAAqB,CAACC,KAAK,GAAG,CAC7B,cAAc,EACd,2CAA2C,CAC5C;MACD,CAACD,4BAAqB,CAACE,IAAI,GAAG,CAC5B,aAAa,EACb,0CAA0C,CAC3C;MACD,CAACF,4BAAqB,CAACG,IAAI,GAAG,CAC5B,aAAa,EACb,0CAA0C,CAC3C;MACD,CAACH,4BAAqB,CAACI,SAAS,GAAG,CACjC,kBAAkB,EAClB,+CAA+C,CAChD;MACD,CAACJ,4BAAqB,CAACK,MAAM,GAAG,CAC9B,wCAAwC,EACxC,4CAA4C,CAC7C;MACD,CAACL,4BAAqB,CAACM,UAAU,GAAG,CAClC,mBAAmB,EACnB,gDAAgD,CACjD;MACD,CAACN,4BAAqB,CAACO,IAAI,GAAG,CAC5B,aAAa,EACb,0CAA0C,CAC3C;MACD,CAACP,4BAAqB,CAACQ,OAAO,GAAG,CAC/B,wCAAwC,EACxC,0CAA0C,CAC3C;MACD,CAACR,4BAAqB,CAACS,KAAK,GAAG,CAC7B,gBAAgB,EAChB,qBAAqB;IAEzB,CAAC;IACDC,IAAI,EAAE;MACJ,CAACC,yBAAkB,CAACC,KAAK,GAAG,eAAe;MAC3C,CAACD,yBAAkB,CAACE,MAAM,GAAG,eAAe;MAC5C,CAACF,yBAAkB,CAACG,KAAK,GAAG,eAAe;MAC3C,CAACH,yBAAkB,CAACI,MAAM,GAAG,eAAe;MAC5C,CAACJ,yBAAkB,CAACK,OAAO,GAAG;IAChC,CAAC;IACDC,OAAO,EAAE;MACP,CAACC,4BAAqB,CAACN,KAAK,GAAG,aAAa;MAC5C,CAACM,4BAAqB,CAACL,MAAM,GAAG;IAClC,CAAC;IACDM,QAAQ,EAAE;MACRC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IACEvB,OAAO,EAAEC,4BAAqB,CAACC,KAAK;IACpCkB,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACE,IAAI;IACnCiB,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACG,IAAI;IACnCgB,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACI,SAAS;IACxCe,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACM,UAAU;IACzCa,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACO,IAAI;IACnCY,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACQ,OAAO;IACtCW,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACK,MAAM;IACrCc,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,EACD;IACExB,OAAO,EAAEC,4BAAqB,CAACS,KAAK;IACpCU,QAAQ,EAAE,IAAI;IACdI,SAAS,EAAE;EACb,CAAC,CACF;EACDC,eAAe,EAAE;IACfzB,OAAO,EAAEC,4BAAqB,CAACC,KAAK;IACpCS,IAAI,EAAEC,yBAAkB,CAACE,MAAM;IAC/BI,OAAO,EAAEC,4BAAqB,CAACL,MAAM;IACrCM,QAAQ,EAAE;EACZ;AACF,CACF,CAAC","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":[]}
|