@harjs/react-ui 1.1.4 → 1.1.6

package/dist/assets/css/core/variants/outlined.css

@@ -1,439 +0,0 @@
-/* #region BLUE */
-.outlined:not(.disabled) {
-  &.blue {
-    border: solid 1px var(--blue-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-blue ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.blue {
-    border: solid 1px var(--blue-500);
-    color: var(--blue-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--blue-300);
-      box-shadow: 0 0 0 3.5px var(--blue-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.blue { 
-    border-color: var(--blue-500);
-    color: var(--blue-500);
-
-    &:hover {
-      background-color: var(--blue-100);
-    }
-  }
-}
-/* #endregion */
-/* BLUE */
-
-/* #region PURPLE */
-.outlined:not(.disabled) {
-  &.purple {
-    border: solid 1px var(--purple-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-purple ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.purple {
-    border: solid 1px var(--purple-500);
-    color: var(--purple-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--purple-300);
-      box-shadow: 0 0 0 3.5px var(--purple-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.purple { 
-    border-color: var(--purple-500);
-    color: var(--purple-500);
-
-    &:hover {
-      background-color: var(--purple-100);
-    }
-  }
-}
-/* #endregion */
-/* PURPLE */
-
-/* #region PINK */
-.outlined:not(.disabled) {
-  &.pink {
-    border: solid 1px var(--pink-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-pink ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.pink {
-    border: solid 1px var(--pink-500);
-    color: var(--pink-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--pink-300);
-      box-shadow: 0 0 0 3.5px var(--pink-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.pink { 
-    border-color: var(--pink-500);
-    color: var(--pink-500);
-
-    &:hover {
-      background-color: var(--pink-100);
-    }
-  }
-}
-/* #endregion */
-/* PINK */
-
-/* #region RED */
-.outlined:not(.disabled) {
-  &.red {
-    border: solid 1px var(--red-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-red ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.red {
-    border: solid 1px var(--red-500);
-    color: var(--red-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--red-300);
-      box-shadow: 0 0 0 3.5px var(--red-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.red { 
-    border-color: var(--red-500);
-    color: var(--red-500);
-
-    &:hover {
-      background-color: var(--red-100);
-    }
-  }
-}
-/* #endregion */
-/* RED */
-
-/* #region ORANGE */
-.outlined:not(.disabled) {
-  &.orange {
-    border: solid 1px var(--orange-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-orange ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.orange {
-    border: solid 1px var(--orange-500);
-    color: var(--orange-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--orange-300);
-      box-shadow: 0 0 0 3.5px var(--orange-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.orange { 
-    border-color: var(--orange-500);
-    color: var(--orange-500);
-
-    &:hover {
-      background-color: var(--orange-100);
-    }
-  }
-}
-/* #endregion */
-/* ORANGE */
-
-/* #region YELLOW */
-.outlined:not(.disabled) {
-  &.yellow {
-    border: solid 1px var(--yellow-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-yellow ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.yellow {
-    border: solid 1px var(--yellow-500);
-    color: var(--yellow-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--yellow-300);
-      box-shadow: 0 0 0 3.5px var(--yellow-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.yellow { 
-    border-color: var(--yellow-500);
-    color: var(--yellow-500);
-
-    &:hover {
-      background-color: var(--yellow-100);
-    }
-  }
-}
-/* #endregion */
-/* YELLOW */
-
-/* #region GREEN */
-.outlined:not(.disabled) {
-  &.green {
-    border: solid 1px var(--green-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-green ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.green {
-    border: solid 1px var(--green-500);
-    color: var(--green-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--green-300);
-      box-shadow: 0 0 0 3.5px var(--green-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.green { 
-    border-color: var(--green-500);
-    color: var(--green-500);
-
-    &:hover {
-      background-color: var(--green-100);
-    }
-  }
-}
-/* #endregion */
-/* GREEN */
-
-/* #region TEAL */
-.outlined:not(.disabled) {
-  &.teal {
-    border: solid 1px var(--teal-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-teal ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.teal {
-    border: solid 1px var(--teal-500);
-    color: var(--teal-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--teal-300);
-      box-shadow: 0 0 0 3.5px var(--teal-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.teal { 
-    border-color: var(--teal-500);
-    color: var(--teal-500);
-
-    &:hover {
-      background-color: var(--teal-100);
-    }
-  }
-}
-/* #endregion */
-/* TEAL */
-
-/* #region CYAN */
-.outlined:not(.disabled) {
-  &.cyan {
-    border: solid 1px var(--cyan-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-cyan ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.cyan {
-    border: solid 1px var(--cyan-500);
-    color: var(--cyan-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--cyan-300);
-      box-shadow: 0 0 0 3.5px var(--cyan-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.cyan { 
-    border-color: var(--cyan-500);
-    color: var(--cyan-500);
-
-    &:hover {
-      background-color: var(--cyan-100);
-    }
-  }
-}
-/* #endregion */
-/* CYAN */
-
-/* #region GRAY */
-.outlined:not(.disabled) {
-  &.gray {
-    border: solid 1px var(--gray-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-gray ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.gray {
-    border: solid 1px var(--gray-500);
-    color: var(--gray-500);
-
-    &:focus,
-    &.focused {
-      border-color: var(--gray-300);
-      box-shadow: 0 0 0 3.5px var(--gray-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.gray { 
-    border-color: var(--gray-500);
-    color: var(--gray-500);
-
-    &:hover {
-      background-color: var(--gray-100);
-    }
-  }
-}
-/* #endregion */
-/* GRAY */
-
-/* #region LIGHT */
-.outlined:not(.disabled) {
-  &.light {
-    border: solid 1px var(--light-500);
-    color: var(--black);
-
-    &.active {
-      animation: clicked-light ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-
-input.outlined:not(.disabled),
-iframe.outlined:not(.disabled),
-.ar-select > .selections.outlined:not(.disabled) {
-  &.light {
-    border: solid 1px var(--light-500);
-    color: var(--black);
-
-    &:focus,
-    &.focused {
-      border-color: var(--gray-400);
-      box-shadow: 0 0 0 3.5px var(--gray-100);
-    }
-  }
-}
-
-button.outlined:not(.disabled) {
-  &.light { 
-    border-color: var(--light-500);
-    color: var(--light-500);
-
-    &:hover {
-      background-color: var(--light-100);
-    }
-  }
-}
-/* #endregion */
-/* LIGHT */

package/dist/assets/css/core/variants/surface.css

@@ -1,252 +0,0 @@
-/* #region BLUE */
-.surface:not(.disabled) {
-  &.blue {
-    background-color: var(--blue-100);
-    border: solid 1px var(--blue-300);
-    color: var(--blue-500);
-    
-    &.active {
-      animation: clicked-blue ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.blue { 
-    &:hover {
-      background-color: var(--blue-300);
-    }
-  }
-}
-/* #endregion */
-/* BLUE */
-
-/* #region PURPLE */
-.surface:not(.disabled) {
-  &.purple {
-    background-color: var(--purple-100);
-    border: solid 1px var(--purple-300);
-    color: var(--purple-500);
-    
-    &.active {
-      animation: clicked-purple ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.purple { 
-    &:hover {
-      background-color: var(--purple-300);
-    }
-  }
-}
-/* #endregion */
-/* PURPLE */
-
-/* #region PINK */
-.surface:not(.disabled) {
-  &.pink {
-    background-color: var(--pink-100);
-    border: solid 1px var(--pink-300);
-    color: var(--pink-500);
-    
-    &.active {
-      animation: clicked-pink ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.pink { 
-    &:hover {
-      background-color: var(--pink-300);
-    }
-  }
-}
-/* #endregion */
-/* PINK */
-
-/* #region RED */
-.surface:not(.disabled) {
-  &.red {
-    background-color: var(--red-100);
-    border: solid 1px var(--red-300);
-    color: var(--red-500);
-    
-    &.active {
-      animation: clicked-red ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.red { 
-    &:hover {
-      background-color: var(--red-300);
-    }
-  }
-}
-/* #endregion */
-/* RED */
-
-/* #region ORANGE */
-.surface:not(.disabled) {
-  &.orange {
-    background-color: var(--orange-100);
-    border: solid 1px var(--orange-300);
-    color: var(--orange-500);
-    
-    &.active {
-      animation: clicked-orange ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.orange { 
-    &:hover {
-      background-color: var(--orange-300);
-    }
-  }
-}
-/* #endregion */
-/* ORANGE */
-
-/* #region YELLOW */
-.surface:not(.disabled) {
-  &.yellow {
-    background-color: var(--yellow-100);
-    border: solid 1px var(--yellow-300);
-    color: var(--yellow-500);
-    
-    &.active {
-      animation: clicked-yellow ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.yellow { 
-    &:hover {
-      background-color: var(--yellow-300);
-    }
-  }
-}
-/* #endregion */
-/* YELLOW */
-
-/* #region GREEN */
-.surface:not(.disabled) {
-  &.green {
-    background-color: var(--green-100);
-    border: solid 1px var(--green-300);
-    color: var(--green-500);
-    
-    &.active {
-      animation: clicked-green ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.green { 
-    &:hover {
-      background-color: var(--green-300);
-    }
-  }
-}
-/* #endregion */
-/* GREEN */
-
-/* #region TEAL */
-.surface:not(.disabled) {
-  &.teal {
-    background-color: var(--teal-100);
-    border: solid 1px var(--teal-300);
-    color: var(--teal-500);
-    
-    &.active {
-      animation: clicked-teal ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.teal { 
-    &:hover {
-      background-color: var(--teal-300);
-    }
-  }
-}
-/* #endregion */
-/* TEAL */
-
-/* #region CYAN */
-.surface:not(.disabled) {
-  &.cyan {
-    background-color: var(--cyan-100);
-    border: solid 1px var(--cyan-300);
-    color: var(--cyan-500);
-    
-    &.active {
-      animation: clicked-cyan ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.cyan { 
-    &:hover {
-      background-color: var(--cyan-300);
-    }
-  }
-}
-/* #endregion */
-/* CYAN */
-
-/* #region GRAY */
-.surface:not(.disabled) {
-  &.gray {
-    background-color: var(--gray-100);
-    border: solid 1px var(--gray-300);
-    color: var(--gray-500);
-    
-    &.active {
-      animation: clicked-gray ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.gray { 
-    &:hover {
-      background-color: var(--gray-300);
-    }
-  }
-}
-/* #endregion */
-/* GRAY */
-
-/* #region LIGHT */
-.surface:not(.disabled) {
-  &.light {
-    background-color: var(--light-100);
-    border: solid 1px var(--light-300);
-    color: var(--light-500);
-    
-    &.active {
-      animation: clicked-light ease-in-out 750ms 0s 1 normal both;
-    }
-  }
-}
-      
-button.surface:not(.disabled) {
-  &.light { 
-    &:hover {
-      background-color: var(--light-300);
-    }
-  }
-}
-/* #endregion */
-/* LIGHT */

package/dist/components/form/checkbox/IProps.d.ts

@@ -1,5 +0,0 @@
-import { IBorderProps, IColorProps, IUpperCaseProps, IValidationProps, IVariantProps } from "../../../libs/infrastructure/types/IGlobalProps";
-interface IProps extends IVariantProps, IColorProps, IBorderProps, IUpperCaseProps, IValidationProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "children" | "type" | "size" | "color"> {
-    label?: string;
-}
-export default IProps;

package/dist/components/form/input/otp/IProps.d.ts

@@ -1,6 +0,0 @@
-import { IColorProps, IVariantProps } from "../../../../libs/infrastructure/types/IGlobalProps";
-interface IProps extends IVariantProps, IColorProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "children" | "color"> {
-    character: number;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
-export default IProps;

package/dist/components/form/input/otp/Otp.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import IProps from "./IProps";
-declare const Otp: {
-    ({ character, onChange, ...attributes }: IProps): React.JSX.Element;
-    displayName: string;
-};
-export default Otp;

package/dist/libs/core/application/locales/index.d.ts

@@ -1,4 +0,0 @@
-import INotificationLocale from "./notification/INotificationLocale";
-import NotificationTR from "./notification/tr";
-import NotificationEN from "./notification/en";
-export { INotificationLocale, NotificationTR, NotificationEN };

package/dist/libs/core/application/locales/index.js

@@ -1,3 +0,0 @@
-import NotificationTR from "./notification/tr";
-import NotificationEN from "./notification/en";
-export { NotificationTR, NotificationEN };