indicator-ui 0.0.172 → 0.0.174

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1931,16 +1931,231 @@
1931
1931
  font-style: normal;
1932
1932
  }
1933
1933
  .DateTimeField-module__DateTimeField___k_mN4 {
1934
+ display: flex;
1935
+ width: 100%;
1936
+ align-items: center;
1937
+ height: fit-content;
1938
+ border: 1px solid var(--gray-300);
1939
+ box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);
1940
+ padding: 9px 11px;
1941
+ border-radius: 8px;
1942
+ gap: 6px;
1943
+ background-color: var(--base-white);
1944
+ }
1945
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn {
1946
+ display: flex;
1947
+ align-items: center;
1948
+ gap: 6px;
1934
1949
  flex: 1;
1950
+ min-width: 0;
1951
+ }
1952
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf {
1953
+ padding: 2px 0;
1954
+ }
1955
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf {
1956
+ display: flex;
1957
+ align-items: center;
1958
+ justify-content: center;
1959
+ }
1960
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf svg * {
1961
+ stroke: var(--gray-400);
1962
+ }
1963
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__icon___MluNf svg {
1964
+ width: 20px;
1965
+ height: 20px;
1966
+ flex: none;
1967
+ }
1968
+ .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn .DateTimeField-module__text___uHVVF {
1969
+ font-size: 16px;
1970
+ line-height: 24px;
1971
+ color: var(--gray-400);
1972
+ font-weight: 400;
1973
+ font-family: "Golos UI", sans-serif;
1974
+ font-stretch: normal;
1975
+ font-style: normal;
1976
+ font-variant: normal;
1977
+ }
1978
+ .DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isFocus___jQRbb {
1979
+ border: 1px solid var(--gray-400);
1980
+ }
1981
+ .DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isError___CbRIG {
1982
+ border: 1px solid var(--error-300);
1983
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1984
+ }
1985
+ .DateTimeField-module__DateTimeField___k_mN4.DateTimeField-module__isError___CbRIG.DateTimeField-module__isFocus___jQRbb {
1986
+ border: 1px solid var(--error-400);
1987
+ }
1988
+
1989
+ .DateTimeField-module__flexField___gDZ5r {
1935
1990
  width: 100%;
1936
- gap: 8px;
1991
+ height: fit-content;
1992
+ min-width: 0;
1993
+ flex: 1;
1994
+ gap: 12px;
1995
+ box-sizing: border-box;
1996
+ overflow: hidden;
1997
+ text-wrap: nowrap;
1998
+ text-overflow: ellipsis;
1999
+ outline: none;
1937
2000
  }
