@morozeckiy/dd-lib 0.1.1

package/assets/scss/titles.scss

@@ -0,0 +1,197 @@
+@import 'mixins';
+@import 'vars';
+
+.g-h2-title {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 48px;
+  color: var(--light-black-color);
+
+  @include below($mobile) {
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+.g-h3-title {
+  font-weight: 700;
+  font-size: 24px;
+  line-height: 32px;
+  color: var(--light-black-color);
+}
+
+.g-h4-title {
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 28px;
+  color: var(--light-black-color);
+
+  @include below($mobile) {
+    font-size: 18px;
+  }
+}
+
+.g-text {
+  font-size: 16px;
+  line-height: 24px;
+  color: var(--font-light-black-color);
+}
+
+.h1-title {
+  font-size: 40px;
+  font-weight: 700;
+  line-height: 60px;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h2-title {
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 48px;
+  letter-spacing: 0;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h3-title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+  letter-spacing: 0;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h4-title {
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 28px;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h5-title {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 28px;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h5-title-medium {
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 28px;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h4-title-light {
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 28px;
+  letter-spacing: 0;
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.h6-title {
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 32px;
+  letter-spacing: 0;
+  text-align: left;
+
+  cursor: default;
+  color: var(--light-black-color);
+}
+
+.b3-title {
+  text-wrap: nowrap;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0;
+  cursor: default;
+  color: var(--font-light-black-color);
+}
+
+.b4-title {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 24px;
+  text-align: left;
+  cursor: default;
+
+  color: var(--font-light-black-color);
+}
+
+.b6-title {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0;
+  cursor: default;
+
+  color: var(--font-light-black-color);
+}
+
+.c2-title {
+  font-size: 12px;
+  font-weight: 400;
+  cursor: default;
+  line-height: 18px;
+}
+
+.text-plain {
+  font-size: 16px;
+  font-weight: 400;
+  cursor: default;
+  line-height: 24px;
+}
+
+.small {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0;
+}
+
+.gray {
+  color: var(--second-gray-color);
+}
+
+.dark {
+  color: var(--dark-color);
+}
+
+.light-black {
+  color: var(--font-light-black-color);
+}
+
+.green {
+  color: var(--primary-green-color);
+}
+
+.red {
+  color: var(--red-error-color);
+}
+
+.plain-link {
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  color: var(--primary-green-color);
+  text-decoration: underline;
+
+  &.blue {
+    color: var(--blue-color);
+  }
+
+  &:hover {
+    text-decoration: none;
+  }
+}

package/assets/scss/vars-dark.scss

@@ -0,0 +1,135 @@
+@mixin style-dark() {
+  --main-body-width: 1320px;
+  --side-padding: 24px;
+  --side-padding-mobile: 16px;
+
+  //header
+  --header-color: #160d1d;
+  --header-height: 202px;
+  --header-border-color: #3e3e3e;
+  --switch-color: #07b700;
+  --switch-circle-color: #ffffff;
+  --menu-hover-bgc: #2e193d;
+  --menu-arr-color: #a79bad;
+  --burger-menu-color: #1a1a1a;
+  --burger-menu-border: #3e3e3e;
+  --burger-menu-ttl: #ffffff;
+  --burger-menu-txt: #ffffff;
+
+  //footer
+  --footer-color: #121212;
+  --footer-border-color: #3e3e3e;
+  --footer-font-coolor: #ffffff;
+  --footer-soc-icon: #d7d7d7;
+
+  //main
+  --main-bgc: #121212;
+  --main-layer: #1c2b20;
+  --main-card-color: #1a1a1a;
+  --main-card-shadow: 0 14px 64px -4px #18274b0a, 0 8px 22px -6px #18274b0a;
+  --main-img-color: #1e2841;
+  --shared-bgc: #182442;
+  --select-act-hov-bgc: #182442;
+
+  //button
+  --btn-padding: 16px 32px;
+  --btn-round-padding: 8px 16px;
+  --btn-border-radius: 12px;
+  --btn-border-round-radius: 24px;
+  --btn-height: 40px;
+
+  --btn-green-bgc: var(--primary-green-color);
+  --btn-green-hover: var(--primary-green-hover);
+  --btn-green-color: var(--white-color);
+
+  --btn-light-green-bgc: var(--light-green-color);
+  --btn-light-green-color: var(--primary-green-color);
+  --btn-light-green-hover-color: var(--primary-green-hover);
+
+  --btn-white-bgc: var(--gray-color-200);
+  --btn-white-color: var(--primary-green-color);
+  --btn-white-hover-color: var(--primary-green-hover);
+
+  --btn-red-bgc: var(--red-light-color);
+  --btn-red-color: var(--red-error-color);
+  --btn-red-hover-color: var(--red-hover-color);
+
+  --btn-dark-bgc: var(--dark-color);
+  --btn-dark-color: var(--white-color);
+  --btn-dark-hover-color: var(--dark-hover-color);
+
+  --btn-disabled-bgc: var(--disabled-bgc);
+  --btn-disabled-color: var(--disabled-color);
+
+  //input/textarea
+  --input-border-color: var(--primary-gray-color);
+  --input-error-border-color: var(--primary-red-color);
+  --input-error-border-shadow: 0px 0px 0px 3px #ff36451a;
+  --input-active-border-colort: var(--primary-green-color);
+  --input-active-border-shadow: 0px 0px 0px 3px #07b7001a;
+  --input-placeholder: var(--second-gray-color);
+  --input-disable-input: #1a1a1a;
+  --input-disable-text: #434343;
+  --input-gray-bgc: #262626;
+  --input-gray-placeholder: #969696;
+
+  //checkbox
+  --cb-checked-bgc: var(--primary-green-color);
+  --cb-hover-bgc: var(--primary-green-hover);
+  --cb-init-border: var(--gray-bgc);
+
+  //radio
+  --radio-active-color: var(--primary-green-color);
+  --radio-hover-color: var(--primary-green-hover);
+  --radio-disabled: var(--gray-color-200);
+
+  //claims
+  --claim-status-bgc-published: #8e9cbe;
+  --claim-status-bgc-in-work: var(--blue-color);
+  --claim-status-bgc-received: #ba00fb;
+  --claim-status-bgc-deadline: #faad14;
+  --claim-status-bgc-decided: #07b700;
+  --claim-status-bgc-close: #ff3645;
+
+  //district selector
+  --district-color: var(--font-light-black-color);
+
+  // colors
+  --primary-green-color: #07b700;
+  --primary-green-color-rgb: 7, 183, 0;
+  --primary-green-hover: #069700;
+  --primary-gray-color: #3e3e3e;
+  --second-gray-color: #969696;
+  --calendar-gray-color: #4a5660;
+  --calendar-gray-hide-color: #bdbdbd;
+  --primary-red-color: #ff3645;
+  --primary-red-color-rgb: 255, 54, 69;
+  --light-green-color: #262626;
+  --light-blue-color: #e5f2ff;
+  --light-black-color: #ffffff;
+  --black-color: #000;
+  --dark-color: #2e193d;
+  --dark-hover-color: #4e325c;
+  --white-color: #1a1a1a;
+  --gray-bgc: #d7d7d7;
+  --disabled-color: #8e9cbe;
+  --disabled-bgc: #eaedf5;
+  --red-light-color: #feedf0;
+  --red-error-color: #ff3645;
+  --red-hover-color: #c03c54;
+  --font-light-black-color: #d7d7d7;
+  --font-wheit-small: 400;
+  --font-wheit-big: 500;
+  --gray-color-200: #efefef;
+  --gray-color-300: #f9fafc;
+  --active-border-color-shadow: #07b7001a;
+  --low-bgc-color: #262626;
+  --yellow-card: #fffbe6;
+  --gold-bgc-color: #fffbe6;
+  --gold-border-color: #ffe58f;
+  --gold-svg-color: #faad14;
+  --blue-color: #007bfb;
+  --blue-light-bgc: #e5f2ff;
+  --blue-light-border-color: #cce5fe;
+  --gray-bgc-2: #fcfcfc;
+}

package/assets/scss/vars-light.scss

@@ -0,0 +1,135 @@
+@mixin style-light() {
+  --main-body-width: 1320px;
+  --side-padding: 24px;
+  --side-padding-mobile: 16px;
+
+  //header
+  --header-color: var(--dark-color);
+  --header-height: 202px;
+  --header-border-color: var(--dark-hover-color);
+  --switch-color: var(--dark-hover-color);
+  --switch-circle-color: #fff;
+  --menu-hover-bgc: #4e325c;
+  --menu-arr-color: #a79bad;
+  --burger-menu-color: #ffffff;
+  --burger-menu-border: #efefef;
+  --burger-menu-ttl: #1c1c1c;
+  --burger-menu-txt: #434343;
+
+  //footer
+  --footer-color: #ffffff;
+  --footer-border-color: var(--gray-bgc);
+  --footer-font-coolor: var(--light-black-color);
+  --footer-soc-icon: #1c1c1c;
+
+  //main
+  --main-bgc: #ffffff;
+  --main-layer: #eefaf1;
+  --main-card-color: #ffffff;
+  --main-card-shadow: 0 14px 64px -4px #18274b0a, 0 8px 22px -6px #18274b0a;
+  --main-img-color: #f7f9fe;
+  --shared-bgc: #f7f9fe;
+  --select-act-hov-bgc: #f7f9fe;
+
+  //button
+  --btn-padding: 16px 32px;
+  --btn-round-padding: 8px 16px;
+  --btn-border-radius: 12px;
+  --btn-border-round-radius: 24px;
+  --btn-height: 40px;
+
+  --btn-green-bgc: var(--primary-green-color);
+  --btn-green-hover: var(--primary-green-hover);
+  --btn-green-color: var(--white-color);
+
+  --btn-light-green-bgc: var(--light-green-color);
+  --btn-light-green-color: var(--primary-green-color);
+  --btn-light-green-hover-color: var(--primary-green-hover);
+
+  --btn-white-bgc: var(--gray-color-200);
+  --btn-white-color: var(--primary-green-color);
+  --btn-white-hover-color: var(--primary-green-hover);
+
+  --btn-red-bgc: var(--red-light-color);
+  --btn-red-color: var(--red-error-color);
+  --btn-red-hover-color: var(--red-hover-color);
+
+  --btn-dark-bgc: var(--dark-color);
+  --btn-dark-color: var(--white-color);
+  --btn-dark-hover-color: var(--dark-hover-color);
+
+  --btn-disabled-bgc: var(--disabled-bgc);
+  --btn-disabled-color: var(--disabled-color);
+
+  //input/textarea
+  --input-border-color: var(--primary-gray-color);
+  --input-error-border-color: var(--primary-red-color);
+  --input-error-border-shadow: 0px 0px 0px 3px #ff36451a;
+  --input-active-border-colort: var(--primary-green-color);
+  --input-active-border-shadow: 0px 0px 0px 3px #07b7001a;
+  --input-placeholder: var(--second-gray-color);
+  --input-disable-input: #eaedf5;
+  --input-disable-text: #8e9cbe;
+  --input-gray-bgc: #efefef;
+  --input-gray-placeholder: #a79bad;
+
+  //checkbox
+  --cb-checked-bgc: var(--primary-green-color);
+  --cb-hover-bgc: var(--primary-green-hover);
+  --cb-init-border: var(--gray-bgc);
+
+  //radio
+  --radio-active-color: var(--primary-green-color);
+  --radio-hover-color: var(--primary-green-hover);
+  --radio-disabled: var(--gray-color-200);
+
+  //claims
+  --claim-status-bgc-published: #8e9cbe;
+  --claim-status-bgc-in-work: var(--blue-color);
+  --claim-status-bgc-received: #ba00fb;
+  --claim-status-bgc-deadline: #faad14;
+  --claim-status-bgc-decided: #07b700;
+  --claim-status-bgc-close: #ff3645;
+
+  //district selector
+  --district-color: var(--font-light-black-color);
+
+  // colors
+  --primary-green-color: #07b700;
+  --primary-green-color-rgb: 7, 183, 0;
+  --primary-green-hover: #069700;
+  --primary-gray-color: #d7d7d7;
+  --second-gray-color: #969696;
+  --calendar-gray-color: #4a5660;
+  --calendar-gray-hide-color: #bdbdbd;
+  --primary-red-color: #ff3645;
+  --primary-red-color-rgb: 255, 54, 69;
+  --light-green-color: #eefaf3;
+  --light-blue-color: #e5f2ff;
+  --light-black-color: #1c1c1c;
+  --black-color: #000;
+  --dark-color: #2e193d;
+  --dark-hover-color: #4e325c;
+  --white-color: #fff;
+  --gray-bgc: #d7d7d7;
+  --disabled-color: #8e9cbe;
+  --disabled-bgc: #eaedf5;
+  --red-light-color: #feedf0;
+  --red-error-color: #ff3645;
+  --red-hover-color: #c03c54;
+  --font-light-black-color: #434343;
+  --font-wheit-small: 400;
+  --font-wheit-big: 500;
+  --gray-color-200: #efefef;
+  --gray-color-300: #f9fafc;
+  --active-border-color-shadow: #07b7001a;
+  --low-bgc-color: #f9fbfa;
+  --yellow-card: #fffbe6;
+  --gold-bgc-color: #fffbe6;
+  --gold-border-color: #ffe58f;
+  --gold-svg-color: #faad14;
+  --blue-color: #007bfb;
+  --blue-light-bgc: #e5f2ff;
+  --blue-light-border-color: #cce5fe;
+  --gray-bgc-2: #fcfcfc;
+}

package/assets/scss/vars.scss

@@ -0,0 +1,4 @@
+$mobile: 480px;
+$tablet: 840px;
+$mini-desktop: 1320px;
+$desktop: 1600px;

package/assets/styles.scss

@@ -0,0 +1,13 @@
+@import './scss/vars';
+@import './scss/vars-dark';
+@import './scss/vars-light';
+@import './scss/reset';
+@import './scss/mixins';
+@import './scss/fonts';
+@import './scss/normalize';
+@import './scss/titles';
+@import './scss/offsets';
+@import './scss/theme';
+@import './scss/modal';
+@import '@angular/cdk/overlay-prebuilt.css';
+@import './scss/common';

package/assets/svg-icons/build/my-icons.model.d.ts

@@ -0,0 +1,5 @@
+export type svgIcon = 'cheese_king' | 'circle_dot' | 'grid_dots' | 'steam' | 'paperclip' | 'appgalery' | 'appstore' | 'google_app' | 'rustore' | 'badges' | 'benefactors' | 'burger' | 'chart_bar' | 'checkbox' | 'crane' | 'districts' | 'grid' | 'info_circle' | 'info' | 'logo' | 'moneybag' | 'moon' | 'news' | 'dd_m' | 'dd' | 'eds_m' | 'eds' | 'health_m' | 'health' | 'my_m' | 'my' | 'pgu_mo_m' | 'pgu_mo' | 'sun' | 'trees' | 'user' | 'button_ok' | 'button_tg' | 'button_vk' | 'check_list' | 'minus' | 'mobilr_qr' | 'news_big' | 'plus' | 'rupor' | 'shared_logo_d' | 'shared_logo' | 'solve_problem_exampe' | 'users' | 'circle_no' | 'esia_icon' | 'set_avatar' | '404' | 'actogone_accept' | 'all' | 'arrow_down_red' | 'arrow_up_green' | 'back_arrow' | 'down_chevron' | 'left_chevron' | 'next' | 'prev' | 'right_chevron' | 'calendar' | 'check_green' | 'check_white' | 'clear' | 'close' | 'dobrodel' | 'entry' | 'error_hint' | 'eye_off' | 'eye' | 'mail_exclamation' | 'not_found' | 'plug_d' | 'plug' | 'question_white_g' | 'question' | 'red_close' | 'search' | 'send' | 'small_round_loader' | 'sort' | 'star' | 'tg' | 'trash' | 'vk' | 'danger_t' | 'info_t' | 'success_t' | 'warning_t' | 'award' | 'bell' | 'circles' | 'is_esia' | 'list_search' | 'logout' | 'news' | 'pen_edit' | 'user' | 'trophy' | 'user_empty' | '404' | 'actogone_accept' | 'all' | 'arrow_down_red' | 'arrow_up_green' | 'back_arrow' | 'down_chevron' | 'left_chevron' | 'next' | 'prev' | 'right_chevron' | 'calendar' | 'check_green' | 'check_white' | 'clear' | 'close' | 'dobrodel' | 'entry' | 'error_hint' | 'eye_off' | 'eye' | 'mail_exclamation' | 'not_found' | 'plug_d' | 'plug' | 'question_white_g' | 'question' | 'red_close' | 'search' | 'send' | 'small_round_loader' | 'sort' | 'star' | 'tg' | 'trash' | 'vk';
+export interface SvgIcon {
+    name: svgIcon;
+    data: string;
+}

package/assets/svg-icons/build/my-icons.model.mjs

@@ -0,0 +1,2 @@
+/* 🤖 this file was generated by svg-to-ts */
+export {};

package/assets/svg-icons/build/svgIcon-404.icon.d.ts

@@ -0,0 +1,4 @@
+export declare const svgIcon404: {
+    name: '404';
+    data: string;
+};