{"version":3,"file":"borders.cjs","sources":["../src/css/borders.ts"],"sourcesContent":["import { BoxProps } from '../components/Box/Box'\nimport { themeVars } from './theme.css'\n\ntype BorderKeys =\n\t| 'none'\n\t| 'primary'\n\t| 'primaryHover'\n\t| 'primaryPressed'\n\t| 'primaryDisabled'\n\t| 'error'\n\t| 'secondary'\n\t| 'secondaryHover'\n\t| 'secondaryPressed'\n\t| 'secondaryDisabled'\n\t| 'secondaryInner'\n\t| 'divider'\n\t| 'dividerWeak'\n\t| 'dividerStrong'\n\ntype Borders = Record<BorderKeys, string>\n\nexport const borderWidths = {\n\tsmall: '1px',\n\tmedium: '2px',\n\tlarge: '4px',\n} as const\n\n// Tried to create dynamically but lost types with the `${color}${width}` keys.\nexport const borders: Borders = {\n\tnone: '0',\n\n\tprimary: `${themeVars.interactive.outline.primary.enabled} solid ${borderWidths.small}`,\n\tprimaryHover: `${themeVars.interactive.outline.primary.hover} solid ${borderWidths.small}`,\n\tprimaryPressed: `${themeVars.interactive.outline.primary.pressed} solid ${borderWidths.small}`,\n\tprimaryDisabled: `${themeVars.interactive.outline.primary.disabled} solid ${borderWidths.small}`,\n\n\terror: `${themeVars.interactive.fill.bad.enabled} solid ${borderWidths.small}`,\n\tsecondary: `${themeVars.interactive.outline.secondary.enabled} solid ${borderWidths.small}`,\n\tsecondaryHover: `${themeVars.interactive.outline.secondary.hover} solid ${borderWidths.small}`,\n\tsecondaryPressed: `${themeVars.interactive.outline.secondary.pressed} solid ${borderWidths.small}`,\n\tsecondaryDisabled: `${themeVars.interactive.outline.secondary.disabled} solid ${borderWidths.small}`,\n\tsecondaryInner: `0 -1px 0 0 rgba(0, 0, 0, 0.1) inset`,\n\n\tdivider: `${themeVars.static.divider.default} solid ${borderWidths.small}`,\n\tdividerWeak: `${themeVars.static.divider.weak} solid ${borderWidths.small}`,\n\tdividerStrong: `${themeVars.static.divider.strong} solid ${borderWidths.small}`,\n} as const\n\nexport interface BorderProps {\n\tborder?: BoxProps['border']\n\tborderTop?: BoxProps['border']\n\tborderRight?: BoxProps['border']\n\tborderBottom?: BoxProps['border']\n\tborderLeft?: BoxProps['border']\n}\n\nexport const borderRadii = {\n\t'2': '2px',\n\t'3': '3px',\n\t'4': '4px',\n\t'5': '5px',\n\t'6': '6px',\n\t'8': '8px',\n\t'10': '10px',\n\t'12': '12px',\n\t'16': '16px',\n\t'23': '23px',\n\tround: '999px',\n\tinherit: 'inherit',\n} as const\n"],"names":["borderWidths","borders","themeVars","borderRadii"],"mappings":"8JAqBO,MAAMA,EAAe,CAC3B,MAAO,MACP,OAAQ,MACR,MAAO,KACR,EAGaC,EAAmB,CAC/B,KAAM,IAEN,QAAS,GAAGC,YAAU,YAAY,QAAQ,QAAQ,OAAO,UAAUF,EAAa,KAAK,GACrF,aAAc,GAAGE,YAAU,YAAY,QAAQ,QAAQ,KAAK,UAAUF,EAAa,KAAK,GACxF,eAAgB,GAAGE,YAAU,YAAY,QAAQ,QAAQ,OAAO,UAAUF,EAAa,KAAK,GAC5F,gBAAiB,GAAGE,YAAU,YAAY,QAAQ,QAAQ,QAAQ,UAAUF,EAAa,KAAK,GAE9F,MAAO,GAAGE,YAAU,YAAY,KAAK,IAAI,OAAO,UAAUF,EAAa,KAAK,GAC5E,UAAW,GAAGE,YAAU,YAAY,QAAQ,UAAU,OAAO,UAAUF,EAAa,KAAK,GACzF,eAAgB,GAAGE,YAAU,YAAY,QAAQ,UAAU,KAAK,UAAUF,EAAa,KAAK,GAC5F,iBAAkB,GAAGE,YAAU,YAAY,QAAQ,UAAU,OAAO,UAAUF,EAAa,KAAK,GAChG,kBAAmB,GAAGE,YAAU,YAAY,QAAQ,UAAU,QAAQ,UAAUF,EAAa,KAAK,GAClG,eAAgB,sCAEhB,QAAS,GAAGE,EAAU,UAAA,OAAO,QAAQ,OAAO,UAAUF,EAAa,KAAK,GACxE,YAAa,GAAGE,EAAU,UAAA,OAAO,QAAQ,IAAI,UAAUF,EAAa,KAAK,GACzE,cAAe,GAAGE,EAAU,UAAA,OAAO,QAAQ,MAAM,UAAUF,EAAa,KAAK,EAC9E,EAUaG,EAAc,CAC1B,EAAK,MACL,EAAK,MACL,EAAK,MACL,EAAK,MACL,EAAK,MACL,EAAK,MACL,GAAM,OACN,GAAM,OACN,GAAM,OACN,GAAM,OACN,MAAO,QACP,QAAS,SACV"}