@coorpacademy/components 11.33.14 → 11.33.15

package/lib/organism/icon-editor/index.d.ts

@@ -1,26 +1,76 @@
-export default IconEditor;
-declare function IconEditor(props: any, context: any): JSX.Element;
-declare namespace IconEditor {
-    namespace contextTypes {
-        const translate: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    namespace propTypes {
-        const iconName: PropTypes.Validator<string>;
-        const iconColor: PropTypes.Requireable<string>;
-        const title: PropTypes.Requireable<string>;
-        const handleChange: PropTypes.Validator<(...args: any[]) => any>;
-        const buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            ariaLabel: PropTypes.Requireable<string>;
-            dataName: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
-                position: PropTypes.Requireable<string>;
-                type: PropTypes.Requireable<string>;
+/// <reference types="react" />
+import type { WebContextValues } from '../../atom/provider/web-context';
+import { IconEditorProps } from './types';
+declare const IconEditor: {
+    (props: IconEditorProps, legacyContext: WebContextValues): JSX.Element;
+    contextTypes: {
+        translate: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+    propTypes: {
+        iconPreview: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+                name: import("prop-types").Validator<string>;
+                color: import("prop-types").Requireable<string>;
+            }>>>;
+        }>>;
+        inputText: import("prop-types").Requireable<import("prop-types").InferProps<{
+            autoFocus: import("prop-types").Requireable<boolean>;
+            title: import("prop-types").Requireable<string>;
+            placeholder: import("prop-types").Requireable<string>;
+            defaultValue: import("prop-types").Requireable<string>;
+            theme: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            value: import("prop-types").Requireable<string>;
+            hint: import("prop-types").Requireable<string>;
+            error: import("prop-types").Requireable<string>;
+            onChange: import("prop-types").Requireable<(...args: any[]) => any>;
+            description: import("prop-types").Requireable<string>;
+            modified: import("prop-types").Requireable<boolean>;
+            type: import("prop-types").Requireable<string>;
+            valid: import("prop-types").Requireable<boolean>;
+            'aria-label': import("prop-types").Requireable<string>;
+            'data-name': import("prop-types").Requireable<string>;
+            inputColor: import("prop-types").Requireable<boolean>;
+        }>>;
+        buttonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
+            type: import("prop-types").Requireable<string>;
+            usage: import("prop-types").Requireable<string>;
+            label: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            'aria-label': import("prop-types").Requireable<string>;
+            tooltipText: import("prop-types").Requireable<string>;
+            tooltipPlacement: import("prop-types").Requireable<string>;
+            '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>;
+                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: PropTypes.Requireable<(...args: any[]) => any>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            link: import("prop-types").Requireable<import("prop-types").InferProps<{
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+            }>>;
+            hoverBackgroundColor: import("prop-types").Requireable<string>;
+            hoverColor: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            className: import("prop-types").Requireable<string>;
+            customStyle: import("prop-types").Requireable<{
+                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+            }>;
         }>>;
-    }
-}
-import PropTypes from "prop-types";
+    };
+};
+export default IconEditor;
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/icon-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.js"],"names":[],"mappings":";AASA,mEA8BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B1E,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/lib/organism/icon-editor/index.js

@@ -3,65 +3,54 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _iconPreview = _interopRequireDefault(require("../../molecule/icon-preview"));
 var _inputText = _interopRequireDefault(require("../../atom/input-text"));
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 var _validateColor = require("../../util/validate-color");
+var _colors = require("../../variables/colors");
 var _style = _interopRequireDefault(require("./style.css"));
+var _types = _interopRequireDefault(require("./types"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const IconEditor = (props, context) => {
+const IconEditor = (props, legacyContext) => {
+  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
   const {
-    iconName,
-    title,
-    iconColor,
-    buttonLink,
-    handleChange
+    iconPreview,
+    inputText,
+    buttonLink
   } = props;
   const {
-    translate
-  } = context;
-  const isValidColor = (0, _validateColor.validateColor)(iconColor);
+    title,
+    icon
+  } = iconPreview;
+  const isValidColor = (0, _validateColor.validateColor)(icon.color);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_iconPreview.default, {
-    iconName: iconName,
-    title: title,
-    iconColor: isValidColor ? iconColor : '#FFFFFF'
+    icon: {
+      ...icon,
+      color: isValidColor ? icon.color : _colors.COLORS.white
+    },
+    title: title
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.inputButtonContainer
   }, /*#__PURE__*/_react.default.createElement(_inputText.default, {
     type: "text",
     title: translate('icon_editor_color'),
-    placeholder: "#FFFFFF",
+    placeholder: _colors.COLORS.white,
     theme: "coorpmanager",
     description: translate('icon_editor_color'),
-    value: iconColor,
-    error: iconColor && !isValidColor && translate('invalid_color'),
+    value: icon.color,
+    error: icon.color && !isValidColor ? translate('invalid_color') : undefined,
     disabled: false,
     valid: false,
-    onChange: handleChange,
+    onChange: inputText.handleChange,
     inputColor: true
   }), /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink)));
 };
 IconEditor.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
