@k8slens/lds 0.58.4 → 1.0.0-rc.1

package/lib/cjs/Button/Button.d.ts

@@ -70,7 +70,7 @@ export interface ButtonPropsWithLabelNode extends Omit<Props, "label">, Pick<But
  * Usage: `import { Button } from "@k8slens/lds"`
  *
  * ```tsx
- * <Button label="Save" type="primary" onClick={handleSave} />
+ * <Button label="Save" type="ok" onClick={handleSave} />
  * ```
  */
 declare const Button: React.ForwardRefExoticComponent<(ButtonProps | ButtonPropsWithLabelNode) & React.RefAttributes<HTMLButtonElement>>;

package/lib/cjs/Button/Button.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("clsx"),a=require("./Button.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),r=n(t);var l=e.forwardRef(function(t,n){var l,o=t.label,c=t.primary,u=t.discreet,s=t.case,d=t.textTransform,f=t.disabled,p=void 0!==f&&f,m=t.loading,v=void 0!==m&&m,b=t.className,y=t["aria-label"],N=t.id,E=t.type,g=void 0===E?"default":E,h=t.size,x=void 0===h?"md":h,j=t.buttonType,k=void 0===j?"button":j,q=t.buttonValue,z=t.buttonName,C=t.icon,T=t.iconPosition,w=void 0===T?"left":T,B=t.loadingStateOnPromise,O=void 0!==B&&B,P=t.onClick,R=t.title,S=t.children,V=g,D=e.useRef(!0);e.useEffect(function(){return D.current=!0,function(){D.current=!1}},[]);var L=e.useState(!1),U=L[0],_=L[1],A=v||U,F=e.useCallback(function(e){if("function"==typeof P&&!A){var t,a=P(e);O&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(_(!0),a.finally(function(){D.current&&_(!1)}))}},[P,A,O]);c&&(V="primary");var G=d;return s&&(G=G||s,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),i.default.createElement("button",{ref:n,id:N,type:k,value:q,name:z,onClick:F,className:r.default(a.button,b,V,(l={},l[a.uppercase]="uppercase"===G,l[a.capitalize]="capitalize"===G,l[a.discreet]=u,l[a.loading]=A,l[a[x]]="md"!==x,l)),"aria-label":y||("string"==typeof o?o:""),disabled:p||U,title:R},C&&"left"===w&&i.default.createElement(C,{className:a.icon}),i.default.createElement("span",{className:a.label},o),S,C&&"right"===w&&i.default.createElement(C,{className:a.icon}),A&&i.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))});module.exports=l;
+"use strict";var e=require("react"),t=require("clsx"),a=require("./Button.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e),r=n(t);var i=e.forwardRef(function(t,n){var i,l=t.label,s=t.secondary,c=void 0!==s&&s,u=t.discreet,d=t.case,f=t.textTransform,p=t.disabled,m=void 0!==p&&p,v=t.loading,b=void 0!==v&&v,y=t.className,N=t["aria-label"],E=t.id,g=t.type,h=void 0===g?"default":g,x=t.size,j=void 0===x?"md":x,k=t.buttonType,q=void 0===k?"button":k,w=t.buttonValue,z=t.buttonName,B=t.icon,C=t.iconPosition,O=void 0===C?"left":C,T=t.loadingStateOnPromise,V=void 0!==T&&T,D=t.onClick,P=t.title,R=t.children,S=h,U=e.useRef(!0);e.useEffect(function(){return U.current=!0,function(){U.current=!1}},[]);var _=e.useState(!1),L=_[0],A=_[1],F=b||L,G=e.useCallback(function(e){if("function"==typeof D&&!F){var t,a=D(e);V&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(A(!0),a.finally(function(){U.current&&A(!1)}))}},[D,F,V]),H=c;u&&(H=!0,"development"===process.env.NODE_ENV&&console.warn("Button: `discreet` prop is deprecated. Use `secondary` instead."));var I=f;return d&&(I=I||d,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),o.default.createElement("button",{ref:n,id:E,type:q,value:w,name:z,onClick:G,className:r.default(a.button,y,S,(i={},i[a.uppercase]="uppercase"===I,i[a.capitalize]="capitalize"===I,i[a.secondary]=H,i[a.loading]=F,i[a[j]]="md"!==j,i)),"aria-label":N||("string"==typeof l?l:""),disabled:m||L,title:P},B&&"left"===O&&o.default.createElement(B,{className:a.icon}),o.default.createElement("span",{className:a.label},l),R,B&&"right"===O&&o.default.createElement(B,{className:a.icon}),F&&o.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))});module.exports=i;

package/lib/cjs/Button/Button.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",xxs:"lds-button--xxs",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",discreet:"lds-button--discreet",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};
+"use strict";module.exports={button:"lds-button",xs:"lds-button--xs",sm:"lds-button--sm",xxs:"lds-button--xxs",uppercase:"lds-button--uppercase",capitalize:"lds-button--capitalize",icon:"lds-button--icon",secondary:"lds-button--secondary",loading:"lds-button--loading",spinner:"lds-button--spinner",label:"lds-button--label"};

package/lib/cjs/Button/shared.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
-export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
+export declare type Type = "default" | "ok" | "danger";
 export declare type Size = "xxs" | "xs" | "sm" | "md";
 export declare type IconPosition = "right" | "left";
 export declare type TextTransform = "uppercase" | "capitalize";
@@ -25,17 +25,17 @@ export interface Props {
      * @default "md"
      */
     size?: Size;
-    /**
-     * Shorthand for `type="primary"`.
-     * @deprecated Use `type="primary"` instead.
-     */
-    primary?: boolean;
     /**
      * Whether the button is disabled.
      * @default false
      */
     disabled?: boolean;
-    /** Whether the button uses the discreet (low-emphasis) style. */
+    /** Whether the button uses the secondary (outline) style. */
+    secondary?: boolean;
+    /**
+     * Whether the button uses the discreet (low-emphasis) style.
+     * @deprecated Use `secondary` instead.
+     */
     discreet?: boolean;
     /**
      * Text transform applied to the label.

package/lib/cjs/ButtonBar/ButtonBar.d.ts

@@ -25,8 +25,8 @@ export declare type ButtonBarProps<ElementType extends JSX.IntrinsicElements | R
  *
  * ```tsx
  * <ButtonBar>
- *   <Button label="Cancel" />
- *   <Button label="Save" type="primary" />
+ *   <Button label="Cancel" secondary />
+ *   <Button label="Save" type="ok" />
  * </ButtonBar>
  * ```
  */

package/lib/cjs/ConfirmDialog/ConfirmDialog.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from "react";
 import { type ButtonProps } from "../Button/Button";
-declare type AllowedButtonProps = Pick<ButtonProps, "type" | "size" | "discreet" | "icon" | "iconPosition" | "textTransform">;
+declare type AllowedButtonProps = Pick<ButtonProps, "type" | "size" | "secondary" | "icon" | "iconPosition" | "textTransform">;
 /** Props for the ConfirmDialog component. */
 export declare type ConfirmDialogProps = {
     /** Title displayed in the confirm dialog header. */

package/lib/cjs/ConfirmDialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),l=require("../Button/Button.js"),a=require("../Modal/Modal.js"),r=require("./ConfirmDialog.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),i=o(n),s={size:"md",isOpen:!0,buttonBarProps:{type:"grid",gridSize:3}},c=function(t){var n,o=t.title,c=t.message,f=t.confirmText,d=void 0===f?"Ok":f,m=t.cancelLabel,g=void 0===m?"Cancel":m,C=t.confirmButtonProps,p=t.cancelButtonProps,v=t.handleClose,_=t.handleConfirm,b=t.handleCancel;return u.default.createElement(a,e.__assign({className:i.default(r.confirmDialog,(n={},n[r.withoutMessage]=!Boolean(c),n))},s,{title:o,onClose:function(){return v()},footer:u.default.createElement(u.default.Fragment,null,u.default.createElement(l,e.__assign({label:g,loadingStateOnPromise:!0,onClick:b},p)),u.default.createElement("span",null),u.default.createElement(l,e.__assign({label:d,type:"primary",loadingStateOnPromise:!0,onClick:_},C)))}),c)};exports.default=c,exports.useConfirmDialog=function(){var n=t.useState(null),l=n[0],a=n[1],r=t.useState(""),o=r[0],i=r[1],s=t.useState({}),f=s[0],d=s[1],m=t.useState(""),g=m[0],C=m[1],p=t.useState(!1),v=p[0],_=p[1],b=t.useCallback(function(e,t,n){return void 0===n&&(n={}),_(!0),i(e),C(t||""),d(n),new Promise(function(e){a({resolve:e})})},[a,_]),S=t.useCallback(function(){a(null),_(!1),i(""),C(""),d({})},[a,_,C,i,d]);return{ConfirmDialog:t.useMemo(function(){return v?u.default.createElement(c,e.__assign({title:o,message:g,handleClose:S,handleConfirm:function(){null==l||l.resolve(!0),S()},handleCancel:function(){null==l||l.resolve(!1),S()}},f)):null},[v,o,g,l,f,S]),confirm:b}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),l=require("../Button/Button.js"),a=require("../Modal/Modal.js"),r=require("./ConfirmDialog.module.css.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),i=o(n),s={size:"md",isOpen:!0,buttonBarProps:{type:"grid",gridSize:3}},c=function(t){var n,o=t.title,c=t.message,f=t.confirmText,d=void 0===f?"Ok":f,m=t.cancelLabel,g=void 0===m?"Cancel":m,C=t.confirmButtonProps,v=t.cancelButtonProps,_=t.handleClose,p=t.handleConfirm,b=t.handleCancel;return u.default.createElement(a,e.__assign({className:i.default(r.confirmDialog,(n={},n[r.withoutMessage]=!c,n))},s,{title:o,onClose:_,footer:u.default.createElement(u.default.Fragment,null,u.default.createElement(l,e.__assign({label:g,loadingStateOnPromise:!0,onClick:b,secondary:!0},v)),u.default.createElement("span",null),u.default.createElement(l,e.__assign({label:d,loadingStateOnPromise:!0,onClick:p},C)))}),c)};exports.default=c,exports.useConfirmDialog=function(){var n=t.useState(null),l=n[0],a=n[1],r=t.useState(""),o=r[0],i=r[1],s=t.useState({}),f=s[0],d=s[1],m=t.useState(""),g=m[0],C=m[1],v=t.useState(!1),_=v[0],p=v[1],b=t.useCallback(function(e,t,n){return void 0===n&&(n={}),p(!0),i(e),C(t||""),d(n),new Promise(function(e){a({resolve:e})})},[]),S=t.useCallback(function(){a(null),p(!1),i(""),C(""),d({})},[]);return{ConfirmDialog:t.useMemo(function(){return _?u.default.createElement(c,e.__assign({title:o,message:g,handleClose:S,handleConfirm:function(){null==l||l.resolve(!0),S()},handleCancel:function(){null==l||l.resolve(!1),S()}},f)):null},[_,o,g,l,f,S]),confirm:b}};

package/lib/cjs/Notification/Notification.js

@@ -1 +1 @@
-"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),l=require("../DrawerTransition/DrawerTransition.js"),r=require("./Notification.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),u=n(t),o=a.navigation.CloseIcon,i=a.base.SuccessIcon,c=a.base.WarningIcon,f=a.base.InfoIcon;module.exports=function(t){var a=t.level,n=void 0===a?"info":a,d=t.type,m=void 0===d?"default":d,E=t.title,v=t.message,b=t.flashDuration,p=void 0===b?5e3:b,x=t.onClose,g=t.className,h=e.useState(!0),q=h[0],C=h[1],I=e.useRef(null),k="flash"===m?300:200,w=e.useCallback(function(){"flash"===m&&setTimeout(function(){try{C(!1)}catch(e){}},p)},[m,p]);return s.default.createElement(l,{open:q,role:"alert",className:u.default(g,r.wrapper,r[n],r[m]),afterEnter:w,afterExit:x,duration:k},s.default.createElement("div",{ref:I,className:r.alert},"success"===n&&s.default.createElement(i,{size:"xl"}),"info"===n&&s.default.createElement(f,{size:"xl"}),("error"===n||"warning"===n)&&s.default.createElement(c,{size:"xl"}),s.default.createElement("div",null,E&&s.default.createElement("h5",null,E),s.default.createElement("p",null,v)),"closable"===m&&s.default.createElement("button",{type:"button",onClick:function(){return C(!1)},"aria-label":"Close"},s.default.createElement(o,{size:"lg",color:"on-dark"}))))};
+"use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),l=require("../DrawerTransition/DrawerTransition.js"),r=require("./Notification.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),o=n(t),u=a.navigation.CloseIcon,i=a.base.SuccessIcon,c=a.base.WarningIcon,f=a.base.InfoIcon;module.exports=function(t){var a=t.level,n=void 0===a?"info":a,d=t.type,m=void 0===d?"default":d,E=t.title,v=t.message,b=t.flashDuration,p=void 0===b?5e3:b,g=t.onClose,x=t.className,h=e.useState(!0),q=h[0],y=h[1],C=e.useRef(null),I="flash"===m?300:200,k=e.useCallback(function(){"flash"===m&&setTimeout(function(){try{y(!1)}catch(e){}},p)},[m,p]);return s.default.createElement(l,{open:q,role:"alert",className:o.default(x,r.wrapper,r[n],r[m]),afterEnter:k,afterExit:g,duration:I},s.default.createElement("div",{ref:C,className:r.alert},"success"===n&&s.default.createElement(i,{size:"xl"}),"info"===n&&s.default.createElement(f,{size:"xl"}),("error"===n||"warning"===n)&&s.default.createElement(c,{size:"xl"}),s.default.createElement("div",null,E&&s.default.createElement("h5",null,E),"string"==typeof v?s.default.createElement("p",null,v):v),"closable"===m&&s.default.createElement("button",{type:"button",onClick:function(){return y(!1)},"aria-label":"Close"},s.default.createElement(u,{size:"lg",color:"on-dark"}))))};

