@lanaco/lnc-react-ui 3.11.35 → 4.0.2

package/dist/Avatar.js

@@ -0,0 +1,114 @@
+import { jsx as s } from "react/jsx-runtime";
+import I from "react";
+import { P as i } from "./index-Ds9PUTwb.js";
+import { n as U } from "./emotion-styled.browser.esm-BZSYYThs.js";
+/* empty css                     */
+import { c as y, f as t, g as $, b as v } from "./utils-DEke8iwo.js";
+import w from "./Icon.js";
+import { u as R } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const x = U.div`
+  border-radius: ${(e) => y(e.theme, e.borderRadius)};
+  color: white;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  height: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
+  width: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
+  ${(e) => e.disabled === !0 && $(e.theme)};
+  background-color: ${(e) => !e.disabled && v(e.theme, "Chip", e.color, "enabled", "text")};
+  overflow: hidden;
+  & img {
+    height: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
+    width: ${(e) => e.sizeInUnits ? e.sizeInUnits : t(e.theme, e.size)};
+  }
+`, C = I.forwardRef((e, o) => {
+  const {
+    image: a,
+    icon: l = "user",
+    tabIndex: S,
+    sizeInUnits: n,
+    disabled: j = !1,
+    borderRadius: d = "curved",
+    //----------------
+    onFocus: m = () => {
+    },
+    onBlur: c = () => {
+    },
+    onClick: u = () => {
+    },
+    //----------------
+    size: r = "small",
+    color: g = "primary",
+    className: h = "",
+    style: f = {},
+    ...b
+  } = e, z = {
+    theme: R(),
+    color: g,
+    style: f,
+    size: r,
+    sizeInUnits: n,
+    className: "lnc-ui-avatar " + h
+  };
+  return /* @__PURE__ */ s(
+    x,
+    {
+      ref: o,
+      ...z,
+      borderRadius: d,
+      onClick: u,
+      onFocus: m,
+      onBlur: c,
+      ...b,
+      children: a ? /* @__PURE__ */ s("img", { src: a }) : /* @__PURE__ */ s(
+        w,
+        {
+          icon: l,
+          size: r,
+          sizeInUnits: n ? `calc(${n} / 2)` : null
+        }
+      )
+    }
+  );
+});
+C.propTypes = {
+  image: i.string,
+  /**
+   * If `image` is not defined, icon can be used.
+   */
+  icon: i.string,
+  tabIndex: i.number,
+  /**
+   * it has higher priority than `size` prop
+   */
+  sizeInUnits: i.string,
+  disabled: i.bool,
+  borderRadius: i.oneOf([
+    "slight",
+    "regular",
+    "edged",
+    "curved",
+    "none"
+  ]),
+  //---------------------------------------------------------------
+  onBlur: i.func,
+  onFocus: i.func,
+  onClick: i.func,
+  //---------------------------------------------------------------
+  className: i.string,
+  style: i.object,
+  size: i.oneOf(["small", "medium", "large"]),
+  color: i.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ])
+};
+export {
+  C as default
+};

package/dist/Badge.cjs

@@ -0,0 +1,17 @@
+"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-DXnSjbfJ.cjs"),f=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),s=require("./utils-hdRGTsQ7.cjs"),z=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.newStyled.div`
+  ${e=>s.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
+  background-color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
+  color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};
+  border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+  display: inline-flex;
+  min-width: ${e=>t(e.size)};
+  min-height: ${e=>t(e.size)};
+  max-height: ${e=>t(e.size)};
+  justify-content: center;
+  align-items: center;
+  padding: 0.313rem;
+
+  & i {
+    font-size: ${e=>e.size=="small"?"0.75rem":e.size=="medium"?"0.875rem":"1rem"};
+  }
+`,o=p.forwardRef((e,n)=>{const{borderRadius:i="curved",onClick:a=()=>{},className:c="",style:l={},color:d="primary",size:m="small",children:u,...g}=e,y=z.useTheme(),b={borderRadius:i,theme:y,size:m,color:d,className:"lnc-ui-badge "+c,style:l};return h.jsx(R,{ref:n,...b,onClick:a,...g,children:u})});o.propTypes={onClick:r.PropTypes.func,borderRadius:r.PropTypes.oneOf(["slight","regular","edged","curved","none"]),className:r.PropTypes.string,style:r.PropTypes.object,color:r.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:r.PropTypes.oneOf(["small","medium","large"])};module.exports=o;

package/dist/Badge.js

