@uva-glass/component-library 3.28.4 → 3.30.0

package/dist/Column-BL3dsYxn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column-BL3dsYxn.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n  size?: columnSize;\n  mediumSize?: columnSize;\n  startPositon?: columnSize;\n  mediumStartPosition?: columnSize;\n  position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n  size,\n  mediumSize,\n  startPositon,\n  mediumStartPosition,\n  position,\n  children,\n}: PropsWithChildren<ColumnProps>) => {\n  return (\n    <div\n      className={clsx(\n        styles['page-grid__col'],\n        size && styles[`page-grid__col-${size}`],\n        mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n        startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n        mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n        position && styles[`page-grid__col-${position}`]\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,gBAAgB;AAAA,MACvBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IACjD;AAAA,IAEC,UAAAC;AAAA,EAAA;AACH;"}
+{"version":3,"file":"Column-BL3dsYxn.js","sources":["../src/components/GridRow/Column/Column.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from 'components/GridRow/GridRow.module.css';\n\ntype columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\nexport interface ColumnProps {\n  size?: columnSize;\n  mediumSize?: columnSize;\n  startPositon?: columnSize;\n  mediumStartPosition?: columnSize;\n  position?: 'start' | 'center' | 'end';\n}\n\nexport const Column = ({\n  size,\n  mediumSize,\n  startPositon,\n  mediumStartPosition,\n  position,\n  children,\n}: PropsWithChildren<ColumnProps>) => {\n  return (\n    <div\n      className={clsx(\n        styles['page-grid__col'],\n        size && styles[`page-grid__col-${size}`],\n        mediumSize && styles[`page-grid__col-md-${mediumSize}`],\n        startPositon && styles[`page-grid__col-start-position-${startPositon}`],\n        mediumStartPosition && styles[`page-grid__col-md-start-position-${mediumStartPosition}`],\n        position && styles[`page-grid__col-${position}`]\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["Column","size","mediumSize","startPositon","mediumStartPosition","position","children","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgBaA,IAAS,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC,EAAO,gBAAgB;AAAA,MACvBR,KAAQQ,EAAO,kBAAkBR,CAAI,EAAE;AAAA,MACvCC,KAAcO,EAAO,qBAAqBP,CAAU,EAAE;AAAA,MACtDC,KAAgBM,EAAO,iCAAiCN,CAAY,EAAE;AAAA,MACtEC,KAAuBK,EAAO,oCAAoCL,CAAmB,EAAE;AAAA,MACvFC,KAAYI,EAAO,kBAAkBJ,CAAQ,EAAE;AAAA,IAAA;AAAA,IAGhD,UAAAC;AAAA,EAAA;AAAA;"}