@corva/ui 0.100.0-11 → 0.100.0-13

package/componentsV2/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts

@@ -7,7 +7,7 @@ export type RadioAndCheckboxLabelProps = {
     /**
      * Label
      */
-    label: ReactNode;
+    label?: ReactNode;
     /**
      * Checked state
      */

package/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAndCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,oHA2CjC,CAAC"}
+{"version":3,"file":"RadioAndCheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/componentsV2/RadioAndCheckboxLabel/RadioAndCheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAEpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,oHA2CjC,CAAC"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.d.ts.map

@@ -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"}
+{"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,gBA+D1B,CAAC"}

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.js

@@ -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};
+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 u=d.children,m=d.testId,f=d.className,v=d.disableTooltip,p=String(u),h=n(null),b=n(null),T=i(p),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+Number(a.overflowBuffer),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:p,disabled:v||j===p,children:e("div",{className:t(a.root,f),ref:h,"data-testid":m,children:[j,r("div",{className:a.hiddenElement,ref:b,children:p})]})})};export{d as TextMiddleTruncated};

package/componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js

@@ -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};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={overflowBuffer:"10",root:"TextMiddleTruncated_root__sMHwy",hiddenElement:"TextMiddleTruncated_hiddenElement__JW0Og"};e(".TextMiddleTruncated_root__sMHwy{overflow:hidden;padding-right:10px;white-space:nowrap}.TextMiddleTruncated_hiddenElement__JW0Og{pointer-events:none;position:absolute;visibility:hidden}");export{t as default};

package/componentsV2/Tooltip/Tooltip.scss.js

@@ -1 +1 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",content:"Tooltip_content__h8NZy",title:"Tooltip_title__t24ci"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{max-width:500px;overflow:hidden;padding:0 8px;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";height:4px;position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs .Tooltip_content__h8NZy{max-height:calc(100vh - 64px);overflow:auto;padding:4px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child){margin-bottom:8px}');export{t as default};
+import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"Tooltip_root__A7khs",content:"Tooltip_content__h8NZy",title:"Tooltip_title__t24ci"};o('.Tooltip_root__A7khs .MuiTooltip-tooltip{box-shadow:none;max-width:500px;overflow:hidden;padding:0 8px;position:relative}.Tooltip_root__A7khs .MuiTooltip-tooltip:after,.Tooltip_root__A7khs .MuiTooltip-tooltip:before{content:"";height:4px;position:absolute;z-index:1}.Tooltip_root__A7khs .MuiTooltip-tooltip:before{background:linear-gradient(180deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:0 0 auto 0}.Tooltip_root__A7khs .MuiTooltip-tooltip:after{background:linear-gradient(0deg,var(--palette-background-b-10),rgb(from var(--palette-background-b-10) r g b/0));inset:auto 0 0 0}.Tooltip_root__A7khs .Tooltip_content__h8NZy{max-height:calc(100vh - 64px);overflow:auto;padding:4px 0}.Tooltip_root__A7khs .Tooltip_title__t24ci:not(:last-child){margin-bottom:8px}');export{t as default};

package/componentsV2/Tooltip/Tooltip.stories.d.ts.map

@@ -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;AAqBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAO3B,CAAC;AAKF,eAAO,MAAM,UAAU,mBAQtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAoDzB,CAAC"}
+{"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;AAsBjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,KAAK,CAGrB,CAAC;AAmBF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,UAAW,KAAK,gBAInC,CAAC;AAEF,eAAO,MAAM,eAAe,mBAO3B,CAAC;AAKF,eAAO,MAAM,UAAU,mBAQtB,CAAC;AAMF,eAAO,MAAM,iBAAiB,mBAY7B,CAAC;AAKF,eAAO,MAAM,aAAa,mBAwDzB,CAAC"}

package/componentsV2/index.d.ts

@@ -19,4 +19,10 @@ export * from './ChipAlert';
 export * from './ChipIndicator';
 export * from './Avatar';
 export * from './ToggleButtons';
+export * from './Paper';
+export * from './Modal';
+export * from './Menu';
+export * from './Counter';
+export * from './BadgeCounter';
+export * from './BadgeDot';
 //# sourceMappingURL=index.d.ts.map

package/componentsV2/index.d.ts.map

@@ -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;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
+{"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,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/componentsV2/index.js

@@ -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";export{TextInput}from"./TextInput/TextInput.js";export{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.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";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";
+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{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{TextEndTruncated}from"./TextEndTruncated/TextEndTruncated.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";export{ChipAlert}from"./ChipAlert/ChipAlert.js";export{ChipIndicator}from"./ChipIndicator/ChipIndicator.js";export{Avatar}from"./Avatar/Avatar.js";export{ToggleButtons}from"./ToggleButtons/ToggleButtons.js";export{Paper}from"./Paper/Paper.js";export{Modal}from"./Modal/Modal.js";export{Menu}from"./Menu/Menu.js";export{Counter}from"./Counter/Counter.js";export{BadgeCounter}from"./BadgeCounter/BadgeCounter.js";export{BadgeDot}from"./BadgeDot/BadgeDot.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/ui",
-  "version": "0.100.0-11",
+  "version": "0.100.0-13",
   "description": "Shared components/utils for Corva ui projects",
   "keywords": [
     "corva-ui"

package/styles/common.scss

@@ -92,3 +92,36 @@ $fontFamily: 'Roboto', sans-serif;
 
   @return #{$result};
 }
+
+/* SCSS mixins ./src/styles/mixins.scss */
+@mixin verticalFadePseudoElements($size) {
+  position: relative;
+
+  &:before {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: 0 10px auto 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      180deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: auto 10px 0 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      0deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+}

package/styles/mixins.scss

@@ -0,0 +1,31 @@
+@mixin verticalFadePseudoElements($size) {
+  position: relative;
+
+  &:before {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: 0 10px auto 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      180deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+
+  &:after {
+    content: '';
+    position: absolute;
+    z-index: 1;
+    height: spacing($size);
+
+    inset: auto 10px 0 0; // Right inset needed to not overlay the scrollbar
+    background: linear-gradient(
+      0deg,
+      colorAlpha(var(--corvaui-background), 1) 0%,
+      colorAlpha(var(--corvaui-background), 0) 100%
+    );
+  }
+}