@@ -0,0 +1,70 @@
+import { jsx as h } from "react/jsx-runtime";
+import y from "react";
+import { P as r } from "./index-Ds9PUTwb.js";
+import { n as b } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { a as p, b as t, c as z } from "./utils-DEke8iwo.js";
+import { u as $ } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", R = b.div`
+  ${(e) => p(e.theme, "Badge", e.size, "enabled")};
+  background-color: ${(e) => t(
+  e.theme,
+  "Badge",
+  e.color,
+  "enabled",
+  "background",
+  "backgroundOpacity"
+)};
+  color: ${(e) => t(e.theme, "Badge", e.color, "enabled", "text")};
+  border-radius: ${(e) => z(e.theme, e.borderRadius)};
+  display: inline-flex;
+  min-width: ${(e) => a(e.size)};
+  min-height: ${(e) => a(e.size)};
+  max-height: ${(e) => a(e.size)};
+  justify-content: center;
+  align-items: center;
+  padding: 0.313rem;
+
+  & i {
+    font-size: ${(e) => e.size == "small" ? "0.75rem" : e.size == "medium" ? "0.875rem" : "1rem"};
+  }
+`, B = y.forwardRef((e, o) => {
+  const {
+    borderRadius: i = "curved",
+    onClick: n = () => {
+    },
+    className: s = "",
+    style: m = {},
+    color: d = "primary",
+    size: l = "small",
+    children: c,
+    ...u
+  } = e, g = $(), f = { borderRadius: i, theme: g, size: l, color: d, className: "lnc-ui-badge " + s, style: m };
+  return /* @__PURE__ */ h(R, { ref: o, ...f, onClick: n, ...u, children: c });
+});
+B.propTypes = {
+  onClick: r.func,
+  borderRadius: r.oneOf([
+    "slight",
+    "regular",
+    "edged",
+    "curved",
+    "none"
+  ]),
+  //---------------------------
+  className: r.string,
+  style: r.object,
+  color: r.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: r.oneOf(["small", "medium", "large"])
+};
+export {
+  B as default
+};

package/dist/Breadcrumbs.cjs

@@ -0,0 +1,8 @@
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),t=require("./index-DXnSjbfJ.cjs"),c=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),g=require("./utils-hdRGTsQ7.cjs"),R=require("./Icon.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),z=c.newStyled.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  ${o=>g.getComponentTypographyCss(o.theme,"Breadcrumbs",o.size,"enabled")};
+  color: ${o=>g.getColorRgbaValue(o.theme,"Breadcrumbs",o.color,"enabled","text")};
+`,A=c.newStyled.div`
+  cursor: pointer;
+`,N=c.newStyled.span``,b=i.forwardRef((o,f)=>{const{separator:a="/",maxItems:T=8,itemsAfterCollapse:x=1,itemsBeforeCollapse:j=1,className:C="",style:P={},color:w="neutral",size:d="small",children:q,...B}=o,I={theme:_.useTheme(),size:d,color:w,className:"lnc-ui-breadcrumbs "+C,style:P},[u,S]=i.useState(!0),h=({maxItems:m,itemsAfterCollapse:p,itemsBeforeCollapse:n,children:e})=>typeof(e==null?void 0:e.map)!="function"?s.jsx(l,{index:0,length:e.length,separator:a,child:e}):e==null?void 0:e.map((y,r)=>m<=e.length&&u==!0?n-1>=r||e.length-p<=r?s.jsx(l,{index:r,length:e.length,separator:a,child:y},r):n==r&&s.jsxs(A,{onClick:v=>S(!u),children:[s.jsx(R,{icon:"ellipsis"}),a," "]},r):s.jsx(l,{index:r,length:e.length,separator:a,child:y},r)),l=({index:m,length:p,separator:n,child:e})=>s.jsxs(N,{children:[e,m+1!==p&&s.jsxs(s.Fragment,{children:[" ",n," "]})]});return s.jsx(z,{ref:f,...I,...B,children:s.jsx(h,{maxItems:T,itemsAfterCollapse:x,itemsBeforeCollapse:j,children:q})})});b.propTypes={separator:t.PropTypes.oneOfType([t.PropTypes.string,t.PropTypes.element]),maxItems:t.PropTypes.number,itemsAfterCollapse:t.PropTypes.number,itemsBeforeCollapse:t.PropTypes.number,className:t.PropTypes.string,style:t.PropTypes.object,color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:t.PropTypes.oneOf(["small","medium","large"])};module.exports=b;

package/dist/Breadcrumbs.js

