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

package/dist/css/status.css

@@ -1,74 +0,0 @@
-@layer components {
-  .itd-status {
-    width: max-content;
-    border-radius: 4px;
-
-    & > span {
-      text-align: center;
-      user-select: none;
-      white-space: nowrap;
-    }
-
-    &.itd-status-stretch {
-      width: 100%;
-    }
-
-    &.itd-status-bold > span {
-      font-weight: 600;
-    }
-
-    &.itd-status-xs {
-      padding: calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);
-
-      & > span {
-        font-size: 9px;
-        font-weight: 500;
-      }
-    }
-
-    &.itd-status-sm {
-      padding: calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);
-
-      & > span {
-        font-size: 10px;
-        font-weight: 500;
-      }
-    }
-
-    &.itd-status-md {
-      padding: calc(var(--itd-spacing) * 1) calc(var(--itd-spacing) * 2);
-
-      & > span {
-        font-size: 11px;
-        font-weight: 500;
-      }
-    }
-
-    &.itd-status-df {
-      padding: calc(var(--itd-spacing) * 1.5) calc(var(--itd-spacing) * 2.5);
-
-      & > span {
-        font-size: 12px;
-        font-weight: 500;
-      }
-    }
-
-    &.itd-status-lg {
-      padding: calc(var(--itd-spacing) * 2) calc(var(--itd-spacing) * 3);
-
-      & > span {
-        font-size: 12.4px;
-        font-weight: 500;
-      }
-    }
-
-    &.itd-status-xlg {
-      padding: calc(var(--itd-spacing) * 2.5) calc(var(--itd-spacing) * 3.5);
-
-      & > span {
-        font-size: 12.6px;
-        font-weight: 500;
-      }
-    }
-  }
-}

package/dist/datepicker/index.d.ts

@@ -1,3 +0,0 @@
-import { DatePickerProps, ITDImperativeFuncProps } from "../index";
-declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<ITDImperativeFuncProps>>;
-export default DatePicker;

package/dist/enums/enum.d.ts

