monday-ui-react-core/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js

Official monday.com UI resources for application development in React.js

var n={tabWrapper:"tabWrapper_9ae786c09f",tabInner:"tabInner_09ffaa85f0",tabIcon:"tabIcon_cc68fb6e6e",right:"right_80fb53bfec",tabFocusVisibleInset:"tabFocusVisibleInset_c80c57b0ee",active:"active_34c9b20842",disabled:"disabled_8afafa01d7"};!function(n){const e="s_id-3a7fa2625108_2_149_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_9ae786c09f {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n}\n\n.tabWrapper_9ae786c09f:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_9ae786c09f .tabInner_09ffaa85f0 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_9ae786c09f .tabInner_09ffaa85f0:focus {\n  outline: none;\n}\n\n.tabWrapper_9ae786c09f .tabInner_09ffaa85f0 .tabIcon_cc68fb6e6e {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_9ae786c09f .tabInner_09ffaa85f0 .tabIcon_cc68fb6e6e.right_80fb53bfec {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_9ae786c09f.tabFocusVisibleInset_c80c57b0ee {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_9ae786c09f.active_34c9b20842:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_9ae786c09f.disabled_8afafa01d7 .tabInner_09ffaa85f0 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_9ae786c09f:not(.disabled_8afafa01d7) .tabInner_09ffaa85f0:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
//# sourceMappingURL=Tab.module.scss.js.map