@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/cjs/result/styled.js

@@ -1,109 +0,0 @@
-"use strict";var t=require("styled-components");const e=t.section`
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-`,i=t.keyframes`
-  0%    { transform: scale(.5);   opacity: 0;}
-  50%   { transform: scale(1.05); opacity: 1;}
-  75%   { transform: scale(0.95); opacity: 1;}
-  100%  { transform: scale(1);    opacity: 1;}
-`,n=t.div`
-
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-`,o=t.div`
-
-  opacity: 1;
-
-  padding           : 50px 20px 40px;
-  border-radius     : 6px;
-  width             : 100%;
-  height            : ${t=>"true"===t.$fill?"100%":"auto"};
-  max-width         : ${t=>"true"===t.$fill?"100%":"500px"};
-  background-color  : ${t=>!0===t.$background?"default"===t.$type?"#10233b":"#0E153180":"transparent"};
-
-  display           : flex;
-  justify-content   : center;
-  align-items       : center;
-  flex-direction    : column;
-  gap               : 20px;
-
-  ${e=>{if(e.$animation)return t.css`
-        animation         : ${i} 0.5s ease-out;
-        transition        : all 0.5s ease-out;
-        transform-origin  : 50% 50%;
-      `}}
-  
-`,r=t.div`
-
-  position: relative;
-  display: flex;
-  justify-content: center;
-
-  width: 100%;
-  min-height: 0;
-  margin-bottom: 1rem;
-
-  background-color: #04112780;
-  border-radius: 100px;
-  width: 84px;
-  height: 84px;
-  
-  img {
-    z-index: 0;
-    width: 44px;
-    height: auto;
-  }
-  
-`,a=t.div`
-  display: flex;
-  justify-content: center;
-  margin-top: 20px;
-
-  a {
-    min-width: 150px;
-
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-
-  }
-`,s=t.div`
-
-  display: flex;
-  justify-content: center;
-
-  width: 100%;
-
-  >div {
-    width: 100%;
-  }
-  
-`,p=t.div`
-
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-
-`,c=t.div`
-  color: #57d43c;
-  font-size: 18px;
-  font-weight: 600;
-  text-align: center;
-  max-width: 80%; 
-`,d=t.div`
-  color: #cccccc;
-  font-size: 13px;
-  line-height: 18px;
-  font-weight: 500;
-  text-align: center;
-  max-width: 80%;
-`;exports.Body=p,exports.Content=o,exports.ContentDescription=d,exports.ContentWrapper=n,exports.Extras=a,exports.Footer=s,exports.ImageWrapper=r,exports.Title=c,exports.Wrapper=e;

