@enact/limestone 1.3.0

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.
Files changed (463) hide show
  1. package/.github/PULL_REQUEST_TEMPLATE.md +28 -0
  2. package/.github/workflows/update-copyright-years.yml +25 -0
  3. package/.travis.yml +40 -0
  4. package/ActionGuide/ActionGuide.d.ts +73 -0
  5. package/ActionGuide/ActionGuide.js +164 -0
  6. package/ActionGuide/ActionGuide.module.css +73 -0
  7. package/ActionGuide/package.json +3 -0
  8. package/ActionGuide/tests/ActionGuide-specs.js +51 -0
  9. package/Alert/Alert.d.ts +155 -0
  10. package/Alert/Alert.js +313 -0
  11. package/Alert/Alert.module.css +190 -0
  12. package/Alert/AlertImage.js +102 -0
  13. package/Alert/AlertImage.module.css +15 -0
  14. package/Alert/package.json +3 -0
  15. package/Alert/tests/Alert-specs.js +204 -0
  16. package/BodyText/BodyText.d.ts +74 -0
  17. package/BodyText/BodyText.js +170 -0
  18. package/BodyText/BodyText.module.css +95 -0
  19. package/BodyText/package.json +3 -0
  20. package/BodyText/tests/BodyText-specs.js +55 -0
  21. package/Button/Button.d.ts +131 -0
  22. package/Button/Button.js +351 -0
  23. package/Button/Button.module.css +2518 -0
  24. package/Button/package.json +3 -0
  25. package/Button/tests/Button-specs.js +252 -0
  26. package/CHANGELOG.md +170 -0
  27. package/Card/Card.d.ts +138 -0
  28. package/Card/Card.js +396 -0
  29. package/Card/Card.module.css +1296 -0
  30. package/Card/package.json +3 -0
  31. package/Card/tests/Card-specs.js +65 -0
  32. package/Checkbox/Checkbox.d.ts +99 -0
  33. package/Checkbox/Checkbox.js +222 -0
  34. package/Checkbox/Checkbox.module.css +1395 -0
  35. package/Checkbox/package.json +3 -0
  36. package/Checkbox/tests/Checkbox-specs.js +79 -0
  37. package/CheckboxItem/CheckboxItem.d.ts +99 -0
  38. package/CheckboxItem/CheckboxItem.js +210 -0
  39. package/CheckboxItem/CheckboxItem.module.css +50 -0
  40. package/CheckboxItem/package.json +3 -0
  41. package/CheckboxItem/tests/CheckboxItem-specs.js +52 -0
  42. package/Chips/Chip.js +252 -0
  43. package/Chips/Chip.module.css +30 -0
  44. package/Chips/Chips.js +215 -0
  45. package/Chips/Chips.module.css +8 -0
  46. package/Chips/index.js +86 -0
  47. package/Chips/tests/Chip-specs.js +186 -0
  48. package/Chips/tests/Chips-specs.js +312 -0
  49. package/ColorPicker/ColorPicker.js +416 -0
  50. package/ColorPicker/ColorPicker.module.css +78 -0
  51. package/ColorPicker/package.json +3 -0
  52. package/ColorPicker/tests/ColorPicker-specs.js +225 -0
  53. package/ColorPicker/utils.js +135 -0
  54. package/ContextualMenuDecorator/ContextualMenuDecorator.d.ts +106 -0
  55. package/ContextualMenuDecorator/ContextualMenuDecorator.js +264 -0
  56. package/ContextualMenuDecorator/ContextualMenuDecorator.module.css +42 -0
  57. package/ContextualMenuDecorator/package.json +3 -0
  58. package/ContextualMenuDecorator/tests/ContextualMenuDecorator-specs.js +136 -0
  59. package/ContextualPopupDecorator/ContextualPopup.js +200 -0
  60. package/ContextualPopupDecorator/ContextualPopup.module.css +270 -0
  61. package/ContextualPopupDecorator/ContextualPopupDecorator.d.ts +182 -0
  62. package/ContextualPopupDecorator/ContextualPopupDecorator.js +867 -0
  63. package/ContextualPopupDecorator/ContextualPopupDecorator.module.css +3 -0
  64. package/ContextualPopupDecorator/HolePunchScrim.js +69 -0
  65. package/ContextualPopupDecorator/HolePunchScrim.module.css +38 -0
  66. package/ContextualPopupDecorator/package.json +3 -0
  67. package/ContextualPopupDecorator/tests/ContextualPopupDecorator-specs.js +621 -0
  68. package/DatePicker/DatePicker.d.ts +173 -0
  69. package/DatePicker/DatePicker.js +175 -0
  70. package/DatePicker/DatePicker.module.css +5 -0
  71. package/DatePicker/DatePickerBase.js +348 -0
  72. package/DatePicker/package.json +3 -0
  73. package/DatePicker/tests/DatePicker-specs.js +247 -0
  74. package/DayPicker/DayPicker.d.ts +92 -0
  75. package/DayPicker/DayPicker.js +188 -0
  76. package/DayPicker/DayPicker.module.css +35 -0
  77. package/DayPicker/DaySelectorDecorator.js +301 -0
  78. package/DayPicker/package.json +3 -0
  79. package/DayPicker/tests/DayPicker-specs.js +138 -0
  80. package/Dropdown/Dropdown.d.ts +135 -0
  81. package/Dropdown/Dropdown.js +460 -0
  82. package/Dropdown/Dropdown.module.css +160 -0
  83. package/Dropdown/DropdownList.js +360 -0
  84. package/Dropdown/package.json +3 -0
  85. package/Dropdown/tests/Dropdown-specs.js +267 -0
  86. package/FixedPopupPanels/FixedPopupPanels.d.ts +72 -0
  87. package/FixedPopupPanels/FixedPopupPanels.js +170 -0
  88. package/FixedPopupPanels/FixedPopupPanels.module.css +146 -0
  89. package/FixedPopupPanels/package.json +3 -0
  90. package/FixedPopupPanels/tests/FixedPopupPanels-specs.js +142 -0
  91. package/FlexiblePopupPanels/FlexiblePopupPanels.js +177 -0
  92. package/FlexiblePopupPanels/FlexiblePopupPanels.module.css +291 -0
  93. package/FlexiblePopupPanels/Header.js +110 -0
  94. package/FlexiblePopupPanels/Panel.js +256 -0
  95. package/FlexiblePopupPanels/index.d.ts +145 -0
  96. package/FlexiblePopupPanels/index.js +68 -0
  97. package/FlexiblePopupPanels/package.json +3 -0
  98. package/FlexiblePopupPanels/tests/FlexiblePopupPanels-specs.js +305 -0
  99. package/FlexiblePopupPanels/useNavButtonFocus.js +65 -0
  100. package/FormCheckboxItem/FormCheckboxItem.d.ts +87 -0
  101. package/FormCheckboxItem/FormCheckboxItem.js +200 -0
  102. package/FormCheckboxItem/FormCheckboxItem.module.css +374 -0
  103. package/FormCheckboxItem/package.json +3 -0
  104. package/FormCheckboxItem/tests/FormCheckboxItem-specs.js +164 -0
  105. package/Heading/Heading.d.ts +104 -0
  106. package/Heading/Heading.js +203 -0
  107. package/Heading/Heading.module.css +217 -0
  108. package/Heading/package.json +3 -0
  109. package/Heading/tests/Heading-specs.js +57 -0
  110. package/Icon/Icon.d.ts +377 -0
  111. package/Icon/Icon.js +503 -0
  112. package/Icon/Icon.module.css +121 -0
  113. package/Icon/IconList.js +611 -0
  114. package/Icon/package.json +3 -0
  115. package/Icon/tests/Icon-specs.js +131 -0
  116. package/IconItem/IconItem.d.ts +137 -0
  117. package/IconItem/IconItem.js +360 -0
  118. package/IconItem/IconItem.module.css +414 -0
  119. package/IconItem/package.json +3 -0
  120. package/IconItem/tests/IconItem-specs.js +106 -0
  121. package/Image/Image.d.ts +60 -0
  122. package/Image/Image.js +165 -0
  123. package/Image/Image.module.css +5 -0
  124. package/Image/package.json +3 -0
  125. package/Image/tests/Image-specs.js +62 -0
  126. package/ImageItem/ImageItem.d.ts +134 -0
  127. package/ImageItem/ImageItem.js +377 -0
  128. package/ImageItem/ImageItem.module.css +1079 -0
  129. package/ImageItem/package.json +3 -0
  130. package/ImageItem/tests/ImageItem-specs.js +223 -0
  131. package/Input/Input.js +715 -0
  132. package/Input/Input.module.css +699 -0
  133. package/Input/InputField.js +487 -0
  134. package/Input/InputField.module.css +763 -0
  135. package/Input/InputFieldDecoratorIcon.js +66 -0
  136. package/Input/InputFieldSpotlightDecorator.js +380 -0
  137. package/Input/Keypad.js +111 -0
  138. package/Input/NumberField.js +311 -0
  139. package/Input/index.d.ts +423 -0
  140. package/Input/index.js +87 -0
  141. package/Input/package.json +3 -0
  142. package/Input/pointer.js +103 -0
  143. package/Input/tests/Input-specs.js +537 -0
  144. package/Input/tests/InputField-specs.js +292 -0
  145. package/Input/tests/InputPopup-specs.js +56 -0
  146. package/Input/util.js +130 -0
  147. package/Item/Item.d.ts +108 -0
  148. package/Item/Item.js +360 -0
  149. package/Item/Item.module.css +665 -0
  150. package/Item/package.json +3 -0
  151. package/Item/tests/Item-specs.js +108 -0
  152. package/KeyGuide/KeyGuide.d.ts +103 -0
  153. package/KeyGuide/KeyGuide.js +254 -0
  154. package/KeyGuide/KeyGuide.module.css +431 -0
  155. package/KeyGuide/package.json +3 -0
  156. package/KeyGuide/tests/KeyGuide-specs.js +168 -0
  157. package/LICENSE +201 -0
  158. package/Marquee/Marquee.d.ts +42 -0
  159. package/Marquee/Marquee.js +45 -0
  160. package/Marquee/package.json +3 -0
  161. package/MediaOverlay/MediaOverlay.d.ts +134 -0
  162. package/MediaOverlay/MediaOverlay.js +304 -0
  163. package/MediaOverlay/MediaOverlay.module.css +292 -0
  164. package/MediaOverlay/package.json +3 -0
  165. package/MediaOverlay/tests/MediaOverlay-specs.js +127 -0
  166. package/MediaPlayer/MediaControls.js +934 -0
  167. package/MediaPlayer/MediaControls.module.css +86 -0
  168. package/MediaPlayer/MediaKnob.js +61 -0
  169. package/MediaPlayer/MediaSlider.js +131 -0
  170. package/MediaPlayer/MediaSlider.module.css +319 -0
  171. package/MediaPlayer/MediaSliderDecorator.js +245 -0
  172. package/MediaPlayer/Times.js +152 -0
  173. package/MediaPlayer/Times.module.css +34 -0
  174. package/MediaPlayer/index.d.ts +223 -0
  175. package/MediaPlayer/index.js +34 -0
  176. package/MediaPlayer/package.json +3 -0
  177. package/MediaPlayer/tests/MediaSlider-specs.js +126 -0
  178. package/MediaPlayer/tests/util-specs.js +114 -0
  179. package/MediaPlayer/util.js +83 -0
  180. package/PageViews/Page.js +77 -0
  181. package/PageViews/Page.module.css +3 -0
  182. package/PageViews/PageViews.js +440 -0
  183. package/PageViews/PageViews.module.css +175 -0
  184. package/PageViews/PageViewsRouter.js +150 -0
  185. package/PageViews/index.js +45 -0
  186. package/PageViews/tests/PageViews-specs.js +192 -0
  187. package/Panels/Header.js +599 -0
  188. package/Panels/Header.module.css +243 -0
  189. package/Panels/Panel.js +347 -0
  190. package/Panels/Panel.module.css +33 -0
  191. package/Panels/Panels.js +258 -0
  192. package/Panels/Panels.module.css +12 -0
  193. package/Panels/index.d.ts +376 -0
  194. package/Panels/index.js +66 -0
  195. package/Panels/package.json +3 -0
  196. package/Panels/tests/Header-specs.js +146 -0
  197. package/Panels/tests/Panels-specs.js +257 -0
  198. package/Picker/Picker.d.ts +193 -0
  199. package/Picker/Picker.js +389 -0
  200. package/Picker/Picker.module.css +46 -0
  201. package/Picker/package.json +3 -0
  202. package/Picker/tests/Picker-specs.js +91 -0
  203. package/Popup/Popup.d.ts +169 -0
  204. package/Popup/Popup.js +690 -0
  205. package/Popup/Popup.module.css +180 -0
  206. package/Popup/package.json +3 -0
  207. package/Popup/tests/Popup-specs.js +475 -0
  208. package/PopupTabLayout/PopupTabLayout.d.ts +196 -0
  209. package/PopupTabLayout/PopupTabLayout.js +605 -0
  210. package/PopupTabLayout/PopupTabLayout.module.css +226 -0
  211. package/PopupTabLayout/package.json +3 -0
  212. package/PopupTabLayout/tests/PopupTabLayout-specs.js +285 -0
  213. package/ProgressBar/ProgressBar.d.ts +171 -0
  214. package/ProgressBar/ProgressBar.js +223 -0
  215. package/ProgressBar/ProgressBar.module.css +264 -0
  216. package/ProgressBar/ProgressBarTooltip.js +359 -0
  217. package/ProgressBar/ProgressBarTooltip.module.css +86 -0
  218. package/ProgressBar/package.json +3 -0
  219. package/ProgressBar/tests/ProgressBar-specs.js +400 -0
  220. package/ProgressButton/ProgressButton.d.ts +57 -0
  221. package/ProgressButton/ProgressButton.js +143 -0
  222. package/ProgressButton/ProgressButton.module.css +147 -0
  223. package/ProgressButton/package.json +3 -0
  224. package/ProgressButton/tests/ProgressButton-specs.js +71 -0
  225. package/QuickGuidePanels/Panel.js +90 -0
  226. package/QuickGuidePanels/QuickGuidePanels.js +463 -0
  227. package/QuickGuidePanels/QuickGuidePanels.module.css +26 -0
  228. package/QuickGuidePanels/index.js +52 -0
  229. package/QuickGuidePanels/tests/QuickGuidePanels-specs.js +250 -0
  230. package/README.md +59 -0
  231. package/RadioItem/RadioItem.d.ts +59 -0
  232. package/RadioItem/RadioItem.js +146 -0
  233. package/RadioItem/RadioItem.module.css +233 -0
  234. package/RadioItem/package.json +3 -0
  235. package/RadioItem/tests/RadioItem-specs.js +62 -0
  236. package/RangePicker/RangePicker.d.ts +174 -0
  237. package/RangePicker/RangePicker.js +372 -0
  238. package/RangePicker/RangePicker.module.css +55 -0
  239. package/RangePicker/package.json +3 -0
  240. package/RangePicker/tests/RangePicker-specs.js +122 -0
  241. package/Region/Region.d.ts +33 -0
  242. package/Region/Region.js +91 -0
  243. package/Region/package.json +3 -0
  244. package/Region/tests/Region-specs.js +28 -0
  245. package/Scroller/ContentContainerDecorator.js +24 -0
  246. package/Scroller/EditableWrapper.js +1036 -0
  247. package/Scroller/EditableWrapper.module.css +22 -0
  248. package/Scroller/Scroller.d.ts +270 -0
  249. package/Scroller/Scroller.js +470 -0
  250. package/Scroller/Scroller.module.css +41 -0
  251. package/Scroller/package.json +3 -0
  252. package/Scroller/tests/ContentContainerDecorator-specs.js +20 -0
  253. package/Scroller/tests/EditableWrapper-specs.js +133 -0
  254. package/Scroller/tests/Scroller-specs.js +159 -0
  255. package/Scroller/useEvent.js +39 -0
  256. package/Scroller/useThemeScroller.js +410 -0
  257. package/Skinnable/Skinnable.d.ts +27 -0
  258. package/Skinnable/Skinnable.js +65 -0
  259. package/Skinnable/package.json +3 -0
  260. package/Slider/Slider.d.ts +218 -0
  261. package/Slider/Slider.js +441 -0
  262. package/Slider/Slider.module.css +880 -0
  263. package/Slider/SliderBehaviorDecorator.js +184 -0
  264. package/Slider/package.json +3 -0
  265. package/Slider/tests/Slider-specs.js +573 -0
  266. package/Slider/utils.js +114 -0
  267. package/Spinner/Spinner.d.ts +64 -0
  268. package/Spinner/Spinner.js +254 -0
  269. package/Spinner/Spinner.module.css +368 -0
  270. package/Spinner/package.json +3 -0
  271. package/Spinner/tests/Spinner-specs.js +70 -0
  272. package/Sprite/Sprite.d.ts +100 -0
  273. package/Sprite/Sprite.js +345 -0
  274. package/Sprite/Sprite.module.css +32 -0
  275. package/Sprite/package.json +3 -0
  276. package/Sprite/tests/Sprite-specs.js +59 -0
  277. package/Steps/Steps.d.ts +119 -0
  278. package/Steps/Steps.js +303 -0
  279. package/Steps/Steps.module.css +130 -0
  280. package/Steps/package.json +3 -0
  281. package/Steps/tests/Steps-specs.js +175 -0
  282. package/Switch/Switch.d.ts +54 -0
  283. package/Switch/Switch.js +143 -0
  284. package/Switch/Switch.module.css +714 -0
  285. package/Switch/package.json +3 -0
  286. package/Switch/tests/Switch-specs.js +54 -0
  287. package/SwitchItem/SwitchItem.d.ts +56 -0
  288. package/SwitchItem/SwitchItem.js +144 -0
  289. package/SwitchItem/SwitchItem.module.css +31 -0
  290. package/SwitchItem/package.json +3 -0
  291. package/SwitchItem/tests/SwitchItem-specs.js +49 -0
  292. package/TabLayout/RefocusDecorator.js +142 -0
  293. package/TabLayout/Tab.js +84 -0
  294. package/TabLayout/TabGroup.js +377 -0
  295. package/TabLayout/TabGroup.module.css +280 -0
  296. package/TabLayout/TabLayout.d.ts +161 -0
  297. package/TabLayout/TabLayout.js +661 -0
  298. package/TabLayout/TabLayout.module.css +101 -0
  299. package/TabLayout/package.json +3 -0
  300. package/TabLayout/tests/TabGroup-specs.js +214 -0
  301. package/TabLayout/tests/TabLayout-specs.js +740 -0
  302. package/ThemeDecorator/AccessibilityDecorator.js +151 -0
  303. package/ThemeDecorator/I18nFontDecorator.js +33 -0
  304. package/ThemeDecorator/ThemeDecorator.d.ts +143 -0
  305. package/ThemeDecorator/ThemeDecorator.js +307 -0
  306. package/ThemeDecorator/ThemeDecorator.module.css +1250 -0
  307. package/ThemeDecorator/fontGenerator.js +76 -0
  308. package/ThemeDecorator/package.json +3 -0
  309. package/ThemeDecorator/screenTypes.json +10 -0
  310. package/ThemeDecorator/tests/ThemeDecorator-specs.js +151 -0
  311. package/TimePicker/TimePicker.d.ts +147 -0
  312. package/TimePicker/TimePicker.js +255 -0
  313. package/TimePicker/TimePicker.module.css +61 -0
  314. package/TimePicker/TimePickerBase.js +396 -0
  315. package/TimePicker/package.json +3 -0
  316. package/TimePicker/tests/TimePicker-specs.js +248 -0
  317. package/TooltipDecorator/Tooltip.js +252 -0
  318. package/TooltipDecorator/Tooltip.module.css +496 -0
  319. package/TooltipDecorator/TooltipDecorator.d.ts +229 -0
  320. package/TooltipDecorator/TooltipDecorator.js +260 -0
  321. package/TooltipDecorator/TooltipLabel.js +117 -0
  322. package/TooltipDecorator/package.json +3 -0
  323. package/TooltipDecorator/tests/TooltipDecorator-specs.js +224 -0
  324. package/TooltipDecorator/tests/useTooltip-specs.js +266 -0
  325. package/TooltipDecorator/useTooltip.js +278 -0
  326. package/TooltipDecorator/util.js +273 -0
  327. package/VideoPlayer/Feedback.js +110 -0
  328. package/VideoPlayer/Feedback.module.css +55 -0
  329. package/VideoPlayer/FeedbackContent.js +99 -0
  330. package/VideoPlayer/FeedbackIcon.js +67 -0
  331. package/VideoPlayer/FeedbackIcons.js +76 -0
  332. package/VideoPlayer/FeedbackTooltip.js +242 -0
  333. package/VideoPlayer/FeedbackTooltip.module.css +160 -0
  334. package/VideoPlayer/MediaTitle.js +143 -0
  335. package/VideoPlayer/MediaTitle.module.css +95 -0
  336. package/VideoPlayer/Overlay.js +51 -0
  337. package/VideoPlayer/Video.js +345 -0
  338. package/VideoPlayer/VideoPlayer.d.ts +582 -0
  339. package/VideoPlayer/VideoPlayer.js +2116 -0
  340. package/VideoPlayer/VideoPlayer.module.css +164 -0
  341. package/VideoPlayer/package.json +3 -0
  342. package/VideoPlayer/tests/Video-specs.js +235 -0
  343. package/VideoPlayer/tests/VideoPlayer-specs.js +180 -0
  344. package/VirtualList/VirtualList.d.ts +411 -0
  345. package/VirtualList/VirtualList.js +931 -0
  346. package/VirtualList/VirtualList.module.css +52 -0
  347. package/VirtualList/package.json +3 -0
  348. package/VirtualList/tests/VirtualGridList-specs.js +289 -0
  349. package/VirtualList/tests/VirtualGridList-translate-specs.js +711 -0
  350. package/VirtualList/tests/VirtualList-specs.js +288 -0
  351. package/VirtualList/tests/VirtualList-translate-specs.js +704 -0
  352. package/VirtualList/tests/useEvent-specs.js +172 -0
  353. package/VirtualList/tests/useEvent-translate-specs.js +309 -0
  354. package/VirtualList/useEvent.js +324 -0
  355. package/VirtualList/usePreventScroll.js +31 -0
  356. package/VirtualList/useSpotlight.js +157 -0
  357. package/VirtualList/useThemeVirtualList.js +471 -0
  358. package/VirtualList/useThemeVirtualList.module.css +34 -0
  359. package/WizardPanels/Panel.js +99 -0
  360. package/WizardPanels/WizardPanels.js +501 -0
  361. package/WizardPanels/WizardPanels.module.css +15 -0
  362. package/WizardPanels/index.d.ts +182 -0
  363. package/WizardPanels/index.js +50 -0
  364. package/WizardPanels/package.json +3 -0
  365. package/WizardPanels/tests/WizardPanels-specs.js +713 -0
  366. package/codecov.yml +13 -0
  367. package/fonts/Limestone_Icons.ttf +0 -0
  368. package/fonts/Miso/LICENSE.txt +75 -0
  369. package/fonts/Miso/Miso-Bold.ttf +0 -0
  370. package/fonts/Miso/Miso-Light.ttf +0 -0
  371. package/fonts/Miso/Miso-Regular.ttf +0 -0
  372. package/fonts/MuseoSans/LICENSE.txt +75 -0
  373. package/fonts/MuseoSans/MuseoSans-Black.ttf +0 -0
  374. package/fonts/MuseoSans/MuseoSans-BlackItalic.ttf +0 -0
  375. package/fonts/MuseoSans/MuseoSans-Bold.ttf +0 -0
  376. package/fonts/MuseoSans/MuseoSans-BoldItalic.ttf +0 -0
  377. package/fonts/MuseoSans/MuseoSans-Light.ttf +0 -0
  378. package/fonts/MuseoSans/MuseoSans-Medium.ttf +0 -0
  379. package/fonts/MuseoSans/MuseoSans-MediumItalic.ttf +0 -0
  380. package/fonts/MuseoSans/MuseoSans-Thin.ttf +0 -0
  381. package/index.js +2 -0
  382. package/internal/$L/$L.d.ts +21 -0
  383. package/internal/$L/$L.js +97 -0
  384. package/internal/$L/package.json +3 -0
  385. package/internal/AsyncRenderChildren/AsyncRenderChildren.js +74 -0
  386. package/internal/AsyncRenderChildren/package.json +3 -0
  387. package/internal/AsyncRenderChildren/tests/AsyncRenderChildren-specs.js +49 -0
  388. package/internal/DateComponentPicker/DateComponentPicker.js +165 -0
  389. package/internal/DateComponentPicker/DateComponentPicker.module.css +53 -0
  390. package/internal/DateComponentPicker/DateComponentRangePicker.js +132 -0
  391. package/internal/DateComponentPicker/index.js +31 -0
  392. package/internal/DateComponentPicker/package.json +3 -0
  393. package/internal/DateTime/DateTime.js +83 -0
  394. package/internal/DateTime/DateTime.module.css +51 -0
  395. package/internal/DateTime/DateTimeDecorator.js +268 -0
  396. package/internal/DateTime/index.js +37 -0
  397. package/internal/DateTime/package.json +3 -0
  398. package/internal/DateTime/tests/DateTimeDecorator-specs.js +33 -0
  399. package/internal/DebounceDecorator/DebounceDecorator.js +125 -0
  400. package/internal/DebounceDecorator/package.json +3 -0
  401. package/internal/DebounceDecorator/tests/DebounceDecorator-specs.js +151 -0
  402. package/internal/Panels/Arrangers.js +248 -0
  403. package/internal/Panels/CancelDecorator.js +43 -0
  404. package/internal/Panels/FloatingLayerIdProvider.js +27 -0
  405. package/internal/Panels/NavigationButton.js +64 -0
  406. package/internal/Panels/NavigationButton.module.css +69 -0
  407. package/internal/Panels/PanelsRouter.js +223 -0
  408. package/internal/Panels/PopupDecorator.js +287 -0
  409. package/internal/Panels/TransitionDecorator.js +99 -0
  410. package/internal/Panels/Viewport.js +313 -0
  411. package/internal/Panels/Viewport.module.css +25 -0
  412. package/internal/Panels/captureKeys.js +48 -0
  413. package/internal/Panels/index.js +101 -0
  414. package/internal/Panels/package.json +3 -0
  415. package/internal/Panels/useAutoFocus.js +95 -0
  416. package/internal/Panels/useFocusOnTransition.js +45 -0
  417. package/internal/Panels/useToggleRole.js +30 -0
  418. package/internal/Panels/util.js +64 -0
  419. package/internal/Picker/Picker.js +942 -0
  420. package/internal/Picker/Picker.module.css +1145 -0
  421. package/internal/Picker/PickerButton.js +97 -0
  422. package/internal/Picker/PickerItem.js +38 -0
  423. package/internal/Picker/SpottablePicker.js +63 -0
  424. package/internal/Picker/package.json +3 -0
  425. package/internal/Picker/tests/Picker-specs.js +968 -0
  426. package/internal/SharedStateDecorator/SharedStateDecorator.js +167 -0
  427. package/internal/SharedStateDecorator/package.json +3 -0
  428. package/internal/SharedStateDecorator/tests/SharedStateDecorator-specs.js +277 -0
  429. package/internal/WindowEventable/WindowEventable.js +114 -0
  430. package/internal/WindowEventable/package.json +3 -0
  431. package/internal/util/package.json +3 -0
  432. package/internal/util/util.js +79 -0
  433. package/internal/validators/package.json +4 -0
  434. package/internal/validators/tests/validators-specs.js +80 -0
  435. package/internal/validators/validators.js +136 -0
  436. package/package.json +69 -0
  437. package/resources/ilibmanifest.json +3 -0
  438. package/styles/color-mixins.less +230 -0
  439. package/styles/colors-game-green.less +25 -0
  440. package/styles/colors-game-orange.less +25 -0
  441. package/styles/colors-game.less +56 -0
  442. package/styles/colors-highcontrast.less +21 -0
  443. package/styles/colors.less +435 -0
  444. package/styles/mixins.less +337 -0
  445. package/styles/skin.less +54 -0
  446. package/styles/variables-base.less +32 -0
  447. package/styles/variables-game.less +25 -0
  448. package/styles/variables.less +1182 -0
  449. package/useScroll/HoverToScroll.js +265 -0
  450. package/useScroll/HoverToScroll.module.css +38 -0
  451. package/useScroll/OverscrollEffect.module.css +14 -0
  452. package/useScroll/Scrollbar.js +171 -0
  453. package/useScroll/Scrollbar.module.css +19 -0
  454. package/useScroll/ScrollbarPlaceholder.js +64 -0
  455. package/useScroll/ScrollbarTrack.js +209 -0
  456. package/useScroll/ScrollbarTrack.module.css +136 -0
  457. package/useScroll/package.json +3 -0
  458. package/useScroll/useEvent.js +693 -0
  459. package/useScroll/useOverscrollEffect.js +105 -0
  460. package/useScroll/useScroll.js +523 -0
  461. package/useScroll/useScroll.module.css +49 -0
  462. package/useScroll/useSpotlight.js +32 -0
  463. package/useScroll/useThemeScrollContentHandle.js +32 -0
