@corva/ui 0.99.0-7 → 0.99.0-8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs-bundle/componentsV2/Button/Button.scss.js +1 -1
- package/cjs-bundle/componentsV2/Chip/Chip.js +1 -0
- package/cjs-bundle/componentsV2/Chip/Chip.scss.js +1 -0
- package/cjs-bundle/componentsV2/LoaderCircular/LoaderCircular.js +1 -0
- package/cjs-bundle/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js +1 -1
- package/cjs-bundle/componentsV2/TextInput/TextInput.js +1 -0
- package/cjs-bundle/componentsV2/TextInput/TextInput.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextInput/useShrink.js +1 -0
- package/cjs-bundle/componentsV2/TextLink/TextLink.js +1 -0
- package/cjs-bundle/componentsV2/TextLink/TextLink.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -0
- package/cjs-bundle/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -0
- package/cjs-bundle/componentsV2/TextTruncated/TextTruncated.js +1 -0
- package/cjs-bundle/componentsV2/TextTruncated/TextTruncated.scss.js +1 -0
- package/cjs-bundle/componentsV2/index.js +1 -1
- package/componentsV2/Button/Button.scss.js +1 -1
- package/componentsV2/Chip/Chip.d.ts +19 -0
- package/componentsV2/Chip/Chip.d.ts.map +1 -0
- package/componentsV2/Chip/Chip.js +1 -0
- package/componentsV2/Chip/Chip.scss.js +1 -0
- package/componentsV2/Chip/Chip.stories.d.ts +13 -0
- package/componentsV2/Chip/Chip.stories.d.ts.map +1 -0
- package/componentsV2/Chip/index.d.ts +2 -0
- package/componentsV2/Chip/index.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.d.ts +11 -0
- package/componentsV2/LoaderCircular/LoaderCircular.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.js +1 -0
- package/componentsV2/LoaderCircular/LoaderCircular.stories.d.ts +10 -0
- package/componentsV2/LoaderCircular/LoaderCircular.stories.d.ts.map +1 -0
- package/componentsV2/LoaderCircular/index.d.ts +2 -0
- package/componentsV2/LoaderCircular/index.d.ts.map +1 -0
- package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.scss.js +1 -1
- package/componentsV2/TextInput/TextInput.d.ts +30 -0
- package/componentsV2/TextInput/TextInput.d.ts.map +1 -0
- package/componentsV2/TextInput/TextInput.js +1 -0
- package/componentsV2/TextInput/TextInput.scss.js +1 -0
- package/componentsV2/TextInput/TextInput.stories.d.ts +15 -0
- package/componentsV2/TextInput/TextInput.stories.d.ts.map +1 -0
- package/componentsV2/TextInput/index.d.ts +2 -0
- package/componentsV2/TextInput/index.d.ts.map +1 -0
- package/componentsV2/TextInput/useShrink.d.ts +24 -0
- package/componentsV2/TextInput/useShrink.d.ts.map +1 -0
- package/componentsV2/TextInput/useShrink.js +1 -0
- package/componentsV2/TextLink/TextLink.d.ts +28 -0
- package/componentsV2/TextLink/TextLink.d.ts.map +1 -0
- package/componentsV2/TextLink/TextLink.js +1 -0
- package/componentsV2/TextLink/TextLink.scss.js +1 -0
- package/componentsV2/TextLink/TextLink.stories.d.ts +10 -0
- package/componentsV2/TextLink/TextLink.stories.d.ts.map +1 -0
- package/componentsV2/TextLink/index.d.ts +2 -0
- package/componentsV2/TextLink/index.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts +11 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js +1 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts +9 -0
- package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.d.ts.map +1 -0
- package/componentsV2/TextMiddleTruncated/index.d.ts +2 -0
- package/componentsV2/TextMiddleTruncated/index.d.ts.map +1 -0
- package/componentsV2/TextTruncated/TextTruncated.d.ts +15 -0
- package/componentsV2/TextTruncated/TextTruncated.d.ts.map +1 -0
- package/componentsV2/TextTruncated/TextTruncated.js +1 -0
- package/componentsV2/TextTruncated/TextTruncated.scss.js +1 -0
- package/componentsV2/TextTruncated/TextTruncated.stories.d.ts +11 -0
- package/componentsV2/TextTruncated/TextTruncated.stories.d.ts.map +1 -0
- package/componentsV2/TextTruncated/index.d.ts +2 -0
- package/componentsV2/TextTruncated/index.d.ts.map +1 -0
- package/componentsV2/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/componentsV2/index.d.ts +6 -0
- package/componentsV2/index.d.ts.map +1 -1
- package/componentsV2/index.js +1 -1
- package/package.json +1 -1
- package/styles/common.scss +15 -1
- package/styles/utils.scss +13 -0
- package/styles/vars.base.scss +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Button_root__urTct.MuiButton-root{
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Button_root__urTct.MuiButton-root{transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Button_root__urTct:not(.Button_chart__VtHxy){letter-spacing:1px}.Button_root__urTct.Button_primaryDestructive__uzEdA{background:var(--palette-error-dark)}.Button_root__urTct.Button_primaryDestructive__uzEdA:hover{background:var(--palette-error-main)}.Button_root__urTct.Button_primaryDestructive__uzEdA.Button_disabled__-IfQw{background:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7{color:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7:hover{background:rgb(from var(--palette-error-dark) r g b/.24);color:var(--palette-error-main)}.Button_root__urTct.Button_secondaryDestructive__rpBj7.Button_disabled__-IfQw{color:var(--palette-error-dark)}.Button_root__urTct.Button_chart__VtHxy{font-weight:400;letter-spacing:normal;text-transform:none}"),module.exports={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require('./../../ext-esm/tslib/tslib.es6.js'),e=require("react/jsx-runtime"),i=require("react"),o=require("classnames"),c=require("../../icons/iconParkIcons.js");require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js");var n=require("./Chip.scss.js");function r(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var u=r(o),t={default:n.default,caution:n.caution,info:n.info,error:n.error,pending:n.pending,success:n.success,warning:n.warning},l={default:n.filled,outlined:n.outlined},a={medium:n.medium,small:n.small,xs:n.xsmall},d={medium:24,small:16,xs:12},m=i.forwardRef((function(o,r){var m=o.disabled,j=o.prefix,q=o.suffix,f=o.testId,I=o.className,p=o.children,x=o.onClick,h=o.onDelete,C=o.size,b=void 0===C?"medium":C,v=o.state,k=void 0===v?"default":v,g=o.type,E=void 0===g?"default":g,F=s.__rest(o,["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","state","type"]),_=m?void 0:x,w=i.useCallback((function(s){s.stopPropagation(),null==h||h(s)}),[h]);return e.jsxs("div",s.__assign({className:u.default(n.root,_&&n.hoverable,m&&n.disabled,j&&n.withPrefix,(h||q)&&n.withSuffix,a[b],l[E],t[k],I),onClick:_,"data-testid":f,ref:r},F,{children:[j&&i.isValidElement(j)?i.cloneElement(j,{size:d[b]}):j,e.jsx("div",{className:n.label,children:p}),q&&i.isValidElement(q)?i.cloneElement(q,{size:d[b]}):q,h&&e.jsx(c.CloseSmallIcon,{className:n.deleteIcon,onClick:w,size:16})]}))}));exports.Chip=m;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".Chip_root__E-kyT{align-items:center;border:1px solid transparent;border-radius:40px;display:inline-flex;font-size:14px;font-weight:400;gap:4px;overflow:hidden;padding:0 12px;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);user-select:none;vertical-align:middle;white-space:nowrap}.Chip_withPrefix__OWfoW{padding-left:8px}.Chip_withSuffix__v--KV{padding-right:8px}.Chip_deleteIcon__Tg3iT{color:var(--palette-primary-text-6);cursor:pointer}.Chip_deleteIcon__Tg3iT svg{display:block}.Chip_label__k3LIg{margin-right:auto}.Chip_medium__xrFuK{height:32px;line-height:30px}.Chip_small__r1k4o{height:24px;line-height:22px}.Chip_xsmall__VBn-K{font-size:11px;height:16px;line-height:14px;padding:0 8px}.Chip_xsmall__VBn-K.Chip_withPrefix__OWfoW{padding-left:4px}.Chip_xsmall__VBn-K.Chip_withSuffix__v--KV{padding-right:4px}.Chip_hoverable__vXYZv{cursor:pointer}.Chip_disabled__u2qeq{opacity:.4}.Chip_filled__jpkzS.Chip_default__9LNLe{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-6)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.1);color:var(--palette-primary-text-1)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_disabled__u2qeq{background:rgb(from var(--palette-primary-text-1) r g b/.03);color:var(--palette-primary-text-9);opacity:1}.Chip_filled__jpkzS.Chip_caution__dALq9,.Chip_filled__jpkzS.Chip_error__j4o5-,.Chip_filled__jpkzS.Chip_info__JfqpF,.Chip_filled__jpkzS.Chip_pending__yhPXR,.Chip_filled__jpkzS.Chip_success__X3OdP,.Chip_filled__jpkzS.Chip_warning__XMe7i{background:var(--corvaui-chip-bg);color:var(--corvaui-chip-color)}.Chip_filled__jpkzS.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_filled__jpkzS.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bg:rgb(from var(--palette-info-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bg:rgb(from var(--palette-warning-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bg:rgb(from #f09538 r g b/0.2);--corvaui-chip-bghover:rgb(from #f09538 r g b/0.3)}.Chip_filled__jpkzS.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bg:rgb(from var(--palette-error-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bg:rgb(from var(--palette-success-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bg:rgb(from #cb75ff r g b/0.2);--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.3)}.Chip_outlined__lo-AZ .Chip_label__k3LIg{color:var(--palette-primary-text-6);transition:inherit}.Chip_outlined__lo-AZ.Chip_hoverable__vXYZv:hover .Chip_label__k3LIg{color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe{border-color:var(--palette-primary-text-9);color:var(--palette-primary-text-6)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_disabled__u2qeq{opacity:1}.Chip_outlined__lo-AZ.Chip_caution__dALq9,.Chip_outlined__lo-AZ.Chip_error__j4o5-,.Chip_outlined__lo-AZ.Chip_info__JfqpF,.Chip_outlined__lo-AZ.Chip_pending__yhPXR,.Chip_outlined__lo-AZ.Chip_success__X3OdP,.Chip_outlined__lo-AZ.Chip_warning__XMe7i{border-color:var(--corvaui-chip-color);color:var(--corvaui-chip-color)}.Chip_outlined__lo-AZ.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_outlined__lo-AZ.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bghover:rgb(from #f09538 r g b/0.1)}.Chip_outlined__lo-AZ.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.1)}"),module.exports={spacing:"8",root:"Chip_root__E-kyT",withPrefix:"Chip_withPrefix__OWfoW",withSuffix:"Chip_withSuffix__v--KV",deleteIcon:"Chip_deleteIcon__Tg3iT",label:"Chip_label__k3LIg",medium:"Chip_medium__xrFuK",small:"Chip_small__r1k4o",xsmall:"Chip_xsmall__VBn-K",hoverable:"Chip_hoverable__vXYZv",disabled:"Chip_disabled__u2qeq",filled:"Chip_filled__jpkzS",default:"Chip_default__9LNLe",info:"Chip_info__JfqpF",warning:"Chip_warning__XMe7i",caution:"Chip_caution__dALq9",error:"Chip_error__j4o5-",pending:"Chip_pending__yhPXR",success:"Chip_success__X3OdP",outlined:"Chip_outlined__lo-AZ"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@material-ui/core"),a={xs:16,small:24,medium:32,large:40};exports.LoaderCircular=function(i){var s=i.size,t=void 0===s?"small":s,l=i.value,u=i.testId,o=i.className,c=a[t],d=22/c*3.6;return e.jsx(r.CircularProgress,{color:"primary",size:c,value:l,variant:void 0!==l?"determinate":"indeterminate",className:o,thickness:d,"data-testid":u})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".RadioAndCheckboxLabel_root__ECgvv{display:block;vertical-align:middle}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM{gap:0 4px;margin:0;width:100%}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM .RadioAndCheckboxLabel_control__0GFJg{margin:var(--corvaui-
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".RadioAndCheckboxLabel_root__ECgvv{display:block;vertical-align:middle}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM{gap:0 4px;margin:0;width:100%}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM .RadioAndCheckboxLabel_control__0GFJg{margin:var(--corvaui-radioandcheckboxlabel-shift)}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementStart__-4zRr .RadioAndCheckboxLabel_control__0GFJg{margin-left:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementEnd__Cb9wv .RadioAndCheckboxLabel_control__0GFJg{margin-right:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementTop__1YoWH .RadioAndCheckboxLabel_control__0GFJg{margin-top:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementBottom__QKBJ5 .RadioAndCheckboxLabel_control__0GFJg{margin-bottom:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_medium__FFtpb{--corvaui-radioandcheckboxlabel-shift:-8px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA-{--corvaui-radioandcheckboxlabel-shift:-4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .MuiFormControlLabel-label{font-size:14px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg{padding:4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg svg{height:16px;width:16px}"),module.exports={spacing:"8",root:"RadioAndCheckboxLabel_root__ECgvv",label:"RadioAndCheckboxLabel_label__-TTiM",control:"RadioAndCheckboxLabel_control__0GFJg",placementStart:"RadioAndCheckboxLabel_placementStart__-4zRr",placementEnd:"RadioAndCheckboxLabel_placementEnd__Cb9wv",placementTop:"RadioAndCheckboxLabel_placementTop__1YoWH",placementBottom:"RadioAndCheckboxLabel_placementBottom__QKBJ5",medium:"RadioAndCheckboxLabel_medium__FFtpb",small:"RadioAndCheckboxLabel_small__gmtA-"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),n=require("@material-ui/core"),s=require("react"),a=require("classnames"),t=require("../TextTruncated/TextTruncated.js"),l=require("../LoaderCircular/LoaderCircular.js"),i=require("./useShrink.js"),u=require("./TextInput.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(a),c=function(e){return s.isValidElement(e)?s.cloneElement(e,{size:16}):e?r.jsx("p",{children:e}):null},p={error:u.error,loading:""},m={normal:u.normal,dense:u.dense},x=function(a){var o=a.type,x=a.className,f=a.testId,h=a.prefix,j=a.suffix,b=a.onFocus,g=a.onBlur,v=a.value,T=void 0===v?"":v,q=a.message,y=a.spacing,N=void 0===y?"normal":y,C=a.onChange,I=a.status,A=a.placeholder,_=a.disabled,k=a.label,F=s.useCallback((function(e){return null==C?void 0:C(e.target.value,e)}),[C]),L=s.useMemo((function(){return{startAdornment:h&&r.jsx(n.InputAdornment,{position:"start",className:u.adornment,disableTypography:!0,children:c(h)}),endAdornment:(j||"loading"===I)&&r.jsxs(n.InputAdornment,{position:"end",className:u.adornment,disableTypography:!0,children:["loading"===I&&r.jsx(l.LoaderCircular,{size:"xs",className:u.loader}),c(j)]})}}),[h,j,I]),O=i.useShrink({propOnFocus:b,propOnBlur:g,value:T,prefix:h,suffix:j,status:I});return r.jsx("label",{className:d.default(u.root,I&&p[I],m[N],x),"data-testid":f,children:r.jsx(n.TextField,e.__assign({value:T,onChange:F,label:r.jsx(t.TextTruncated,{children:k}),InputProps:L,type:o,fullWidth:!0,margin:N,helperText:q,error:"error"===I,disabled:_,placeholder:A},O))})};x.Affix=function(e){var n=e.children,s=e.className;return r.jsx("p",{className:s,children:n})},exports.TextInput=x;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextInput_root__IyNqX{display:block}.TextInput_root__IyNqX .MuiInputBase-input::-webkit-search-cancel-button{appearance:none;display:none}.TextInput_root__IyNqX .MuiInputLabel-root+.MuiInput-root{margin-top:16px}.TextInput_root__IyNqX.TextInput_normal__TNYU4 .MuiInput-root .MuiInput-input{padding:6px 0 5px}.TextInput_root__IyNqX.TextInput_dense__UsYfl .MuiInput-root .MuiInput-input.MuiInputBase-inputMarginDense{padding:4px 0}.TextInput_root__IyNqX .MuiFormControl-root{margin:0}.TextInput_root__IyNqX .MuiInputLabel-root{line-height:19px;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.TextInput_root__IyNqX .MuiInputLabel-shrink{width:133%}.TextInput_root__IyNqX .TextInput_adornment__c2JxK{color:inherit;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextInput_root__IyNqX .Mui-focused .TextInput_adornment__c2JxK{color:var(--palette-primary-main)}.TextInput_root__IyNqX.TextInput_error__aSA-t .TextInput_adornment__c2JxK{color:var(--palette-error-main)}.TextInput_loader__RKKMk:not(:last-child){margin-right:8px}"),module.exports={spacing:"8",root:"TextInput_root__IyNqX",normal:"TextInput_normal__TNYU4",dense:"TextInput_dense__UsYfl",adornment:"TextInput_adornment__c2JxK",error:"TextInput_error__aSA-t",loader:"TextInput_loader__RKKMk"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useShrink=function(t){var n=t.propOnFocus,r=t.propOnBlur,o=t.value,u=t.suffix,f=t.prefix,l=t.status,i=String(o).length>0,s=e.useState(!1),a=s[0],c=s[1],p=e.useState({left:0,right:0}),v=p[0],d=p[1],h=e.useRef(null),g=e.useRef(null),x=function(){var e,t,n,r=(null===(e=function(e,t){if(e&&t&&e!==t){for(var n=0,r=0,o=e;o&&o!==t;)n+=o.offsetLeft,r+=o.offsetTop,o=o.parentElement;return{offsetLeft:n,offsetTop:r}}}(g.current,h.current))||void 0===e?void 0:e.offsetLeft)||0;d({left:r,right:((null===(t=h.current)||void 0===t?void 0:t.offsetWidth)||0)-r-((null===(n=g.current)||void 0===n?void 0:n.offsetWidth)||0)})},y=e.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];null==n||n.apply(void 0,e),c(!0)}),[n]),L=e.useCallback((function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];null==r||r.apply(void 0,e),c(!1),x()}),[r]);return e.useLayoutEffect(x,[f,u,l]),e.useMemo((function(){var e=i||a;return{ref:h,inputRef:g,InputLabelProps:{component:"div",shrink:e,style:{padding:e?"0px":"0 ".concat(v.right,"px 0 ").concat(v.left,"px")}},onFocus:y,onBlur:L}}),[i,a,y,L,v])};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../ext-esm/tslib/tslib.es6.js'),t=require("react/jsx-runtime"),s=require("react"),r=require("classnames"),i=require("@material-ui/icons/Language"),a=require("../Tooltip/Tooltip.js"),l=require("./TextLink.scss.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r),d=o(i),c=s.forwardRef((function(s,r){var i=s.to,a=s.children,l=e.__rest(s,["to","children"]);return t.jsx("a",e.__assign({},l,{href:i,ref:r,children:a}))})),u=s.forwardRef((function(s,r){var i=s.children,o=s.className,u=s.testId,f=s.disableTooltip,m=s.disabled,p=s.component,b=void 0===p?c:p,j=s.to,x=s.onClick,_=s.target,h=void 0===_?"_blank":_,v=e.__rest(s,["children","className","testId","disableTooltip","disabled","component","to","onClick","target"]),g=n.default(l.root,m?l.disabled:l.enabled),q=null==j?void 0:j.replaceAll("/","/");return t.jsx(a.Tooltip,{title:t.jsxs("div",{className:l.tooltip,children:[t.jsx(d.default,{fontSize:"small",className:l.icon}),q]}),disabled:f,placement:"bottom-start",children:t.jsx("span",{ref:r,className:o,children:m?t.jsx("span",{className:g,children:i}):t.jsx(b,e.__assign({onClick:x,className:g,"data-testid":u,to:j,target:h},v,{children:i}))})})}));exports.TextLink=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextLink_root__QwRLL{cursor:pointer;font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs{color:var(--palette-primary-main)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs:active,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited{text-decoration:underline}.TextLink_root__QwRLL.TextLink_disabled__zz9Bk{color:var(--palette-primary-dark);pointer-events:none}.TextLink_tooltip__nVhOn{align-items:center;display:flex;max-width:300px;overflow:hidden;text-overflow:ellipsis}.TextLink_icon__-wrDV{margin-right:8px}"),module.exports={spacing:"8",root:"TextLink_root__QwRLL",enabled:"TextLink_enabled__xRVMs",disabled:"TextLink_disabled__zz9Bk",tooltip:"TextLink_tooltip__nVhOn",icon:"TextLink_icon__-wrDV"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("classnames"),t=require("react"),n=require("lodash"),i=require("../Tooltip/Tooltip.js"),u=require("./TextMiddleTruncated.scss.js"),s=require("../../utils/formatting.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(r);exports.TextMiddleTruncated=function(r){var c=r.children,d=r.testId,l=r.className,o=r.disableTooltip,f=String(c),v=t.useRef(null),b=t.useRef(null),h=t.useState(f),j=h[0],x=h[1];return t.useLayoutEffect((function(){var e=n.debounce((function(){if(v.current&&b.current){var e=v.current.clientWidth,r=b.current,t=r.clientWidth,n=r.textContent;x(s.truncateInTheMiddle(n,e,t))}}),200,{leading:!0}),r=new ResizeObserver(e),t=new MutationObserver(e);return v.current&&b.current&&(r.observe(v.current),r.observe(b.current),t.observe(b.current,{characterData:!0})),function(){r.disconnect(),t.disconnect()}}),[]),e.jsx(i.Tooltip,{title:f,disabled:o||j===f,children:e.jsxs("div",{className:a.default(u.root,l),ref:v,"data-testid":d,children:[j,e.jsx("div",{className:u.hiddenElement,ref:b,children:f})]})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{pointer-events:none;position:absolute;visibility:hidden}"),module.exports={root:"TextMiddleTruncated_root__sMHwy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("classnames"),r=require("react"),i=require("lodash"),n=require("../Tooltip/Tooltip.js"),s=require("./TextTruncated.scss.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(t);exports.TextTruncated=function(t){var u=t.children,a=t.disableTooltip,l=t.maxLines,o=void 0===l?1:l,d=t.testId,f=t.className,v=o>1,b=r.useRef(null),h=r.useRef(v),p=r.useState(null),x=p[0],T=p[1],j=r.useState(!0),m=j[0],q=j[1];return h.current=v,r.useLayoutEffect((function(){var e=i.debounce((function(){var e=b.current;e&&(T(e.textContent),q(e.scrollWidth<=e.clientWidth&&(e.scrollHeight<=e.clientHeight||!h.current)))}),200),t=new ResizeObserver(e),r=new MutationObserver(e);return b.current&&(t.observe(b.current),r.observe(b.current,{childList:!0,subtree:!0,characterData:!0})),function(){t.disconnect(),r.disconnect()}}),[]),e.jsx(n.Tooltip,{title:x,disabled:m||a,children:e.jsx("div",{className:c.default(s.root,v?s.multiLine:s.singleLine,f),style:v?{WebkitLineClamp:o}:void 0,ref:b,"data-testid":d,children:u})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".TextTruncated_root__vjWX7{line-height:inherit;max-width:100%;overflow:hidden}.TextTruncated_singleLine__2AIYs{text-overflow:ellipsis;white-space:nowrap}.TextTruncated_multiLine__Wtv-b{-webkit-box-orient:vertical;display:-webkit-box}"),module.exports={root:"TextTruncated_root__vjWX7",singleLine:"TextTruncated_singleLine__2AIYs",multiLine:"TextTruncated_multiLine__Wtv-b"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Text/Text.js"),r=require("./Grid/Grid.js"),o=require("./Grid/Cell.js"),t=require("./Header/Header.js"),i=require("./Button/Button.js"),u=require("./ButtonIcon/ButtonIcon.js"),p=require("./Tooltip/Tooltip.js"),x=require("./Popover/Popover.js"),s=require("./Popover/DcPopover.js"),d=require("./Radio/Radio.js"),T=require("./RadioGroup/RadioGroup.js"),a=require("./Checkbox/Checkbox.js"),c=require("./CheckboxGroup/CheckboxGroup.js"),n=require("./TextInput/TextInput.js"),j=require("./TextTruncated/TextTruncated.js"),l=require("./TextMiddleTruncated/TextMiddleTruncated.js"),q=require("./TextLink/TextLink.js"),C=require("./LoaderCircular/LoaderCircular.js"),G=require("./Chip/Chip.js");exports.Text=e.Text,exports.Grid=r.Grid,exports.Cell=o.Cell,exports.Header=t.Header,exports.Button=i.Button,exports.ButtonIcon=u.ButtonIcon,exports.Tooltip=p.Tooltip,exports.Popover=x.Popover,exports.DcPopover=s.DcPopover,exports.Radio=d.Radio,exports.RadioGroup=T.RadioGroup,exports.Checkbox=a.Checkbox,exports.CheckboxGroup=c.CheckboxGroup,exports.TextInput=n.TextInput,exports.TextTruncated=j.TextTruncated,exports.TextMiddleTruncated=l.TextMiddleTruncated,exports.TextLink=q.TextLink,exports.LoaderCircular=C.LoaderCircular,exports.Chip=G.Chip;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};t(".Button_root__urTct.MuiButton-root{
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={spacing:"8",root:"Button_root__urTct",chart:"Button_chart__VtHxy",primaryDestructive:"Button_primaryDestructive__uzEdA",disabled:"Button_disabled__-IfQw",secondaryDestructive:"Button_secondaryDestructive__rpBj7"};t(".Button_root__urTct.MuiButton-root{transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.Button_root__urTct:not(.Button_chart__VtHxy){letter-spacing:1px}.Button_root__urTct.Button_primaryDestructive__uzEdA{background:var(--palette-error-dark)}.Button_root__urTct.Button_primaryDestructive__uzEdA:hover{background:var(--palette-error-main)}.Button_root__urTct.Button_primaryDestructive__uzEdA.Button_disabled__-IfQw{background:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7{color:var(--palette-error-dark)}.Button_root__urTct.Button_secondaryDestructive__rpBj7:hover{background:rgb(from var(--palette-error-dark) r g b/.24);color:var(--palette-error-main)}.Button_root__urTct.Button_secondaryDestructive__rpBj7.Button_disabled__-IfQw{color:var(--palette-error-dark)}.Button_root__urTct.Button_chart__VtHxy{font-weight:400;letter-spacing:normal;text-transform:none}");export{r as default};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type ChipProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Component contents
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
prefix?: ReactNode;
|
|
8
|
+
suffix?: ReactNode;
|
|
9
|
+
onClick?: MouseEventHandler;
|
|
10
|
+
onDelete?: MouseEventHandler;
|
|
11
|
+
size?: 'xs' | 'small' | 'medium';
|
|
12
|
+
type?: 'default' | 'outlined';
|
|
13
|
+
state?: 'default' | 'info' | 'caution' | 'warning' | 'error' | 'success' | 'pending';
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
testId?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
19
|
+
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACrF,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AA6BF,eAAO,MAAM,IAAI,sGA8DhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as s,__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as i,jsx as c}from"react/jsx-runtime";import{forwardRef as n,useCallback as e,isValidElement as t,cloneElement as m}from"react";import r from"classnames";import{CloseSmallIcon as l}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import a from"./Chip.scss.js";var d={default:a.default,caution:a.caution,info:a.info,error:a.error,pending:a.pending,success:a.success,warning:a.warning},u={default:a.filled,outlined:a.outlined},p={medium:a.medium,small:a.small,xs:a.xsmall},I={medium:24,small:16,xs:12},f=n((function(n,f){var j=n.disabled,h=n.prefix,x=n.suffix,C=n.testId,b=n.className,k=n.children,v=n.onClick,F=n.onDelete,g=n.size,z=void 0===g?"medium":g,N=n.state,w=void 0===N?"default":N,A=n.type,D=void 0===A?"default":A,E=s(n,["disabled","prefix","suffix","testId","className","children","onClick","onDelete","size","state","type"]),M=j?void 0:v,O=e((function(s){s.stopPropagation(),null==F||F(s)}),[F]);return i("div",o({className:r(a.root,M&&a.hoverable,j&&a.disabled,h&&a.withPrefix,(F||x)&&a.withSuffix,p[z],u[D],d[w],b),onClick:M,"data-testid":C,ref:f},E,{children:[h&&t(h)?m(h,{size:I[z]}):h,c("div",{className:a.label,children:k}),x&&t(x)?m(x,{size:I[z]}):x,F&&c(l,{className:a.deleteIcon,onClick:O,size:16})]}))}));export{f as Chip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import i from'./../../ext-esm/style-inject/dist/style-inject.es.js';var _={spacing:"8",root:"Chip_root__E-kyT",withPrefix:"Chip_withPrefix__OWfoW",withSuffix:"Chip_withSuffix__v--KV",deleteIcon:"Chip_deleteIcon__Tg3iT",label:"Chip_label__k3LIg",medium:"Chip_medium__xrFuK",small:"Chip_small__r1k4o",xsmall:"Chip_xsmall__VBn-K",hoverable:"Chip_hoverable__vXYZv",disabled:"Chip_disabled__u2qeq",filled:"Chip_filled__jpkzS",default:"Chip_default__9LNLe",info:"Chip_info__JfqpF",warning:"Chip_warning__XMe7i",caution:"Chip_caution__dALq9",error:"Chip_error__j4o5-",pending:"Chip_pending__yhPXR",success:"Chip_success__X3OdP",outlined:"Chip_outlined__lo-AZ"};i(".Chip_root__E-kyT{align-items:center;border:1px solid transparent;border-radius:40px;display:inline-flex;font-size:14px;font-weight:400;gap:4px;overflow:hidden;padding:0 12px;transition:color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);user-select:none;vertical-align:middle;white-space:nowrap}.Chip_withPrefix__OWfoW{padding-left:8px}.Chip_withSuffix__v--KV{padding-right:8px}.Chip_deleteIcon__Tg3iT{color:var(--palette-primary-text-6);cursor:pointer}.Chip_deleteIcon__Tg3iT svg{display:block}.Chip_label__k3LIg{margin-right:auto}.Chip_medium__xrFuK{height:32px;line-height:30px}.Chip_small__r1k4o{height:24px;line-height:22px}.Chip_xsmall__VBn-K{font-size:11px;height:16px;line-height:14px;padding:0 8px}.Chip_xsmall__VBn-K.Chip_withPrefix__OWfoW{padding-left:4px}.Chip_xsmall__VBn-K.Chip_withSuffix__v--KV{padding-right:4px}.Chip_hoverable__vXYZv{cursor:pointer}.Chip_disabled__u2qeq{opacity:.4}.Chip_filled__jpkzS.Chip_default__9LNLe{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-6)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.1);color:var(--palette-primary-text-1)}.Chip_filled__jpkzS.Chip_default__9LNLe.Chip_disabled__u2qeq{background:rgb(from var(--palette-primary-text-1) r g b/.03);color:var(--palette-primary-text-9);opacity:1}.Chip_filled__jpkzS.Chip_caution__dALq9,.Chip_filled__jpkzS.Chip_error__j4o5-,.Chip_filled__jpkzS.Chip_info__JfqpF,.Chip_filled__jpkzS.Chip_pending__yhPXR,.Chip_filled__jpkzS.Chip_success__X3OdP,.Chip_filled__jpkzS.Chip_warning__XMe7i{background:var(--corvaui-chip-bg);color:var(--corvaui-chip-color)}.Chip_filled__jpkzS.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_filled__jpkzS.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_filled__jpkzS.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bg:rgb(from var(--palette-info-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bg:rgb(from var(--palette-warning-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bg:rgb(from #f09538 r g b/0.2);--corvaui-chip-bghover:rgb(from #f09538 r g b/0.3)}.Chip_filled__jpkzS.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bg:rgb(from var(--palette-error-main) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.3)}.Chip_filled__jpkzS.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bg:rgb(from var(--palette-success-light) r g b/0.2);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.3)}.Chip_filled__jpkzS.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bg:rgb(from #cb75ff r g b/0.2);--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.3)}.Chip_outlined__lo-AZ .Chip_label__k3LIg{color:var(--palette-primary-text-6);transition:inherit}.Chip_outlined__lo-AZ.Chip_hoverable__vXYZv:hover .Chip_label__k3LIg{color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe{border-color:var(--palette-primary-text-9);color:var(--palette-primary-text-6)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_hoverable__vXYZv:hover{background:rgb(from var(--palette-primary-text-1) r g b/.05);color:var(--palette-primary-text-1)}.Chip_outlined__lo-AZ.Chip_default__9LNLe.Chip_disabled__u2qeq{opacity:1}.Chip_outlined__lo-AZ.Chip_caution__dALq9,.Chip_outlined__lo-AZ.Chip_error__j4o5-,.Chip_outlined__lo-AZ.Chip_info__JfqpF,.Chip_outlined__lo-AZ.Chip_pending__yhPXR,.Chip_outlined__lo-AZ.Chip_success__X3OdP,.Chip_outlined__lo-AZ.Chip_warning__XMe7i{border-color:var(--corvaui-chip-color);color:var(--corvaui-chip-color)}.Chip_outlined__lo-AZ.Chip_caution__dALq9.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_error__j4o5-.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_info__JfqpF.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_pending__yhPXR.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_success__X3OdP.Chip_hoverable__vXYZv:hover,.Chip_outlined__lo-AZ.Chip_warning__XMe7i.Chip_hoverable__vXYZv:hover{background:var(--corvaui-chip-bghover)}.Chip_outlined__lo-AZ.Chip_info__JfqpF{--corvaui-chip-color:var(--palette-info-light);--corvaui-chip-bghover:rgb(from var(--palette-info-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_warning__XMe7i{--corvaui-chip-color:var(--palette-warning-main);--corvaui-chip-bghover:rgb(from var(--palette-warning-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_caution__dALq9{--corvaui-chip-color:#f09538;--corvaui-chip-bghover:rgb(from #f09538 r g b/0.1)}.Chip_outlined__lo-AZ.Chip_error__j4o5-{--corvaui-chip-color:var(--palette-error-main);--corvaui-chip-bghover:rgb(from var(--palette-error-main) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_success__X3OdP{--corvaui-chip-color:var(--palette-success-light);--corvaui-chip-bghover:rgb(from var(--palette-success-light) r g b/0.1)}.Chip_outlined__lo-AZ.Chip_pending__yhPXR{--corvaui-chip-color:#cb75ff;--corvaui-chip-bghover:rgb(from #cb75ff r g b/0.1)}");export{_ as default};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { Chip } from './Chip';
|
|
4
|
+
type Props = ComponentProps<typeof Chip>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Sizes: () => JSX.Element;
|
|
9
|
+
export declare const Types: () => JSX.Element;
|
|
10
|
+
export declare const States: () => JSX.Element;
|
|
11
|
+
export declare const PrefixAndSuffix: () => JSX.Element;
|
|
12
|
+
export declare const DeleteButton: () => JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Chip.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAkBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAwB,CAAC;AAE7D,eAAO,MAAM,KAAK,mBAMjB,CAAC;AASF,eAAO,MAAM,KAAK,mBAKjB,CAAC;AAQF,eAAO,MAAM,MAAM,mBAqGlB,CAAC;AAaF,eAAO,MAAM,eAAe,mBAS3B,CAAC;AAQF,eAAO,MAAM,YAAY,mBAA+C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type LoaderCircularProps = {
|
|
2
|
+
size?: 'xs' | 'small' | 'medium' | 'large';
|
|
3
|
+
/**
|
|
4
|
+
* Value in range of 0-100. If omitted, the loader becomes indeterminate
|
|
5
|
+
*/
|
|
6
|
+
value?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const LoaderCircular: ({ size, value, testId, className, }: LoaderCircularProps) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=LoaderCircular.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoaderCircular.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/LoaderCircular.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAYF,eAAO,MAAM,cAAc,wCAKxB,mBAAmB,gBAcrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{CircularProgress as a}from"@material-ui/core";var r={xs:16,small:24,medium:32,large:40},t=function(t){var i=t.size,m=void 0===i?"small":i,s=t.value,l=t.testId,o=t.className,n=r[m];return e(a,{color:"primary",size:n,value:s,variant:void 0!==s?"determinate":"indeterminate",className:o,thickness:22/n*3.6,"data-testid":l})};export{t as LoaderCircular};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { LoaderCircular } from './LoaderCircular';
|
|
4
|
+
type Props = ComponentProps<typeof LoaderCircular>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Sizes: () => JSX.Element;
|
|
9
|
+
export declare const DeterminateVsIndeterminate: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=LoaderCircular.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoaderCircular.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/LoaderCircular.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAQF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAkC,CAAC;AAEvE,eAAO,MAAM,KAAK,mBAOjB,CAAC;AAUF,eAAO,MAAM,0BAA0B,mBAOtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/LoaderCircular/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var
|
|
1
|
+
import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={spacing:"8",root:"RadioAndCheckboxLabel_root__ECgvv",label:"RadioAndCheckboxLabel_label__-TTiM",control:"RadioAndCheckboxLabel_control__0GFJg",placementStart:"RadioAndCheckboxLabel_placementStart__-4zRr",placementEnd:"RadioAndCheckboxLabel_placementEnd__Cb9wv",placementTop:"RadioAndCheckboxLabel_placementTop__1YoWH",placementBottom:"RadioAndCheckboxLabel_placementBottom__QKBJ5",medium:"RadioAndCheckboxLabel_medium__FFtpb",small:"RadioAndCheckboxLabel_small__gmtA-"};o(".RadioAndCheckboxLabel_root__ECgvv{display:block;vertical-align:middle}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM{gap:0 4px;margin:0;width:100%}.RadioAndCheckboxLabel_root__ECgvv .RadioAndCheckboxLabel_label__-TTiM .RadioAndCheckboxLabel_control__0GFJg{margin:var(--corvaui-radioandcheckboxlabel-shift)}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementStart__-4zRr .RadioAndCheckboxLabel_control__0GFJg{margin-left:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementEnd__Cb9wv .RadioAndCheckboxLabel_control__0GFJg{margin-right:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementTop__1YoWH .RadioAndCheckboxLabel_control__0GFJg{margin-top:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_placementBottom__QKBJ5 .RadioAndCheckboxLabel_control__0GFJg{margin-bottom:0}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_medium__FFtpb{--corvaui-radioandcheckboxlabel-shift:-8px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA-{--corvaui-radioandcheckboxlabel-shift:-4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .MuiFormControlLabel-label{font-size:14px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg{padding:4px}.RadioAndCheckboxLabel_root__ECgvv.RadioAndCheckboxLabel_small__gmtA- .RadioAndCheckboxLabel_control__0GFJg svg{height:16px;width:16px}");export{a as default};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ChangeEvent, FocusEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type TextInputProps = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
value?: string | number;
|
|
5
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Underlying `input`'s element `type` attribute
|
|
9
|
+
*/
|
|
10
|
+
type?: 'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search';
|
|
11
|
+
status?: 'error' | 'loading';
|
|
12
|
+
spacing?: 'normal' | 'dense';
|
|
13
|
+
message?: ReactNode;
|
|
14
|
+
onFocus?: FocusEventHandler;
|
|
15
|
+
onBlur?: FocusEventHandler;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
prefix?: ReactNode;
|
|
18
|
+
suffix?: ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
testId?: string;
|
|
21
|
+
};
|
|
22
|
+
declare const TextInput: {
|
|
23
|
+
({ type, className, testId, prefix, suffix, onFocus: propOnFocus, onBlur: propOnBlur, value, message, spacing, onChange, status, placeholder, disabled, label, }: TextInputProps): JSX.Element;
|
|
24
|
+
Affix({ children, className }: {
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
}): JSX.Element;
|
|
28
|
+
};
|
|
29
|
+
export { TextInput };
|
|
30
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAEX,iBAAiB,EAEjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAyBf,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7E,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAYF,QAAA,MAAM,SAAS;sKAgBZ,cAAc;mCAsD2B;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAFvF,CAAC;AAMF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as o}from"react/jsx-runtime";import{InputAdornment as a,TextField as n}from"@material-ui/core";import{useCallback as t,useMemo as s,isValidElement as l,cloneElement as i}from"react";import d from"classnames";import{TextTruncated as m}from"../TextTruncated/TextTruncated.js";import{LoaderCircular as u}from"../LoaderCircular/LoaderCircular.js";import{useShrink as c}from"./useShrink.js";import p from"./TextInput.scss.js";var f=function(r){return l(r)?i(r,{size:16}):r?e("p",{children:r}):null},h={error:p.error,loading:""},x={normal:p.normal,dense:p.dense},g=function(l){var i=l.type,g=l.className,v=l.testId,b=l.prefix,T=l.suffix,N=l.onFocus,j=l.onBlur,y=l.value,C=void 0===y?"":y,A=l.message,I=l.spacing,z=void 0===I?"normal":I,B=l.onChange,F=l.status,L=l.placeholder,O=l.disabled,k=l.label,P=t((function(r){return null==B?void 0:B(r.target.value,r)}),[B]),S=s((function(){return{startAdornment:b&&e(a,{position:"start",className:p.adornment,disableTypography:!0,children:f(b)}),endAdornment:(T||"loading"===F)&&o(a,{position:"end",className:p.adornment,disableTypography:!0,children:["loading"===F&&e(u,{size:"xs",className:p.loader}),f(T)]})}}),[b,T,F]),W=c({propOnFocus:N,propOnBlur:j,value:C,prefix:b,suffix:T,status:F});return e("label",{className:d(p.root,F&&h[F],x[z],g),"data-testid":v,children:e(n,r({value:C,onChange:P,label:e(m,{children:k}),InputProps:S,type:i,fullWidth:!0,margin:z,helperText:A,error:"error"===F,disabled:O,placeholder:L},W))})};g.Affix=function(r){var o=r.children,a=r.className;return e("p",{className:a,children:o})};export{g as TextInput};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var n={spacing:"8",root:"TextInput_root__IyNqX",normal:"TextInput_normal__TNYU4",dense:"TextInput_dense__UsYfl",adornment:"TextInput_adornment__c2JxK",error:"TextInput_error__aSA-t",loader:"TextInput_loader__RKKMk"};t(".TextInput_root__IyNqX{display:block}.TextInput_root__IyNqX .MuiInputBase-input::-webkit-search-cancel-button{appearance:none;display:none}.TextInput_root__IyNqX .MuiInputLabel-root+.MuiInput-root{margin-top:16px}.TextInput_root__IyNqX.TextInput_normal__TNYU4 .MuiInput-root .MuiInput-input{padding:6px 0 5px}.TextInput_root__IyNqX.TextInput_dense__UsYfl .MuiInput-root .MuiInput-input.MuiInputBase-inputMarginDense{padding:4px 0}.TextInput_root__IyNqX .MuiFormControl-root{margin:0}.TextInput_root__IyNqX .MuiInputLabel-root{line-height:19px;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.TextInput_root__IyNqX .MuiInputLabel-shrink{width:133%}.TextInput_root__IyNqX .TextInput_adornment__c2JxK{color:inherit;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextInput_root__IyNqX .Mui-focused .TextInput_adornment__c2JxK{color:var(--palette-primary-main)}.TextInput_root__IyNqX.TextInput_error__aSA-t .TextInput_adornment__c2JxK{color:var(--palette-error-main)}.TextInput_loader__RKKMk:not(:last-child){margin-right:8px}");export{n as default};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { TextInput } from './TextInput';
|
|
4
|
+
type Props = ComponentProps<typeof TextInput>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const Spacing: () => JSX.Element;
|
|
9
|
+
export declare const LabelAndPlaceholder: () => JSX.Element;
|
|
10
|
+
export declare const ErrorState: () => JSX.Element;
|
|
11
|
+
export declare const PrefixAndSuffix: () => JSX.Element;
|
|
12
|
+
export declare const LoadingState: () => JSX.Element;
|
|
13
|
+
export declare const InputSearch: () => JSX.Element;
|
|
14
|
+
export declare const LabelTooltip: () => JSX.Element;
|
|
15
|
+
//# sourceMappingURL=TextInput.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/TextInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAqBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA6B,CAAC;AAElE,eAAO,MAAM,OAAO,mBASnB,CAAC;AAQF,eAAO,MAAM,mBAAmB,mBAA8D,CAAC;AAM/F,eAAO,MAAM,UAAU,mBAMtB,CAAC;AAMF,eAAO,MAAM,eAAe,mBAkB3B,CAAC;AASF,eAAO,MAAM,YAAY,mBAcxB,CAAC;AAMF,eAAO,MAAM,WAAW,mBAKvB,CAAC;AAOF,eAAO,MAAM,YAAY,mBAiBxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FocusEventHandler, ReactNode } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
value: string | number;
|
|
4
|
+
propOnFocus?: FocusEventHandler;
|
|
5
|
+
propOnBlur?: FocusEventHandler;
|
|
6
|
+
prefix?: ReactNode;
|
|
7
|
+
suffix?: ReactNode;
|
|
8
|
+
status?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const useShrink: ({ propOnFocus, propOnBlur, value, suffix, prefix, status }: Props) => {
|
|
11
|
+
ref: import("react").MutableRefObject<HTMLDivElement>;
|
|
12
|
+
inputRef: import("react").MutableRefObject<HTMLInputElement>;
|
|
13
|
+
InputLabelProps: {
|
|
14
|
+
component: string;
|
|
15
|
+
shrink: boolean;
|
|
16
|
+
style: {
|
|
17
|
+
padding: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
onFocus: FocusEventHandler;
|
|
21
|
+
onBlur: FocusEventHandler;
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=useShrink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useShrink.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextInput/useShrink.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,SAAS,EAMV,MAAM,OAAO,CAAC;AAoBf,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,+DAAgE,KAAK;;;;;;;;;;;;CAmD1F,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useState as t,useRef as n,useCallback as r,useLayoutEffect as o,useMemo as f}from"react";var e=function(e){var u=e.propOnFocus,i=e.propOnBlur,l=e.value,p=e.suffix,c=e.prefix,a=e.status,v=String(l).length>0,s=t(!1),d=s[0],h=s[1],g=t({left:0,right:0}),x=g[0],m=g[1],L=n(null),y=n(null),B=function(){var t,n,r,o=(null===(t=function(t,n){if(t&&n&&t!==n){for(var r=0,o=0,f=t;f&&f!==n;)r+=f.offsetLeft,o+=f.offsetTop,f=f.parentElement;return{offsetLeft:r,offsetTop:o}}}(y.current,L.current))||void 0===t?void 0:t.offsetLeft)||0;m({left:o,right:((null===(n=L.current)||void 0===n?void 0:n.offsetWidth)||0)-o-((null===(r=y.current)||void 0===r?void 0:r.offsetWidth)||0)})},F=r((function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null==u||u.apply(void 0,t),h(!0)}),[u]),O=r((function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null==i||i.apply(void 0,t),h(!1),B()}),[i]);return o(B,[c,p,a]),f((function(){var t=v||d;return{ref:L,inputRef:y,InputLabelProps:{component:"div",shrink:t,style:{padding:t?"0px":"0 ".concat(x.right,"px 0 ").concat(x.left,"px")}},onFocus:F,onBlur:O}}),[v,d,F,O,x])};export{e as useShrink};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentType, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
export type TextLinkProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Component content
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* URI to navigate to
|
|
9
|
+
*/
|
|
10
|
+
to?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Target frame to open a link in. You'll most likely need `_self` for same tab or `_blank` for new tab
|
|
13
|
+
*/
|
|
14
|
+
target?: HTMLAttributeAnchorTarget;
|
|
15
|
+
onClick?: MouseEventHandler<HTMLElement>;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
disableTooltip?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Component that will be rendered in place of an `<a/>` tag
|
|
20
|
+
*/
|
|
21
|
+
component?: ComponentType<Omit<TextLinkProps, 'component' | `disabled` | 'testId'> & {
|
|
22
|
+
'data-testid'?: string;
|
|
23
|
+
}>;
|
|
24
|
+
className?: string;
|
|
25
|
+
testId?: string;
|
|
26
|
+
};
|
|
27
|
+
export declare const TextLink: import("react").ForwardRefExoticComponent<TextLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
28
|
+
//# sourceMappingURL=TextLink.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,yBAAyB,EACzB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CACvB,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;QACzD,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CACF,CAAC;IAEF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAUF,eAAO,MAAM,QAAQ,6GAoDpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o,jsxs as i}from"react/jsx-runtime";import{forwardRef as l}from"react";import a from"classnames";import r from"@material-ui/icons/Language";import{Tooltip as s}from"../Tooltip/Tooltip.js";import n from"./TextLink.scss.js";var c=l((function(i,l){var a=i.to,r=i.children,s=e(i,["to","children"]);return o("a",t({},s,{href:a,ref:l,children:r}))})),d=l((function(l,d){var m=l.children,p=l.className,f=l.testId,b=l.disableTooltip,h=l.disabled,u=l.component,v=void 0===u?c:u,N=l.to,g=l.onClick,k=l.target,T=void 0===k?"_blank":k,j=e(l,["children","className","testId","disableTooltip","disabled","component","to","onClick","target"]),x=a(n.root,h?n.disabled:n.enabled),C=null==N?void 0:N.replaceAll("/","/");return o(s,{title:i("div",{className:n.tooltip,children:[o(r,{fontSize:"small",className:n.icon}),C]}),disabled:b,placement:"bottom-start",children:o("span",{ref:d,className:p,children:h?o("span",{className:x,children:m}):o(v,t({onClick:g,className:x,"data-testid":f,to:N,target:T},j,{children:m}))})})}));export{d as TextLink};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"TextLink_root__QwRLL",enabled:"TextLink_enabled__xRVMs",disabled:"TextLink_disabled__zz9Bk",tooltip:"TextLink_tooltip__nVhOn",icon:"TextLink_icon__-wrDV"};e(".TextLink_root__QwRLL{cursor:pointer;font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs{color:var(--palette-primary-main)}.TextLink_root__QwRLL.TextLink_enabled__xRVMs:active,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:focus,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:hover,.TextLink_root__QwRLL.TextLink_enabled__xRVMs:visited{text-decoration:underline}.TextLink_root__QwRLL.TextLink_disabled__zz9Bk{color:var(--palette-primary-dark);pointer-events:none}.TextLink_tooltip__nVhOn{align-items:center;display:flex;max-width:300px;overflow:hidden;text-overflow:ellipsis}.TextLink_icon__-wrDV{margin-right:8px}");export{t as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { TextLink } from './TextLink';
|
|
4
|
+
type Props = ComponentProps<typeof TextLink>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const FontInheritance: () => JSX.Element;
|
|
9
|
+
export declare const Component: () => JSX.Element;
|
|
10
|
+
//# sourceMappingURL=TextLink.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAA4B,CAAC;AAEjE,eAAO,MAAM,eAAe,mBAI3B,CAAC;AAEF,eAAO,MAAM,SAAS,mBA+BrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextLink/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type TextMiddleTruncatedProps = {
|
|
2
|
+
/**
|
|
3
|
+
* Content
|
|
4
|
+
*/
|
|
5
|
+
children: string | number;
|
|
6
|
+
disableTooltip?: boolean;
|
|
7
|
+
className?: string;
|
|
8
|
+
testId?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const TextMiddleTruncated: ({ children, testId, className, disableTooltip, }: TextMiddleTruncatedProps) => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=TextMiddleTruncated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextMiddleTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,qDAK7B,wBAAwB,gBAyD1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import t from"classnames";import{useRef as n,useState as i,useLayoutEffect as o}from"react";import{debounce as c}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import a from"./TextMiddleTruncated.scss.js";import{truncateInTheMiddle as l}from"../../utils/formatting.js";var d=function(d){var m=d.children,u=d.testId,f=d.className,p=d.disableTooltip,v=String(m),h=n(null),b=n(null),T=i(v),j=T[0],x=T[1];return o((function(){var r=c((function(){if(h.current&&b.current){var r=h.current.clientWidth,e=b.current,t=e.clientWidth,n=e.textContent;x(l(n,r,t))}}),200,{leading:!0}),e=new ResizeObserver(r),t=new MutationObserver(r);return h.current&&b.current&&(e.observe(h.current),e.observe(b.current),t.observe(b.current,{characterData:!0})),function(){e.disconnect(),t.disconnect()}}),[]),r(s,{title:v,disabled:p||j===v,children:e("div",{className:t(a.root,f),ref:h,"data-testid":u,children:[j,r("div",{className:a.hiddenElement,ref:b,children:v})]})})};export{d as TextMiddleTruncated};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextMiddleTruncated_root__sMHwy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{pointer-events:none;position:absolute;visibility:hidden}");export{t as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { TextMiddleTruncated } from './TextMiddleTruncated';
|
|
4
|
+
type Props = ComponentProps<typeof TextMiddleTruncated>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const DynamicTooltips: () => JSX.Element;
|
|
9
|
+
//# sourceMappingURL=TextMiddleTruncated.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextMiddleTruncated.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/TextMiddleTruncated.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAgBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAMnC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAoB3B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextMiddleTruncated/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type TextTruncatedProps = {
|
|
2
|
+
/**
|
|
3
|
+
* Content
|
|
4
|
+
*/
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/**
|
|
7
|
+
* Forces the component not to show its tooltip
|
|
8
|
+
*/
|
|
9
|
+
disableTooltip?: boolean;
|
|
10
|
+
maxLines?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
testId?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const TextTruncated: ({ children, disableTooltip, maxLines, testId, className, }: TextTruncatedProps) => JSX.Element;
|
|
15
|
+
//# sourceMappingURL=TextTruncated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextTruncated.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextTruncated/TextTruncated.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,+DAMvB,kBAAkB,gBAyDpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useRef as r,useState as i,useLayoutEffect as n}from"react";import{debounce as o}from"lodash";import{Tooltip as s}from"../Tooltip/Tooltip.js";import c from"./TextTruncated.scss.js";var l=function(l){var a=l.children,d=l.disableTooltip,m=l.maxLines,u=void 0===m?1:m,f=l.testId,p=l.className,v=u>1,h=r(null),b=r(v),x=i(null),L=x[0],T=x[1],g=i(!0),j=g[0],W=g[1];return b.current=v,n((function(){var e=o((function(){var e=h.current;e&&(T(e.textContent),W(e.scrollWidth<=e.clientWidth&&(e.scrollHeight<=e.clientHeight||!b.current)))}),200),t=new ResizeObserver(e),r=new MutationObserver(e);return h.current&&(t.observe(h.current),r.observe(h.current,{childList:!0,subtree:!0,characterData:!0})),function(){t.disconnect(),r.disconnect()}}),[]),e(s,{title:L,disabled:j||d,children:e("div",{className:t(c.root,v?c.multiLine:c.singleLine,p),style:v?{WebkitLineClamp:u}:void 0,ref:h,"data-testid":f,children:a})})};export{l as TextTruncated};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={root:"TextTruncated_root__vjWX7",singleLine:"TextTruncated_singleLine__2AIYs",multiLine:"TextTruncated_multiLine__Wtv-b"};e(".TextTruncated_root__vjWX7{line-height:inherit;max-width:100%;overflow:hidden}.TextTruncated_singleLine__2AIYs{text-overflow:ellipsis;white-space:nowrap}.TextTruncated_multiLine__Wtv-b{-webkit-box-orient:vertical;display:-webkit-box}");export{t as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { ComponentProps } from 'react';
|
|
3
|
+
import { TextTruncated } from './TextTruncated';
|
|
4
|
+
type Props = ComponentProps<typeof TextTruncated>;
|
|
5
|
+
declare const meta: Meta<Props>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: (props: Props) => JSX.Element;
|
|
8
|
+
export declare const DynamicTooltips: () => JSX.Element;
|
|
9
|
+
export declare const ComplexChildren: () => JSX.Element;
|
|
10
|
+
export declare const MultilineText: () => JSX.Element;
|
|
11
|
+
//# sourceMappingURL=TextTruncated.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextTruncated.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextTruncated/TextTruncated.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAqBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAAiC,CAAC;AAEtE,eAAO,MAAM,eAAe,mBAkB3B,CAAC;AAMF,eAAO,MAAM,eAAe,mBAK3B,CAAC;AAMF,eAAO,MAAM,aAAa,mBAgBzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/TextTruncated/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAmBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAiBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,KAAK,mBASjB,CAAC;AAQF,eAAO,MAAM,UAAU,mBAItB,CAAC;AAKF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAwCzB,CAAC"}
|
package/componentsV2/index.d.ts
CHANGED
|
@@ -9,4 +9,10 @@ export * from './Radio';
|
|
|
9
9
|
export * from './RadioGroup';
|
|
10
10
|
export * from './Checkbox';
|
|
11
11
|
export * from './CheckboxGroup';
|
|
12
|
+
export * from './TextInput';
|
|
13
|
+
export * from './TextTruncated';
|
|
14
|
+
export * from './TextMiddleTruncated';
|
|
15
|
+
export * from './TextLink';
|
|
16
|
+
export * from './LoaderCircular';
|
|
17
|
+
export * from './Chip';
|
|
12
18
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/componentsV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC"}
|
package/componentsV2/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";
|
|
1
|
+
export{Text}from"./Text/Text.js";export{Grid}from"./Grid/Grid.js";export{Cell}from"./Grid/Cell.js";export{Header}from"./Header/Header.js";export{Button}from"./Button/Button.js";export{ButtonIcon}from"./ButtonIcon/ButtonIcon.js";export{Tooltip}from"./Tooltip/Tooltip.js";export{Popover}from"./Popover/Popover.js";export{DcPopover}from"./Popover/DcPopover.js";export{Radio}from"./Radio/Radio.js";export{RadioGroup}from"./RadioGroup/RadioGroup.js";export{Checkbox}from"./Checkbox/Checkbox.js";export{CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{TextInput}from"./TextInput/TextInput.js";export{TextTruncated}from"./TextTruncated/TextTruncated.js";export{TextMiddleTruncated}from"./TextMiddleTruncated/TextMiddleTruncated.js";export{TextLink}from"./TextLink/TextLink.js";export{LoaderCircular}from"./LoaderCircular/LoaderCircular.js";export{Chip}from"./Chip/Chip.js";
|
package/package.json
CHANGED
package/styles/common.scss
CHANGED
|
@@ -51,7 +51,8 @@ $palette_p16: var(--palette-pastel-p-16);
|
|
|
51
51
|
|
|
52
52
|
/* Other common variables ./src/styles/vars.base.scss */
|
|
53
53
|
$spacing: 8px;
|
|
54
|
-
$
|
|
54
|
+
$transition_parameters: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
|
|
55
|
+
$transition: all $transition_parameters;
|
|
55
56
|
$fontFamily: 'Roboto', sans-serif;
|
|
56
57
|
|
|
57
58
|
:export {
|
|
@@ -78,3 +79,16 @@ $fontFamily: 'Roboto', sans-serif;
|
|
|
78
79
|
|
|
79
80
|
@return ($top * $spacing) ($right * $spacing) ($bottom * $spacing) ($left * $spacing);
|
|
80
81
|
}
|
|
82
|
+
|
|
83
|
+
@function transition($properties...) {
|
|
84
|
+
$result: '';
|
|
85
|
+
@each $property in $properties {
|
|
86
|
+
@if ($result != '') {
|
|
87
|
+
$result: $result + ', ';
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
$result: $result + $property + ' ' + $transition_parameters;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@return #{$result};
|
|
94
|
+
}
|
package/styles/utils.scss
CHANGED
|
@@ -17,3 +17,16 @@
|
|
|
17
17
|
|
|
18
18
|
@return ($top * $spacing) ($right * $spacing) ($bottom * $spacing) ($left * $spacing);
|
|
19
19
|
}
|
|
20
|
+
|
|
21
|
+
@function transition($properties...) {
|
|
22
|
+
$result: '';
|
|
23
|
+
@each $property in $properties {
|
|
24
|
+
@if ($result != '') {
|
|
25
|
+
$result: $result + ', ';
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
$result: $result + $property + ' ' + $transition_parameters;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@return #{$result};
|
|
32
|
+
}
|