@kivid/native-components 1.0.0-alpha.1 → 1.0.0-alpha.11

package/dist/commonjs/components/IconButton/index.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = IconButton;
+var _reactNative = require("react-native");
+var _classVariants = require("./assets/class-variants.js");
+var _tailwindPreset = require("@kivid/tailwind-preset");
+var _react = require("react");
+var _index = _interopRequireDefault(require("../LoadingDots/index.js"));
+var _enums = require("./enums.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
+function IconButton(props) {
+  const {
+    icon,
+    loading = false,
+    variant = _enums.IconButtonVariantEnum.GRAPE,
+    size = _enums.IconButtonSizeEnum.SMALL,
+    corners = _enums.IconButtonCornersEnum.SMALL,
+    disabled = false,
+    className,
+    accessibilityLabel,
+    selected = false,
+    onPressIn,
+    onPressOut,
+    ...rest
+  } = props;
+  const animatedValue = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const loadingDotsVariantsMap = {
+    [_enums.IconButtonVariantEnum.GRAPE]: "light",
+    [_enums.IconButtonVariantEnum.JAVA]: "light",
+    [_enums.IconButtonVariantEnum.PEAR]: "light",
+    [_enums.IconButtonVariantEnum.TANGERINE]: "light",
+    [_enums.IconButtonVariantEnum.PITAYA]: "light",
+    [_enums.IconButtonVariantEnum.BLACKBERRY]: "light",
+    [_enums.IconButtonVariantEnum.CHIA]: "light",
+    [_enums.IconButtonVariantEnum.OUTLINE]: "dark",
+    [_enums.IconButtonVariantEnum.GHOST]: "dark"
+  };
+  const mappedLoadingStyleBySize = {
+    [_enums.IconButtonSizeEnum.SMALL]: 24,
+    [_enums.IconButtonSizeEnum.MEDIUM]: 24,
+    [_enums.IconButtonSizeEnum.LARGE]: 32,
+    [_enums.IconButtonSizeEnum.XLARGE]: 32,
+    [_enums.IconButtonSizeEnum.XXLARGE]: 32
+  };
+  const handlePressIn = event => {
+    _reactNative.Animated.timing(animatedValue, {
+      toValue: 0.7,
+      duration: 100,
+      useNativeDriver: true
+    }).start();
+    onPressIn?.(event);
+  };
+  const handlePressOut = event => {
+    _reactNative.Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 100,
+      useNativeDriver: true
+    }).start();
+    onPressOut?.(event);
+  };
+  function renderContent() {
+    if (loading) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        variant: loadingDotsVariantsMap[variant],
+        lottieViewStyle: {
+          width: mappedLoadingStyleBySize[size],
+          height: mappedLoadingStyleBySize[size]
+        }
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: icon
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
+    className: (0, _tailwindPreset.merge)((0, _classVariants.buttonVariants)({
+      variant,
+      size,
+      corners,
+      selected
+    }), className),
+    style: {
+      opacity: animatedValue
+    },
+    disabled: disabled,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: disabled,
+      selected: selected,
+      busy: loading
+    },
+    pointerEvents: loading || disabled ? "none" : "auto",
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    ...rest,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "flex items-center",
+      children: renderContent()
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVariants","_tailwindPreset","_react","_index","_interopRequireDefault","_enums","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","IconButton","props","icon","loading","variant","IconButtonVariantEnum","GRAPE","size","IconButtonSizeEnum","SMALL","corners","IconButtonCornersEnum","disabled","className","accessibilityLabel","selected","onPressIn","onPressOut","rest","animatedValue","useRef","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","merge","buttonVariants","style","opacity","accessibilityRole","accessibilityState","busy","pointerEvents","View"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/IconButton/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/commonjs/components/IconButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/IconButton/types.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/components/InformationStatus/index.js

@@ -7,21 +7,22 @@ exports.InformationStatus = InformationStatus;
 var _index = require("./components/index.js");
 var _enums = require("./enums.js");
 var _classVarianceAuthority = require("class-variance-authority");
-var _tailwindPreset = require("@butterfly/tailwind-preset");
+var _tailwindPreset = require("@kivid/tailwind-preset");
 var _reactNative = require("react-native");