package/styles/colors.less ADDED
@@ -0,0 +1,435 @@
1
+ // colors.less (neutral skin)
2
+ //
3
+
4
+ // ---------------------------------------
5
+ // Universal Color Definitions
6
+ // ---------------------------------------
7
+
8
+ // Remote button colors
9
+ // ---------------------------------------
10
+ @lime-colorkey-icon-red: #ff6d78;
11
+ @lime-colorkey-icon-green: #93d371;
12
+ @lime-colorkey-icon-yellow: #ffc600;
13
+ @lime-colorkey-icon-blue: #0084ff;
14
+
15
+ // UI Conceptual Colors
16
+ // ---------------------------------------
17
+
18
+ @lime-overlay-outline-color: var(--semantic-color-stroke-overlay-default);
19
+ @lime-overlay-outline-style: solid;
20
+ @lime-overlay-shadow: 0 36px 48px @lime-shadow-color;
21
+
22
+ @lime-invalid-color: #ff0000; // TBD
23
+ @lime-shadow-color: ~"color(from" var(--semantic-color-on-background-black) ~"srgb r g b / 0.35)";
24
+
25
+ // Overlay Alert
26
+ // ---------------------------------------
27
+ @lime-alert-overlay-bg-color: var(--semantic-color-background-popup-default);
28
+ @lime-alert-overlay-bg-color-opacity: 1;
29
+ @lime-alert-overlay-label-color: var(--semantic-color-on-background-popup-main);
30
+ @lime-alert-overlay-label-sub-color: var(--semantic-color-on-background-popup-sub);
31
+ @lime-alert-overlay-outline-style: none;
32
+
33
+ // Disabled Opacity
34
+ // ---------------------------------------
35
+ @lime-disabled-opacity: 0.3; // This value brings the standard text-color to the disabled text color specs
36
+ @lime-disabled-bg-opacity: @lime-disabled-opacity;
37
+ @lime-disabled-focus-content-opacity: 0.4;
38
+ @lime-disabled-focus-content-color-opacity: 0.4;
39
+ @lime-disabled-focus-bg-opacity: 0.585; // This value brings the standard focus-background-color to the disabled+focus color specs
40
+
41
+ // Spotlight and State
42
+ // ---------------------------------------
43
+ @lime-spotlight-text-color: var(--semantic-color-on-surface-main-focused); // Used in color-mixins.less, QA Sampler Marquee
44
+ @lime-spotlight-bg-color: var(--semantic-color-surface-default-focused); // If this changes, update Button bg-color mixins in color-mixins.less
45
+ @lime-spotlight-focus-shadow: 0 24px 36px @lime-shadow-color; // Used in color-mixins.less
46
+
47
+
48
+ // ---------------------------------------
49
+ // Component Colors
50
+ // ---------------------------------------
51
+
52
+ // ActionGuide
53
+ // ---------------------------------------
54
+ @lime-actionguide-media-icon-color: var(--semantic-color-on-background-actionguide);
55
+ @lime-actionguide-media-label-color: var(--semantic-color-on-background-actionguide);
56
+
57
+ // Alert
58
+ // ---------------------------------------
59
+ @lime-alert-full-bg-color: var(--semantic-color-background-full-default);
60
+ @lime-alert-overlay-shadow: 0 36px 48px 0 @lime-shadow-color;
61
+
62
+ // Button
63
+ // ---------------------------------------
64
+ @lime-button-fill-label-color: var(--semantic-color-on-surface-main);
65
+ @lime-button-fill-container-color: var(--semantic-color-surface-default);
66
+ @lime-button-fill-icon-color: var(--semantic-color-on-surface-main);
67
+ @lime-button-fill-label-focused-color: var(--semantic-color-on-surface-main-focused);
68
+ @lime-button-fill-container-focused-color: var(--semantic-color-surface-default-focused);
69
+ @lime-button-fill-icon-focused-color: @lime-button-fill-label-focused-color;
70
+ @lime-button-fill-label-selected-color: var(--semantic-color-on-surface-main-selected);
71
+ @lime-button-fill-container-selected-color: var(--semantic-color-surface-default-selected);
72
+ @lime-button-fill-container-disabled-focused-color: var(--semantic-color-surface-default-disabled-focused);
73
+ @lime-button-fill-icon-selected-color: @lime-button-fill-label-selected-color;
74
+ @lime-button-outline-label-color: @lime-button-fill-label-color;
75
+ @lime-button-outline-container-color: ~"color(from" var(--semantic-color-surface-default) ~"srgb r g b / 0.5)";
76
+ @lime-button-outline-border-color: var(--semantic-color-stroke-button-outline);
77
+ @lime-button-outline-label-focused-color: @lime-button-fill-label-focused-color;
78
+ @lime-button-outline-container-focused-color: @lime-button-fill-container-focused-color;
79
+ @lime-button-outline-label-selected-color: @lime-button-fill-label-selected-color;
80
+ @lime-button-outline-container-selected-color: ~"color(from" var(--semantic-color-surface-default-selected) ~"srgb r g b / 0.5)";
81
+ @lime-button-outline-border-selected-color: var(--semantic-color-stroke-main-selected);
82
+ @lime-button-transparent-label-color: var(--semantic-color-on-background-main);
83
+ @lime-button-transparent-icon-color: @lime-button-transparent-label-color;
84
+ @lime-button-transparent-label-focused-color: @lime-button-fill-label-focused-color;
85
+ @lime-button-transparent-container-focused-color: @lime-button-fill-container-focused-color;
86
+ @lime-button-transparent-icon-focused-color: @lime-button-fill-icon-focused-color;
87
+ @lime-button-transparent-label-selected-color: @lime-button-fill-label-selected-color;
88
+ @lime-button-transparent-container-selected-color: @lime-button-fill-container-selected-color;
89
+ @lime-button-transparent-icon-selected-color: @lime-button-fill-icon-selected-color;
90
+ @lime-button-text-shadow: @lime-header-text-shadow;
91
+ @lime-button-filter-focused: none;
92
+ @lime-button-filter-selected: none;
93
+ @lime-button-icononly-bg-focused-color: '';
94
+
95
+ // Card
96
+ // ---------------------------------------
97
+ @lime-card-captions-gradient-color: linear-gradient(180deg, transparent 0%, ~"color(from" var(--semantic-color-on-surface-black) ~"srgb r g b / 0.7)" 100%);
98
+ @lime-card-container-color: ~"color(from" var(--semantic-color-surface-default-translucent) ~"srgb r g b / 0.1)";
99
+ @lime-card-selection-icon-color: transparent;
100
+ @lime-card-selection-icon-selected-color: var(--semantic-color-on-surface-main-selected);
101
+ @lime-card-selection-container-selected-color: var(--semantic-color-surface-accent);
102
+ @lime-card-border-selected-color: var(--semantic-color-stroke-main-selected);
103
+ @lime-card-container-focused-color: var(--semantic-color-surface-default-focused);
104
+ @lime-card-border-focused-color: var(--semantic-color-stroke-main-focused);
105
+ @lime-card-resting-border-color: var(--semantic-color-stroke-main);
106
+ @lime-card-scrim-color: ~"color(from" var(--semantic-color-scrim-default) ~"srgb r g b / 0.5)";
107
+ @lime-card-label-main-color: var(--semantic-color-on-background-main);
108
+ @lime-card-label-sub-color: var(--semantic-color-on-background-sub);
109
+ @lime-card-label-main-focused-color: var(--semantic-color-on-surface-main-focused);
110
+ @lime-card-label-sub-focused-color: var(--semantic-color-on-surface-sub-focused);
111
+
112
+ // Checkbox
113
+ // ---------------------------------------
114
+ @lime-checkbox-container-color: transparent;
115
+ @lime-checkbox-container-focused-color: @lime-checkbox-container-color;
116
+ @lime-checkbox-container-selected-color: var(--semantic-color-surface-accent);
117
+ @lime-checkbox-container-selected-focused-color: @lime-checkbox-container-selected-color;
118
+ @lime-checkbox-container-selected-disabled-color: @lime-checkbox-container-selected-color;
119
+ @lime-checkbox-container-selected-disabled-focused-color: @lime-checkbox-container-selected-color;
120
+ @lime-checkbox-container-indeterminate-color: @lime-checkbox-container-color;
121
+ @lime-checkbox-container-indeterminate-focused-color: @lime-checkbox-container-indeterminate-color;
122
+ @lime-checkbox-container-standalone-disabled-focused-color: @lime-item-container-disabled-focused-color;
123
+ @lime-checkbox-icon-color: transparent;
124
+ @lime-checkbox-icon-focused-color: @lime-checkbox-icon-color;
125
+ @lime-checkbox-icon-selected-color: var(--semantic-color-on-surface-main-selected);
126
+ @lime-checkbox-icon-selected-focused-color: @lime-checkbox-icon-selected-color;
127
+ @lime-checkbox-icon-selected-disabled-color: @lime-checkbox-icon-selected-color;
128
+ @lime-checkbox-icon-selected-disabled-focused-color: @lime-checkbox-icon-selected-color;
129
+ @lime-checkbox-icon-indeterminate-color: @lime-checkbox-border-color;
130
+ @lime-checkbox-icon-indeterminate-focused-color: @lime-checkbox-border-focused-color;
131
+ @lime-checkbox-border-color: var(--semantic-color-stroke-selection-inactive);
132
+ @lime-checkbox-border-focused-color: var(--semantic-color-stroke-selection-inactive-focused);
133
+ @lime-checkbox-border-selected-color: @lime-checkbox-container-selected-color;
134
+ @lime-checkbox-border-selected-focused-color: @lime-checkbox-border-selected-color;
135
+ @lime-checkbox-border-selected-disabled-color: @lime-checkbox-border-selected-color;
136
+ @lime-checkbox-border-selected-disabled-focused-color: @lime-checkbox-border-selected-color;
137
+ @lime-checkbox-border-disabled-color: @lime-checkbox-border-color;
138
+ @lime-checkbox-border-disabled-focused-color: @lime-checkbox-border-focused-color;
139
+ @lime-checkbox-border-indeterminate-color: var(--semantic-color-stroke-selection-inactive);
140
+ @lime-checkbox-border-indeterminate-focused-color: var(--semantic-color-stroke-selection-inactive-focused);
141
+ @lime-checkbox-border-indeterminate-disabled-color: @lime-checkbox-border-indeterminate-color;
142
+ @lime-checkbox-border-indeterminate-disabled-focused-color: @lime-checkbox-border-indeterminate-focused-color;
143
+
144
+ // CheckboxItem
145
+ // ---------------------------------------
146
+ @lime-checkboxitem-item-container-selected-color: transparent;
147
+
148
+ // ContextualPopup
149
+ // ---------------------------------------
150
+ @lime-contextualpopup-container-color: var(--semantic-color-surface-context-group);
151
+ @lime-contextualpopup-border-color: var(--semantic-color-stroke-overlay-default);
152
+ @lime-contextualpopup-shadow: 0px 36px 48px 0px @lime-shadow-color;
153
+
154
+ // DateTime
155
+ // ---------------------------------------
156
+ @lime-datetime-label-color: @lime-heading-label-main-color;
157
+
158
+ // Dropdown
159
+ // ---------------------------------------
160
+ @lime-dropdown-label-selected-color: var(--semantic-color-on-surface-main-selected);
161
+
162
+ // FixedPopupPanels
163
+ // ---------------------------------------
164
+ @lime-fixedpopuppanels-background-color: var(--semantic-color-background-overlay-default);
165
+
166
+ // FlexiblePopupPanels
167
+ // ---------------------------------------
168
+ @lime-flexiblepopuppanels-panel-bg-color: var(--semantic-color-background-overlay-default);
169
+ @lime-flexiblepopuppanels-panel-scrimtransparent-bg-color: @lime-popup-scrimtransparent-bg-color;
170
+ @lime-flexiblepopuppanels-panel-shadow: 0 36px 48px 0 @lime-shadow-color;
171
+
172
+ // FormCheckboxItem
173
+ // ---------------------------------------
174
+ @lime-formcheckboxitem-label-main-disabled-color: inherit;
175
+ @lime-formcheckboxitem-label-main-disabled-focused-color: @lime-formcheckboxitem-label-main-disabled-color;
176
+ @lime-formcheckboxitem-label-main-focused-color: var(--semantic-color-on-background-main);
177
+ @lime-formcheckboxitem-label-sub-focused-color: var(--semantic-color-on-background-sub);
178
+ @lime-formcheckboxitem-item-container-selected-color: transparent;
179
+
180
+ // Header
181
+ // ---------------------------------------
182
+ @lime-header-text-shadow: 6px 12px 12px @lime-shadow-color;
183
+
184
+ // Heading
185
+ // ---------------------------------------
186
+ @lime-heading-label-main-color: var(--semantic-color-on-background-main);
187
+ @lime-heading-label-sub-color: var(--semantic-color-on-background-sub);
188
+ @lime-heading-label-tiny-color: var(--semantic-color-on-background-heading);
189
+ @lime-heading-border-color: @lime-heading-label-main-color;
190
+
191
+ // HolePunchScrim
192
+ // ---------------------------------------
193
+ @lime-holepunchscrim-bg-color: fade(#000000, 60%); // should be black
194
+
195
+ // IconItem
196
+ // ---------------------------------------
197
+ @lime-iconitem-disabled-opacity: 0.3;
198
+ @lime-iconitem-inner-label-color: var(--semantic-color-on-surface-white);
199
+ @lime-iconitem-inner-label-dark-color: var(--semantic-color-on-surface-main-focused);
200
+ @lime-iconitem-outer-label-main-color: var(--semantic-color-on-background-main);
201
+ @lime-iconitem-inner-border-color: var(--semantic-color-stroke-white);
202
+ @lime-iconitem-inner-icon-color: var(--semantic-color-on-surface-white);
203
+ @lime-iconitem-inner-container-color: var(--semantic-color-surface-default-placeholder);
204
+ @lime-iconitem-focused-shadow: 0 36px 48px @lime-shadow-color;
205
+
206
+ // ImageItem
207
+ // ---------------------------------------
208
+ @lime-imageitem-image-border-color: transparent;
209
+ @lime-imageitem-label-main-color: var(--semantic-color-on-background-main);
210
+ @lime-imageitem-label-main-focused-color: var(--semantic-color-on-surface-main-focused);
211
+ @lime-imageitem-label-main-selected-color: var(--semantic-color-on-background-main);
212
+ @lime-imageitem-label-sub-color: var(--semantic-color-on-background-sub);
213
+ @lime-imageitem-label-sub-focused-color: var(--semantic-color-on-surface-sub-focused);
214
+ @lime-imageitem-label-sub-selected-color: var(--semantic-color-on-background-sub);
215
+ @lime-imageitem-selected-image-border-color: ~"color(from" var(--semantic-color-on-surface-main-selected) ~"srgb r g b / 0.7)";
216
+ @lime-imageitem-selection-container-color: transparent;
217
+ @lime-imageitem-selection-icon-color: transparent;
218
+ @lime-imageitem-selection-container-selected-color: var(--semantic-color-surface-accent);
219
+ @lime-imageitem-selection-icon-selected-color: var(--semantic-color-on-surface-white);
220
+ @lime-imageitem-selection-container-focused-color: @lime-imageitem-selection-container-color;
221
+ @lime-imageitem-selection-icon-focused-color: @lime-imageitem-selection-icon-color;
222
+ @lime-imageitem-selection-container-selected-focused-color: @lime-imageitem-selection-container-selected-color;
223
+ @lime-imageitem-selection-icon-selected-focused-color: @lime-imageitem-selection-icon-selected-color;
224
+ @lime-imageitem-full-image-focused-shadow-color: 0 36px 36px @lime-shadow-color;
225
+ @lime-imageitem-full-image-border-color: var(--semantic-color-stroke-main);
226
+ @lime-imageitem-full-image-focused-border-color: var(--semantic-color-stroke-main-focused);
227
+
228
+ // Input
229
+ // ---------------------------------------
230
+ @lime-input-disabled-bg-focused-color: var(--semantic-color-surface-default-disabled-focused);
231
+ @lime-input-fullscreen-background-color: var(--semantic-color-background-full-default);
232
+ @lime-input-fullscreen-dot-color: var(--semantic-color-on-surface-input-field);
233
+ @lime-input-overlay-background-color: var(--semantic-color-background-popup-default);
234
+ @lime-input-overlay-dot-color: var(--semantic-color-on-surface-popup-input-field);
235
+ @lime-input-dot-focused-color: var(--semantic-color-on-surface-main-focused);
236
+ @lime-input-button-popup-transparent-icon-color: var(--semantic-color-on-background-popup-main);
237
+ @lime-input-button-popup-transparent-label-color: var(--semantic-color-on-background-popup-main);
238
+ @lime-input-header-popup-label-main-color: var(--semantic-color-on-background-popup-main);
239
+ @lime-input-header-popup-label-sub-color: var(--semantic-color-on-background-popup-sub);
240
+ @lime-input-inputfield-popup-container-color: var(--semantic-color-surface-popup-input-field);
241
+ @lime-input-inputfield-popup-label-inactive-color: var(--semantic-color-on-surface-popup-input-field);
242
+ @lime-input-invalid-tooltip-color: @lime-inputfield-invalid-tooltip-color;
243
+ @lime-input-numberfield-disabled-color: ~"color(from" var(--semantic-color-on-surface-main-focused) ~"srgb r g b /" @lime-disabled-focus-content-color-opacity ~")";
244
+ @lime-input-numberfield-disabled-opacity: @lime-disabled-focus-bg-opacity;
245
+ @lime-input-selection-color: #4c5059;
246
+ @lime-input-selection-bg-color: #3399ff;
247
+
248
+ // InputField
249
+ // ---------------------------------------
250
+ @lime-inputfield-container-color: var(--semantic-color-surface-input-field);
251
+ @lime-inputfield-container-disabled-focused-color: @lime-input-disabled-bg-focused-color;
252
+ @lime-inputfield-container-opacity: 0.3;
253
+ @lime-inputfield-cursor-color: var(--semantic-color-on-surface-accent);
254
+ @lime-inputfield-label-active-color: var(--semantic-color-on-surface-main-focused);
255
+ @lime-inputfield-label-inactive-color: ~"color(from" var(--semantic-color-on-surface-input-field) ~"srgb r g b / 0.4)";
256
+ @lime-inputfield-label-inactive-focused-color: ~"color(from" var(--semantic-color-on-surface-main-focused) ~"srgb r g b / 0.4)";
257
+ @lime-inputfield-label-success-color: var(--semantic-color-on-surface-input-field);
258
+ @lime-inputfield-invalid-color: @lime-invalid-color;
259
+ @lime-inputfield-invalid-tooltip-color: var(--semantic-color-on-background-default-error);
260
+
261
+ // Item
262
+ // ---------------------------------------
263
+ @lime-item-label-main-selected-color: var(--semantic-color-on-background-main);
264
+ @lime-item-label-sub-color: var(--semantic-color-on-background-sub);
265
+ @lime-item-label-sub-focused-color: var(--semantic-color-on-surface-sub-focused);
266
+ @lime-item-label-sub-selected-color: var(--semantic-color-on-background-sub);
267
+ @lime-item-container-selected-color: ~"color(from" var(--semantic-color-surface-default-translucent) ~"srgb r g b / 0.1)";
268
+ @lime-item-container-disabled-focused-color: var(--semantic-color-surface-default-disabled-focused);
269
+
270
+ // KeyGuide
271
+ // ---------------------------------------
272
+ @lime-keyguide-container-color: var(--semantic-color-surface-overlay-default);
273
+ @lime-keyguide-label-color: var(--semantic-color-on-surface-overlay-main);
274
+ @lime-keyguide-icon-color: var(--semantic-color-on-surface-overlay-sub);
275
+ @lime-keyguide-colordot-red-color: @lime-colorkey-icon-red;
276
+ @lime-keyguide-colordot-green-color: @lime-colorkey-icon-green;
277
+ @lime-keyguide-colordot-yellow-color: @lime-colorkey-icon-yellow;
278
+ @lime-keyguide-colordot-blue-color: @lime-colorkey-icon-blue;
279
+ @lime-keyguide-icon-shadow: 0px 36px 48px 0px rgba(0, 0, 0, 0.35);
280
+ @lime-keyguide-image-shadow: 0px 24px 36px 0px rgba(0, 0, 0, 0.35);
281
+
282
+ // MediaOverlay
283
+ // ---------------------------------------
284
+ @lime-mediaoverlay-inner-label-main-color: var(--semantic-color-on-surface-main);
285
+ @lime-mediaoverlay-outer-label-main-color: var(--semantic-color-on-background-main);
286
+ @lime-mediaoverlay-outer-label-sub-color: var(--semantic-color-on-background-sub);
287
+ @lime-mediaoverlay-inner-border-focused: var(--semantic-color-stroke-main-focused);
288
+
289
+ // MediaPlayer
290
+ // ---------------------------------------
291
+ @lime-mediaplayer-slider-knob-color: var(--semantic-color-on-surface-accent);
292
+ @lime-mediaplayer-slider-tooltip-text-shadow: 0 4px 4px @lime-shadow-color;
293
+
294
+ // MediaSlider
295
+ // ---------------------------------------
296
+ @lime-mediaslider-bar-bg-color: @lime-slider-track-color;
297
+ @lime-mediaslider-disabled-bar-opacity: 0.3;
298
+ @lime-mediaslider-fill-bg-color: var(--semantic-color-on-surface-accent);
299
+
300
+ // PageViews
301
+ // ---------------------------------------
302
+ @lime-pageviews-indicator-icon-active: var(--semantic-color-surface-default-indicator);
303
+ @lime-pageviews-indicator-icon-inactive: var(--semantic-color-surface-default-indicator);
304
+ @lime-pageviews-bg-color: ~"color(from" var(--semantic-color-surface-default-group) ~"srgb r g b / 0.1)";
305
+
306
+ // Picker
307
+ // ---------------------------------------
308
+ @lime-picker-label-color: var(--semantic-color-on-background-main);
309
+ @lime-picker-icon-color: var(--semantic-color-on-background-main);
310
+ @lime-picker-container-color: var(--semantic-color-surface-default);
311
+ @lime-picker-indicator-color: var(--semantic-color-on-surface-main);
312
+ @lime-picker-indicator-focused-color: var(--semantic-color-on-surface-main-focused);
313
+ @lime-picker-icon-focused-color: var(--semantic-color-on-surface-main-focused);
314
+ @lime-picker-joined-label-color: var(--semantic-color-on-surface-main);
315
+
316
+ // Popup
317
+ // ---------------------------------------
318
+ @lime-popup-bg-color: ~"color(from" var(--semantic-color-background-overlay-default) ~"srgb r g b / 0.9)";
319
+ @lime-popup-scrimtransparent-bg-color: ~"color(from" var(--semantic-color-background-overlay-default) ~"srgb r g b / 0.95)";
320
+
321
+ // PopupTabLayout
322
+ // ---------------------------------------
323
+ @lime-popuptablayout-content-background-color: var(--semantic-color-background-overlay-default);
324
+
325
+ // ProgressBar
326
+ // ---------------------------------------
327
+ @lime-progressbar-track-color: ~"color(from" var(--semantic-color-surface-default-track) ~"srgb r g b / 0.7)";
328
+ @lime-progressbar-track-buffer-color: ~"color(from" var(--semantic-color-surface-white) ~"srgb r g b / 0.5)";
329
+ @lime-progressbar-track-active-color: var(--semantic-color-surface-accent);
330
+ @lime-progressbar-track-active-focused-color: var(--semantic-color-surface-default-focused);
331
+
332
+ // ProgressButton
333
+ // ---------------------------------------
334
+ @lime-progressbutton-track-color: ~"color(from" var(--semantic-color-on-surface-white) ~"srgb r g b / 0.2)";
335
+ @lime-progressbutton-track-active-color: var(--semantic-color-on-surface-main);
336
+ @lime-progressbutton-track-focused-color: ~"color(from" var(--semantic-color-on-surface-main-focused) ~"srgb r g b / 0.2)";
337
+ @lime-progressbutton-track-active-focused-color: var(--semantic-color-on-surface-main-focused);
338
+
339
+ // RadioItem
340
+ // ---------------------------------------
341
+ @lime-radioitem-icon-color: transparent;
342
+ @lime-radioitem-icon-focused-color: transparent;
343
+ @lime-radioitem-icon-selected-color: var(--semantic-color-on-surface-main-selected);
344
+ @lime-radioitem-icon-selected-focused-color: @lime-radioitem-icon-selected-color;
345
+ @lime-radioitem-item-container-selected-color: transparent;
346
+ @lime-radioitem-container-color: transparent;
347
+ @lime-radioitem-container-focused-color: transparent;
348
+ @lime-radioitem-container-selected-color: var(--semantic-color-surface-accent);
349
+ @lime-radioitem-container-selected-focused-color: @lime-radioitem-container-selected-color;
350
+ @lime-radioitem-border-color: var(--semantic-color-stroke-selection-inactive);
351
+ @lime-radioitem-border-focused-color: var(--semantic-color-stroke-selection-inactive-focused);
352
+ @lime-radioitem-border-selected-color: @lime-radioitem-container-selected-color;
353
+ @lime-radioitem-border-selected-focused-color: @lime-radioitem-container-selected-focused-color;
354
+
355
+ // Scrollbar
356
+ // ---------------------------------------
357
+ @lime-scroll-track-color: transparent;
358
+ @lime-scroll-track-focused-color: ~"color(from" var(--semantic-color-surface-default-track) ~"srgb r g b / 0.5)" ;
359
+ @lime-scroll-handle-color: var(--semantic-color-surface-scroll-handle);
360
+ @lime-scroll-handle-focused-color: var(--semantic-color-surface-default-focused);
361
+ @lime-scroll-arrow-color: var(--semantic-color-on-surface-accent);
362
+ @lime-scrollbar-thumb-focus-box-shadow-color: @lime-shadow-color;
363
+
364
+ // Scroller
365
+ // ---------------------------------------
366
+ @lime-scroll-focusablebody-focus-bg-color: ~"color(from" var(--semantic-color-surface-default-focused) ~"srgb r g b / 0.1)";
367
+
368
+ // Slider
369
+ // ---------------------------------------
370
+ @lime-slider-track-color: ~"color(from" var(--semantic-color-surface-default-track) ~"srgb r g b / 0.7)";
371
+ @lime-slider-track-buffer-color: ~"color(from" var(--semantic-color-surface-white) ~"srgb r g b / 0.5)";
372
+ @lime-slider-track-active-color: var(--semantic-color-surface-accent);
373
+ @lime-slider-track-active-focused-color: var(--semantic-color-surface-accent);
374
+ @lime-slider-handle-color: var(--semantic-color-surface-default-handle);
375
+ @lime-slider-handle-border-color: transparent;
376
+ @lime-slider-handle-focused-border-color: @lime-slider-handle-border-color;
377
+ @lime-slider-handle-focused-color: var(--semantic-color-surface-default-focused);
378
+ @lime-slider-handle-disabled-color: transparent;
379
+ @lime-slider-handle-focused-shadow: 0 24px 36px @lime-shadow-color;
380
+ @lime-slider-disabled-bar-opacity: 0.3;
381
+
382
+ // Spinner
383
+ // ---------------------------------------
384
+ @lime-spinner-color: var(--semantic-color-on-background-main);
385
+ @lime-spinner-head-color: @lime-spinner-color;
386
+ @lime-spinner-empty-color: ~"color(from" @lime-spinner-color ~"srgb r g b / 0.2)";
387
+ @lime-spinner-bg-color: var(--semantic-color-surface-default);
388
+ @lime-spinner-label-color: var(--semantic-color-on-background-sub);
389
+
390
+ // Steps
391
+ // ---------------------------------------
392
+ @lime-steps-indicator-icon-active-color: var(--semantic-color-surface-default-indicator);
393
+ @lime-steps-indicator-icon-inactive-color: ~"color(from" var(--semantic-color-surface-default-indicator) ~"srgb r g b / 0.4)";
394
+ @lime-steps-step-icon-success-color: var(--semantic-color-on-background-main);
395
+ @lime-steps-step-label-active-color: var(--semantic-color-on-background-accent);
396
+ @lime-steps-step-label-inactive-color: var(--semantic-color-on-background-main);
397
+
398
+ // Switch
399
+ // ---------------------------------------
400
+ @lime-switch-handle-inactive-color: var(--semantic-color-surface-toggle-handle);
401
+ @lime-switch-container-inactive-color: var(--semantic-color-surface-toggle);
402
+ @lime-switch-handle-inactive-focused-color: @lime-switch-handle-inactive-color;
403
+ @lime-switch-handle-active-color: var(--semantic-color-on-surface-main);
404
+ @lime-switch-container-active-color: var(--semantic-color-surface-toggle-active);
405
+ @lime-switch-handle-active-focused-color: @lime-switch-handle-active-color;
406
+ @lime-switch-container-active-disabled-color: var(--semantic-color-surface-toggle-active);
407
+ @lime-switch-handle-active-disabled-color: var(--semantic-color-on-surface-main);
408
+
409
+ // SwitchItem
410
+ // ---------------------------------------
411
+ @lime-switchitem-item-selected-container-color: transparent;
412
+
413
+ // TabLayout
414
+ // ---------------------------------------
415
+ @lime-tablayout-tab-button-selected-color: var(--semantic-color-on-background-main);
416
+ @lime-tablayout-tab-container-selected-color: ~"color(from" var(--semantic-color-surface-default-translucent) ~"srgb r g b / 0.1)";
417
+ @lime-tablayout-tab-group-container-color: ~"color(from" var(--semantic-color-surface-default-group) ~"srgb r g b / 0.1)";
418
+
419
+ // Tooltip
420
+ // ---------------------------------------
421
+ @lime-tooltip-container: var(--semantic-color-surface-white);
422
+ @lime-tooltip-label: var(--semantic-color-on-surface-black);
423
+ @lime-tooltip-shadow: 0 24px 36px @lime-shadow-color;
424
+
425
+ // VideoPlayer
426
+ // ---------------------------------------
427
+ @lime-video-slider-tooltip-color: var(--semantic-color-on-background-main);
428
+ @lime-video-slider-tooltip-thumbnail-border-color: var(--semantic-color-on-background-main);
429
+ @lime-video-player-bottom-bg-color: transparent;
430
+ @lime-video-player-label-color: var(--semantic-color-on-background-main);
431
+ @lime-video-player-scrim-gradient-color: linear-gradient(180deg, transparent 0%, #000 100%);
432
+
433
+ // VirtualList
434
+ // ---------------------------------------
435
+ @lime-virtuallist-container-color: ~"color(from" var(--semantic-color-surface-default-group) ~"srgb r g b / 0.1)";