-IconEditor.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconName: _propTypes.default.string.isRequired,
-  iconColor: _propTypes.default.string,
-  title: _propTypes.default.string,
-  handleChange: _propTypes.default.func.isRequired,
-  buttonLink: _propTypes.default.shape({
-    type: _propTypes.default.string,
-    label: _propTypes.default.string,
-    ariaLabel: _propTypes.default.string,
-    dataName: _propTypes.default.string,
-    icon: _propTypes.default.shape({
-      position: _propTypes.default.string,
-      type: _propTypes.default.string
-    }),
-    onClick: _propTypes.default.func
-  })
-} : {};
+IconEditor.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = IconEditor;
 //# sourceMappingURL=index.js.map

package/lib/organism/icon-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_iconPreview","_inputText","_buttonLink","_provider","_validateColor","_style","e","__esModule","default","IconEditor","props","context","iconName","title","iconColor","buttonLink","handleChange","translate","isValidColor","validateColor","createElement","Fragment","className","style","inputButtonContainer","type","placeholder","theme","description","value","error","disabled","valid","onChange","inputColor","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","shape","label","ariaLabel","dataName","icon","position","onClick","_default","exports"],"sources":["../../../src/organism/icon-editor/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider from '../../atom/provider';\nimport {validateColor} from '../../util/validate-color';\nimport style from './style.css';\n\nconst IconEditor = (props, context) => {\n  const {iconName, title, iconColor, buttonLink, handleChange} = props;\n  const {translate} = context;\n\n  const isValidColor = validateColor(iconColor);\n  return (\n    <>\n      <IconPreview\n        iconName={iconName}\n        title={title}\n        iconColor={isValidColor ? iconColor : '#FFFFFF'}\n      />\n      <div className={style.inputButtonContainer}>\n        <InputText\n          type=\"text\"\n          title={translate('icon_editor_color')}\n          placeholder=\"#FFFFFF\"\n          theme=\"coorpmanager\"\n          description={translate('icon_editor_color')}\n          value={iconColor}\n          error={iconColor && !isValidColor && translate('invalid_color')}\n          disabled={false}\n          valid={false}\n          onChange={handleChange}\n          inputColor\n        />\n        <ButtonLink {...buttonLink} />\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = {\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string,\n  title: PropTypes.string,\n  handleChange: PropTypes.func.isRequired,\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  })\n};\n\nexport default IconEditor;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_iconPreview","_inputText","_buttonLink","_provider","_interopRequireWildcard","_validateColor","_colors","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IconEditor","props","legacyContext","translate","GetTranslateFromContext","iconPreview","inputText","buttonLink","title","icon","isValidColor","validateColor","color","createElement","Fragment","COLORS","white","className","style","inputButtonContainer","type","placeholder","theme","description","value","error","undefined","disabled","valid","onChange","handleChange","inputColor","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/organism/icon-editor/index.tsx"],"sourcesContent":["import React from 'react';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {validateColor} from '../../util/validate-color';\nimport type {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {IconEditorProps} from './types';\n\nconst IconEditor = (props: IconEditorProps, legacyContext: WebContextValues) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {iconPreview, inputText, buttonLink} = props;\n  const {title, icon} = iconPreview;\n\n  const isValidColor = validateColor(icon.color);\n  return (\n    <>\n      <IconPreview\n        icon={{...icon, color: isValidColor ? icon.color : COLORS.white}}\n        title={title}\n      />\n      <div className={style.inputButtonContainer}>\n        <InputText\n          type=\"text\"\n          title={translate('icon_editor_color')}\n          placeholder={COLORS.white}\n          theme=\"coorpmanager\"\n          description={translate('icon_editor_color')}\n          value={icon.color}\n          error={icon.color && !isValidColor ? translate('invalid_color') : undefined}\n          disabled={false}\n          valid={false}\n          onChange={inputText.handleChange}\n          inputColor\n        />\n        <ButtonLink {...buttonLink} />\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = propTypes;\n\nexport default IconEditor;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/icon-editor/style.css

@@ -2,11 +2,11 @@
 @value cm_grey_700 from colors;
 
 .inputButtonContainer {
-    display: flex;
-    align-items: flex-start;;
-    gap: 8px;
-  }
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
 
 .inputButtonContainer button {
   width: 137px;
-}
+}

package/lib/organism/icon-editor/types.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+import { IconPreviewProps } from '../../molecule/icon-preview/types';
+import InputText from '../../atom/input-text';
+import { ButtonLinkProps } from '../../atom/button-link/types';
+declare const IconEditorPropTypes: {
+    iconPreview: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        icon: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            color: PropTypes.Requireable<string>;
+        }>>>;
+    }>>;
+    inputText: PropTypes.Requireable<PropTypes.InferProps<{
+        autoFocus: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        theme: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        hint: PropTypes.Requireable<string>;
+        error: PropTypes.Requireable<string>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        description: PropTypes.Requireable<string>;
+        modified: PropTypes.Requireable<boolean>;
+        type: PropTypes.Requireable<string>;
+        valid: PropTypes.Requireable<boolean>;
+        'aria-label': PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        inputColor: PropTypes.Requireable<boolean>;
+    }>>;
+    buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+        type: PropTypes.Requireable<string>;
+        usage: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        'aria-label': PropTypes.Requireable<string>;
+        tooltipText: PropTypes.Requireable<string>;
+        tooltipPlacement: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        'data-testid': PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<PropTypes.InferProps<{
+            position: PropTypes.Requireable<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<{
+            href: PropTypes.Requireable<string>;
+            download: PropTypes.Requireable<boolean>;
+            target: PropTypes.Requireable<string>;
+        }>>;
+        hoverBackgroundColor: PropTypes.Requireable<string>;
+        hoverColor: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        customStyle: PropTypes.Requireable<{
+            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
+        }>;
+    }>>;
+};
+export default IconEditorPropTypes;
+export declare type IconEditorProps = {
+    iconPreview: IconPreviewProps;
+    inputText: React.ComponentProps<typeof InputText>;
+    buttonLink?: ButtonLinkProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/organism/icon-editor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAEnE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAEnC,oBAAY,eAAe,GAAG;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}

