Commit 4d9daf86 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

refactor: props of components

parent ab84b5f5

src/assets/components.css

0 → 100644
+9 −0
Original line number Diff line number Diff line 
.bold {

  font-weight: bold;

}

.italic {

  font-style: italic;

}

.flex-column {

  flex-direction: column;

}

src/assets/main.css

+218 −195
Original line number Diff line number Diff line 
@import './components.css';



:root {

  --gray-100: #f3f4f6;

  --gray-200: #e5e7eb;
@@ -179,7 +181,9 @@ body { 


/* Links */



a, a:link, a:visited  {

a,

a:link,

a:visited {

  text-decoration: none;

}
@@ -189,16 +193,28 @@ a:hover { 


/* Common */



aside, nav, footer, header, section, main {

aside,

nav,

footer,

header,

section,

main {

  display: block;

}



h1, h2, h3, h4, h5, h6, p {

h1,

h2,

h3,

h4,

h5,

h6,

p {

  font-size: inherit;

  font-weight: inherit;

}



ul, ul li {

ul,

ul li {

  list-style: none;

}
@@ -206,7 +222,8 @@ img { 
  vertical-align: top;

}



img, svg {

img,

svg {

  max-width: 100%;

  height: auto;

}
@@ -217,7 +234,10 @@ address { 


/* Form */



input, textarea, button, select {

input,

textarea,

button,

select {

  font-family: inherit;

  font-size: inherit;

  color: inherit;
@@ -228,7 +248,8 @@ input::-ms-clear { 
  display: none;

}



button, input[type="submit"] {

button,

input[type='submit'] {

  display: inline-block;

  box-shadow: none;

  background-color: transparent;
@@ -236,8 +257,10 @@ button, input[type="submit"] { 
  cursor: pointer;

}



input:focus, input:active,

button:focus, button:active {

input:focus,

input:active,

button:focus,

button:active {

  outline: none;

}

src/common/helpers/colors.ts

+1 −0
Original line number Diff line number Diff line
@@ -74,6 +74,7 @@ export const convert500ThemeToColor = (theme: string | undefined) => { 
    case 'black':

      return '#000000';

  }

  return '#000000';

};



export const convert800ThemeToColor = (theme: string | undefined) => {

src/common/interfaces/common.ts

+8 −0
Original line number Diff line number Diff line
@@ -19,4 +19,12 @@ export type TThemeColor = 


export type TThemeColorNoWhite = Exclude<TThemeColor, 'white'>;



export type TSize = 'small' | 'medium' | 'large' | 'huge';



export type TTextStyle = 'bold' | 'italic';



export type TPosition = 'top' | 'right' | 'bottom' | 'left';



export type TBorder = 'solid' | 'dashed' | 'dotted';



export type TIcons = keyof typeof iconsSet;

src/common/interfaces/components.ts→src/common/interfaces/componentsProp.ts

+32 −0
Original line number Diff line number Diff line 
import type { TIcons, TThemeColor } from '@interfaces/common';

import type { TIcons, TPosition, TTextStyle, TThemeColor } from '@interfaces/common';



export interface ITreeItem {

  label: string;

  link?: string;

  linkBlank?: boolean;

  color?: TThemeColor;

  textStyle?: 'bold' | 'italic';

  textStyle?: TTextStyle;

  isTriangleToColor?: boolean;

  iconBefore?: TIcons;

  iconAfter?: TIcons;

  iconColor?: TThemeColor;

  children?: ITreeItem[];

  isLinkClicked?: boolean;

}



export interface ISBOption {

  label: string;

  value?: never;

  color?: TThemeColor;

  activeColor?: TThemeColor;

  backgroundColor?: TThemeColor;

  isLabelHidden?: boolean;

  iconPosition?: TPosition;

  textStyle?: TTextStyle;

}



export interface ISliderOptions {

  label: string | number;

  value?: string | number;

  color?: string;

}