@coorpacademy/components 11.33.7 → 11.33.8-alpha.1

package/lib/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Button","props","dataName","disabled","label","onClick","type","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","createElement","title","className","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAN,uBAAA,CAAAC,OAAA;AAAiF,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEjF,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EACrC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGL,KAAK;EACjF,MAAMM,WAAW,GAAG,IAAAC,mBAAU,EAC5BC,cAAK,CAACC,MAAM,EACZJ,IAAI,KAAK,SAAS,IAAIG,cAAK,CAACE,YAAY,EACxCL,IAAI,KAAK,aAAa,IAAIG,cAAK,CAACG,WAAW,EAC3CN,IAAI,KAAK,WAAW,IAAIG,cAAK,CAACI,SAAS,EACvCP,IAAI,KAAK,eAAe,IAAIG,cAAK,CAACK,aAAa,EAC/CX,QAAQ,IAAIM,cAAK,CAACN,QACpB,CAAC;EAED,MAAMY,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAMX,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAC7D,oBACEvC,MAAA,CAAAU,OAAA,CAAAyC,aAAA;IACEX,IAAI,EAAC,QAAQ;IACb,cAAYF,KAAM;IAClBc,KAAK,EAAEd,KAAM;IACb,aAAWF,QAAS;IACpBiB,SAAS,EAAEZ,WAAY;IACvBF,OAAO,EAAEU,aAAc;IACvBZ,QAAQ,EAAEA;EAAS,gBAEnBrC,MAAA,CAAAU,OAAA,CAAAyC,aAAA;IAAKE,SAAS,EAAEV,cAAK,CAACW;EAAc,gBAClCtD,MAAA,CAAAU,OAAA,CAAAyC,aAAA;IAAME,SAAS,EAAEV,cAAK,CAACL;EAAM,GAAEA,KAAY,CACxC,CACC,CAAC;AAEb,CAAC;AAEDJ,MAAM,CAACqB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGC,sBAAe;AAElC,MAAMC,UAAU,GAAIzB,KAAsB,IAAK;EAC7C,MAAM;IAAC0B,OAAO;IAAE,WAAW,EAAEzB;EAAQ,CAAC,GAAGD,KAAK;EAC9C,MAAM2B,WAAW,GAAG,IAAAZ,kBAAW,EAAC,CAACN,MAAmB,EAAEmB,KAAK,KAAK;IAC9D,oBAAO/D,MAAA,CAAAU,OAAA,CAAAyC,aAAA,CAACjB,MAAM,EAAAN,QAAA,KAAKgB,MAAM;MAAEoB,GAAG,EAAEpB,MAAM,CAACN,KAAK,GAAGyB;IAAM,EAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,UAAU,GAAG,IAAAC,cAAO;EACxB;EACA,MAAMC,YAAG,CAACC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACP,WAAW,EAAED,OAAO,CAAC,EACrD,CAACA,OAAO,EAAEC,WAAW,CACvB,CAAC;EAED,oBAAO9D,MAAA,CAAAU,OAAA,CAAAyC,aAAA;IAAK,aAAWf;EAAS,GAAE6B,UAAgB,CAAC;AACrD,CAAC;AAEDL,UAAU,CAACL,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,cAAS;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAA7D,OAAA,GAElBkD,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_map","_interopRequireDefault","_classnames","_buttonLink","_style","_types","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Button","props","dataName","disabled","label","onClick","type","buttonLinkType","icon","customStyle","styleButton","classnames","style","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","useCallback","createElement","className","title","buttonContent","propTypes","process","env","NODE_ENV","buttonPropTypes","ButtonMenu","buttons","buildButton","index","key","buttonList","useMemo","map","convert","cap","buttonMenuContainer","_default","exports"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    disabled,\n    label,\n    onClick,\n    type = 'default',\n    buttonLinkType,\n    icon,\n    customStyle = {}\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  return icon ? (\n    <ButtonLink\n      label={label}\n      type={buttonLinkType}\n      disabled={disabled}\n      onClick={handleOnClick}\n      data-name={dataName}\n      className={styleButton}\n      customStyle={{...customStyle}}\n      icon={icon}\n    />\n  ) : (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return (\n    <div data-name={dataName} className={style.buttonMenuContainer}>\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/atom/button-menu/style.css