package/dist/cjs/status/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),F=require("../utils/GetSizeSlugBySize.js"),t=require("../enums/enum.js"),r=require("react");const d={"gray-1":{background:"#F9F9F9",text:"#0714374D"},"gray-2":{background:"#F9F9F9",text:"#585455"},"gray-3":{background:"#F5F5F5",text:"#071437"},black:{background:"#071437",text:"#FFFFFF"},green:{background:"#DFFFEA",text:"#17C653"},purple:{background:"#F5F1FF",text:"#7239EA"},yellow:{background:"#FFF8DD",text:"#F6C000"},red:{background:"#FFEEF3",text:"#F8285A"},brown:{background:"#FFF3F1",text:"#CB6F5B"},lavender:{background:"#FCF3FF",text:"#AB60C0"},blue:{background:"#F1F4FF",text:"#3256D9"},pink:{background:"#FFEEF6",text:"#E25698"},violet:{background:"#F5F1FF",text:"#7239EA"},orange:{background:"#FFF4E6",text:"#FF8C00"},teal:{background:"#E6FFFA",text:"#2DD4BF"},indigo:{background:"#EEF2FF",text:"#6366F1"},lime:{background:"#F7FEE7",text:"#65A30D"},"filled-brown":{background:"#F5651A",text:"#FFF9F6"},"filled-violet":{background:"#7239EA",text:"#F5F1FF"},"filled-red":{background:"#F8285A",text:"#F7EFF1"},"filled-yellow":{background:"#F6C000",text:"#FBFAF4"},"filled-pink":{background:"#CC79E3",text:"#F7F3F9"},"filled-blue":{background:"#1B84FF",text:"#EDF0F4"},"filled-green":{background:"#17C653",text:"#F5FAF6"},"filled-purple":{background:"#C417C6",text:"#F6F0F6"},"filled-black":{background:"#071437",text:"#F1F3F7"},"filled-lavender":{background:"#AB60C0",text:"#FCF3FF"},"filled-gray-1":{background:"#585455",text:"#F9F9F9"},"filled-gray-2":{background:"#585455",text:"#F9F9F9"},"filled-gray-3":{background:"#071437",text:"#F5F5F5"},"filled-orange":{background:"#FF8C00",text:"#FFF4E6"},"filled-teal":{background:"#2DD4BF",text:"#E6FFFA"},"filled-indigo":{background:"#6366F1",text:"#EEF2FF"},"filled-lime":{background:"#65A30D",text:"#F7FEE7"}};exports.default=function({variant:l="gray-1",size:a=t.ComponentSizes.DEFAULT,stretch:n=!1,bold:u=!0,children:o="",className:c=""}){const i=r.useMemo(()=>{let e="itd-status flex items-center justify-center relative";return e+=" itd-status-"+l,e+=" itd-status-"+F.default(a),n&&(e+=" itd-status-stretch"),u&&(e+=" itd-status-bold"),""!==c&&null!==c&&(e+=" "+c),e},[l,a,n,u,c]),g=r.useMemo(()=>{const e=d[l];return{background:e.background,color:e.text}},[l]);return e.jsx("div",{className:i,style:g,children:e.jsx("span",{children:o})})};

package/dist/cjs/table/styled.js