1938
- .DateTimeField-module__DateTimeField___k_mN4 {
2001
+ .DateTimeField-module__flexField___gDZ5r {
1939
2002
  display: flex;
2003
+ align-items: center;
2004
+ justify-content: center;
1940
2005
  }
1941
- .DateTimeField-module__DateTimeField___k_mN4 .DateTimeField-module__item___SY6gn {
2006
+ .DateTimeField-module__flexField___gDZ5r {
2007
+ font-size: 16px;
2008
+ line-height: 24px;
2009
+ color: var(--gray-900);
2010
+ font-weight: 400;
2011
+ font-family: "Golos UI", sans-serif;
2012
+ font-stretch: normal;
2013
+ font-style: normal;
2014
+ font-variant: normal;
2015
+ }
2016
+ .DateTimeField-module__flexField___gDZ5r::placeholder, .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__placeholder___ta8c2 {
2017
+ font-size: 16px;
2018
+ line-height: 24px;
2019
+ color: var(--gray-400);
2020
+ font-weight: 400;
2021
+ font-family: "Golos UI", sans-serif;
2022
+ font-stretch: normal;
2023
+ font-style: normal;
2024
+ font-variant: normal;
2025
+ }
2026
+
2027
+ .DateTimeField-module__line___UzZ_Y {
2028
+ display: flex;
2029
+ align-items: center;
2030
+ justify-content: center;
2031
+ padding: 0 11px;
2032
+ }
2033
+
2034
+ .DateTimeField-module__xCloseButton___zhKEB {
2035
+ cursor: pointer;
2036
+ padding: 2px 0;
2037
+ transition: all ease-in-out 200ms;
2038
+ }
2039
+ .DateTimeField-module__xCloseButton___zhKEB {
2040
+ display: flex;
2041
+ align-items: center;
2042
+ justify-content: center;
2043
+ }
2044
+ .DateTimeField-module__xCloseButton___zhKEB svg * {
2045
+ stroke: var(--gray-400);
2046
+ }
2047
+ .DateTimeField-module__xCloseButton___zhKEB svg {
2048
+ width: 20px;
2049
+ height: 20px;
2050
+ flex: none;
2051
+ }
2052
+ .DateTimeField-module__xCloseButton___zhKEB:hover svg * {
2053
+ stroke: var(--gray-500);
2054
+ }
2055
+ /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
2056
+ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/InputFields/DateTimeField/styles/DateField.module.scss ***!
2057
+ \***************************************************************************************************************************************************************************************************************************************************************************************/
2058
+ @font-face {
2059
+ font-family: "Golos UI";
2060
+ src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
2061
+ font-weight: 400;
2062
+ font-style: normal;
2063
+ }
2064
+ @font-face {
2065
+ font-family: "Golos UI";
2066
+ src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
2067
+ font-weight: 500;
2068
+ font-style: normal;
2069
+ }
2070
+ @font-face {
2071
+ font-family: "Golos UI";
2072
+ src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
2073
+ font-weight: 600;
2074
+ font-style: normal;
2075
+ }
2076
+ @font-face {
2077
+ font-family: "Golos Text";
2078
+ src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
2079
+ font-weight: 400;
2080
+ font-style: normal;
2081
+ }
2082
+ @font-face {
2083
+ font-family: "Golos Text";
2084
+ src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
2085
+ font-weight: 500;
2086
+ font-style: normal;
2087
+ }
2088
+ @font-face {
2089
+ font-family: "Golos Text";
2090
+ src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
2091
+ font-weight: 600;
2092
+ font-style: normal;
2093
+ }
2094
+ .DateField-module__flexField___N5kNa {
2095
+ width: 100%;
2096
+ height: fit-content;
2097
+ min-width: 0;
2098
+ padding: 9px 11px;
2099
+ border-radius: 8px;
2100
+ gap: 12px;
2101
+ background-color: var(--base-white);
2102
+ border: 1px solid var(--gray-300);
2103
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
2104
+ box-sizing: border-box;
2105
+ }
2106
+ .DateField-module__flexField___N5kNa {
2107
+ display: flex;
2108
+ align-items: center;
2109
+ justify-content: center;
2110
+ }
2111
+ .DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8 {
1942
2112
  flex: 1;
1943
2113
  min-width: 0;
2114
+ min-height: 24px;
2115
+ outline: none;
2116
+ padding: 0;
2117
+ margin: 0;
2118
+ border: none;
2119
+ background: none;
2120
+ text-wrap: nowrap;
2121
+ overflow: hidden;
2122
+ text-overflow: ellipsis;
2123
+ }
2124
+ .DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8 {
2125
+ font-size: 16px;
2126
+ line-height: 24px;
2127
+ color: var(--gray-900);
2128
+ font-weight: 400;
2129
+ font-family: "Golos UI", sans-serif;
2130
+ font-stretch: normal;
2131
+ font-style: normal;
2132
+ font-variant: normal;
2133
+ }
2134
+ .DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8::placeholder, .DateField-module__flexField___N5kNa .DateField-module__inputField___u3oP8.DateField-module__placeholder___Xkwql {
2135
+ font-size: 16px;
2136
+ line-height: 24px;
2137
+ color: var(--gray-400);
2138
+ font-weight: 400;
2139
+ font-family: "Golos UI", sans-serif;
2140
+ font-stretch: normal;
2141
+ font-style: normal;
2142
+ font-variant: normal;
2143
+ }
2144
+ .DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB {
2145
+ padding: 2px 0;
2146
+ }
2147
+ .DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB {
2148
+ display: flex;
2149
+ align-items: center;
2150
+ justify-content: center;
2151
+ }
2152
+ .DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB svg * {
2153
+ stroke: var(--gray-400);
2154
+ }
2155
+ .DateField-module__flexField___N5kNa .DateField-module__icon___NsGmB svg {
2156
+ width: 20px;
2157
+ height: 20px;
2158
+ flex: none;
1944
2159
  }
1945
2160
  /*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
1946
2161
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/InputFields/DateTimeRangeField/styles/DateTimeRangeField.module.scss ***!