@@ -1,20 +1,28 @@
 @value colors: "../../variables/colors.css";
 @value cm_grey_100 from colors;
-@value cm_grey_200 from colors;
-@value cm_grey_900 from colors;
 @value cm_negative_100 from colors;
+@value cm_negative_300 from colors;
+@value negative_100 from colors;
+
+.buttonMenuContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
 
 .button {
   width: 100%;
   height: 40px;
   font-family: Gilroy;
   font-size: 14px;
+  font-weight: 600;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   border: none;
   pointer-events: auto;
+  border-radius: 8px;
   /* prevents text selection when dragging 
   the mouse over the button */
   user-select: none;
@@ -37,8 +45,8 @@
 }
 
 .defaultStyle {
-  background-color: cm_grey_100;
-  color: cm_grey_900;
+  background-color: transparent;
+  color: cm_grey_700;
 }
 
 .defaultLeft {
@@ -47,15 +55,20 @@
 }
 
 .defaultStyle:hover {
-  background-color: cm_grey_200;
+  background-color: cm_grey_100;
 }
 
 .dangerous {
   composes: defaultStyle;
-  color: cm_negative_100;
+  color: cm_negative_300;
+}
+
+.dangerous:hover {
+  background-color: negative_100;
 }
 
 .dangerousLeft {
   composes: dangerous;
   justify-content: flex-start;
 }
+

package/lib/atom/button-menu/types.d.ts

@@ -1,10 +1,28 @@
 import PropTypes from 'prop-types';
+import { ButtonLinkProps, IconType } from '../button-link/types';
 export declare const buttonPropTypes: {
     'data-name': PropTypes.Requireable<string>;
     disabled: PropTypes.Requireable<boolean>;
     label: PropTypes.Validator<string>;
     onClick: PropTypes.Validator<(...args: any[]) => any>;
     type: PropTypes.Requireable<string>;
+    buttonLinkType: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<PropTypes.InferProps<{
+        position: PropTypes.Validator<string>;
+        type: PropTypes.Requireable<string>;
+        faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            color: PropTypes.Requireable<string>;
+            backgroundColor: PropTypes.Requireable<string>;
+            size: PropTypes.Requireable<number>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
+        }>>;
+    }>>;
+    customStyle: PropTypes.Requireable<{
+        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+    }>;
 };
 declare const propTypes: {
     buttons: PropTypes.Validator<(PropTypes.InferProps<{
@@ -13,8 +31,26 @@ declare const propTypes: {
         label: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
+        buttonLinkType: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Validator<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
+        }>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }> | null | undefined)[]>;
     'data-name': PropTypes.Requireable<string>;
+    'aria-label': PropTypes.Requireable<string>;
 };
 export default propTypes;
 export declare type ButtonProps = {
@@ -23,6 +59,9 @@ export declare type ButtonProps = {
     label: string;
     onClick: () => void;
     type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';
+    buttonLinkType?: ButtonLinkProps['type'];
+    icon?: IconType;
+    customStyle?: Record<string, string | number>;
 };
 export declare type ButtonMenuProps = {
     buttons: ButtonProps[];

package/lib/atom/button-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;CAClE,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}

package/lib/atom/button-menu/types.js

@@ -3,17 +3,22 @@
 exports.__esModule = true;
 exports.default = exports.buttonPropTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _types = require("../button-link/types");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const buttonPropTypes = exports.buttonPropTypes = {
   'data-name': _propTypes.default.string,
   disabled: _propTypes.default.bool,
   label: _propTypes.default.string.isRequired,
   onClick: _propTypes.default.func.isRequired,
-  type: _propTypes.default.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])
+  type: _propTypes.default.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),
+  buttonLinkType: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
+  icon: _propTypes.default.shape(_types.iconPropTypes),
+  customStyle: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
 };
 const propTypes = {
   buttons: _propTypes.default.arrayOf(_propTypes.default.shape(buttonPropTypes)).isRequired,
-  'data-name': _propTypes.default.string
+  'data-name': _propTypes.default.string,
+  'aria-label': _propTypes.default.string
 };
 var _default = exports.default = propTypes;
 //# sourceMappingURL=types.js.map

