kiban-design-system 1.1.14-hotfix.0 → 1.1.16-hotfix.0

package/dist/components/Alert/Alert.props.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { IconName } from '../Icon';
-export declare type AlertAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
+export declare type AlertAppearanceType = 'info' | 'success' | 'warning' | 'danger' | 'majorWarning' | 'loading';
 export interface AlertProps {
     icon?: IconName;
     /**

package/dist/components/AlertProvider/AlertProvider.d.ts

@@ -3,4 +3,5 @@ import type { AlertProviderItemProps, AlertProviderProps } from './AlertProvider
 import './AlertProvider.styles.scss';
 declare const AlertProvider: ({ children, limit }: AlertProviderProps) => JSX.Element;
 export default AlertProvider;
-export declare const useShowAlert: () => (props: AlertProviderItemProps) => void;
+export declare const useShowAlert: () => (props: AlertProviderItemProps) => number | null;
+export declare const useDeleteAlert: () => (id?: number | undefined) => void;

package/dist/components/AlertProvider/AlertProvider.props.d.ts

@@ -17,13 +17,18 @@ export interface AlertProviderItemProps {
      *
      * @default 'info'
      */
-    appearance: 'info' | 'success' | 'warning' | 'danger' | 'majorWarning';
+    appearance: 'info' | 'success' | 'warning' | 'danger' | 'majorWarning' | 'loading';
     content: React.ReactNode;
     onDismiss?: (id?: number) => void;
     id?: number;
-    duration: number;
+    duration: number | 'infinite';
+    /**
+     * Dismissible alert
+     */
+    dismissible?: boolean;
 }
 export interface AlertContextType {
     limit: number;
-    addAlert: (props: AlertProviderItemProps) => void;
+    addAlert: (props: AlertProviderItemProps) => number | null;
+    deleteAlert: (id?: number) => void;
 }

package/dist/components/AlertProvider/index.d.ts

@@ -1,3 +1,3 @@
-import AlertProvider, { useShowAlert } from './AlertProvider';
+import AlertProvider, { useShowAlert, useDeleteAlert } from './AlertProvider';
 export * from './AlertProvider.props';
-export { AlertProvider, useShowAlert };
+export { AlertProvider, useShowAlert, useDeleteAlert };

package/dist/index.css