package/lib/cjs/Select/MultiOption.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),n=require("../Lozenge/Lozenge.js"),o=require("./Select.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),i=a(r),u=t.navigation.CloseIcon,c=e.forwardRef(function(e,r){var t=e.label,a=e.className,c=e.children,s=e.onRemove,f=e.onArrowNavigate;return l.default.createElement(n,{ref:r,size:"lg",type:"primary",className:i.default(o.multiOption,a),onClick:s,onKeyDown:function(e){" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||(e.preventDefault(),s(e)),"ArrowRight"===e.key&&f&&(e.preventDefault(),f("next")),"ArrowLeft"===e.key&&f&&(e.preventDefault(),f("prev"))},role:"button",tabIndex:0,"aria-label":"Remove option ".concat(t)},c,l.default.createElement(u,{size:"sm",color:"on-dark",className:o.multiOptionRemove}))});module.exports=c;
+"use strict";var e=require("react"),r=require("clsx"),t=require("@k8slens/lds-icons"),n=require("../Lozenge/Lozenge.js"),o=require("./Select.module.css.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),i=a(r),u=t.navigation.CloseIcon,c=e.forwardRef(function(e,r){var t=e.label,a=e.className,c=e.children,s=e.onRemove,f=e.onArrowNavigate;return l.default.createElement(n,{ref:r,size:"lg",className:i.default(o.multiOption,a),onClick:s,onKeyDown:function(e){" "!==e.key&&"Spacebar"!==e.key&&"Enter"!==e.key||(e.preventDefault(),s(e)),"ArrowRight"===e.key&&f&&(e.preventDefault(),f("next")),"ArrowLeft"===e.key&&f&&(e.preventDefault(),f("prev"))},role:"button",tabIndex:0,"aria-label":"Remove option ".concat(t)},c,l.default.createElement(u,{size:"sm",color:"on-dark",className:o.multiOptionRemove}))});module.exports=c;

package/lib/cjs/Select/Select.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={select:"lds-select",selectButton:"lds-select--select-button",dropDownIcon:"lds-select--drop-down-icon",invalid:"lds-select--invalid",open:"lds-select--open",locked:"lds-select--locked",disabled:"lds-select--disabled",dropdown:"lds-select--dropdown",item:"lds-select--item",multiple:"lds-select--multiple",active:"lds-select--active",selected:"lds-select--selected",lg:"lds-select--lg",placeholder:"lds-select--placeholder",selectedItem:"lds-select--selected-item",loadingIndicator:"lds-select--loading-indicator",groupList:"lds-select--group-list",groupLabel:"lds-select--group-label",multiOptionContainer:"lds-select--multi-option-container",multiOption:"lds-select--multi-option",multiOptionRemove:"lds-select--multi-option-remove"};
+"use strict";module.exports={select:"lds-select",selectButton:"lds-select--select-button",dropDownIcon:"lds-select--drop-down-icon",invalid:"lds-select--invalid",disabled:"lds-select--disabled",locked:"lds-select--locked",open:"lds-select--open",dropdown:"lds-select--dropdown",item:"lds-select--item",multiple:"lds-select--multiple",active:"lds-select--active",selected:"lds-select--selected",lg:"lds-select--lg",placeholder:"lds-select--placeholder",selectedItem:"lds-select--selected-item",loadingIndicator:"lds-select--loading-indicator",groupList:"lds-select--group-list",groupLabel:"lds-select--group-label",multiOptionContainer:"lds-select--multi-option-container",multiOption:"lds-select--multi-option",multiOptionRemove:"lds-select--multi-option-remove"};

package/lib/cjs/SideNav/SideNavItem.d.ts

@@ -34,6 +34,10 @@ export interface SideNavItemProps<Component extends React.ElementType | keyof JS
      * @default false
      */
     externalLink?: boolean;
+    /** Icon component displayed before the label. Receives `filled={true}` when the item is active. */
+    icon: React.ComponentType<{
+        filled?: boolean;
+    }>;
 }
 /**
  * Side navigation item, use as a direct child of `SideNavGroup`.
@@ -41,10 +45,10 @@ export interface SideNavItemProps<Component extends React.ElementType | keyof JS
  * Usage: `import { SideNavItem } from "@k8slens/lds"`
  *
  * ```tsx
- * <SideNavItem active href="/settings">Settings</SideNavItem>
+ * <SideNavItem icon={SettingsIcon} active href="/settings">Settings</SideNavItem>
  * ```
  */
