@salutejs/plasma-new-hope 0.270.0-canary.1757.13385858717.0 → 0.270.0-canary.1770.13386075549.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (254) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  3. package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  4. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  5. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  6. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  7. package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  8. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  9. package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  10. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  11. package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  12. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  13. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  14. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  15. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  16. package/cjs/components/Pagination/Pagination.css +1 -1
  17. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  18. package/cjs/components/Range/Range.css +2 -2
  19. package/cjs/components/Range/Range.styles.js.map +1 -1
  20. package/cjs/components/Range/Range.tokens.js +2 -0
  21. package/cjs/components/Range/Range.tokens.js.map +1 -1
  22. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  23. package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  24. package/cjs/components/Range/variations/_readonly/{base_8q1gx8.css → base_1jlqwtc.css} +1 -1
  25. package/cjs/components/Select/Select.css +1 -1
  26. package/cjs/components/Select/ui/Target/Target.css +1 -1
  27. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  28. package/cjs/components/Slider/Slider.css +1 -1
  29. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  30. package/cjs/components/TextArea/TextArea.js +9 -7
  31. package/cjs/components/TextArea/TextArea.js.map +1 -1
  32. package/cjs/components/TextArea/TextArea.tokens.js +3 -0
  33. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  34. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  35. package/cjs/components/TextArea/variations/_read-only/base.js +9 -0
  36. package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -0
  37. package/cjs/components/TextArea/variations/_read-only/base_om8eo9.css +1 -0
  38. package/cjs/components/TextField/TextField.tokens.js +1 -0
  39. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  40. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  41. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  42. package/cjs/components/TextField/variations/_read-only/base_sr3to2.css +1 -0
  43. package/cjs/index.css +4 -2
  44. package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  45. package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  46. package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  47. package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  48. package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  49. package/emotion/cjs/components/Range/Range.styles.js +10 -10
  50. package/emotion/cjs/components/Range/Range.tokens.js +2 -0
  51. package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  52. package/emotion/cjs/components/TextArea/TextArea.js +10 -8
  53. package/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -0
  54. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  55. package/emotion/cjs/components/TextArea/variations/_read-only/base.js +10 -0
  56. package/emotion/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
  57. package/emotion/cjs/components/TextField/TextField.tokens.js +1 -0
  58. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  59. package/emotion/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
  60. package/emotion/cjs/components/_Icon/Icons/IconChevronLeft.js +8 -3
  61. package/emotion/cjs/components/_Icon/Icons/IconLock.js +29 -0
  62. package/emotion/cjs/components/_Icon/index.js +7 -0
  63. package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  64. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -13
  65. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  66. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +14 -7
  67. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -14
  68. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  69. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  70. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  71. package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  72. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -12
  73. package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
  74. package/emotion/cjs/examples/plasma_web/components/Range/Range.stories.tsx +14 -7
  75. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +71 -20
  76. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  77. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  78. package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  79. package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  80. package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  81. package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  82. package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  83. package/emotion/es/components/Range/Range.styles.js +10 -10
  84. package/emotion/es/components/Range/Range.tokens.js +2 -0
  85. package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  86. package/emotion/es/components/TextArea/TextArea.js +6 -4
  87. package/emotion/es/components/TextArea/TextArea.tokens.js +3 -0
  88. package/emotion/es/components/TextArea/variations/_clear/base.js +1 -1
  89. package/emotion/es/components/TextArea/variations/_read-only/base.js +4 -0
  90. package/emotion/es/components/TextArea/variations/_read-only/tokens.json +1 -0
  91. package/emotion/es/components/TextField/TextField.tokens.js +1 -0
  92. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  93. package/emotion/es/components/_Icon/Icon.assets/Lock.js +19 -0
  94. package/emotion/es/components/_Icon/Icons/IconChevronLeft.js +8 -3
  95. package/emotion/es/components/_Icon/Icons/IconLock.js +22 -0
  96. package/emotion/es/components/_Icon/index.js +1 -0
  97. package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  98. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -13
  99. package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  100. package/emotion/es/examples/plasma_b2c/components/Range/Range.stories.tsx +14 -7
  101. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +17 -14
  102. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  103. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  104. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  105. package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  106. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -12
  107. package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
  108. package/emotion/es/examples/plasma_web/components/Range/Range.stories.tsx +14 -7
  109. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +71 -20
  110. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  111. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  112. package/es/components/Autocomplete/Autocomplete.css +1 -1
  113. package/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  114. package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
  115. package/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  116. package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
  117. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  118. package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
  119. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  120. package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
  121. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  122. package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
  123. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  124. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  125. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  126. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  127. package/es/components/Pagination/Pagination.css +1 -1
  128. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  129. package/es/components/Range/Range.css +2 -2
  130. package/es/components/Range/Range.styles.js.map +1 -1
  131. package/es/components/Range/Range.tokens.js +2 -0
  132. package/es/components/Range/Range.tokens.js.map +1 -1
  133. package/es/components/Range/variations/_readonly/base.js +1 -1
  134. package/es/components/Range/variations/_readonly/base.js.map +1 -1
  135. package/es/components/Range/variations/_readonly/{base_8q1gx8.css → base_1jlqwtc.css} +1 -1
  136. package/es/components/Select/Select.css +1 -1
  137. package/es/components/Select/ui/Target/Target.css +1 -1
  138. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  139. package/es/components/Slider/Slider.css +1 -1
  140. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  141. package/es/components/TextArea/TextArea.js +9 -7
  142. package/es/components/TextArea/TextArea.js.map +1 -1
  143. package/es/components/TextArea/TextArea.tokens.js +3 -0
  144. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  145. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  146. package/es/components/TextArea/variations/_read-only/base.js +5 -0
  147. package/es/components/TextArea/variations/_read-only/base.js.map +1 -0
  148. package/es/components/TextArea/variations/_read-only/base_om8eo9.css +1 -0
  149. package/es/components/TextField/TextField.tokens.js +1 -0
  150. package/es/components/TextField/TextField.tokens.js.map +1 -1
  151. package/es/components/TextField/variations/_read-only/base.js +1 -1
  152. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  153. package/es/components/TextField/variations/_read-only/base_sr3to2.css +1 -0
  154. package/es/index.css +4 -2
  155. package/package.json +2 -2
  156. package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  157. package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  158. package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  159. package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  160. package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  161. package/styled-components/cjs/components/Range/Range.tokens.js +2 -0
  162. package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
  163. package/styled-components/cjs/components/TextArea/TextArea.js +9 -7
  164. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -0
  165. package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +10 -0
  166. package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
  167. package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -0
  168. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  169. package/styled-components/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
  170. package/styled-components/cjs/components/_Icon/Icons/IconChevronLeft.js +8 -3
  171. package/styled-components/cjs/components/_Icon/Icons/IconLock.js +29 -0
  172. package/styled-components/cjs/components/_Icon/index.js +7 -0
  173. package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  174. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -13
  175. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  176. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +14 -7
  177. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
  178. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  179. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  180. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  181. package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  182. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -12
  183. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
  184. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +14 -7
  185. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +71 -20
  186. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  187. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  188. package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +2 -4
  189. package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -4
  190. package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
  191. package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -4
  192. package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -4
  193. package/styled-components/es/components/Range/Range.tokens.js +2 -0
  194. package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
  195. package/styled-components/es/components/TextArea/TextArea.js +5 -3
  196. package/styled-components/es/components/TextArea/TextArea.tokens.js +3 -0
  197. package/styled-components/es/components/TextArea/variations/_read-only/base.js +4 -0
  198. package/styled-components/es/components/TextArea/variations/_read-only/tokens.json +1 -0
  199. package/styled-components/es/components/TextField/TextField.tokens.js +1 -0
  200. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  201. package/styled-components/es/components/_Icon/Icon.assets/Lock.js +19 -0
  202. package/styled-components/es/components/_Icon/Icons/IconChevronLeft.js +8 -3
  203. package/styled-components/es/components/_Icon/Icons/IconLock.js +22 -0
  204. package/styled-components/es/components/_Icon/index.js +1 -0
  205. package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +10 -10
  206. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -13
  207. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  208. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +14 -7
  209. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
  210. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
  211. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  212. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
  213. package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +10 -10
  214. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -12
  215. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
  216. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +14 -7
  217. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +71 -20
  218. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  219. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
  220. package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
  221. package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
  222. package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
  223. package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
  224. package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
  225. package/types/components/Range/Range.tokens.d.ts +2 -0
  226. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  227. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  228. package/types/components/TextArea/TextArea.d.ts +3 -2
  229. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  230. package/types/components/TextArea/TextArea.tokens.d.ts +3 -0
  231. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  232. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  233. package/types/components/TextArea/variations/_read-only/base.d.ts +2 -0
  234. package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -0
  235. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  236. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  237. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  238. package/types/components/_Icon/Icon.assets/Lock.d.ts +4 -0
  239. package/types/components/_Icon/Icon.assets/Lock.d.ts.map +1 -0
  240. package/types/components/_Icon/Icons/IconChevronLeft.d.ts.map +1 -1
  241. package/types/components/_Icon/Icons/IconLock.d.ts +4 -0
  242. package/types/components/_Icon/Icons/IconLock.d.ts.map +1 -0
  243. package/types/components/_Icon/index.d.ts +1 -0
  244. package/types/components/_Icon/index.d.ts.map +1 -1
  245. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
  246. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  247. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  248. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
  249. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  250. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  251. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
  252. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  253. package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
  254. package/es/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