@@ -1,458 +0,0 @@
-"use strict";var t=require("styled-components"),e=require("../enums/enum.js");const o=t.div`
-
-  &:has(table.itd-table-no-data), &:has(table.itd-table-empty) {
-    height: 100%;
-    table {
-      height: 100%;
-    }
-  }
-
-  .expand-button {
-
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    position: absolute;
-    top: 0;
-    left: 0;
-    user-select: none;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    button:hover {
-      //background-color: #ececec;
-    }
-
-    button span span {
-      //color: #555;
-      font-size: 15px;
-      line-height: 14px;
-      font-weight: 600;
-    }
-
-  }
-
-  table {
-    
-    width: 100%;
-    
-    caption-side: bottom;
-    border-collapse: collapse;
-    text-indent: initial;
-    //border-spacing: 2px;
-    border-spacing: 0;
-
-    th {
-      text-align: left;
-      span {
-        color: #071437;
-      }
-    }
-
-    td>span, th>span {
-      font-weight: 500;
-    }
-
-    th, td {
-      position: relative;
-      width: auto;
-      vertical-align: middle;
-    }
-
-  }
-
-  >table {
-
-    >tbody, >thead {
-        
-      ${o=>o.$size===e.ComponentSizes.X_SMALL?t.css`
-            td, th {
-              padding-top: 5px;
-              padding-bottom: 5px;
-            }
-            th>span {
-              font-size: 13px;
-            }
-            td>span {
-              font-size: 12px;
-            }
-          `:o.$size===e.ComponentSizes.SMALL?t.css`
-            td, th {
-              padding-top: 8px;
-              padding-bottom: 8px;
-            }
-            th>span {
-              font-size: 13px;
-            }
-            td>span {
-              font-size: 12px;
-            }
-          `:o.$size===e.ComponentSizes.MEDIUM?t.css`
-            td, th {
-              padding-top: 12px;
-              padding-bottom: 12px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `:o.$size===e.ComponentSizes.DEFAULT?t.css`
-            td, th {
-              padding-top: 15px;
-              padding-bottom: 15px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `:o.$size===e.ComponentSizes.LARGE?t.css`
-            td, th {
-              padding-top: 18px;
-              padding-bottom: 18px;
-            }
-            th>span {
-              font-size: 15px;
-            }
-            td>span {
-              font-size: 14px;
-            }
-          `:o.$size===e.ComponentSizes.X_LARGE?t.css`
-            td, th {
-              padding-top: 20px;
-              padding-bottom: 20px;
-            }
-            th>span {
-              font-size: 15px;
-            }
-            td>span {
-              font-size: 14px;
-            }
-          `:t.css`
-            td, th {
-              padding-top: 15px;
-              padding-bottom: 15px;
-            }
-            th>span {
-              font-size: 14px;
-            }
-            td>span {
-              font-size: 13px;
-            }
-          `}
-
-      td, th {
-          
-        ${o=>o.$noGaps?t.css`
-              padding-left: 0;
-              padding-right: 0;
-            `:o.$size===e.ComponentSizes.X_SMALL?t.css`
-              padding-left: 10px;
-              padding-right: 10px;
-            `:o.$size===e.ComponentSizes.SMALL||o.$size===e.ComponentSizes.MEDIUM||o.$size===e.ComponentSizes.DEFAULT?t.css`
-              padding-left: 15px;
-              padding-right: 15px;
-            `:o.$size===e.ComponentSizes.LARGE||o.$size===e.ComponentSizes.X_LARGE?t.css`
-              padding-left: 20px;
-              padding-right: 20px;
-            `:t.css`
-              padding-left: 15px;
-              padding-right: 15px;
-            `}
-
-      }
-
-    }
-
-    &:not(.itd-table-no-gaps) {
-
-      >thead {
-
-        background-color: #FAFAFA;
-
-        td:first-child, th:first-child {
-          padding-left: 30px;
-        }
-        
-      }
-
-      &:not(.itd-table-no-data):not(.itd-table-empty) {
-        >tbody {
-          td:first-child, th:first-child {
-            padding-left: 30px;
-          }
-        }
-      }
-
-      /**
-       * Tabloda içeriği boşsa.
-       */
-      &.itd-table-no-data {
-
-        >tbody {
-          >tr {
-            background-color: #FAFAFA;
-          }
-        }
-
-      }
-
-      /**
-       * Tabloda içeriği boş değilse.
-       */
-      &:not(.itd-table-empty) {
-
-        /**
-         * Ana tablo satırların üstüne gelindiğinde
-         */
-        >tbody >tr:not(.itd-table-row-inner):hover {
-          background-color: #FAFAFA;
-        }
-
-        /**
-         * Alt tablo satırların üstüne gelindiğinde
-         */
-        .itd-table-inner-table >tbody >tr:hover {
-          background-color: #FAFAFA;
-        }
-
-      }
-
-    }
-
-    /**
-     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKSIZ
-     */
-    &:not(.itd-table-bordered) {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-        border-top: 1px solid #f1f1f4;
-        border-bottom: 1px solid #f1f1f4;
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px solid #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px solid #f1f1f4;
-          }
-          
-        }
-      }
-      
-    }
-
-    /**
-     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKLI
-     */
-    &.itd-table-bordered {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr , >thead >tr {
-
-        border-top: 1px solid #f1f1f4;
-        border-bottom: 1px solid #f1f1f4;
-        border-left: 1px solid #f1f1f4;
-        border-right: 1px solid #f1f1f4;
-
-        >td, >th {
-          border-left: 1px solid #f1f1f4;
-          border-right: 1px solid #f1f1f4;
-        }
-
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px solid #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px solid #f1f1f4;
-          }
-
-          >td:not(:first-child) {
-            border-left: 1px solid #f1f1f4;
-          }
-
-          >td:not(:last-child) {
-            border-right: 1px solid #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * KESİK ÇİZGİLİ, DIŞ KENARLIKSIZ
-     */
-    &.itd-table-dashed {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-        border-top: 1px dashed #f1f1f4;
-        border-bottom: 1px dashed #f1f1f4;
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px dashed #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px dashed #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * KESİK ÇİZGİLİ VE DIŞ KENARLIKLI
-     */
-    &.itd-table-dashed.itd-table-bordered {
-
-      /**
-       * Ana tablo hücre kenarlıkları
-       */
-      >tbody >tr, >thead >tr {
-      
-        border-top: 1px dashed #f1f1f4;
-        border-bottom: 1px dashed #f1f1f4;
-        border-left: 1px dashed #f1f1f4;
-        border-right: 1px dashed #f1f1f4;
-
-        >td, >th {
-          border-left: 1px dashed #f1f1f4;
-          border-right: 1px dashed #f1f1f4;
-        }
-
-      }
-
-      /**
-       * Alt tablo hücre kenarlıkları
-       */
-      .itd-table-inner-table {
-        >tbody >tr {
-
-          &:not(:first-child) {
-            border-top: 1px dashed #f1f1f4;
-          }
-
-          &:not(:last-child) {
-            border-bottom: 1px dashed #f1f1f4;
-          }
-
-          >td:not(:first-child) {
-            border-left: 1px dashed #f1f1f4;
-          }
-
-          >td:not(:last-child) {
-            border-right: 1px dashed #f1f1f4;
-          }
-          
-        }
-      }
-
-    }
-
-    /**
-     * ÇİZGİSİZ VE KENARLIKSIZ
-     */
-    &:not(.itd-table-bordered) {
-
-      thead tr:first-child {
-        border-top-style: none;
-        border-top-style: none;
-      }
-      tbody tr:last-child {
-        border-bottom-style: none;
-        border-bottom-style: none;
-      }
-
-      &.itd-table-headless {
-        tbody tr:first-child {
-          border-top-style: none;
-          border-top-style: none;
-        }
-      }
-
-    }
-
-  }
-
-`,d=t.div`
-
-  height: 150px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  >div {
-    display: flex;
-    flex-direction: column;
-    gap: 7px;
-  }
-
-  span {
-    font-size: 12px;
-    font-weight: 500;
-    color: #4D4D4D;
-  }
-
-  svg {
-    fill: #4D4D4D;
-  }
-  
-`,i=t.span`
-
-  ${e=>{if(e.$overflow)return t.css`
-        overflow      : hidden;
-        white-space   : nowrap;
-        text-overflow : ellipsis;
-        position      : relative;
-        display       : block;
-      `}}
-  
-`,r=t.span`
-
-  ${e=>{if(e.$overflow)return t.css`
-        overflow      : hidden;
-        white-space   : nowrap;
-        text-overflow : ellipsis;
-        position      : relative;
-        display       : block;
-      `}}
-
-`;exports.Cell=r,exports.EmptyBody=d,exports.RowTitle=i,exports.Wrapper=o;

package/dist/cjs/tabs/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("react-router-dom");exports.default=({tabs:r=[],activeTabKey:i="",className:n="",variant:l="line",orientation:d="horizontal",height:s,fill:o,onTabChange:c})=>{const[b,u]=a.useState(i),k=a.useRef([]);a.useEffect(()=>{b!==i&&u(i)},[i]);const f=a.useCallback((e,a)=>{const t=r.length;let i=e;for(let e=0;e<t;e++)if(i=(i+a+t)%t,!r[i].disabled)return i;return e},[r]),h=a.useCallback(e=>{const a="horizontal"===d,t=a?"ArrowRight":"ArrowDown",i=a?"ArrowLeft":"ArrowUp",n=r.findIndex(e=>e.key===b);if(-1===n)return;let l=null;switch(e.key){case t:e.preventDefault(),l=f(n,1);break;case i:e.preventDefault(),l=f(n,-1);break;case"Home":e.preventDefault(),l=r.findIndex(e=>!e.disabled);break;case"End":e.preventDefault();for(let e=r.length-1;e>=0;e--)if(!r[e].disabled){l=e;break}break;case"Enter":case" ":return e.preventDefault(),void(r[n].disabled||v(r[n].key));default:return}null!==l&&l!==n&&(v(r[l].key),k.current[l]?.focus())},[r,b,d,f]),v=e=>{u(e),c?.(e)},y=r.some(e=>!!e.link),p=a=>e.jsxs(e.Fragment,{children:[a.icon&&e.jsx("span",{className:"itd-tab-icon",children:a.icon}),e.jsx("span",{children:a.tab})]}),x=(a,r)=>{const n=((e,a)=>!y&&(b?b===e:!!i&&0===a))(a.key,r),s={"data-variant":l,"data-orientation":d,...n?{"data-active":""}:{},...a.disabled?{"data-disabled":""}:{}};return a.link?e.jsx(t.NavLink,{ref:e=>{k.current[r]=e},className:"itd-tab-trigger"+(n?" active":""),onClick:()=>!a.disabled&&v(a.key),to:a.link,role:"tab","aria-selected":n,"aria-disabled":a.disabled||void 0,tabIndex:n?0:-1,...s,children:p(a)},a.key):e.jsx("button",{ref:e=>{k.current[r]=e},className:"itd-tab-trigger",onClick:()=>!a.disabled&&v(a.key),role:"tab",id:`tab-${a.key}`,"aria-selected":n,"aria-disabled":a.disabled||void 0,"aria-controls":a.children?`tabpanel-${a.key}`:void 0,tabIndex:n?0:-1,...s,children:p(a)},a.key)};return e.jsxs("div",{className:`itd-tabs ${n||""}`,"data-orientation":d,...o?{"data-fill":""}:{},...s?{style:{height:s+"px"}}:{},children:[e.jsx("div",{className:"itd-tab-list","data-variant":l,"data-orientation":d,role:"tablist","aria-orientation":d,onKeyDown:h,children:r.map((e,a)=>x(e,a))}),(()=>{const a=r.find(e=>e.key===b);return a?.children?e.jsx("div",{className:"itd-tab-content",role:"tabpanel",id:`tabpanel-${a.key}`,"aria-labelledby":`tab-${a.key}`,children:a.children}):null})()]})};

package/dist/cjs/tinyscrollbar/scroll.styled.js

@@ -1,21 +0,0 @@
-"use strict";const r=require("styled-components").div`
-
-  /* OverlayScrollbars v2 class selectors */
-  .os-scrollbar-horizontal { height: 10px; }
-  .os-scrollbar-vertical   { width: 10px; }
-
-  .os-scrollbar-track {
-    background: transparent;
-  }
-
-  .os-scrollbar-handle {
-    background: var(--itd-scrollbar-thumb) !important;
-    border-radius: 8px;
-  }
-
-  .os-scrollbar-handle:hover,
-  .os-scrollbar-handle:active {
-    background: var(--itd-scrollbar-thumb-hover) !important;
-  }
-
-`;exports.ScrollWrapper=r;

package/dist/context/ITDContext.d.ts

@@ -1,25 +0,0 @@
-import { ChildrenProps } from "types/ChildrenProps";
-export type ITDContextType = {
-    theme: string;
-    brokenImage: string;
-    dateFormat: string;
-    language: string;
-    locale: string;
-    changeTheme: (value: string) => void;
-    changeBrokenImage: (value: string) => void;
-    changeDateFormat: (value: string) => void;
-    changeLocale: (value: string) => void;
-    changeLanguage: (value: string) => void;
-};
-export type ITDProviderProps = {
-    theme?: string;
-    surfaceBase?: string;
-    primaryBase?: string;
-    language?: string;
-    dateFormat?: string;
-    children: ChildrenProps;
-};
-declare const ITDContext: import("react").Context<ITDContextType>;
-export declare const ITDProvider: (props: ITDProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default ITDContext;
-export declare const useITD: () => ITDContextType;

package/dist/context/ITDThemeProvider.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode, RefObject } from 'react';
-import type { ITDTheme } from '../types/Theme';
-export type ITDThemeProviderProps = {
-    themeName?: 'light' | 'dark';
-    surfaceBase?: string;
-    primaryBase?: string;
-    customTheme?: Partial<ITDTheme>;
-    containerRef?: RefObject<HTMLElement | null>;
-    children: ReactNode;
-};
-export default function ITDThemeProvider({ themeName, surfaceBase, primaryBase, customTheme, containerRef, children }: ITDThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/context/styled.d.ts

@@ -1,2 +0,0 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper };