@salutejs/plasma-new-hope 0.118.0-canary.1344.10280312887.0 → 0.118.1-canary.1333.10283987438.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (222) hide show
  1. package/cjs/components/Accordion/Accordion.tokens.js +0 -1
  2. package/cjs/components/Accordion/Accordion.tokens.js.map +1 -1
  3. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  4. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  5. package/cjs/components/Modal/Modal.js +3 -1
  6. package/cjs/components/Modal/Modal.js.map +1 -1
  7. package/cjs/components/Tabs/tokens.js +5 -2
  8. package/cjs/components/Tabs/tokens.js.map +1 -1
  9. package/cjs/components/Tabs/ui/TabItem/TabItem.css +1 -1
  10. package/cjs/components/Tabs/ui/TabItem/TabItem.js +14 -2
  11. package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  12. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  13. package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  14. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  15. package/cjs/components/Tabs/ui/Tabs/Tabs.css +6 -6
  16. package/cjs/components/Tabs/ui/Tabs/Tabs.js +57 -8
  17. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  18. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  19. package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  20. package/{es/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css → cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css} +2 -2
  21. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  22. package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  23. package/{es/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css → cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css} +1 -1
  24. package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  25. package/{es/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css → cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css} +1 -1
  26. package/cjs/hooks/useFocusTrap.js +97 -0
  27. package/cjs/hooks/useFocusTrap.js.map +1 -0
  28. package/cjs/index.css +7 -7
  29. package/cjs/index.js +2 -0
  30. package/cjs/index.js.map +1 -1
  31. package/cjs/utils/focusManager.js +56 -0
  32. package/cjs/utils/focusManager.js.map +1 -0
  33. package/cjs/utils/scopeTab.js +37 -0
  34. package/cjs/utils/scopeTab.js.map +1 -0
  35. package/cjs/utils/tabbable.js +51 -0
  36. package/cjs/utils/tabbable.js.map +1 -0
  37. package/emotion/cjs/components/Accordion/Accordion.tokens.js +0 -1
  38. package/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  39. package/emotion/cjs/components/Modal/Modal.js +4 -3
  40. package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +89 -3
  41. package/emotion/cjs/components/Tabs/tokens.js +5 -2
  42. package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js +14 -2
  43. package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  44. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +57 -8
  45. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +8 -16
  46. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  47. package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  48. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  49. package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +113 -1
  50. package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  51. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  52. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +238 -197
  53. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  54. package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +113 -1
  55. package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  56. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  57. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +238 -197
  58. package/emotion/cjs/hooks/index.js +7 -0
  59. package/emotion/cjs/hooks/useFocusTrap.js +95 -0
  60. package/emotion/cjs/utils/focusManager.js +60 -0
  61. package/emotion/cjs/utils/scopeTab.js +35 -0
  62. package/emotion/cjs/utils/tabbable.js +46 -0
  63. package/emotion/cjs/utils/useFocusTrap.js +95 -0
  64. package/emotion/es/components/Accordion/Accordion.tokens.js +0 -1
  65. package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  66. package/emotion/es/components/Modal/Modal.js +3 -2
  67. package/emotion/es/components/Tabs/Tabs.template-doc.mdx +89 -3
  68. package/emotion/es/components/Tabs/tokens.js +5 -2
  69. package/emotion/es/components/Tabs/ui/TabItem/TabItem.js +14 -2
  70. package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  71. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +58 -9
  72. package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +9 -17
  73. package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  74. package/emotion/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  75. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +6 -6
  76. package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +113 -1
  77. package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
  78. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +16 -17
  79. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +238 -197
  80. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.config.js +8 -8
  81. package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +113 -1
  82. package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
  83. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +16 -17
  84. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +238 -197
  85. package/emotion/es/hooks/index.js +1 -0
  86. package/emotion/es/hooks/useFocusTrap.js +90 -0
  87. package/emotion/es/utils/focusManager.js +55 -0
  88. package/emotion/es/utils/scopeTab.js +30 -0
  89. package/emotion/es/utils/tabbable.js +40 -0
  90. package/emotion/es/utils/useFocusTrap.js +90 -0
  91. package/es/components/Accordion/Accordion.tokens.js +0 -1
  92. package/es/components/Accordion/Accordion.tokens.js.map +1 -1
  93. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  94. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +1 -1
  95. package/es/components/Modal/Modal.js +4 -2
  96. package/es/components/Modal/Modal.js.map +1 -1
  97. package/es/components/Tabs/tokens.js +5 -2
  98. package/es/components/Tabs/tokens.js.map +1 -1
  99. package/es/components/Tabs/ui/TabItem/TabItem.css +1 -1
  100. package/es/components/Tabs/ui/TabItem/TabItem.js +14 -2
  101. package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
  102. package/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  103. package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
  104. package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +1 -0
  105. package/es/components/Tabs/ui/Tabs/Tabs.css +6 -6
  106. package/es/components/Tabs/ui/Tabs/Tabs.js +58 -9
  107. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  108. package/es/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
  109. package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
  110. package/{cjs/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css → es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css} +2 -2
  111. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  112. package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
  113. package/{cjs/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css → es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css} +1 -1
  114. package/es/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
  115. package/{cjs/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css → es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css} +1 -1
  116. package/es/hooks/useFocusTrap.js +93 -0
  117. package/es/hooks/useFocusTrap.js.map +1 -0
  118. package/es/index.css +7 -7
  119. package/es/index.js +1 -0
  120. package/es/index.js.map +1 -1
  121. package/es/utils/focusManager.js +52 -0
  122. package/es/utils/focusManager.js.map +1 -0
  123. package/es/utils/scopeTab.js +33 -0
  124. package/es/utils/scopeTab.js.map +1 -0
  125. package/es/utils/tabbable.js +43 -0
  126. package/es/utils/tabbable.js.map +1 -0
  127. package/package.json +4 -4
  128. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -1
  129. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  130. package/styled-components/cjs/components/Modal/Modal.js +4 -3
  131. package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +89 -3
  132. package/styled-components/cjs/components/Tabs/tokens.js +5 -2
  133. package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +14 -2
  134. package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  135. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +57 -8
  136. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +2 -2
  137. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  138. package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  139. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  140. package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +113 -1
  141. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  142. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  143. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +238 -197
  144. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  145. package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +113 -1
  146. package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  147. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  148. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +238 -197
  149. package/styled-components/cjs/hooks/index.js +7 -0
  150. package/styled-components/cjs/hooks/useFocusTrap.js +95 -0
  151. package/styled-components/cjs/utils/focusManager.js +60 -0
  152. package/styled-components/cjs/utils/scopeTab.js +35 -0
  153. package/styled-components/cjs/utils/tabbable.js +46 -0
  154. package/styled-components/cjs/utils/useFocusTrap.js +95 -0
  155. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -1
  156. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +2 -2
  157. package/styled-components/es/components/Modal/Modal.js +3 -2
  158. package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +89 -3
  159. package/styled-components/es/components/Tabs/tokens.js +5 -2
  160. package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +14 -2
  161. package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
  162. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +58 -9
  163. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +3 -3
  164. package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
  165. package/styled-components/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
  166. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +2 -2
  167. package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +113 -1
  168. package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
  169. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +4 -5
  170. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +238 -197
  171. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +2 -2
  172. package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +113 -1
  173. package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
  174. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +4 -5
  175. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +238 -197
  176. package/styled-components/es/hooks/index.js +1 -0
  177. package/styled-components/es/hooks/useFocusTrap.js +90 -0
  178. package/styled-components/es/utils/focusManager.js +55 -0
  179. package/styled-components/es/utils/scopeTab.js +30 -0
  180. package/styled-components/es/utils/tabbable.js +40 -0
  181. package/styled-components/es/utils/useFocusTrap.js +90 -0
  182. package/types/components/Accordion/Accordion.tokens.d.ts +0 -1
  183. package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
  184. package/types/components/Modal/Modal.d.ts.map +1 -1
  185. package/types/components/Tabs/tokens.d.ts +3 -0
  186. package/types/components/Tabs/tokens.d.ts.map +1 -1
  187. package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
  188. package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -1
  189. package/types/components/Tabs/ui/Tabs/Tabs.d.ts +4 -2
  190. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  191. package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
  192. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +12 -5
  193. package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
  194. package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -1
  195. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +1 -1
  196. package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -1
  197. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts +0 -1
  198. package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -1
  199. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +2 -1
  200. package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
  201. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -1
  203. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts +0 -1
  204. package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -1
  205. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +2 -1
  206. package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
  207. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +2 -1
  208. package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
  209. package/types/hooks/index.d.ts +1 -0
  210. package/types/hooks/index.d.ts.map +1 -1
  211. package/types/hooks/useFocusTrap.d.ts +6 -0
  212. package/types/hooks/useFocusTrap.d.ts.map +1 -0
  213. package/types/utils/focusManager.d.ts +15 -0
  214. package/types/utils/focusManager.d.ts.map +1 -0
  215. package/types/utils/scopeTab.d.ts +7 -0
  216. package/types/utils/scopeTab.d.ts.map +1 -0
  217. package/types/utils/tabbable.d.ts +6 -0
  218. package/types/utils/tabbable.d.ts.map +1 -0
  219. package/types/utils/useFocusTrap.d.ts +6 -0
  220. package/types/utils/useFocusTrap.d.ts.map +1 -0
  221. package/cjs/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
  222. package/es/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +0 -1
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Управлление фокусом лишь внутри ноды через tab
3
+ * @param node
4
+ * @param event
5
+ */
6
+ export declare const scopeTab: (node: HTMLElement, event: KeyboardEvent) => void;
7
+ //# sourceMappingURL=scopeTab.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,SAsB/D,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare const focusSelector: string;
2
+ export declare const isVisible: (element: HTMLElement, parentContainer?: HTMLElement | undefined) => boolean;
3
+ export declare const isFocusable: (element: HTMLElement, parentContainer?: HTMLElement | undefined) => boolean;
4
+ export declare const isTabble: (element: HTMLElement, parentContainer?: HTMLElement | undefined) => boolean;
5
+ export declare const findTabbableDescendants: (element: HTMLElement) => Array<HTMLElement>;
6
+ //# sourceMappingURL=tabbable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/utils/tabbable.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,QAWf,CAAC;AAWZ,eAAO,MAAM,SAAS,YAAa,WAAW,gDAAkC,OAgB/E,CAAC;AAQF,eAAO,MAAM,WAAW,YAAa,WAAW,gDAAkC,OAQjF,CAAC;AAEF,eAAO,MAAM,QAAQ,YAAa,WAAW,gDAAkC,OAI9E,CAAC;AAGF,eAAO,MAAM,uBAAuB,YAAa,WAAW,KAAG,MAAM,WAAW,CAE/E,CAAC"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ /**
3
+ * Захватывает фокус внутри DOM node.
4
+ * */
5
+ export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | import("react").RefObject<HTMLElement> | undefined, focusAfterNode?: import("react").RefObject<HTMLElement> | undefined, activeAfterAnimation?: boolean | undefined) => (instance: HTMLElement | null) => void;
6
+ //# sourceMappingURL=useFocusTrap.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/utils/useFocusTrap.ts"],"names":[],"mappings":";AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,sOAKV,WAAW,GAAG,IAAI,KAAK,IAoDrC,CAAC"}
@@ -1 +0,0 @@
1
- .b5uyjxl{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.b5uyjxl:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.b5uyjxl:hover .r265xop{color:var(--plasma-tab-item-hover-additional-content-color);}.b5uyjxl.tab-item-animated{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.b5uyjxl.selected-tabs-item{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.b5uyjxl.selected-tabs-item:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.b5uyjxl.selected-tabs-item:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.b5uyjxl.selected-tabs-item .r265xop{color:var(--plasma-tab-item-selected-additional-content-color);}.b5uyjxl.selected-tabs-item .r265xop:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.b5uyjxl.selected-tabs-item::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}
@@ -1 +0,0 @@
1
- .b5uyjxl{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.b5uyjxl:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.b5uyjxl:hover .r265xop{color:var(--plasma-tab-item-hover-additional-content-color);}.b5uyjxl.tab-item-animated{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.b5uyjxl.selected-tabs-item{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.b5uyjxl.selected-tabs-item:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.b5uyjxl.selected-tabs-item:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.b5uyjxl.selected-tabs-item .r265xop{color:var(--plasma-tab-item-selected-additional-content-color);}.b5uyjxl.selected-tabs-item .r265xop:hover{color:var(--plasma-tab-item-selected-hover-additional-content-color);}.b5uyjxl.selected-tabs-item::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:1px;}