package/lib/atom/button-menu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","propTypes","buttons","arrayOf","shape","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC;AAChF,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEX,kBAAS,CAACY,OAAO,CAACZ,kBAAS,CAACa,KAAK,CAACf,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC;AACzB,CAAC;AAAC,IAAAa,QAAA,GAAAf,OAAA,CAAAF,OAAA,GAEaa,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","e","__esModule","default","buttonPropTypes","exports","PropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","iconPropTypes","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf","_default"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape(iconPropTypes),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  buttonLinkType?: ButtonLinkProps['type'];\n  icon?: IconType;\n  customStyle?: Record<string, string | number>;\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8E,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvE,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7B,WAAW,EAAEE,kBAAS,CAACC,MAAM;EAC7BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,KAAK,EAAEJ,kBAAS,CAACC,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAER,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEV,kBAAS,CAACS,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEX,kBAAS,CAACY,KAAK,CAACC,oBAAa,CAAC;EACpCC,WAAW,EAAEd,kBAAS,CAACe,QAAQ,CAACf,kBAAS,CAACgB,SAAS,CAAC,CAAChB,kBAAS,CAACC,MAAM,EAAED,kBAAS,CAACiB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEnB,kBAAS,CAACoB,OAAO,CAACpB,kBAAS,CAACY,KAAK,CAACd,eAAe,CAAC,CAAC,CAACO,UAAU;EACvE,WAAW,EAAEL,kBAAS,CAACC,MAAM;EAC7B,YAAY,EAAED,kBAAS,CAACC;AAC1B,CAAC;AAAC,IAAAoB,QAAA,GAAAtB,OAAA,CAAAF,OAAA,GAEaqB,SAAS","ignoreList":[]}

package/lib/atom/tag/style.css

@@ -1,9 +1,13 @@
 @value colors: "../../variables/colors.css";
 @value white from colors;
+@value cm_yellow_100 from colors;
 @value cm_yellow_200 from colors;
+@value cm_yellow_300 from colors;
 @value cm_positive_100 from colors;
+@value cm_positive_300 from colors;
 @value cm_negative_100 from colors;
 @value cm_orange_700 from colors;
+@value cm_orange_800 from colors;
 @value black from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_500 from colors;
@@ -44,14 +48,14 @@
 
 .progress {
   composes: tag;
-  background-color: color(cm_yellow_200 a(15%));
-  color: cm_yellow_200;
+  background-color: color(cm_yellow_100 a(25%));
+  color: cm_yellow_300;
 }
 
 .success {
   composes: tag;
-  background-color: color(cm_positive_100 a(15%));
-  color: cm_positive_100;
+  background-color: color(cm_positive_100 a(20%));
+  color: cm_positive_300;
 }
 
 .failure {
@@ -62,8 +66,8 @@
 
 .warning {
   composes: tag;
-  background-color: color(cm_orange_700 a(15%));
-  color: cm_orange_700;
+  background-color: color(cm_orange_700 a(18%));
+  color: cm_orange_800;
 }
 
 .info {

package/lib/molecule/bullet-point-menu-button/index.d.ts

@@ -12,6 +12,23 @@ declare const BulletPointMenuButton: {
             label: import("prop-types").Validator<string>;
             onClick: import("prop-types").Validator<(...args: any[]) => any>;
             type: import("prop-types").Requireable<string>;
+            buttonLinkType: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                position: import("prop-types").Validator<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
+            }>>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | null | undefined)[]>;
         onClick: import("prop-types").Requireable<(...args: any[]) => any>;
         menuButtonClassName: import("prop-types").Requireable<string>;

package/lib/molecule/bullet-point-menu-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;CA2D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAG9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/lib/molecule/bullet-point-menu-button/style.css

@@ -13,38 +13,39 @@
 .bulletPointWrapper > button {
   position: relative;
   cursor: pointer;
- }
+}
 
 .bulletPointMenu {
-  min-width: 80px;
-  /* positioning */
   position: absolute;
-  align-self: flex-end;
-  bottom: 54px;
+  top: 48px;
   right: 0px;
-  /* elevation shadow */
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-  z-index: 1;
-  /* round corners */
-  border-radius: 7px;
+  display: flex;
+  flex-direction: column;
+  align-self: flex-end;
+  padding: 12px;
+  min-width: 80px;
+  max-height: 135px;
+  overflow-y: scroll;
+  background: #ffffff;
+  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
+  border-radius: 12px;
   overflow: hidden;
-  background-color: cm_grey_100;
+  transition: visibility 0.5s ease, opacity 0.5s ease;  background-color: #ffffff;
   visibility: hidden;
-  opacity:0;
-  transition:visibility 0.5s ease,opacity 0.5s ease;
+  opacity: 0;
 }
 
 .visible {
   /* fade in combo */
   max-height: max-content;
   visibility: visible;
-  opacity:1;
+  opacity: 1;
 }
 
 /* 
   bulk theme
 */