@@ -1,209 +0,0 @@
-/**
- * Modal states
- *
- * Modal states for the modal component.
- */
-export declare enum ModalState {
-    NOT_SHOW = "modal-not-show",
-    BEGIN = "modal-begin",
-    ENTERING = "modal-entering",
-    ENTERED = "modal-entered",
-    EXITING = "modal-exiting",
-    EXITED = "modal-exited",
-    REMOVED = "modal-removed",
-    OK_CLICK = "modal-ok-button-click",
-    CANCEL_CLICK = "modal-cancel-button-click",
-    CLOSE_CLICK = "modal-close-button-click",
-    OUTSIDE_CLICK = "modal-outside-click",
-    ESC_CLICK = "modal-esc-click",
-    ALL_REMOVED = "modal-all-removed"
-}
-/**
- * File types
- *
- * File types for the file component.
- */
-export declare enum FileTypes {
-    SVG = "image/svg+xml",
-    PNG = "image/png",
-    JPG = "image/jpg",
-    JPEG = "image/jpeg",
-    GIF = "image/gif",
-    PDF = "application/pdf",
-    OTF = "font/otf"
-}
-/**
- * File extensions
- *
- * File extensions for the file component.
- */
-export declare enum FileExtensions {
-    SVG = ".svg",
-    PNG = ".png",
-    JPG = ".jpg",
-    GIF = ".gif",
-    PDF = ".pdf",
-    OTF = ".otf"
-}
-/**
- * Form validations
- *
- * Form validations for the form component.
- */
-export declare enum FormValidations {
-    REQUIRED = "required",
-    TYPE = "type"
-}
-/**
- * Form validation types
- *
- * Form validation types for the form component.
- */
-export declare enum FormValidationTypes {
-    MIN_LENGTH = "minLength",
-    MAX_LENGTH = "maxLength",
-    EXACT_LENGTH = "exactLength",
-    SAME = "same",
-    NOT_SAME = "notSame",
-    TC_IDENTITY = "TCIdentity",
-    PASSWORD = "password",
-    EMAIL = "email",
-    USERNAME = "username",
-    SITE_USERNAME = "siteUsername",
-    ADMIN_USERNAME = "adminUsername",
-    URL = "url",
-    FORBIDDEN_WORDS = "forbiddenWords"
-}
-/**
- * Connection status
- *
- * Connection status for the connection component.
- */
-export declare enum ConnectionStatus {
-    ONLINE = "online",
-    OFFLINE = "offline"
-}
-/**
- * Component sizes
- *
- * Component sizes for the component.
- */
-export declare enum ComponentSizes {
-    X_SMALL = "x-small",
-    SMALL = "small",
-    MEDIUM = "medium",
-    DEFAULT = "default",
-    LARGE = "large",
-    X_LARGE = "x-large"
-}
-/**
- * Component sizes slug
- *
- * Component sizes slug for the component.
- */
-export declare enum ComponentSizesSlug {
-    X_SMALL = "xs",
-    SMALL = "sm",
-    MEDIUM = "md",
-    DEFAULT = "df",
-    LARGE = "lg",
-    X_LARGE = "xlg"
-}
-/**
- * Button sizes
- *
- * Button-specific sizes including icon-only variants.
- * Extends ComponentSizes with icon variants.
- */
-export declare enum ButtonSizes {
-    X_SMALL = "x-small",
-    SMALL = "small",
-    MEDIUM = "medium",
-    DEFAULT = "default",
-    LARGE = "large",
-    X_LARGE = "x-large",
-    ICON = "icon",
-    ICON_SM = "icon-sm",
-    ICON_LG = "icon-lg"
-}
-/**
- * Button sizes slug
- *
- * Button sizes slug for the component.
- * Extends ComponentSizesSlug with icon variants.
- */
-export declare enum ButtonSizesSlug {
-    X_SMALL = "xs",
-    SMALL = "sm",
-    MEDIUM = "md",
-    DEFAULT = "df",
-    LARGE = "lg",
-    X_LARGE = "xlg",
-    ICON = "icon",
-    ICON_SM = "icon-sm",
-    ICON_LG = "icon-lg"
-}
-/**
- * Component x positions
- *
- * Component x positions for the component.
- */
-export declare enum ComponentXPositions {
-    LEFT = "left",
-    RIGHT = "right"
-}
-/**
- * Component y positions
- *
- * Component y positions for the component.
- */
-export declare enum ComponentYPositions {
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-/**
- * Component variants
- *
- * Component variants for the component.
- */
-export declare enum ComponentVariants {
-    DEFAULT = "default",
-    FILLED = "filled",
-    CUSTOM = "custom"
-}
-export declare enum ButtonTypes {
-    BUTTON = "button",
-    SUBMIT = "submit",
-    RESET = "reset"
-}
-/**
- * Tooltip positions
- *
- * Tooltip positions for the tooltip component.
- */
-export declare enum TooltipPositions {
-    TOP_LEFT = "top-left",
-    TOP_RIGHT = "top-right",
-    BOTTOM_LEFT = "bottom-left",
-    BOTTOM_RIGHT = "bottom-right"
-}
-/**
- * Trigger types
- *
- * Trigger types for the useFloatingTrigger hook.
- */
-export declare enum TriggerTypes {
-    HOVER = "hover",
-    CLICK = "click",
-    FOCUS = "focus",
-    MANUAL = "manual"
-}
-/**
- * Theme appearances
- *
- * Theme appearances for the theme component.
- */
-export declare enum ThemeAppearances {
-    LIGHT = "light",
-    DARK = "dark"
-}

package/dist/es/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as getDefaultExportFromCjs};

package/dist/es/_virtual/customParseFormat.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/plugin/customParseFormat.js";var s=o(r());export{s as default};

package/dist/es/_virtual/customParseFormat2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/dayjs.min.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/dayjs.min.js";var s=o(r());export{s as default};

package/dist/es/_virtual/dayjs.min2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/localizedFormat.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/plugin/localizedFormat.js";var e=o(r());export{e as default};

package/dist/es/_virtual/localizedFormat2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/react.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as e}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/fast-deep-equal/react.js";var o=e(r());export{o as default};

package/dist/es/accordion/item/styled.js