package/lib/organism/icon-editor/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _iconPreview = _interopRequireDefault(require("../../molecule/icon-preview"));
+var _inputText = _interopRequireDefault(require("../../atom/input-text"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const IconEditorPropTypes = {
+  iconPreview: _propTypes.default.shape(_iconPreview.default.propTypes),
+  inputText: _propTypes.default.shape(_inputText.default.propTypes),
+  buttonLink: _propTypes.default.shape(_buttonLink.default.propTypes)
+};
+var _default = exports.default = IconEditorPropTypes;
+//# sourceMappingURL=types.js.map

package/lib/organism/icon-editor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_iconPreview","_inputText","_buttonLink","e","__esModule","default","IconEditorPropTypes","iconPreview","PropTypes","shape","IconPreview","propTypes","inputText","InputText","buttonLink","ButtonLink","_default","exports"],"sources":["../../../src/organism/icon-editor/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {IconPreviewProps} from '../../molecule/icon-preview/types';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst IconEditorPropTypes = {\n  iconPreview: PropTypes.shape(IconPreview.propTypes),\n  inputText: PropTypes.shape(InputText.propTypes),\n  buttonLink: PropTypes.shape(ButtonLink.propTypes)\n};\n\nexport default IconEditorPropTypes;\n\nexport type IconEditorProps = {\n  iconPreview: IconPreviewProps;\n  inputText: React.ComponentProps<typeof InputText>;\n  buttonLink?: ButtonLinkProps;\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAgD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhD,MAAMG,mBAAmB,GAAG;EAC1BC,WAAW,EAAEC,kBAAS,CAACC,KAAK,CAACC,oBAAW,CAACC,SAAS,CAAC;EACnDC,SAAS,EAAEJ,kBAAS,CAACC,KAAK,CAACI,kBAAS,CAACF,SAAS,CAAC;EAC/CG,UAAU,EAAEN,kBAAS,CAACC,KAAK,CAACM,mBAAU,CAACJ,SAAS;AAClD,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaC,mBAAmB","ignoreList":[]}

package/lib/organism/list-item/style.css

@@ -145,5 +145,6 @@
 }
 
 .checked {
-  outline: 2px solid cm_primary_blue;
-}
+  border: 2px solid cm_primary_blue;
+  padding: 10px 14px;
+}