@tet/tet-components 1.4.137-testing → 1.4.138-production

package/dist/collection/components/simple/inputs/tet-datepicker/partials/tet-datepicker-year-view/tet-datepicker-year-view.css

@@ -1,382 +0,0 @@
-/* Tet design styles */
-:host {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-  padding: 0;
-  margin: 0;
-}
-
-:host {
-  --color-gray-light: #cdd2de;
-  --color-ta070: #f5f6f8;
-  --color-ta080: #e6e8ee;
-  --color-ta100: #cdd2de;
-  --color-ta200: #9ba5be;
-  --color-ta300: #69789c;
-  --color-ta500: #1e356a;
-  --color-ta600: #051d59;
-  --color-tc090: #d6e6fd;
-  --color-tc100: #d1dffe;
-  --color-tc300: #75a1fb;
-  --color-tc500: #1a70f6;
-  --color-tc600: #0060f5;
-  --color-td500: #00F1F2;
-  --color-td600: #01cbe0;
-  --color-tf600: #f53b2a;
-  --color-tg300: #2b3036;
-  --color-tg400: #1d2128;
-  --color-tg500: #12171e;
-  --color-tg600: #01050c;
-  --color-th500: #f5f5f5;
-  --color-ti500: #869198;
-  --color-ti600: #aeb7bc;
-  --text-font: Gilroy, serif;
-  --text-color-darker: var(--color-ta600);
-  --text-color-dark: var(--color-ta500);
-  --text-color-dark-theme: var(--color-th500);
-  --icons-font: Tet Icons, serif;
-}
-
-.icon.tet-search {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-search::before {
-  content: "\e86e";
-}
-.icon.tet-close-circled {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-close-circled::before {
-  content: "\e85a";
-}
-.icon.tet-close {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-close::before {
-  content: "\e85b";
-}
-.icon.tet-check-circled {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-check-circled::before {
-  content: "\e86c";
-}
-.icon.tet-check {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-check::before {
-  content: "\e855";
-}
-.icon.tet-chevron-up {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-chevron-up::before {
-  content: "\e859";
-}
-.icon.tet-chevron-down {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-chevron-down::before {
-  content: "\e856";
-}
-.icon.tet-clipboard {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-clipboard::before {
-  content: "\e86a";
-}
-.icon.tet-info {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-info::before {
-  content: "\e81d";
-}
-.icon.tet-done {
-  font-family: var(--icons-font);
-  font-weight: 400;
-  font-style: normal;
-  font-size: 1.25rem;
-  display: inline-block;
-  line-height: 1;
-  text-transform: none;
-  letter-spacing: normal;
-  word-wrap: normal;
-  white-space: nowrap;
-  direction: ltr;
-  speak: none;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-}
-.icon.tet-done::before {
-  content: "\e867";
-}
-
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Medium.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Semibold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Semibold.woff") format("woff");
-}
-@font-face {
-  font-family: "Gilroy";
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url("assets/fonts/Gilroy-W05-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-W05-Bold.woff") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url("assets/fonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Regular.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-  src: url("assets/fonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-Medium.woff?v=3.19") format("woff");
-}
-@font-face {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url("assets/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("assets/fonts/Inter-SemiBold.woff?v=3.19") format("woff");
-}
-:host {
-  --font-family-fallback: Gilroy, Arial, sans-serif;
-  --font-family-headline: Gilroy;
-  --font-family-content: Inter, var(--font-family-fallback);
-  font-family: var(--font-family-content);
-}
-
-:host {
-  display: block;
-  -webkit-tap-highlight-color: transparent;
-}
-
-.container {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  row-gap: 2rem;
-  column-gap: 0.25rem;
-  margin: 1.25rem 0.5rem 0.75rem 0;
-  font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
-}
-.container .month {
-  display: flex;
-  width: 100%;
-  height: 2.875rem;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1.5rem;
-  cursor: pointer;
-}
-.container .month.current:not(.container .month.selected, .container .month:active) {
-  border: 0.09375rem solid rgb(153, 160, 174);
-}
-.container .month:active, .container .month.selected {
-  color: var(--text-color-primary-light);
-  background: rgb(10, 11, 13);
-}
-.container .month:hover:not(.container .month.selected, .container .month:active) {
-  background: var(--interaction-state-gray);
-}