-declare function SideNavItem<C extends keyof JSX.IntrinsicElements | React.ElementType = "a">({ component, componentProps, active, disabled, className, children, type, externalLink, ...props }: SideNavItemProps<C>): React.JSX.Element;
+declare function SideNavItem<C extends keyof JSX.IntrinsicElements | React.ElementType = "a">({ component, componentProps, active, disabled, className, children, type, externalLink, icon, ...props }: SideNavItemProps<C>): React.JSX.Element;
 declare namespace SideNavItem {
     var displayName: string;
 }

package/lib/cjs/SideNav/SideNavItem.js

@@ -1 +1 @@
-"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("./SideNavItem.module.css.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(a),s=i(t);function l(t){var i,l=t.component,c=t.componentProps,d=t.active,u=t.disabled,o=t.className,m=t.children,p=t.type,v=void 0===p?"default":p,f=t.externalLink;e.__rest(t,["component","componentProps","active","disabled","className","children","type","externalLink"]);var N=l||"a",b=a.useMemo(function(){return c&&"aria-current"in c||!d?{}:{"aria-current":"page"}},[d,c]);return n.default.createElement(N,e.__assign({},c,{className:s.default(r.sideNavItem,o,(i={},i[r.disabled]=u,i[r.active]=d,i[r.external]=f,i[r[v]]="default"!==v,i)),"aria-disabled":u},b),m)}l.displayName="SideNavItem",module.exports=l;
+"use strict";var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("./SideNavItem.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(a),i=n(t);function s(t){var n,s=t.component,c=t.componentProps,d=t.active,u=t.disabled,o=t.className,m=t.children,f=t.type,p=void 0===f?"default":f,v=t.externalLink,N=t.icon;e.__rest(t,["component","componentProps","active","disabled","className","children","type","externalLink","icon"]);var b=s||"a",_=N,x=a.useMemo(function(){return c&&"aria-current"in c||!d?{}:{"aria-current":"page"}},[d,c]);return l.default.createElement(b,e.__assign({},c,{className:i.default(r.sideNavItem,o,(n={},n[r.disabled]=u,n[r.active]=d,n[r.external]=v,n[r[p]]="default"!==p,n)),"aria-disabled":u},x),l.default.createElement("span",{className:r.icon},l.default.createElement(_,{filled:d})),l.default.createElement("span",{className:r.label},m))}s.displayName="SideNavItem",module.exports=s;

package/lib/cjs/SideNav/SideNavItem.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active"};
+"use strict";module.exports={sideNavItem:"lds-side-nav-item",external:"lds-side-nav-item--external",danger:"lds-side-nav-item--danger",disabled:"lds-side-nav-item--disabled",active:"lds-side-nav-item--active",icon:"lds-side-nav-item--icon"};

package/lib/cjs/Table/Table.d.ts

@@ -68,7 +68,7 @@ export declare type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>
     /** Horizontal alignment of cell content. */
     align?: "start" | "center" | "end";
     /** Text color style variant. */
-    textStyle?: "default" | "accent" | "secondary" | "tertiary" | "quarternary";
+    textStyle?: "default" | "accent" | "secondary" | "tertiary";
     /** Label shown as a responsive header on mobile viewports. */
     responsiveHeader?: ReactNode;
 };