@@ -1,20 +0,0 @@
-import e from"styled-components";const t=e.div`
-
-  height: ${e=>`${e.$itemHeight}px`};
-
-  padding: 0 20px 0 30px;
-  margin-bottom: 1px;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-
-  span {
-    user-select: none;
-  }
-
-`,o=e.div`
-
-  margin-left: auto;
-  transform: rotate(-90deg);
-
-`;export{o as Arrow,t as Wrapper};

package/dist/es/accordion/styled.js

@@ -1,15 +0,0 @@
-import o from"styled-components";const f=o.div`
-
-  display: flex;
-  flex-direction: column;
-
-  background-color: #ffffff;
-  border: 1px solid #f1f1f4;
-  border-radius: 6px;
-
-  overflow: hidden;
-
-  font-size: 14px;
-  line-height: 14px;
-
-`;export{f as Wrapper};

package/dist/es/accordion/submenu/styled.js

@@ -1,214 +0,0 @@
-import o from"styled-components";const e=o.div`
-
-  &.itd-accordion-menu-sub-menu {
-
-    &:not(:last-child) {
-      .itd-accordion-menu-header {
-        margin-bottom: 1px;
-      }
-    }
-
-    /**
-     * SINGLE
-     */
-    &.itd-accordion-menu-sub-menu-single {
-      .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
-        transform: rotate(-90deg);
-      }
-    }
-    
-    /**
-     * MULTIPLE
-     */
-    &.itd-accordion-menu-sub-menu-multiple.itd-accordion-menu-sub-menu-open {
-      .itd-accordion-menu-header {
-        background-color: #f1f1f4;
-      }
-      .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
-        transform: rotate(-180deg);
-      }
-    }
-    
-    /**
-     * SINGLE AND MULTIPLE
-     */
-    &.itd-accordion-menu-sub-menu-single, &.itd-accordion-menu-sub-menu-multiple {
-    
-      /**
-       * DEFAULT
-       */
-      .itd-accordion-menu-header {
-
-        background-color: #f9f9f9;
-        transition: all 0.25s ease-out;
-        text-decoration: none;
-
-        span.itd-accordion-menu-header-text {
-          font-size: 14px;
-          font-weight: 500;
-          color: #071437;
-          transition: all 0.25s ease-out;
-        }
-
-        .itd-icon {
-          margin-right: 8px;
-          color: #071437;
-          transition: all 0.25s ease-out;
-        }
-
-        svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
-          fill: #071437;
-          transition: all 0.25s ease-out;
-        }
-
-        /* HOVER */
-        &:hover {
-
-          background-color: #f1f1f4;
-
-          span.itd-accordion-menu-header-text {
-            color: #071437;
-          }
-
-          .itd-icon {
-            color: #071437;
-          }
-
-          svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
-            fill: #071437;
-          }
-          
-        }
-
-      }
-
-      ul.itd-accordion-menu-collapse {
-        
-        li.itd-accordion-menu-content-item {
-          
-          .itd-accordion-menu-content {
-
-            background-color: #f9f9f950;
-            transition: all 0.25s ease-out;
-            
-            span.itd-accordion-menu-content-header-text {
-              font-size: 13px;
-              font-weight: 500;
-              color: #071437;
-              transition: all 0.25s ease-out;
-            }
-
-            .itd-svg svg {
-              transition: all 0.25s ease-out;
-              fill: #071437;
-            }
-
-            /* HOVER */
-            &:hover {
-              background-color: #f1f1f4;
-            }
-
-          }
-          
-        }
-        
-      }
-
-      /**
-       * ACTIVE
-       */
-      &.itd-accordion-menu-sub-menu-active {
-      
-        .itd-accordion-menu-header {
-
-          transition-duration: 0ms;
-          background-color: #071437;
-
-          span.itd-accordion-menu-header-text {
-            color: #ffffff;
-          }
-
-          .itd-icon {
-            color: #ffffff;
-          }
-
-          .itd-svg svg {
-            fill: #ffffff;
-          }
-          
-        }
-
-        ul.itd-accordion-menu-collapse li.itd-accordion-menu-content-item {
-          
-          .itd-accordion-menu-content {
-
-            &.active {
-
-              background-color: #E9F3FF;
-
-              span.itd-accordion-menu-content-header-text {
-                color: #1b84ff;
-              }
-  
-              .itd-svg svg {
-                fill: #1b84ff;
-              }
-
-            }
-
-            
-          }
-
-        }
-
-      }
-
-    }
-
-  }
-
-`,t=o.div`
-
-  font-size: ${o=>`${o.$size}px`};
-  width: ${o=>`${o.$size}px`};
-  height: ${o=>`${o.$size}px`};
-  
-  display: flex;
-  align-items: center;
-  
-`,i=o.ul`
-
-  overflow: hidden;
-  transition: max-height 0.25s ease-out;
-  margin: 0px;
-  padding: 0px;
-  list-style-type: none;
-
-`,n=o.div`
-
-  transition  : all 0.25s ease-out;
-  margin-left : auto;
-  transform   : ${o=>o.$isSingle?"rotate(-90deg)":o.$isOpen?"rotate(-180deg)":"rotate(0deg)"};
-
-  width: ${o=>o.$width+"px"};
-  height: ${o=>o.$height+"px"};
-
-  svg {
-    width: ${o=>o.$width+"px"};
-    height: ${o=>o.$height+"px"};
-  }
-
-`,a=o.div`
-
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  height: ${o=>`${o.$height}px`};
-  padding: 0 20px 0 0;
-  cursor: pointer;
-  
-  span {
-    user-select: none;
-  }
-
-`;export{n as Arrow,i as Content,t as Icon,a as Title,e as Wrapper};

