{"version":3,"file":"createWidth.cjs","sources":["../../src/themes/createWidth.ts"],"sourcesContent":["import { defaultHtmlFontSize } from './createFontSize'\n\ntype PixelWidth = `${number}px`\n\n// 基準画面解像度\nconst BASE_SCREEN_WIDTH = 1920\n// 大外のpadding\nconst OUTER_PADDING = 4 * defaultHtmlFontSize * 2\n// 溝幅\nconst GUTTER = 2 * defaultHtmlFontSize\n// カラム数\nconst MAX_COLUMN_LENGTH = 12\n\n// 基準画面解像度から左右padding（8rem(defaultHtmlFontSize*4*2))と溝幅（2rem*11(12-1))を引いた幅を12で割ったもの\nconst baseColumnWidth =\n  (BASE_SCREEN_WIDTH - OUTER_PADDING - GUTTER * (MAX_COLUMN_LENGTH - 1)) / MAX_COLUMN_LENGTH\n\nconst calculateColumnWidths = () =>\n  Object.fromEntries<string>(\n    Array.from({ length: MAX_COLUMN_LENGTH }, (_, i) => {\n      const colNum = i + 1\n      const columnWidth = baseColumnWidth * colNum + GUTTER * (colNum - 1)\n      return [`col${colNum}`, `${columnWidth}px`]\n    }),\n  ) as Record<`col${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`, PixelWidth>\n\nconst primitiveTokens = calculateColumnWidths()\n\nexport const defaultWidth = primitiveTokens\n"],"names":["defaultHtmlFontSize"],"mappings":";;;;AAIA;AACA,MAAM,iBAAiB,GAAG,IAAI;AAC9B;AACA,MAAM,aAAa,GAAG,CAAC,GAAGA,yCAAmB,GAAG,CAAC;AACjD;AACA,MAAM,MAAM,GAAG,CAAC,GAAGA,yCAAmB;AACtC;AACA,MAAM,iBAAiB,GAAG,EAAE;AAE5B;AACA,MAAM,eAAe,GACnB,CAAC,iBAAiB,GAAG,aAAa,GAAG,MAAM,IAAI,iBAAiB,GAAG,CAAC,CAAC,IAAI,iBAAiB;AAE5F,MAAM,qBAAqB,GAAG,MAC5B,MAAM,CAAC,WAAW,CAChB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAI;AACjD,IAAA,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC;AACpB,IAAA,MAAM,WAAW,GAAG,eAAe,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,GAAG,CAAC,CAAC;IACpE,OAAO,CAAC,MAAM,MAAM,CAAA,CAAE,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,CAAI,CAAC;AAC7C,CAAC,CAAC,CAC6E;AAEnF,MAAM,eAAe,GAAG,qBAAqB,EAAE;AAExC,MAAM,YAAY,GAAG;;;;"}