-.bulkBulletPointMenu{
+.bulkBulletPointMenu {
   min-width: 80px;
   /* positioning */
   position: absolute;
@@ -52,7 +53,9 @@
   bottom: 54px;
   right: 0px;
   /* elevation shadow */
-  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
+    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
+    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
   z-index: 1;
   /* round corners */
   border-radius: 7px;

package/lib/molecule/bullet-point-menu-button/types.d.ts

@@ -10,6 +10,23 @@ declare const propTypes: {
         label: PropTypes.Validator<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
         type: PropTypes.Requireable<string>;
+        buttonLinkType: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Validator<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
+            }>>;
+        }>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }> | null | undefined)[]>;
     onClick: PropTypes.Requireable<(...args: any[]) => any>;
     menuButtonClassName: PropTypes.Requireable<string>;

package/lib/molecule/bullet-point-menu-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}

package/lib/molecule/cm-popin/types.d.ts

@@ -34,7 +34,9 @@ declare const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }>>;
     secondButton: PropTypes.Requireable<PropTypes.InferProps<{
         label: PropTypes.Requireable<string>;
@@ -42,7 +44,9 @@ declare const propTypes: {
         type: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
         icon: PropTypes.Requireable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
@@ -54,7 +58,9 @@ declare const propTypes: {
         type: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         largeButton: PropTypes.Requireable<boolean>;
-        customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
     }>>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     icon: PropTypes.Requireable<string>;
@@ -101,8 +107,17 @@ declare const propTypes: {
                 'data-name': PropTypes.Requireable<string>;
                 'data-testid': PropTypes.Requireable<string>;
                 icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
+                    position: PropTypes.Validator<string>;
                     type: PropTypes.Requireable<string>;
+                    faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        name: PropTypes.Validator<string>;
+                        color: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        size: PropTypes.Requireable<number>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
                 }>>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -114,7 +129,9 @@ declare const propTypes: {
                 hoverColor: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
                 className: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }>>;
             selectMultiple: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -232,6 +249,23 @@ declare const propTypes: {
                             label: PropTypes.Validator<string>;
                             onClick: PropTypes.Validator<(...args: any[]) => any>;
                             type: PropTypes.Requireable<string>;
+                            buttonLinkType: PropTypes.Requireable<string>;
+                            icon: PropTypes.Requireable<PropTypes.InferProps<{
+                                position: PropTypes.Validator<string>;
+                                type: PropTypes.Requireable<string>;
+                                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                    name: PropTypes.Validator<string>;
+                                    color: PropTypes.Requireable<string>;
+                                    backgroundColor: PropTypes.Requireable<string>;
+                                    size: PropTypes.Requireable<number>;
+                                    customStyle: PropTypes.Requireable<{
+                                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                    }>;
+                                }>>;
+                            }>>;
+                            customStyle: PropTypes.Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
                         }> | null | undefined)[]>;
                         onClick: PropTypes.Requireable<(...args: any[]) => any>;
                         menuButtonClassName: PropTypes.Requireable<string>;