package/dist/es/alink/styled.js

@@ -1,5 +0,0 @@
-import{NavLink as o}from"react-router-dom";import t from"styled-components";const r=t(o)`
-
-  text-decoration: none;
-  
-`;export{r as NavigationLink};

package/dist/es/back-top/styled.js

@@ -1,25 +0,0 @@
-import i,{keyframes as o}from"styled-components";const s=i.div`
-  position: fixed;
-  bottom: 80px;
-  right: 30px;
-  visibility: hidden;
-  `,t=i.a`
-
-  visibility: ${i=>i.$show?"visible":"hidden"};
-  animation: ${i=>i.$show?n:"none"} 0.5s;
-
-  display: block;
-  transition: fill .3s ease-out;
-  cursor: pointer;
-  fill: #ffffff80;
-
-  &:hover {
-    fill: #3396fb;
-  }
-  
-  `,n=o`
-  0% { transform: scale(.2) }
-  50% { transform: scale(1.1) }
-  75% { transform: scale(0.9) }
-  100% { transform: scale(1) }
-`;export{t as Show,s as Wrapper};

package/dist/es/calendar/day/styled.js

@@ -1,91 +0,0 @@
-import o,{css as e}from"styled-components";const t=o.div`
-
-  position: relative;
-  cursor: pointer;
-  border-radius: 4px;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &::before {
-
-    position: absolute;
-    top: 50%;
-    right: 0;
-    left: 0;
-    //z-index: 1;
-    height: 30px;
-    -webkit-transform: translateY(-50%);
-    transform: translateY(-50%);
-    content: "";
-
-  }
-
-  span {
-
-    font-size: 13px;
-    letter-spacing: -.5;
-    font-weight: 500;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    position: relative;
-    min-width: 30px;
-    height: 30px;
-    line-height: 30px;
-    border-radius: 50px;
-
-    transition: background-color 0.15s ease-out;
-
-  }
-
-  &:hover {
-
-    span {
-      color: #3598FE;
-      background-color: #0E1531;
-    }
-
-  }
-
-  ${({$today:o})=>o&&e`
-      span {
-        border: 1px solid #3598FE80;
-      }
-    `}
-
-  ${({$selected:o})=>o&&e`
-      span {
-        color: #3598FE;
-        background-color: #0E1531;
-      }
-    `}
-
-  ${({$current:o})=>o?e`
-        span {
-          color: #ffffff;
-        }
-      `:e`
-        span {
-          color: #ffffff80;
-        }
-      `}
-
-  ${({$disabled:o})=>o&&e`
-      pointer-events: none;
-      
-      &::before {
-        background-color: none;
-        background-color: #0E153180;
-      }
-
-      span {
-        background: 0 0;
-        color: #ffffff40;
-      }
-    `}
-
-`;export{t as Wrapper};