package/lib/cjs/Table/Table.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("@k8slens/lds-icons"),l=require("./Table.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),i=n(t),d=r.navigation.ArrowUpIcon,o=r.navigation.ArrowDownIcon,c=a.createContext({responsive:!0}),u=function(a){var t=a.visibility,r=void 0===t?"sr-only":t,n=a.className,d=a.children,o=e.__rest(a,["visibility","className","children"]);return s.default.createElement("caption",e.__assign({},o,{className:i.default(l.caption,n,{"lds-only-aria":"sr-only"===r}),hidden:"hidden"===r||void 0}),d)},v=function(a){var t=a.children,r=e.__rest(a,["children"]);return s.default.createElement("thead",e.__assign({},r),t)},f=function(a){var t=a.loading,r=void 0!==t&&t,l=a.children,n=e.__rest(a,["loading","children"]);return s.default.createElement("tbody",e.__assign({},n,{"aria-busy":r||void 0}),l)},m=function(a){var t,r=a.error,n=void 0!==r&&r,d=a.className,o=a.children,c=e.__rest(a,["error","className","children"]);return s.default.createElement("tr",e.__assign({},c,{className:i.default(l.row,d,(t={},t[l.rowError]=n,t))}),o)},_=function(a){var t,r,n,c=a.align,u=a.sortable,v=void 0!==u&&u,f=a.sorted,m=void 0!==f&&f,_=a.className,p=a.children,b=e.__rest(a,["align","sortable","sorted","className","children"]),h="center"===c?l.center:"end"===c?l.end:void 0;return s.default.createElement("th",e.__assign({},b,{scope:null!==(n=b.scope)&&void 0!==n?n:"col","aria-sort":"asc"===m?"ascending":"desc"===m?"descending":void 0,className:i.default(l.tableHeader,_,h,(t={},t[l.sortable]=v,t))}),s.default.createElement("span",null,p,v&&("asc"===m?s.default.createElement(d,{className:l.sortIcon}):s.default.createElement(o,{className:i.default(l.sortIcon,(r={},r[l.inactive]=!m,r))}))))},p={accent:l.textAccent,secondary:l.textSecondary,tertiary:l.textTertiary,quarternary:l.textQuarternary,default:l.textDefault},b=function(t){var r=t.primary,n=void 0!==r&&r,d=t.align,o=t.textStyle,u=t.responsiveHeader,v=t.className,f=t.children,m=e.__rest(t,["primary","align","textStyle","responsiveHeader","className","children"]),_=a.useContext(c).responsive,b=n?"th":"td",h="center"===d?l.center:"end"===d?l.end:void 0,y=o?p[o]:void 0;return s.default.createElement(b,e.__assign({},m,n?{scope:"row"}:{},{className:i.default(l.tableCell,v,h,y)}),_&&null!=u&&s.default.createElement("div",{"aria-hidden":!0,className:l.cellHeader},u),f)},h=function(a){var t=a.colSpan,r=a.children,n=e.__rest(a,["colSpan","children"]);return s.default.createElement("tr",e.__assign({},n),s.default.createElement("td",{colSpan:t},s.default.createElement("div",{className:l.noData},r)))},y=Object.assign(function(a){var t,r=a.responsive,n=void 0===r||r,d=a.bordered,o=void 0!==d&&d,u=a.className,v=a.children,f=e.__rest(a,["responsive","bordered","className","children"]);return s.default.createElement(c.Provider,{value:{responsive:n}},s.default.createElement("table",e.__assign({},f,{className:i.default(l.table,u,(t={},t[l.bordered]=o,t[l.responsive]=n,t))}),v))},{Caption:u,Head:v,Body:f,Row:m,HeaderCell:_,Cell:b,StatusRow:h});exports.TableBody=f,exports.TableCaption=u,exports.TableCell=b,exports.TableHead=v,exports.TableHeaderCell=_,exports.TableRow=m,exports.TableStatusRow=h,exports.default=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),a=require("react"),t=require("clsx"),r=require("@k8slens/lds-icons"),l=require("./Table.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(a),i=n(t),d=r.navigation.ArrowUpIcon,o=r.navigation.ArrowDownIcon,c=a.createContext({responsive:!0}),u=function(a){var t=a.visibility,r=void 0===t?"sr-only":t,n=a.className,d=a.children,o=e.__rest(a,["visibility","className","children"]);return s.default.createElement("caption",e.__assign({},o,{className:i.default(l.caption,n,{"lds-only-aria":"sr-only"===r}),hidden:"hidden"===r||void 0}),d)},v=function(a){var t=a.children,r=e.__rest(a,["children"]);return s.default.createElement("thead",e.__assign({},r),t)},f=function(a){var t=a.loading,r=void 0!==t&&t,l=a.children,n=e.__rest(a,["loading","children"]);return s.default.createElement("tbody",e.__assign({},n,{"aria-busy":r||void 0}),l)},m=function(a){var t,r=a.error,n=void 0!==r&&r,d=a.className,o=a.children,c=e.__rest(a,["error","className","children"]);return s.default.createElement("tr",e.__assign({},c,{className:i.default(l.row,d,(t={},t[l.rowError]=n,t))}),o)},_=function(a){var t,r,n,c=a.align,u=a.sortable,v=void 0!==u&&u,f=a.sorted,m=void 0!==f&&f,_=a.className,p=a.children,b=e.__rest(a,["align","sortable","sorted","className","children"]),h="center"===c?l.center:"end"===c?l.end:void 0;return s.default.createElement("th",e.__assign({},b,{scope:null!==(n=b.scope)&&void 0!==n?n:"col","aria-sort":"asc"===m?"ascending":"desc"===m?"descending":void 0,className:i.default(l.tableHeader,_,h,(t={},t[l.sortable]=v,t))}),s.default.createElement("span",null,p,v&&("asc"===m?s.default.createElement(d,{className:l.sortIcon}):s.default.createElement(o,{className:i.default(l.sortIcon,(r={},r[l.inactive]=!m,r))}))))},p={accent:l.textAccent,secondary:l.textSecondary,tertiary:l.textTertiary,default:l.textDefault},b=function(t){var r=t.primary,n=void 0!==r&&r,d=t.align,o=t.textStyle,u=t.responsiveHeader,v=t.className,f=t.children,m=e.__rest(t,["primary","align","textStyle","responsiveHeader","className","children"]),_=a.useContext(c).responsive,b=n?"th":"td",h="center"===d?l.center:"end"===d?l.end:void 0,g=o?p[o]:void 0;return s.default.createElement(b,e.__assign({},m,n?{scope:"row"}:{},{className:i.default(l.tableCell,v,h,g)}),_&&null!=u&&s.default.createElement("div",{"aria-hidden":!0,className:l.cellHeader},u),f)},h=function(a){var t=a.colSpan,r=a.children,n=e.__rest(a,["colSpan","children"]);return s.default.createElement("tr",e.__assign({},n),s.default.createElement("td",{colSpan:t},s.default.createElement("div",{className:l.noData},r)))},g=Object.assign(function(a){var t,r=a.responsive,n=void 0===r||r,d=a.bordered,o=void 0!==d&&d,u=a.className,v=a.children,f=e.__rest(a,["responsive","bordered","className","children"]);return s.default.createElement(c.Provider,{value:{responsive:n}},s.default.createElement("table",e.__assign({},f,{className:i.default(l.table,u,(t={},t[l.bordered]=o,t[l.responsive]=n,t))}),v))},{Caption:u,Head:v,Body:f,Row:m,HeaderCell:_,Cell:b,StatusRow:h});exports.TableBody=f,exports.TableCaption=u,exports.TableCell=b,exports.TableHead=v,exports.TableHeaderCell=_,exports.TableRow=m,exports.TableStatusRow=h,exports.default=g;

package/lib/cjs/Table/Table.module.css.js

@@ -1 +1 @@
-"use strict";module.exports={table:"lds-table",row:"lds-table--row",bordered:"lds-table--bordered",tableHeader:"lds-table--table-header",sortable:"lds-table--sortable",sortIcon:"lds-table--sort-icon",inactive:"lds-table--inactive",center:"lds-table--center",end:"lds-table--end",tableCell:"lds-table--table-cell",textAccent:"lds-table--text-accent",textSecondary:"lds-table--text-secondary",textTertiary:"lds-table--text-tertiary",textQuarternary:"lds-table--text-quarternary",textDefault:"lds-table--text-default",cellHeader:"lds-table--cell-header",noData:"lds-table--no-data",caption:"lds-table--caption",responsive:"lds-table--responsive",rowError:"lds-table--row-error",flashError:"lds-table--flash-error"};
+"use strict";module.exports={table:"lds-table",row:"lds-table--row",bordered:"lds-table--bordered",tableHeader:"lds-table--table-header",sortable:"lds-table--sortable",sortIcon:"lds-table--sort-icon",inactive:"lds-table--inactive",center:"lds-table--center",end:"lds-table--end",tableCell:"lds-table--table-cell",textAccent:"lds-table--text-accent",textSecondary:"lds-table--text-secondary",textTertiary:"lds-table--text-tertiary",textDefault:"lds-table--text-default",cellHeader:"lds-table--cell-header",noData:"lds-table--no-data",caption:"lds-table--caption",responsive:"lds-table--responsive",rowError:"lds-table--row-error",flashError:"lds-table--flash-error"};