@@ -254,8 +288,17 @@ declare const propTypes: {
                     'data-name': PropTypes.Requireable<string>;
                     'data-testid': PropTypes.Requireable<string>;
                     icon: PropTypes.Requireable<PropTypes.InferProps<{
-                        position: PropTypes.Requireable<string>;
+                        position: PropTypes.Validator<string>;
                         type: PropTypes.Requireable<string>;
+                        faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                            name: PropTypes.Validator<string>;
+                            color: PropTypes.Requireable<string>;
+                            backgroundColor: PropTypes.Requireable<string>;
+                            size: PropTypes.Requireable<number>;
+                            customStyle: PropTypes.Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
+                        }>>;
                     }>>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     link: PropTypes.Requireable<PropTypes.InferProps<{
@@ -267,7 +310,9 @@ declare const propTypes: {
                     hoverColor: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
                     className: PropTypes.Requireable<string>;
-                    customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+                    customStyle: PropTypes.Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
                 }> | PropTypes.InferProps<{
                     componentType: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
@@ -279,6 +324,23 @@ declare const propTypes: {
                         label: PropTypes.Validator<string>;
                         onClick: PropTypes.Validator<(...args: any[]) => any>;
                         type: PropTypes.Requireable<string>;
+                        buttonLinkType: PropTypes.Requireable<string>;
+                        icon: PropTypes.Requireable<PropTypes.InferProps<{
+                            position: PropTypes.Validator<string>;
+                            type: PropTypes.Requireable<string>;
+                            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                                name: PropTypes.Validator<string>;
+                                color: PropTypes.Requireable<string>;
+                                backgroundColor: PropTypes.Requireable<string>;
+                                size: PropTypes.Requireable<number>;
+                                customStyle: PropTypes.Requireable<{
+                                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                                }>;
+                            }>>;
+                        }>>;
+                        customStyle: PropTypes.Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
                     }> | null | undefined)[]>;
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     menuButtonClassName: PropTypes.Requireable<string>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/expandible-actionable-table/index.d.ts

@@ -51,6 +51,23 @@ declare const ActionableExpandableTable: {
                     label: import("prop-types").Validator<string>;
                     onClick: import("prop-types").Validator<(...args: any[]) => any>;
                     type: import("prop-types").Requireable<string>;
+                    buttonLinkType: import("prop-types").Requireable<string>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        position: import("prop-types").Validator<string>;
+                        type: import("prop-types").Requireable<string>;
+                        faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                            name: import("prop-types").Validator<string>;
+                            color: import("prop-types").Requireable<string>;
+                            backgroundColor: import("prop-types").Requireable<string>;
+                            size: import("prop-types").Requireable<number>;
+                            customStyle: import("prop-types").Requireable<{
+                                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                            }>;
+                        }>>;
+                    }>>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
                 }> | null | undefined)[]>;
                 onClick: import("prop-types").Requireable<(...args: any[]) => any>;
                 menuButtonClassName: import("prop-types").Requireable<string>;
@@ -73,8 +90,17 @@ declare const ActionableExpandableTable: {
             'data-name': import("prop-types").Requireable<string>;
             'data-testid': import("prop-types").Requireable<string>;
             icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                position: import("prop-types").Requireable<string>;
+                position: import("prop-types").Validator<string>;
                 type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                    }>;
+                }>>;
             }>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -86,7 +112,9 @@ declare const ActionableExpandableTable: {
             hoverColor: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             className: import("prop-types").Requireable<string>;
-            customStyle: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }> | import("prop-types").InferProps<{
             componentType: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
@@ -98,6 +126,23 @@ declare const ActionableExpandableTable: {
                 label: import("prop-types").Validator<string>;
                 onClick: import("prop-types").Validator<(...args: any[]) => any>;
                 type: import("prop-types").Requireable<string>;
+                buttonLinkType: import("prop-types").Requireable<string>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    position: import("prop-types").Validator<string>;
+                    type: import("prop-types").Requireable<string>;
+                    faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                        name: import("prop-types").Validator<string>;
+                        color: import("prop-types").Requireable<string>;
+                        backgroundColor: import("prop-types").Requireable<string>;
+                        size: import("prop-types").Requireable<number>;
+                        customStyle: import("prop-types").Requireable<{
+                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                        }>;
+                    }>>;
+                }>>;
+                customStyle: import("prop-types").Requireable<{
+                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+                }>;
             }> | null | undefined)[]>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             menuButtonClassName: import("prop-types").Requireable<string>;

package/lib/molecule/expandible-actionable-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAOjE,OAAO,EAA2C,KAAK,EAAY,MAAM,SAAS,CAAC;AAqCnF,QAAA,MAAM,yBAAyB;YAAW,KAAK,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoL/E,CAAC;AASF,eAAe,yBAAyB,CAAC"}