+var _index2 = require("../../enums/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function InformationStatus(props) {
   const {
     status,
-    size = "medium",
+    size = _index2.SizeEnum.MEDIUM,
     square = false,
     className,
     style
   } = props;
   const mappedIconSize = {
-    small: 16,
-    medium: 24,
-    large: 32
+    [_index2.SizeEnum.SMALL]: 16,
+    [_index2.SizeEnum.MEDIUM]: 24,
+    [_index2.SizeEnum.LARGE]: 32
   }[size];
   const iconMap = {
     [_enums.InformationStatusOptionsEnum.SUCCESS]: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GradientCheck, {
@@ -50,9 +51,9 @@ function InformationStatus(props) {
         warning: "bg-tangerine-500"
       },
       size: {
-        small: [`${square ? "w-900 h-900" : "w-1000 h-700"}`],
-        medium: [`${square ? "w-1000 h-1000" : "w-1200 h-800"}`],
-        large: [`${square ? "w-1100 h-1100" : "w-[80px] h-900"}`]
+        [_index2.SizeEnum.SMALL]: [`${square ? "w-900 h-900" : "w-1000 h-700"}`],
+        [_index2.SizeEnum.MEDIUM]: [`${square ? "w-1000 h-1000" : "w-1200 h-800"}`],
+        [_index2.SizeEnum.LARGE]: [`${square ? "w-1100 h-1100" : "w-[80px] h-900"}`]
       },
       square: {
         true: "rounded-700",

package/dist/commonjs/components/InformationStatus/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_index","require","_enums","_classVarianceAuthority","_tailwindPreset","_reactNative","_jsxRuntime","InformationStatus","props","status","size","square","className","style","mappedIconSize","small","medium","large","iconMap","InformationStatusOptionsEnum","SUCCESS","jsx","GradientCheck","color","ERROR","GradientClose","WARNING","GradientAlert","ADD","GradientAdd","selectedVariants","cva","variants","variant","add","success","error","warning","true","false","Icon","informationStatusStyle","merge","View","children"],"sourceRoot":"../../../../src","sources":["components/InformationStatus/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAoC,IAAAK,WAAA,GAAAL,OAAA;AAE7B,SAASM,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IAAEC,MAAM;IAAEC,IAAI,GAAG,QAAQ;IAAEC,MAAM,GAAG,KAAK;IAAEC,SAAS;IAAEC;EAAM,CAAC,GAAGL,KAAK;EAE3E,MAAMM,cAAc,GAAG;IACrBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC,CAACP,IAAI,CAAC;EAEP,MAAMQ,OAAO,GAAG;IACd,CAACC,mCAA4B,CAACC,OAAO,GAAG,mBACtC,IAAAd,WAAA,CAAAe,GAAA,EAACrB,MAAA,CAAAsB,aAAa;MAACZ,IAAI,EAAEI,cAAe;MAACS,KAAK,EAAC;IAAS,CAAE,CACvD;IACD,CAACJ,mCAA4B,CAACK,KAAK,GAAG,mBACpC,IAAAlB,WAAA,CAAAe,GAAA,EAACrB,MAAA,CAAAyB,aAAa;MAACf,IAAI,EAAEI,cAAe;MAACS,KAAK,EAAC;IAAS,CAAE,CACvD;IACD,CAACJ,mCAA4B,CAACO,OAAO,GAAG,mBACtC,IAAApB,WAAA,CAAAe,GAAA,EAACrB,MAAA,CAAA2B,aAAa;MAACjB,IAAI,EAAEI,cAAe;MAACS,KAAK,EAAC;IAAS,CAAE,CACvD;IACD,CAACJ,mCAA4B,CAACS,GAAG,GAAG,mBAClC,IAAAtB,WAAA,CAAAe,GAAA,EAACrB,MAAA,CAAA6B,WAAW;MAACnB,IAAI,EAAEI,cAAe;MAACS,KAAK,EAAC;IAAS,CAAE;EAExD,CAAC;EAED,MAAMO,gBAAgB,GAAG,IAAAC,2BAAG,EAC1B,CAAC,iDAAiD,CAAC,EACnD;IACEC,QAAQ,EAAE;MACRC,OAAO,EAAE;QACPC,GAAG,EAAE,cAAc;QACnBC,OAAO,EAAE,aAAa;QACtBC,KAAK,EAAE,mBAAmB;QAC1BC,OAAO,EAAE;MACX,CAAC;MACD3B,IAAI,EAAE;QACJK,KAAK,EAAE,CAAC,GAAGJ,MAAM,GAAG,aAAa,GAAG,cAAc,EAAE,CAAC;QACrDK,MAAM,EAAE,CAAC,GAAGL,MAAM,GAAG,eAAe,GAAG,cAAc,EAAE,CAAC;QACxDM,KAAK,EAAE,CAAC,GAAGN,MAAM,GAAG,eAAe,GAAG,gBAAgB,EAAE;MAC1D,CAAC;MACDA,MAAM,EAAE;QACN2B,IAAI,EAAE,aAAa;QACnBC,KAAK,EAAE;MACT;IACF;EACF,CACF,CAAC;EAED,MAAMC,IAAI,GAAGtB,OAAO,CAACT,MAAM,CAAC;EAE5B,MAAMgC,sBAAsB,GAAG,IAAAC,qBAAK,EAClCZ,gBAAgB,CAAC;IACfG,OAAO,EAAExB,MAAM;IACfC,IAAI,EAAEA,IAAI;IACVC,MAAM,EAAEA;EACV,CAAC,CAAC,EACFC,SACF,CAAC;EAED,oBACE,IAAAN,WAAA,CAAAe,GAAA,EAAChB,YAAA,CAAAsC,IAAI;IAAC/B,SAAS,EAAE6B,sBAAuB;IAAC5B,KAAK,EAAEA,KAAM;IAAA+B,QAAA,eACpD,IAAAtC,WAAA,CAAAe,GAAA,EAACmB,IAAI,IAAE;EAAC,CACJ,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_index","require","_enums","_classVarianceAuthority","_tailwindPreset","_reactNative","_index2","_jsxRuntime","InformationStatus","props","status","size","SizeEnum","MEDIUM","square","className","style","mappedIconSize","SMALL","LARGE","iconMap","InformationStatusOptionsEnum","SUCCESS","jsx","GradientCheck","color","ERROR","GradientClose","WARNING","GradientAlert","ADD","GradientAdd","selectedVariants","cva","variants","variant","add","success","error","warning","true","false","Icon","informationStatusStyle","merge","View","children"],"sourceRoot":"../../../../src","sources":["components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ListButton/assets/class-variants.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textVariants = exports.buttonVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _index = require("../enums/index.js");
+var _index2 = require("../../../enums/index.js");
+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"], {
+  variants: {
+    variant: {
+      [_index.ListButtonVariantEnum.GRAPE]: ["bg-grape-500", "disabled:bg-grape-500 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.JAVA]: ["bg-java-500", "disabled:bg-java-500 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.PEAR]: ["bg-pear-500", "disabled:bg-pear-500 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.TANGERINE]: ["bg-tangerine-500", "disabled:bg-tangerine-500 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.BLACKBERRY]: ["bg-blackberry-500", "disabled:bg-blackberry-500 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.CHIA]: ["bg-chia-700", "disabled:bg-chia-700 disabled:opacity-30 disabled:text-chia-100"],
+      [_index.ListButtonVariantEnum.OUTLINE]: ["bg-chia-100 text-chia-900 border border-chia-400", "disabled:bg-chia-200 disabled:opacity-50 disabled:text-chia-900"]
+    },
+    size: {
+      [_index2.SizeEnum.SMALL]: "py-400 pr-400 pl-600",
+      [_index2.SizeEnum.MEDIUM]: "py-500 pr-400 pl-600",
+      [_index2.SizeEnum.LARGE]: "py-600 pr-400 pl-600"
+    },
+    corners: {
+      [_index2.CornersEnum.SMALL]: "rounded-500",
+      [_index2.CornersEnum.MEDIUM]: "rounded-700"
+    }
+  },
+  defaultVariants: {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM
+  }
+});
+const textVariants = exports.textVariants = (0, _classVarianceAuthority.cva)("", {
+  variants: {
+    variant: {
+      grape: "text-chia-100",
+      java: "text-chia-100",
+      pear: "text-chia-100",
+      tangerine: "text-chia-100",
+      blackberry: "text-chia-100",
+      chia: "text-chia-100",
+      outline: "text-chia-900",
+      glass: "text-chia-900",
+      ghost: "text-chia-900"
+    }
+  }
+});
+//# sourceMappingURL=class-variants.js.map

package/dist/commonjs/components/ListButton/assets/class-variants.js.map

@@ -0,0 +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":[]}

package/dist/commonjs/components/ListButton/assets/design-system-showcase.js

@@ -0,0 +1,424 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listButtonShowcaseVariants = void 0;
+var _index = require("../enums/index.js");
+var _index2 = require("../../../enums/index.js");
+const listButtonShowcaseVariants = exports.listButtonShowcaseVariants = {
+  grape: [{
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.GRAPE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  java: [{
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.JAVA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  pear: [{
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.PEAR,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  tangerine: [{
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.TANGERINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  blackberry: [{
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.BLACKBERRY,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  chia: [{
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC"
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.CHIA,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#FAFCFC",
+    iconLeft: true,
+    iconRight: true
+  }],
+  outline: [{
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.SMALL,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.LARGE,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E"
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.MEDIUM,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E",
+    disabled: true
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E",
+    iconLeft: true
+  }, {
+    variant: _index.ListButtonVariantEnum.OUTLINE,
+    size: _index2.SizeEnum.SMALL,
+    corners: _index2.CornersEnum.MEDIUM,
+    children: "Label Text",
+    iconColor: "#393E3E",
+    iconLeft: true,
+    iconRight: true
+  }]
+};
+//# sourceMappingURL=design-system-showcase.js.map