@@ -1,4 +1,4 @@
1
- require('./base_oizdmx.css');
1
+ require('./base_sr3to2.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n ${InputWrapper} {\n color: var(${tokens.colorReadOnly});\n background-color: var(${String(tokens.backgroundColorReadOnly)});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:hover {\n background-color: var(${tokens.backgroundColorReadOnly});\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAwChB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n Label,\n LeftHelper,\n StyledContentRight,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n :not(&.${classes.clear}) {\n ${InputWrapper} {\n position: relative;\n\n color: var(${tokens.colorReadOnly});\n background-color: transparent;\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${String(tokens.borderColorReadOnly)});\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n background-color: var(${tokens.backgroundColorReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n\n :hover {\n background-color: transparent;\n }\n }\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledContentRight}:hover, ${StyledContentRight}:active {\n cursor: default;\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAaO,IAAMA,IAAI,GA8DhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .tlv9av6{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .lb3k3v1{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .s190z894:hover,.b1w985rt[readonly] .s190z894:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .luk2zst{color:var(--plasma-textfield__label-color-readonly);}
package/cjs/index.css CHANGED
@@ -156,6 +156,8 @@
156
156
 
157
157
  .base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_o1r1fvk8__f2a5cb59{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_stc5t23__f2a5cb59{right:0;bottom:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59,.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59.base_kgm261_textareaHasRightContent__f2a5cb59{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59) .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59).base_kgm261_focusedOuterPlaceholderColor__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59.base_kgm261_innerPlaceholderUp__f2a5cb59{color:var(--plasma-textarea-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_s18tpn65__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_textareaContainer__f2a5cb59{border:unset;border-radius:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaWrapper__f2a5cb59{background-color:unset;box-shadow:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaContainer__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaHelpers__f2a5cb59{background-color:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
158
158
 
159
+ .base_om8eo9_b1xxdrt2__1ba9f117[readonly] .base_om8eo9_s18lndvq__1ba9f117{color:var(--plasma-textarea-input-color-read-only);}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117{background:transparent;position:relative;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:before,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(--plasma-textarea-background-color-read-only);opacity:var(--plasma-textarea-read-only-opacity);z-index:-1;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:hover,.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:hover{background:transparent;}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_s3wsw3p__1ba9f117:before{border-radius:var(--plasma-textarea-border-radius-with-helpers);}.base_om8eo9_b1xxdrt2__1ba9f117[readonly]:not(.base_om8eo9_b1xxdrt2__1ba9f117[readonly].base_om8eo9_textareaClear__1ba9f117) .base_om8eo9_snf439a__1ba9f117:before{border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
160
+
159
161
  .base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
160
162
 
161
163
  .base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
@@ -172,7 +174,7 @@
172
174
 
173
175
  .base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
174
176
 
175
- .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{color:var(--plasma-textfield__label-color-readonly);}
177
+ .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
176
178
 
177
179
  .base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
178
180
 
@@ -718,7 +720,7 @@
718
720
 
719
721
  .base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
720
722
 
721
- .base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-readonly);}
723
+ .base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
722
724
 
723
725
  .Range_styles_pk9346_s1k2erwt__4887fc13{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueError__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueSuccess__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
724
726
  .Range_styles_pk9346_b16kyj37__4887fc13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
@@ -32,8 +32,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
32
32
  var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root) {
33
33
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
34
34
  var externalValue = _ref.value,
35
- minDate = _ref.min,
36
- maxDate = _ref.max,
35
+ min = _ref.min,
36
+ max = _ref.max,
37
37
  includeEdgeDates = _ref.includeEdgeDates,
38
38
  _ref$type = _ref.type,
39
39
  type = _ref$type === void 0 ? 'Days' : _ref$type,
@@ -72,8 +72,6 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
72
72
  _useState8 = _slicedToArray(_useState7, 2),
73
73
  outOfRangeKey = _useState8[0],
74
74
  setOutOfRangeKey = _useState8[1];
75
- var min = minDate && new Date(minDate);
76
- var max = maxDate && new Date(maxDate);
77
75
  var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type)),
78
76
  _useReducer2 = _slicedToArray(_useReducer, 2),
79
77
  state = _useReducer2[0],
@@ -33,8 +33,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
33
33
  var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoot(Root) {
34
34
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
35
35
  var externalValue = _ref.value,
36
- minDate = _ref.min,
37
- maxDate = _ref.max,
36
+ min = _ref.min,
37
+ max = _ref.max,
38
38
  includeEdgeDates = _ref.includeEdgeDates,
39
39
  _ref$type = _ref.type,
40
40
  type = _ref$type === void 0 ? 'Days' : _ref$type,
@@ -73,8 +73,6 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
73
73
  _useState8 = _slicedToArray(_useState7, 2),
74
74
  outOfRangeKey = _useState8[0],
75
75
  setOutOfRangeKey = _useState8[1];
76
- var min = minDate && new Date(minDate);
77
- var max = maxDate && new Date(maxDate);
78
76
  var _useReducer = (0, _react.useReducer)(_reducer.reducer, (0, _reducer.getInitialState)(value, min, type, true)),
79
77
  _useReducer2 = _slicedToArray(_useReducer, 2),
80
78
  state = _useReducer2[0],
@@ -42,15 +42,13 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
42
42
  onSetSelected = _ref.onSetSelected,
43
43
  onKeyDown = _ref.onKeyDown,
44
44
  locale = _ref.locale;
45
- var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
46
- var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
47
45
  var _useMonths = (0, _hooks.useMonths)({
48
46
  date: currentDate,
49
47
  value: value,
50
48
  eventList: eventList,
51
49
  disabledList: disabledList,
52
- min: minDate,
53
- max: maxDate,
50
+ min: min,
51
+ max: max,
54
52
  locale: locale
55
53
  }),
56
54
  _useMonths2 = _slicedToArray(_useMonths, 2),
@@ -41,15 +41,13 @@ var CalendarQuarters = exports.CalendarQuarters = function CalendarQuarters(_ref
41
41
  onHoverQuarter = _ref.onHoverQuarter,
42
42
  onSetSelected = _ref.onSetSelected,
43
43
  onKeyDown = _ref.onKeyDown;
44
- var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
45
- var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
46
44
  var _useQuarters = (0, _hooks.useQuarters)({
47
45
  date: currentDate,
48
46
  value: value,
49
47
  eventList: eventList,
50
48
  disabledList: disabledList,
51
- min: minDate,
52
- max: maxDate
49
+ min: min,
50
+ max: max
53
51
  }),
54
52
  _useQuarters2 = _slicedToArray(_useQuarters, 2),
55
53
  quarters = _useQuarters2[0],
@@ -42,16 +42,14 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
42
42
  onHoverYear = _ref.onHoverYear,
43
43
  onSetSelected = _ref.onSetSelected,
44
44
  onKeyDown = _ref.onKeyDown;
45
- var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
46
- var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
47
45
  var _useYears = (0, _hooks.useYears)({
48
46
  date: currentDate,
49
47
  value: value,
50
48
  startYear: startYear,
51
49
  eventList: eventList,
52
50
  disabledList: disabledList,
53
- min: minDate,
54
- max: maxDate
51
+ min: min,
52
+ max: max
55
53
  }),
56
54
  _useYears2 = _slicedToArray(_useYears, 2),
57
55
  years = _useYears2[0],