@primer/react
Version:
An implementation of GitHub's Primer Design System using React
1 lines • 1.71 kB
Source Map (JSON)
{"version":3,"sources":["../src/TextInputWithTokens/TextInputWithTokens.module.css.js"],"names":[],"mappings":"AAAA,gDAEE,yCAAkC,CAClC,uCAAiC,CAFjC,sCAYF,CARE,oEACE,YAAa,CACb,UACF,CAEA,kFACE,aACF,CAGF,iDACE,WACF,CAEA,4CAEE,WAAY,CADZ,OAEF,CAEA,yCAIE,kBAAmB,CAHnB,YAAa,CAKb,WAAY,CADZ,cAAe,CAHf,gDAA4C,CAC5C,8CAcF,CATE,mFACE,gBACF,CAEA,2CAGE,aAAc,CAFd,uCAAiC,CACjC,qCAEF,CAGF,kDACE,gDAA2B,CAC3B,4CACF,CAOA,qGAJE,gDAA2B,CAC3B,8CAMF,CAEA,mDACE,gDAA2B,CAC3B,0CACF","file":"TextInputWithTokens-946ead3e.css","sourcesContent":[".TextInputWrapper {\n padding-top: var(--base-size-6);\n padding-bottom: var(--base-size-6);\n padding-left: var(--base-size-12);\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n }\n\n &:where([data-token-wrapping='true']) {\n overflow: auto;\n }\n}\n\n.UnstyledTextInput {\n height: 100%;\n}\n\n.InputWrapper {\n order: 1;\n flex-grow: 1;\n}\n\n.Container {\n display: flex;\n margin-bottom: calc(var(--base-size-4) * -1);\n margin-left: calc(var(--base-size-4) * -1);\n align-items: center;\n flex-wrap: wrap;\n flex-grow: 1;\n\n &:where([data-prevent-token-wrapping='true']) {\n flex-wrap: nowrap;\n }\n\n > * {\n margin-bottom: var(--base-size-4);\n margin-left: var(--base-size-4);\n flex-shrink: 0;\n }\n}\n\n.OverflowCountSmall {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n}\n\n.OverflowCountMedium {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountXLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-large);\n}\n"]}