@amboss/design-system 3.43.0 → 3.43.2

package/build/esm/components/Content/ContentTableModal/ContentTableModal.mocks.js

@@ -0,0 +1 @@
+import React from"react";import{ContentText}from"../ContentText/ContentText";import{ContentLink}from"../ContentLink/ContentLink";import{ContentList}from"../ContentList/ContentList";import{ContentPictogramButton}from"../ContentPictogramButton/ContentPictogramButton";import{ContentTable}from"../ContentTable/ContentTable";import{ReferenceButton}from"../ReferenceButton/ReferenceButton";export const WideTable=()=>React.createElement(ContentTable,null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},React.createElement("span",{className:"anchor-target"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Overview of antibiotics")))))))))))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Antibacterial classes"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Examples"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Mechanism of action"))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Bacteriostatic"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"/"))),React.createElement("span",null,React.createElement(ContentLink,{isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"bactericidal"))))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Mechanisms of resistance")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"cell wall"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"}," synthesis")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:4},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"β-lactams"))))))))),React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Penicillins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Natural "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," G"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," V"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Anti-staphylococcal"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"oxacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"nafcillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dicloxacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aminopenicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"s"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amoxicillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ampicillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Antipseudomonal penicillins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"piperacillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ticarcillin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:4},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillin"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-binding"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," proteins"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBPs"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ crosslinking"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," layer")))))),React.createElement("td",{colSpan:1,rowSpan:4},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"penicillinases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBP"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," mutations"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"MRSA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cephalosporins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"1"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"st")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cephalexin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"2"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"nd")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefaclor"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"3"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"rd")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefixime"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"4"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"th")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cefepime"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"5"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"th")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," generation"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ceftaroline"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (cephalosporinases)")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PBP"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," mutations"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Carbapenems"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Imipenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Meropenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ertapenem")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Doripenem")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactam"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ring by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (carbapenemases)"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:1,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Monobactams"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aztreonam")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cleavage by "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"β-lactamases"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(less suceptible than other"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"\xdf-lactams"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Vancomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacitracin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Teicoplanin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Telavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalbavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oritavancin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," section of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"precursor →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," against "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",{className:"_italic_1d3u9_1 _nowrap_1d3u9_5"},React.createElement(ContentText,{as:"span"},"C. difficile")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gram-negative"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," bacteria")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Change in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," precursor structure"))),React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lactate")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","do not bind to the altered precursor."))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Epoxides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fosfomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"(MurA) →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"N-acetylmuramic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"3")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," overexpression")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzymatic inactivation"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," integrity")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lipopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Daptomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lipid portion binds to "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bacterial cytoplasmic"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation of "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ion-conducting"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"channels →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," intracellular "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"K"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("sup",null,"+")))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," efflux →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"depolarization")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not fully understood")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Altered "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," potential"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxin E"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"colistin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Polymyxin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," B")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cationic "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"detergents"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"polypeptides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") bind to outer "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell membrane"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (phospholipids on "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gram-negative"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bacteria"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↑ permeability"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→ bacterial"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," lysis")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to and inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipopolysaccharides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ effect"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"endotoxins")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not fully understood")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Altered "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipid A"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," portion of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"lipopolysaccharides"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (LPSs)")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," - "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"30S ribosomal subunit")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Aminoglycosides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Gentamicin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Amikacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tobramycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Streptomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Neomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"initiation "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"complex"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," protein mistranslation")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivating enzymes (via e.g.,"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acetylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"phosphorylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"adenylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Removal by "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of the bacterial"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Anaerobic bacteria")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Acidic environment"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tetracyclines"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tetracycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Doxycycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Minocycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Eravacycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sarecycline")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Omadacycline")))))),React.createElement("td",{colSpan:1,rowSpan:2},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Block incoming "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"aminoacyl-tRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," with "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amino acids"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:2},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Removal by "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Production of a protein that protects"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycylcyclines"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(tetracyclin derivative)"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tigecycline")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Designed to overcome the resistance of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"tetracycline"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (e.g., "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," protection) "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"4"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," - "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S ribosomal subunit")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Macrolides"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and ketolides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Erythromycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Clarithromycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Azithromycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","inhibition of transpeptidation, translocation, and chain"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Methylation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of 23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site (of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") → inhibits binding of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"macrolides")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cross-resistance"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," with "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"clindamycin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and streptogramins")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Lincosamides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Clindamycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Impair "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"transpeptidation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition of chain "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Increase "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"opsonization"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"phagocytosis")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alpha toxin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," expression")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Streptogramins"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Quinupristin-dalfopristin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalfopristin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binds to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S portion"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of the "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," conformation "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"change →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","facilitation of binding of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"quinupristin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Quinupristin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binds to and blocks "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"50S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"polypeptide"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"elongation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",{className:"css-3snuad-StyledContent eociiq20"},"5")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," when used in combination")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," when used separately")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Alteration of bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," binding site")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme-mediated"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"methylation")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oxazolidinones"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Linezolid")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent association of 50S with"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"30S subunit"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")→ impairment of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"initiation complex"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","formation → early interruption of"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Only "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," against "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",{className:"_italic_1d3u9_1"},React.createElement(ContentText,{as:"span"},"Streptococci")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Point mutation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of the "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"23S "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",{className:"_bubbleWrapper_3eps9_1"},React.createElement(ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Amphenicols"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Chloramphenicol")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent binding of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"amino "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-containing"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"aminoacyl-tRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," in higher concentrations")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced penetration")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzymatic inactivation by"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acetyltransferase"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibition")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fluoroquinolones"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Norfloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Moxifloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Gemifloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ciprofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Levofloxacin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enoxacin")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibit "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"prokaryotic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase II"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase IV"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"chromosome"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA gyrase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"topoisomerase IV")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Cell"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," permeability")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"plasmid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-encoded"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," resistance)"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," integrity")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitroimidazoles"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Metronidazole")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Tinidazole")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"6")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Free radical "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"single-strand"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," breaks in "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," molecules ")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," (and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"antiprotozoal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Reduced activation due to decreased enzymatic activity"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",className:"e11scaj20 css-1y7ohfp-StyledLink-StyledContentLink e1foykt90"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"folic acid"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","synthesis and reduction")))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfonamides"))))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and diaminopyrimidines"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Trimethoprim-sulfamethoxazole")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfadiazine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"pyrimethamine")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfisozaxole")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prevent bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"tetrahydrofolate"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," formation ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"THF"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",{className:"_bubbleWrapper_3eps9_1"},React.createElement(ContentPictogramButton,{icon:"bubble-text",type:"button","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0})),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"→ "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA methylation")))))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Synergistic effect"))),React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfamethoxazole"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"THF")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Trimethoprim"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydrofolate reductase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DHFR"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},").")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"sulfamethoxazole"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"trimethoprim"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Overproduction of "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"para-aminobenzoate"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"PABA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Decreased uptake")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Structural changes on target enzymes (e.g.,"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate synthase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},")")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Antimycobacterial "))),React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"drugs")))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifamycins"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifampin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifabutin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Rifaximin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Block "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"mRNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","synthesis via inhibition of bacterial"," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-dependent"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-polymerase →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutated "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"-polymerase →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ binding"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"rifamycins"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Hydrazides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Isoniazid")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"mycolic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutation causing "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"KatG"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ expression"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"catalase-peroxidase"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nicotinamides"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Pyrazinamide")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Not completely understood")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","(depending on concentration)")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in RpsA "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"S1"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement(ContentPictogramButton,{icon:"bubble-text","aria-label":"Click to see additional explanation content","aria-expanded":"false","aria-haspopup":"true",tabIndex:0}))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ethylenediamine derivates"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Ethambutol")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inhibits "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"arabinosyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in EmbCAB "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"arabinosyltransferase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","inability of the drug to inhibit the enzyme"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Sulfones"))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dapsone")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Competitive "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"antagonism"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"para-aminobenzoic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ","→ inhibited dihydrofolic"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"acid")))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"bactericidal")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Mutations in folP1 "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"gene"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," coding for "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"synthase"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"↓ expression"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"dihydropteroate synthase"))))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitrofurans"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Nitrofurantoin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Prodrug")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to bacterial "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"ribosomes"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"DNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"RNA"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},", ("))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"cell wall"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},") and "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"protein synthesis"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"7"))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"8")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacteriostatic")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bactericidal"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," in higher concentrations")))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Enzyme-mediated"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," reduction")))),React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Efflux pumps")))))))));export const SmallerTable=()=>React.createElement(ContentTable,null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",{colSpan:6,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement("span",{id:"Z6518a6eace9346f1242c1f8f1b157efb",className:"anchor",tabIndex:-1},React.createElement("span",{className:"anchor-target"},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{weight:"bold"},"Overview of antibiotics (shortened)")))))))))))),React.createElement("tbody",null,React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Glycopeptides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Vancomycin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bacitracin"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," ")))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Teicoplanin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Telavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Dalbavancin")))))),React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Oritavancin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Bind to "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"D-alanyl-D-"))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"alanine"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," section of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"precursor →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibited "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))))))),React.createElement("tr",null,React.createElement("th",{colSpan:2,rowSpan:1},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("div",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Epoxides"))))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Fosfomycin")))))))),React.createElement("td",{colSpan:1,rowSpan:1},React.createElement(ContentList,null,React.createElement("li",null,React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"Inactivate enolpyruvate transferase"," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"(MurA) →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"inhibition of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"N-acetylmuramic acid"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"formation →"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," disruption of "))),React.createElement("span",null,React.createElement(ContentLink,{color:"primary",isSpacedOut:!0},React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"},"peptidoglycan"))))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," synthesis"))),React.createElement("span",null,React.createElement("span",null,React.createElement(ContentText,{as:"span"}," "))),React.createElement("span",null,React.createElement(ReferenceButton,null,React.createElement("span",null,"3")))))))));

package/build/esm/components/RoundButton/RoundButton.js

@@ -1 +1 @@
-import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledRoundButton=styled("button",{target:"ejdr0oq0",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBSb3VuZEJ1dHRvblByb3BzID0gT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJsb2FkaW5nXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcInNpemVcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG59O1xuXG50eXBlIFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUm91bmRCdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFJvdW5kQnV0dG9uOiBSb3VuZEJ1dHRvbkNvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgICB7XG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIHZhcmlhbnQgPSBcInRlcnRpYXJ5XCIsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IHtcbiAgICBjb25zdCBtZXJnZWRBcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3QsIGFyaWFBdHRyaWJ1dGVzKTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtkaXNhYmxlZCwgb25DbGlja11cbiAgICApO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm91bmRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJSb3VuZEJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICB7Li4ubWVyZ2VkQXJpYUF0dHJpYnV0ZXN9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFJvdW5kQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIn0= */");export const RoundButton=React.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return React.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&React.createElement(Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
+import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledRoundButton=styled("button",{target:"ee5hqc50",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0pLFxuICAgIC4uLih2YXJpYW50ID09PSBcInRlcnRpYXJ5XCIgJiYge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCB0eXBlIFJvdW5kQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcImRlc3RydWN0aXZlXCJcbiAgfCBcImxvYWRpbmdcIlxuICB8IFwibGVmdEljb25cIlxuICB8IFwicmlnaHRJY29uXCJcbiAgfCBcImZ1bGxXaWR0aFwiXG4gIHwgXCJwcml2YXRlUHJvcHNcIlxuICB8IFwic2l6ZVwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbn07XG5cbnR5cGUgUm91bmRCdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdE5vZGUgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUm91bmRCdXR0b246IFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICAgIHtcbiAgICAgIGFyaWFBdHRyaWJ1dGVzLFxuICAgICAgb25DbGljayxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICB0eXBlID0gXCJidXR0b25cIixcbiAgICAgIGRpc2FibGVkLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGFzLFxuICAgICAgaWNvbixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFJvdW5kQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGNvbnN0IG1lcmdlZEFyaWFBdHRyaWJ1dGVzID0gZ2V0QXJpYUF0dHJpYnV0ZXMocmVzdCwgYXJpYUF0dHJpYnV0ZXMpO1xuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW2Rpc2FibGVkLCBvbkNsaWNrXVxuICAgICk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRSb3VuZEJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlJvdW5kQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzID09PSBcImFcIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHsuLi5tZXJnZWRBcmlhQXR0cmlidXRlc31cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgIG5hbWU9e2ljb259XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtpY29ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUm91bmRCdXR0b24+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIifQ== */");export const RoundButton=React.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return React.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&React.createElement(Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});

package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.js

@@ -39,7 +39,7 @@ import{useEffect}from"react";import{useTheme}from"@emotion/react";import{useDocu
     [${ANIMATED_BORDER_ATTR}]::before {
       content: "";
       position: absolute;
-      z-index: 3; /* Increase z-index for bordered card */
+      z-index: 1;
       inset: -2px;
       padding: 2px;
       border-radius: var(${cssVars.radius});
@@ -58,18 +58,13 @@ import{useEffect}from"react";import{useTheme}from"@emotion/react";import{useDocu
       pointer-events: none;
     }
 
-    [${ANIMATED_BORDER_ATTR}] > *:not([data-animated-border-ring]) {
-      position: relative;
-      z-index: 2;
-    }
-
     [${ANIMATED_BORDER_ATTR}~="hide-border"]::before {
       inset: -1px;
       border-radius: calc(var(${cssVars.radius}) - 1px);
     }
 
     [${ANIMATED_BORDER_ATTR}~="hide-border"],
-    [${ANIMATED_BORDER_ATTR}~="hide-border"] > *:not([data-animated-border-ring]) {
+    [${ANIMATED_BORDER_ATTR}~="hide-border"] > * {
       animation-name: animated-border-hide, animated-border-show;
       animation-duration: ${fadeOutDelay}, ${fadeOutDuration};
       animation-delay: 0ms, ${fadeOutDelay};

package/build/esm/index.d.ts

@@ -104,5 +104,6 @@ export * from "./components/Content/ContentPictogramButton/ContentPictogramButto
 export * from "./components/Content/ContentText/ContentText";
 export * from "./components/Content/ContentList";
 export * from "./components/Content/ContentTable";
+export * from "./components/Content/ContentTableModal/ContentTableModal";
 export * from "./components/Content/DosageButton";
 export * from "./components/Content/ReferenceButton";

package/build/esm/index.js

@@ -1 +1 @@
-import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/ContentTableModal/ContentTableModal";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "3.43.0",
+  "version": "3.43.2",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",