@@ -1,6 +1,6 @@
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Action-list__header-container{align-items:center;display:flex;min-height:2.5rem;padding-bottom:.5rem;padding-top:.5rem}.Action-list__header-container-sections{padding-left:.5rem}.Action-list__header-title{font-size:.87rem;font-weight:700;line-height:1.5rem;margin:0 .87rem}.Action-list__header-divider{border-bottom:.06rem solid #dee1e5;margin-bottom:.56rem;margin-left:1rem;margin-right:1rem;padding-bottom:1.06rem}.Action-list__section{margin-bottom:1.75rem}.Action-list__section:last-child{margin-bottom:0}.Action-list__section-title-container{margin:0 0 1.87rem;min-height:2.87rem;padding-top:.37rem}.Action-list__section-title-text{border-bottom:.06rem solid #dee1e5;color:#707684;font-size:.75rem;font-weight:700;letter-spacing:1.25px;line-height:1.12rem;padding:0 .5rem 1.12rem;text-transform:uppercase}.Action-list__items-container{list-style:none;margin:0;padding:0}.Action-list__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list__item:hover{transition:all .2s ease-in-out}.Action-list__item--active,.Action-list__item:hover{background:#e3efff;border-radius:.18rem}.Action-list__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--CLOUD__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--CLOUD__item:hover{background:#e3efff;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--CLOUD__item--active{background:#e3efff;border-radius:.18rem}.Action-list.Action-list--CLOUD__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--CLOUD__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--KLIN__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--KLIN__item:hover{background:#e3efff;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--KLIN__item--active{background:#e3efff;border-radius:.18rem}.Action-list.Action-list--KLIN__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--KLIN__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--LINK__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--LINK__item:hover{background:#ffe3b0;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--LINK__item--active{background:#ffe3b0;border-radius:.18rem}.Action-list.Action-list--LINK__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--LINK__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--RAINAO__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--RAINAO__item:hover{background:#ffe0f1;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--RAINAO__item--active{background:#ffe0f1;border-radius:.18rem}.Action-list.Action-list--RAINAO__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--RAINAO__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--WORKFLOO__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--WORKFLOO__item:hover{background:#e6d8fc;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--WORKFLOO__item--active{background:#e6d8fc;border-radius:.18rem}.Action-list.Action-list--WORKFLOO__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--WORKFLOO__item--disabled{color:#b5bac3;pointer-events:none}.Action-list.Action-list--REKON__item{align-items:center;cursor:pointer;display:flex;font-size:.87rem;font-weight:700;line-height:1.5rem;min-height:2.5rem;padding-left:1rem;padding-right:1rem}.Action-list.Action-list--REKON__item:hover{background:#d7fff8;border-radius:.18rem;transition:all .2s ease-in-out}.Action-list.Action-list--REKON__item--active{background:#d7fff8;border-radius:.18rem}.Action-list.Action-list--REKON__item-icon{align-items:center;display:flex;justify-content:center;margin-right:1rem}.Action-list.Action-list--REKON__item--disabled{color:#b5bac3;pointer-events:none}
 
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Alert{border-radius:6px;box-sizing:border-box;color:#181f2e;display:flex;font-size:.75rem;height:auto;margin-bottom:.62rem;padding:.75rem;position:relative;transition:all .2s ease-in-out;width:100%}.Alert__close{cursor:pointer;height:.93rem;position:absolute;right:.62rem;top:4px}.Alert__close svg{width:.93rem}.Alert__content{align-items:center;display:flex;flex-direction:row;line-height:1rem}.Alert__content span{padding:0 .93rem}.Alert__icon{display:flex}.Alert--info{background:#e3efff;border:.06rem solid #336cff}.Alert--info svg{color:#336cff}.Alert--success{background:#ecfdf5;border:.06rem solid #10b981}.Alert--success svg{color:#10b981}.Alert--warning{background:#fef3c7;border:.06rem solid #f59e0b}.Alert--warning svg{color:#f59e0b}.Alert--danger{background:#fee2e2;border:.06rem solid #ef4444}.Alert--danger svg{color:#ef4444}.Alert--majorWarning{background:#ef4444;border:.06rem solid #ef4444;color:#fff}.Alert--majorWarning svg{color:#fff}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.Alert{border-radius:6px;box-sizing:border-box;color:#181f2e;display:flex;font-size:.75rem;height:auto;margin-bottom:.62rem;padding:.75rem;position:relative;transition:all .2s ease-in-out;width:100%}.Alert__close{cursor:pointer;height:.93rem;position:absolute;right:.62rem;top:4px}.Alert__close svg{width:.93rem}.Alert__content{align-items:center;display:flex;flex-direction:row;line-height:1rem}.Alert__content span{padding:0 .93rem}.Alert__icon{display:flex}.Alert--info,.Alert--loading{background:#e3efff;border:.06rem solid #336cff}.Alert--info svg,.Alert--loading svg{color:#336cff}.Alert--success{background:#ecfdf5;border:.06rem solid #10b981}.Alert--success svg{color:#10b981}.Alert--warning{background:#fef3c7;border:.06rem solid #f59e0b}.Alert--warning svg{color:#f59e0b}.Alert--danger{background:#fee2e2;border:.06rem solid #ef4444}.Alert--danger svg{color:#ef4444}.Alert--majorWarning{background:#ef4444;border:.06rem solid #ef4444;color:#fff}.Alert--majorWarning svg{color:#fff}.Alert--loading .Alert__loading{animation:spinAlert 2s linear infinite;flex:none;height:auto;line-height:0;width:auto}@keyframes spinAlert{to{transform:rotate(1turn)}}
 
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */.AlertProvider{bottom:0;left:0;max-width:23.37rem;padding:1rem;position:fixed;z-index:10}