{"version":3,"file":"mixins.jsx","names":["stylex","color","size","interaction","create","disableTapHighlight","userSelect","hideInput","position","width","height","opacity","pointerEvents","hideScrollbar","scrollbarWidth","scrollbarColor","display","background","backgroundColor","inert","touchAction","reset","buttonStyle","borderStyle","textAlign","padding","borderRadius","cursor","minWidth","a11y","defaultOutline","zIndex","outlineOffset","default","rem1","rem0_5","outlineWidth","px0_5","outlineStyle","outlineColor","white000"],"sources":["../src/mixins.tsx"],"sourcesContent":["import * as stylex from \"@stylexjs/stylex\";\n\nimport { color, size } from \"./tokens.stylex\";\n\nexport const interaction = stylex.create({\n\tdisableTapHighlight: {\n\t\t// on chrome for mobile, the browser highlights the element when you tap on it\n\t\t// this doesn't fit to our design, so we disable it\n\t\t// eslint-disable-next-line @stylexjs/valid-styles\n\t\t\"-webkit-tap-highlight-color\": \"transparent\", // Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color?retiredLocale=de\n\n\t\t// As this is likely a control, also disable user selection\n\t\tuserSelect: \"none\",\n\t},\n\n\thideInput: {\n\t\t// https://dev.to/link2twenty/accessibility-first-toggle-switches-3obj\n\t\tposition: \"absolute\",\n\t\twidth: \"1px\",\n\t\theight: \"1px\",\n\t\topacity: 0, // no \"display: none\" or something similar because we need the input to be focusable\n\t\tpointerEvents: \"none\",\n\t},\n\n\thideScrollbar: {\n\t\t// Based on https://stackoverflow.com/a/59458081\n\t\tscrollbarWidth: \"thin\",\n\t\tscrollbarColor: \"transparent transparent\",\n\t\t\"::-webkit-scrollbar\": {\n\t\t\tdisplay: \"none\",\n\t\t},\n\t\t\"::-webkit-scrollbar-track\": {\n\t\t\tbackground: \"transparent\",\n\t\t},\n\t\t\"::-webkit-scrollbar-thumb\": {\n\t\t\tbackgroundColor: \"transparent\",\n\t\t},\n\t},\n\n\tinert: {\n\t\tpointerEvents: \"none\",\n\t\tuserSelect: \"none\",\n\t\ttouchAction: \"none\",\n\t},\n});\n\nexport const reset = stylex.create({\n\tbuttonStyle: {\n\t\tborderStyle: \"none\",\n\t\tbackground: \"none\",\n\t\ttextAlign: \"left\",\n\t\tpadding: 0,\n\t\tborderRadius: 0,\n\t\tcursor: \"pointer\",\n\t\tminWidth: \"fit-content\", // needed for better positioning in flex envs\n\t},\n});\n\nexport const a11y = stylex.create({\n\tdefaultOutline: {\n\t\tposition: \"relative\", // needed for z-index\n\n\t\tzIndex: {\n\t\t\t\":has(input:focus-visible)\": 950, // keep in sync with \"outlined-element\" in _z.scss\n\t\t},\n\n\t\toutlineOffset: {\n\t\t\tdefault: size.rem1,\n\t\t\t\":is(:not(:active):focus-visible, :has(input:focus-visible))\":\n\t\t\t\tsize.rem0_5,\n\t\t},\n\n\t\toutlineWidth: size.px0_5,\n\n\t\toutlineStyle: {\n\t\t\tdefault: \"none\",\n\t\t\t\":is(:not(:active):focus-visible, :has(input:focus-visible))\":\n\t\t\t\t\"solid\",\n\t\t},\n\n\t\toutlineColor: {\n\t\t\tdefault: \"transparent\",\n\t\t\t\":is(:not(:active):focus-visible, :has(input:focus-visible))\":\n\t\t\t\tcolor.white000,\n\t\t},\n\t},\n});\n"],"mappings":"AAAA,OAAO,KAAKA,MAAM,MAAM,kBAAkB;AAE1C,SAASC,KAAK,EAAEC,IAAI,QAAQ,iBAAiB;AAE7C,OAAO,MAAMC,WAAW,GAAGH,MAAM,CAACI,MAAM,CAAC;EACxCC,mBAAmB,EAAE;IACpB;IACA;IACA;IACA,6BAA6B,EAAE,aAAa;IAAE;;IAE9C;IACAC,UAAU,EAAE;EACb,CAAC;EAEDC,SAAS,EAAE;IACV;IACAC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,KAAK;IACbC,OAAO,EAAE,CAAC;IAAE;IACZC,aAAa,EAAE;EAChB,CAAC;EAEDC,aAAa,EAAE;IACd;IACAC,cAAc,EAAE,MAAM;IACtBC,cAAc,EAAE,yBAAyB;IACzC,qBAAqB,EAAE;MACtBC,OAAO,EAAE;IACV,CAAC;IACD,2BAA2B,EAAE;MAC5BC,UAAU,EAAE;IACb,CAAC;IACD,2BAA2B,EAAE;MAC5BC,eAAe,EAAE;IAClB;EACD,CAAC;EAEDC,KAAK,EAAE;IACNP,aAAa,EAAE,MAAM;IACrBN,UAAU,EAAE,MAAM;IAClBc,WAAW,EAAE;EACd;AACD,CAAC,CAAC;AAEF,OAAO,MAAMC,KAAK,GAAGrB,MAAM,CAACI,MAAM,CAAC;EAClCkB,WAAW,EAAE;IACZC,WAAW,EAAE,MAAM;IACnBN,UAAU,EAAE,MAAM;IAClBO,SAAS,EAAE,MAAM;IACjBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,SAAS;IACjBC,QAAQ,EAAE,aAAa,CAAE;EAC1B;AACD,CAAC,CAAC;AAEF,OAAO,MAAMC,IAAI,GAAG7B,MAAM,CAACI,MAAM,CAAC;EACjC0B,cAAc,EAAE;IACftB,QAAQ,EAAE,UAAU;IAAE;;IAEtBuB,MAAM,EAAE;MACP,2BAA2B,EAAE,GAAG,CAAE;IACnC,CAAC;IAEDC,aAAa,EAAE;MACdC,OAAO,EAAE/B,IAAI,CAACgC,IAAI;MAClB,6DAA6D,EAC5DhC,IAAI,CAACiC;IACP,CAAC;IAEDC,YAAY,EAAElC,IAAI,CAACmC,KAAK;IAExBC,YAAY,EAAE;MACbL,OAAO,EAAE,MAAM;MACf,6DAA6D,EAC5D;IACF,CAAC;IAEDM,YAAY,EAAE;MACbN,OAAO,EAAE,aAAa;MACtB,6DAA6D,EAC5DhC,KAAK,CAACuC;IACR;EACD;AACD,CAAC,CAAC","ignoreList":[]}