@@ -0,0 +1,131 @@
+import { jsx as o, jsxs as u, Fragment as z } from "react/jsx-runtime";
+import A, { useState as N } from "react";
+import { P as t } from "./index-Ds9PUTwb.js";
+import { n as c } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { a as O, b as P } from "./utils-DEke8iwo.js";
+import R from "./Icon.js";
+import { u as v } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+const _ = c.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  ${(r) => O(
+  r.theme,
+  "Breadcrumbs",
+  r.size,
+  "enabled"
+)};
+  color: ${(r) => P(
+  r.theme,
+  "Breadcrumbs",
+  r.color,
+  "enabled",
+  "text"
+)};
+`, $ = c.div`
+  cursor: pointer;
+`, k = c.span``, F = A.forwardRef((r, g) => {
+  const {
+    separator: a = "/",
+    maxItems: b = 8,
+    itemsAfterCollapse: y = 1,
+    itemsBeforeCollapse: C = 1,
+    //----------------
+    className: B = "",
+    style: I = {},
+    color: h = "neutral",
+    size: d = "small",
+    children: w,
+    ...T
+  } = r, S = {
+    theme: v(),
+    size: d,
+    color: h,
+    className: "lnc-ui-breadcrumbs " + B,
+    style: I
+  }, [f, j] = N(!0), x = ({
+    maxItems: n,
+    itemsAfterCollapse: p,
+    itemsBeforeCollapse: m,
+    children: e
+  }) => typeof (e == null ? void 0 : e.map) != "function" ? /* @__PURE__ */ o(
+    l,
+    {
+      index: 0,
+      length: e.length,
+      separator: a,
+      child: e
+    }
+  ) : e == null ? void 0 : e.map(
+    (i, s) => n <= e.length && f == !0 ? m - 1 >= s || e.length - p <= s ? /* @__PURE__ */ o(
+      l,
+      {
+        index: s,
+        length: e.length,
+        separator: a,
+        child: i
+      },
+      s
+    ) : m == s && /* @__PURE__ */ u($, { onClick: (q) => j(!f), children: [
+      /* @__PURE__ */ o(R, { icon: "ellipsis" }),
+      a,
+      " "
+    ] }, s) : /* @__PURE__ */ o(
+      l,
+      {
+        index: s,
+        length: e.length,
+        separator: a,
+        child: i
+      },
+      s
+    )
+  ), l = ({ index: n, length: p, separator: m, child: e }) => /* @__PURE__ */ u(k, { children: [
+    e,
+    n + 1 !== p && /* @__PURE__ */ u(z, { children: [
+      " ",
+      m,
+      " "
+    ] })
+  ] });
+  return /* @__PURE__ */ o(_, { ref: g, ...S, ...T, children: /* @__PURE__ */ o(
+    x,
+    {
+      maxItems: b,
+      itemsAfterCollapse: y,
+      itemsBeforeCollapse: C,
+      children: w
+    }
+  ) });
+});
+F.propTypes = {
+  separator: t.oneOfType([t.string, t.element]),
+  /**
+   * Specifies the maximum number of breadcrumbs to display. When there are more than the maximum number, only the first itemsBeforeCollapse and last itemsAfterCollapse will be shown, with an ellipsis in between
+   */
+  maxItems: t.number,
+  /**
+   * If max items is exceeded, the number of items to show after the ellipsis.
+   */
+  itemsAfterCollapse: t.number,
+  /**
+   * If max items is exceeded, the number of items to show before the ellipsis.
+   */
+  itemsBeforeCollapse: t.number,
+  //---------------------------------------------------------------
+  className: t.string,
+  style: t.object,
+  color: t.oneOf([
+    "primary",
+    "secondary",
+    "success",
+    "warning",
+    "danger",
+    "information",
+    "neutral",
+    "gray"
+  ]),
+  size: t.oneOf(["small", "medium", "large"])
+};
+export {
+  F as default
+};

package/dist/Button.cjs

@@ -0,0 +1,127 @@
+"use strict";const n=require("react/jsx-runtime"),U=require("react"),o=require("./index-DXnSjbfJ.cjs");;/* empty css                       */const C=require("./index-P-naJISQ.cjs"),r=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),t=require("./utils-hdRGTsQ7.cjs"),V=require("./Icon.cjs"),W=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B={small:{regular:"1rem",icon:"0.75rem",justIcon:"0.5rem"},medium:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"},large:{regular:"1.5rem",icon:"1rem",justIcon:"0.5rem"}},f=e=>`
+        outline: none;
+        display: inline-flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        border: none;
+        transition: all 50  ms ease-in;
+        cursor: pointer;
+        color: ${!e.disabled&&"white"};
+
+        border-radius: ${t.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
+        
+        padding-left: ${e.hasLeadingIcon?B[e.size].icon:B[e.size].regular};
+        padding-right: ${e.hasTrailingIcon?B[e.size].icon:B[e.size].regular};
+    `,D=r.newStyled.span`
+  padding-right: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
+`,E=r.newStyled.span`
+  padding-left: ${e=>e.size==="small"?"0.25rem":"0.5rem"};
+`,z=r.newStyled.button`
+  ${e=>f(e)}
+
+  ${e=>t.getComponentTypographyCss(e.theme,"ButtonFilled",e.size,"enabled")};
+
+  background-color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"enabled","background")};
+  color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"enabled","text")};
+
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+
+  &:disabled {
+    ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+    cursor: default;
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled","gray","disabled","background")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"disabled","text")};
+  }
+
+  &:hover {
+    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"hover","background")};
+    color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"hover","text")};
+  }
+
+  &:focus {
+    background-color: ${e=>!e.disabled&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"focus","background")};
+    color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"focus","text")};
+    ${e=>!e.disabled&&t.getOutlineCss(e.theme)};
+  }
+
+  &:active {
+    background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","background")};
+    color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonFilled",e.color,"active","text")};
+  }
+`,L=r.newStyled.button`
+  ${e=>f(e)}
+
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
+
+  backdrop-filter: blur(48px);
+  background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"enabled","background","backgroundOpacity")};
+
+  color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"enabled","text")};
+
+  &:hover {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"hover","background","backgroundOpacity")};
+
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"hover","text")};
+  }
+
+  &:focus {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"focus","background","backgroundOpacity")};
+
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"focus","text")};
+    ${e=>e.disabled===!1&&t.getOutlineCss(e.theme)};
+  }
+
+  &:active {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"active","background","backgroundOpacity")};
+
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted",e.color,"focus","text")};
+  }
+
+  &:disabled {
+    ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+    cursor: default;
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonTinted","gray","disabled","background")};
+  }
+`,I=r.newStyled.button`
+  ${e=>f(e)}
+
+  ${e=>t.getComponentTypographyCss(e.theme,"ButtonTinted",e.size,"enabled")};
+
+  color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","text")};
+
+  background-color: ${e=>e.disabled===!1&&t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","background","backgroundOpacity")};
+
+  min-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+  max-height: ${e=>t.getSizeValueWithUnits(e.theme,e.size)};
+
+  &:hover {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"hover","background","backgroundOpacity")};
+
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"hover","text")};
+  }
+
+  &:focus {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"focus","background","backgroundOpacity")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"focus","text")};
+
+    ${e=>!e.disabled&&t.getOutlineCss(e.theme)};
+  }
+
+  &:active {
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"active","background","backgroundOpacity")};
+    color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"active","text")};
+  }
+
+  &:disabled {
+    ${e=>e.disabled===!0&&t.getDisabledStateCss(e.theme)};
+    cursor: default;
+    background-color: ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic","gray","disabled","background","backgroundOpacity")};
+  }
+`,_=r.newStyled(I)`
+  border: 1px solid
+    ${e=>t.getColorRgbaValue(e.theme,"ButtonBasic",e.color,"enabled","border","borderOpacity")};
+`,O=U.forwardRef((e,c)=>{const{text:k="",iconStyle:T="solid",leadingIcon:x=null,trailingIcon:R=null,borderRadius:v="regular",btnType:l="filled",disabled:S=!1,tabIndex:d=0,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,onLeadingIconClick:N,onTrailingIconClick:K,size:$="small",color:P="primary",className:j="",style:F={},children:w,...m}=e,h={theme:W.useTheme(),color:P,size:$,style:F,disabled:S,borderRadius:v,btnType:l,className:"lnc-ui-button "+j},a=!C.isEmpty(x),i=!C.isEmpty(R),q=!C.isEmpty(k),y=()=>n.jsxs(n.Fragment,{children:[a&&n.jsx(D,{size:$,children:n.jsx(V,{icon:x,sizeInUnits:"1.125rem",iconStyle:T})}),k,w,i&&n.jsx(E,{size:$,children:n.jsx(V,{icon:R,sizeInUnits:"1.125rem",iconStyle:T})})]});return l==="filled"?n.jsx(z,{ref:c,"data-type":"filled",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="tinted"?n.jsx(L,{ref:c,"data-type":"tinted",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="outline"?n.jsx(_,{ref:c,"data-type":"outline",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):l==="basic"?n.jsx(I,{ref:c,"data-type":"basic",...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,tabIndex:d,btnType:l,...m,children:y()}):n.jsx(z,{ref:c,"data-type":"filled",size:$,...h,hasLeadingIcon:a,hasTrailingIcon:i,onFocus:u,onBlur:s,onClick:g,onKeyDown:b,hasText:q,tabIndex:d,btnType:l,...m,children:y()})});O.propTypes={text:o.PropTypes.string,iconStyle:o.PropTypes.oneOf(["regular","solid"]),leadingIcon:o.PropTypes.string,trailingIcon:o.PropTypes.string,borderRadius:o.PropTypes.oneOf(["slight","regular","edged","curved","none"]),btnType:o.PropTypes.oneOf(["filled","tinted","outline","basic"]),disabled:o.PropTypes.bool,tabIndex:o.PropTypes.number,onBlur:o.PropTypes.func,onFocus:o.PropTypes.func,onClick:o.PropTypes.func,onKeyDown:o.PropTypes.func,className:o.PropTypes.string,style:o.PropTypes.object,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:o.PropTypes.oneOf(["small","medium","large"])};module.exports=O;