@charcoal-ui/foundation 1.0.0 → 1.0.1-alpha.1

package/dist/index.cjs

@@ -1,2 +1,132 @@
-function e(e,o,t){return e*o+(e-1)*t}var o,t=((o={})[6]=e(6,80,24)+144,o[8]=e(8,80,24)+144,o[10]=e(10,80,24)+144,o[12]=e(12,80,24)+144,o);exports.BORDER_RADIUS={none:0,4:4,8:8,16:16,24:24,oval:999999},exports.BREAKPOINT=t,exports.COLUMN_UNIT=80,exports.GUTTER_UNIT=24,exports.HORIZONTAL_MIN_MARGIN=72,exports.SPACING={0:0,4:4,8:8,16:16,24:24,40:40,64:64,104:104,168:168,272:272,440:440},exports.TYPOGRAPHY_SIZE={12:{fontSize:12,lineHeight:20},14:{fontSize:14,lineHeight:22},16:{fontSize:16,lineHeight:24},20:{fontSize:20,lineHeight:28},32:{fontSize:32,lineHeight:40}},exports.TYPOGRAPHY_VARIANT=["proportional","monospace"],exports.TYPOGRAPHY_WEIGHT=["regular","bold"],exports.columnSystem=e;
+var TYPOGRAPHY_SIZE = {
+  12: {
+    fontSize: 12,
+    lineHeight: 20
+  },
+  14: {
+    fontSize: 14,
+    lineHeight: 22
+  },
+  16: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  20: {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  32: {
+    fontSize: 32,
+    lineHeight: 40
+  }
+};
+var TYPOGRAPHY_WEIGHT = [
+/**
+ * Regular font weight
+ *
+ * <font-weight-absolute> ~ 400
+ *
+ * It should be the **DEFAULT** weight
+ */
+'regular',
+/**
+ * Bolder than `regular` weight
+ *
+ * <font-weight-absolute> ~ 700
+ */
+'bold'];
+var TYPOGRAPHY_VARIANT = [
+/**
+ * Proportional font (which has the variable amount of horizontal space)
+ *
+ * It should be the **DEFAULT** variant
+ */
+'proportional',
+/**
+ * Monospaced font (which has the same amount of horizontal space)
+ */
+'monospace'];
+
+var SPACING = {
+  0: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  40: 40,
+  64: 64,
+  104: 104,
+  168: 168,
+  272: 272,
+  440: 440
+};
+
+/**
+ * Unit for grid column (px)
+ */
+var COLUMN_UNIT = 80;
+/**
+ * Unit for grid gutter width (px)
+ */
+
+var GUTTER_UNIT = 24; // TODO: Grid definition with breakpoint
+
+/**
+ * Calculate px occupied by the span of the columns with gutter gap
+ *
+ * @param span column span count
+ */
+
+function columnSystem(span, column, gutter) {
+  return span * column + (span - 1) * gutter;
+}
+
+var BORDER_RADIUS = {
+  /**
+   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+   */
+  none: 0,
+
+  /**
+   * 用途: バッジ, 高さ40px以下の要素
+   */
+  4: 4,
+
+  /**
+   * 用途: サムネイル
+   */
+  8: 8,
+
+  /**
+   * 用途: チュートリアルツールチップ
+   */
+  16: 16,
+
+  /**
+   * 用途: モーダル
+   */
+  24: 24,
+
+  /**
+   * 真円 or 左右が丸まっている矩形 を作る時に用いる
+   *
+   * 用途: ボタン
+   */
+  oval: 999999
+};
+
+var _BREAKPOINT;
+var HORIZONTAL_MIN_MARGIN = 72;
+var BREAKPOINT = (_BREAKPOINT = {}, _BREAKPOINT[6] = columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[8] = columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[10] = columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[12] = columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT);
+
+exports.BORDER_RADIUS = BORDER_RADIUS;
+exports.BREAKPOINT = BREAKPOINT;
+exports.COLUMN_UNIT = COLUMN_UNIT;
+exports.GUTTER_UNIT = GUTTER_UNIT;
+exports.HORIZONTAL_MIN_MARGIN = HORIZONTAL_MIN_MARGIN;
+exports.SPACING = SPACING;
+exports.TYPOGRAPHY_SIZE = TYPOGRAPHY_SIZE;
+exports.TYPOGRAPHY_VARIANT = TYPOGRAPHY_VARIANT;
+exports.TYPOGRAPHY_WEIGHT = TYPOGRAPHY_WEIGHT;
+exports.columnSystem = columnSystem;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts","../src/spacing.ts","../src/typography.ts"],"sourcesContent":["/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n"],"names":["columnSystem","span","column","gutter","BORDER_RADIUS","BREAKPOINT","HORIZONTAL_MIN_MARGIN","none","oval","fontSize","lineHeight"],"mappings":"SAiBgBA,EAAaC,EAAcC,EAAgBC,GACzD,OAAOF,EAAOC,GAAUD,EAAO,GAAKE,EClBzBC,MCIAC,UACV,GAAIL,EAAa,EFFO,GAKA,IEHwBM,MAChD,GAAIN,EAAa,EFHO,GAKA,IEFwBM,MAChD,IAAKN,EAAa,GFJM,GAKA,IED0BM,MAClD,IAAKN,EAAa,GFLM,GAKA,IEA0BM,6BDRxB,CAI3BC,KAAM,EAIN,EAAG,EAIH,EAAG,EAIH,GAAI,GAIJ,GAAI,GAMJC,KAAM,iDDvBmB,uBAKA,iCENU,mBCFd,CACrB,EAAG,EACH,EAAG,EACH,EAAG,EACH,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,IAAK,IACL,IAAK,IACL,IAAK,IACL,IAAK,6BCNwB,CAC7B,GAAI,CACFC,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,gCAqBkB,CAMhC,eAIA,uCA3B+B,CAQ/B,UAMA"}
+{"version":3,"file":"index.cjs","sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n"],"names":["TYPOGRAPHY_SIZE","fontSize","lineHeight","TYPOGRAPHY_WEIGHT","TYPOGRAPHY_VARIANT","SPACING","COLUMN_UNIT","GUTTER_UNIT","columnSystem","span","column","gutter","BORDER_RADIUS","none","oval","HORIZONTAL_MIN_MARGIN","BREAKPOINT"],"mappings":"IAKaA,eAAe,GAAG;AAC7B,MAAI;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GADyB;AAK7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GALyB;AAS7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GATyB;AAa7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GAbyB;AAiB7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV;AAjByB;IAuBlBC,iBAAiB,GAAG;AAC/B;;;;;;;AAOA,SAR+B;AAS/B;;;;;AAKA,MAd+B;IAiBpBC,kBAAkB,GAAG;AAChC;;;;;AAKA,cANgC;AAOhC;;;AAGA,WAVgC;;IC7CrBC,OAAO,GAAG;AACrB,KAAG,CADkB;AAErB,KAAG,CAFkB;AAGrB,KAAG,CAHkB;AAIrB,MAAI,EAJiB;AAKrB,MAAI,EALiB;AAMrB,MAAI,EANiB;AAOrB,MAAI,EAPiB;AAQrB,OAAK,GARgB;AASrB,OAAK,GATgB;AAUrB,OAAK,GAVgB;AAWrB,OAAK;AAXgB;;ACAvB;;;IAGaC,WAAW,GAAG;AAE3B;;;;IAGaC,WAAW,GAAG;;AAI3B;;;;;;SAKgBC,aAAaC,MAAcC,QAAgBC;AACzD,SAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC;AACD;;ICnBYC,aAAa,GAAG;AAC3B;;;AAGAC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;;AAGA,KAAG,CARwB;;AAS3B;;;AAGA,KAAG,CAZwB;;AAa3B;;;AAGA,MAAI,EAhBuB;;AAiB3B;;;AAGA,MAAI,EApBuB;;AAqB3B;;;;;AAKAC,EAAAA,IAAI,EAAE;AA1BqB;;;ICEhBC,qBAAqB,GAAG;IAExBC,UAAU,kCACpB,CADoB,IAChBR,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADpD,cAEpB,CAFoB,IAEhBP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFpD,cAGpB,EAHoB,IAGfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHtD,cAIpB,EAJoB,IAIfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAJtD;;;;;;;;;;;;;"}

package/dist/index.modern.js

@@ -1,2 +1,127 @@
-const e={12:{fontSize:12,lineHeight:20},14:{fontSize:14,lineHeight:22},16:{fontSize:16,lineHeight:24},20:{fontSize:20,lineHeight:28},32:{fontSize:32,lineHeight:40}},n=["regular","bold"],i=["proportional","monospace"],o={0:0,4:4,8:8,16:16,24:24,40:40,64:64,104:104,168:168,272:272,440:440},t=80,l=24;function r(e,n,i){return e*n+(e-1)*i}const f={none:0,4:4,8:8,16:16,24:24,oval:999999},g=72,h={6:r(6,80,24)+144,8:r(8,80,24)+144,10:r(10,80,24)+144,12:r(12,80,24)+144};export{f as BORDER_RADIUS,h as BREAKPOINT,t as COLUMN_UNIT,l as GUTTER_UNIT,g as HORIZONTAL_MIN_MARGIN,o as SPACING,e as TYPOGRAPHY_SIZE,i as TYPOGRAPHY_VARIANT,n as TYPOGRAPHY_WEIGHT,r as columnSystem};
+const TYPOGRAPHY_SIZE = {
+  12: {
+    fontSize: 12,
+    lineHeight: 20
+  },
+  14: {
+    fontSize: 14,
+    lineHeight: 22
+  },
+  16: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  20: {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  32: {
+    fontSize: 32,
+    lineHeight: 40
+  }
+};
+const TYPOGRAPHY_WEIGHT = [
+/**
+ * Regular font weight
+ *
+ * <font-weight-absolute> ~ 400
+ *
+ * It should be the **DEFAULT** weight
+ */
+'regular',
+/**
+ * Bolder than `regular` weight
+ *
+ * <font-weight-absolute> ~ 700
+ */
+'bold'];
+const TYPOGRAPHY_VARIANT = [
+/**
+ * Proportional font (which has the variable amount of horizontal space)
+ *
+ * It should be the **DEFAULT** variant
+ */
+'proportional',
+/**
+ * Monospaced font (which has the same amount of horizontal space)
+ */
+'monospace'];
+
+const SPACING = {
+  0: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  40: 40,
+  64: 64,
+  104: 104,
+  168: 168,
+  272: 272,
+  440: 440
+};
+
+/**
+ * Unit for grid column (px)
+ */
+const COLUMN_UNIT = 80;
+/**
+ * Unit for grid gutter width (px)
+ */
+
+const GUTTER_UNIT = 24; // TODO: Grid definition with breakpoint
+
+/**
+ * Calculate px occupied by the span of the columns with gutter gap
+ *
+ * @param span column span count
+ */
+
+function columnSystem(span, column, gutter) {
+  return span * column + (span - 1) * gutter;
+}
+
+const BORDER_RADIUS = {
+  /**
+   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+   */
+  none: 0,
+
+  /**
+   * 用途: バッジ, 高さ40px以下の要素
+   */
+  4: 4,
+
+  /**
+   * 用途: サムネイル
+   */
+  8: 8,
+
+  /**
+   * 用途: チュートリアルツールチップ
+   */
+  16: 16,
+
+  /**
+   * 用途: モーダル
+   */
+  24: 24,
+
+  /**
+   * 真円 or 左右が丸まっている矩形 を作る時に用いる
+   *
+   * 用途: ボタン
+   */
+  oval: 999999
+};
+
+const HORIZONTAL_MIN_MARGIN = 72;
+const BREAKPOINT = {
+  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,
+  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,
+  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,
+  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2
+};
+
+export { BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, GUTTER_UNIT, HORIZONTAL_MIN_MARGIN, SPACING, TYPOGRAPHY_SIZE, TYPOGRAPHY_VARIANT, TYPOGRAPHY_WEIGHT, columnSystem };
 //# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n"],"names":["TYPOGRAPHY_SIZE","fontSize","lineHeight","TYPOGRAPHY_WEIGHT","TYPOGRAPHY_VARIANT","SPACING","COLUMN_UNIT","GUTTER_UNIT","columnSystem","span","column","gutter","BORDER_RADIUS","none","oval","HORIZONTAL_MIN_MARGIN","BREAKPOINT"],"mappings":"AAKaA,MAAAA,EAAkB,CAC7B,GAAI,CACFC,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,KAIHC,EAAoB,CAQ/B,UAMA,QAGWC,EAAqB,CAMhC,eAIA,aCvDWC,EAAU,CACrB,EAAG,EACH,EAAG,EACH,EAAG,EACH,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,IAAK,IACL,IAAK,IACL,IAAK,IACL,IAAK,KCRMC,EAAc,GAKdC,EAAc,YASXC,EAAaC,EAAcC,EAAgBC,GACzD,OAAOF,EAAOC,GAAUD,EAAO,GAAKE,EClBzBC,MAAAA,EAAgB,CAI3BC,KAAM,EAIN,EAAG,EAIH,EAAG,EAIH,GAAI,GAIJ,GAAI,GAMJC,KAAM,QCxBKC,EAAwB,GAExBC,EAAa,CACxB,EAAKR,EAAa,EFFO,GAKA,IEHwBO,IACjD,EAAKP,EAAa,EFHO,GAKA,IEFwBO,IACjD,GAAMP,EAAa,GFJM,GAKA,IED0BO,IACnD,GAAMP,EAAa,GFLM,GAKA,IEA0BO"}
+{"version":3,"file":"index.modern.js","sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n"],"names":["TYPOGRAPHY_SIZE","fontSize","lineHeight","TYPOGRAPHY_WEIGHT","TYPOGRAPHY_VARIANT","SPACING","COLUMN_UNIT","GUTTER_UNIT","columnSystem","span","column","gutter","BORDER_RADIUS","none","oval","HORIZONTAL_MIN_MARGIN","BREAKPOINT"],"mappings":"MAKaA,eAAe,GAAG;AAC7B,MAAI;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GADyB;AAK7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GALyB;AAS7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GATyB;AAa7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GAbyB;AAiB7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV;AAjByB;MAuBlBC,iBAAiB,GAAG;AAC/B;;;;;;;AAOA,SAR+B;AAS/B;;;;;AAKA,MAd+B;MAiBpBC,kBAAkB,GAAG;AAChC;;;;;AAKA,cANgC;AAOhC;;;AAGA,WAVgC;;MC7CrBC,OAAO,GAAG;AACrB,KAAG,CADkB;AAErB,KAAG,CAFkB;AAGrB,KAAG,CAHkB;AAIrB,MAAI,EAJiB;AAKrB,MAAI,EALiB;AAMrB,MAAI,EANiB;AAOrB,MAAI,EAPiB;AAQrB,OAAK,GARgB;AASrB,OAAK,GATgB;AAUrB,OAAK,GAVgB;AAWrB,OAAK;AAXgB;;ACAvB;;;MAGaC,WAAW,GAAG;AAE3B;;;;MAGaC,WAAW,GAAG;;AAI3B;;;;;;SAKgBC,aAAaC,MAAcC,QAAgBC;AACzD,SAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC;AACD;;MCnBYC,aAAa,GAAG;AAC3B;;;AAGAC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;;AAGA,KAAG,CARwB;;AAS3B;;;AAGA,KAAG,CAZwB;;AAa3B;;;AAGA,MAAI,EAhBuB;;AAiB3B;;;AAGA,MAAI,EApBuB;;AAqB3B;;;;;AAKAC,EAAAA,IAAI,EAAE;AA1BqB;;MCEhBC,qBAAqB,GAAG;MAExBC,UAAU,GAAG;AACxB,GAAC,CAAD,GAAKR,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADjD;AAExB,GAAC,CAAD,GAAKP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFjD;AAGxB,GAAC,EAAD,GAAMP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHnD;AAIxB,GAAC,EAAD,GAAMP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG;AAJnD;;;;"}

package/dist/index.module.js

@@ -1,2 +1,123 @@
-var e={12:{fontSize:12,lineHeight:20},14:{fontSize:14,lineHeight:22},16:{fontSize:16,lineHeight:24},20:{fontSize:20,lineHeight:28},32:{fontSize:32,lineHeight:40}},i=["regular","bold"],n=["proportional","monospace"],o={0:0,4:4,8:8,16:16,24:24,40:40,64:64,104:104,168:168,272:272,440:440},t=80,l=24;function r(e,i,n){return e*i+(e-1)*n}var a,f={none:0,4:4,8:8,16:16,24:24,oval:999999},g=72,h=((a={})[6]=r(6,80,24)+144,a[8]=r(8,80,24)+144,a[10]=r(10,80,24)+144,a[12]=r(12,80,24)+144,a);export{f as BORDER_RADIUS,h as BREAKPOINT,t as COLUMN_UNIT,l as GUTTER_UNIT,g as HORIZONTAL_MIN_MARGIN,o as SPACING,e as TYPOGRAPHY_SIZE,n as TYPOGRAPHY_VARIANT,i as TYPOGRAPHY_WEIGHT,r as columnSystem};
+var TYPOGRAPHY_SIZE = {
+  12: {
+    fontSize: 12,
+    lineHeight: 20
+  },
+  14: {
+    fontSize: 14,
+    lineHeight: 22
+  },
+  16: {
+    fontSize: 16,
+    lineHeight: 24
+  },
+  20: {
+    fontSize: 20,
+    lineHeight: 28
+  },
+  32: {
+    fontSize: 32,
+    lineHeight: 40
+  }
+};
+var TYPOGRAPHY_WEIGHT = [
+/**
+ * Regular font weight
+ *
+ * <font-weight-absolute> ~ 400
+ *
+ * It should be the **DEFAULT** weight
+ */
+'regular',
+/**
+ * Bolder than `regular` weight
+ *
+ * <font-weight-absolute> ~ 700
+ */
+'bold'];
+var TYPOGRAPHY_VARIANT = [
+/**
+ * Proportional font (which has the variable amount of horizontal space)
+ *
+ * It should be the **DEFAULT** variant
+ */
+'proportional',
+/**
+ * Monospaced font (which has the same amount of horizontal space)
+ */
+'monospace'];
+
+var SPACING = {
+  0: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  40: 40,
+  64: 64,
+  104: 104,
+  168: 168,
+  272: 272,
+  440: 440
+};
+
+/**
+ * Unit for grid column (px)
+ */
+var COLUMN_UNIT = 80;
+/**
+ * Unit for grid gutter width (px)
+ */
+
+var GUTTER_UNIT = 24; // TODO: Grid definition with breakpoint
+
+/**
+ * Calculate px occupied by the span of the columns with gutter gap
+ *
+ * @param span column span count
+ */
+
+function columnSystem(span, column, gutter) {
+  return span * column + (span - 1) * gutter;
+}
+
+var BORDER_RADIUS = {
+  /**
+   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+   */
+  none: 0,
+
+  /**
+   * 用途: バッジ, 高さ40px以下の要素
+   */
+  4: 4,
+
+  /**
+   * 用途: サムネイル
+   */
+  8: 8,
+
+  /**
+   * 用途: チュートリアルツールチップ
+   */
+  16: 16,
+
+  /**
+   * 用途: モーダル
+   */
+  24: 24,
+
+  /**
+   * 真円 or 左右が丸まっている矩形 を作る時に用いる
+   *
+   * 用途: ボタン
+   */
+  oval: 999999
+};
+
+var _BREAKPOINT;
+var HORIZONTAL_MIN_MARGIN = 72;
+var BREAKPOINT = (_BREAKPOINT = {}, _BREAKPOINT[6] = columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[8] = columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[10] = columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT[12] = columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2, _BREAKPOINT);
+
+export { BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, GUTTER_UNIT, HORIZONTAL_MIN_MARGIN, SPACING, TYPOGRAPHY_SIZE, TYPOGRAPHY_VARIANT, TYPOGRAPHY_WEIGHT, columnSystem };
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.js","sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n"],"names":["TYPOGRAPHY_SIZE","fontSize","lineHeight","TYPOGRAPHY_WEIGHT","TYPOGRAPHY_VARIANT","SPACING","COLUMN_UNIT","GUTTER_UNIT","columnSystem","span","column","gutter","BORDER_RADIUS","none","oval","HORIZONTAL_MIN_MARGIN","BREAKPOINT"],"mappings":"AAKaA,IAAAA,EAAkB,CAC7B,GAAI,CACFC,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,IAEd,GAAI,CACFD,SAAU,GACVC,WAAY,KAIHC,EAAoB,CAQ/B,UAMA,QAGWC,EAAqB,CAMhC,eAIA,aCvDWC,EAAU,CACrB,EAAG,EACH,EAAG,EACH,EAAG,EACH,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,IAAK,IACL,IAAK,IACL,IAAK,IACL,IAAK,KCRMC,EAAc,GAKdC,EAAc,YASXC,EAAaC,EAAcC,EAAgBC,GACzD,OAAOF,EAAOC,GAAUD,EAAO,GAAKE,EClBzBC,MAAAA,EAAgB,CAI3BC,KAAM,EAIN,EAAG,EAIH,EAAG,EAIH,GAAI,GAIJ,GAAI,GAMJC,KAAM,QCxBKC,EAAwB,GAExBC,UACV,GAAIR,EAAa,EFFO,GAKA,IEHwBO,MAChD,GAAIP,EAAa,EFHO,GAKA,IEFwBO,MAChD,IAAKP,EAAa,GFJM,GAKA,IED0BO,MAClD,IAAKP,EAAa,GFLM,GAKA,IEA0BO"}
+{"version":3,"file":"index.module.js","sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export interface TypographyDescriptor {\n  readonly lineHeight: number\n  readonly fontSize: number\n}\n\nexport const TYPOGRAPHY_SIZE = {\n  12: {\n    fontSize: 12,\n    lineHeight: 20,\n  },\n  14: {\n    fontSize: 14,\n    lineHeight: 22,\n  },\n  16: {\n    fontSize: 16,\n    lineHeight: 24,\n  },\n  20: {\n    fontSize: 20,\n    lineHeight: 28,\n  },\n  32: {\n    fontSize: 32,\n    lineHeight: 40,\n  },\n} as const\n\nexport const TYPOGRAPHY_WEIGHT = [\n  /**\n   * Regular font weight\n   *\n   * <font-weight-absolute> ~ 400\n   *\n   * It should be the **DEFAULT** weight\n   */\n  'regular',\n  /**\n   * Bolder than `regular` weight\n   *\n   * <font-weight-absolute> ~ 700\n   */\n  'bold',\n] as const\n\nexport const TYPOGRAPHY_VARIANT = [\n  /**\n   * Proportional font (which has the variable amount of horizontal space)\n   *\n   * It should be the **DEFAULT** variant\n   */\n  'proportional',\n  /**\n   * Monospaced font (which has the same amount of horizontal space)\n   */\n  'monospace',\n] as const\n","export const SPACING = {\n  0: 0,\n  4: 4,\n  8: 8,\n  16: 16,\n  24: 24,\n  40: 40,\n  64: 64,\n  104: 104,\n  168: 168,\n  272: 272,\n  440: 440,\n} as const\n","/**\n * Unit for grid column (px)\n */\nexport const COLUMN_UNIT = 80\n\n/**\n * Unit for grid gutter width (px)\n */\nexport const GUTTER_UNIT = 24\n\n// TODO: Grid definition with breakpoint\n\n/**\n * Calculate px occupied by the span of the columns with gutter gap\n *\n * @param span column span count\n */\nexport function columnSystem(span: number, column: number, gutter: number) {\n  return span * column + (span - 1) * gutter\n}\n","export const BORDER_RADIUS = {\n  /**\n   * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）\n   */\n  none: 0,\n  /**\n   * 用途: バッジ, 高さ40px以下の要素\n   */\n  4: 4,\n  /**\n   * 用途: サムネイル\n   */\n  8: 8,\n  /**\n   * 用途: チュートリアルツールチップ\n   */\n  16: 16,\n  /**\n   * 用途: モーダル\n   */\n  24: 24,\n  /**\n   * 真円 or 左右が丸まっている矩形 を作る時に用いる\n   *\n   * 用途: ボタン\n   */\n  oval: 999999,\n} as const\n","import { COLUMN_UNIT, GUTTER_UNIT, columnSystem } from './grid'\n\nexport const HORIZONTAL_MIN_MARGIN = 72\n\nexport const BREAKPOINT = {\n  [6]: columnSystem(6, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [8]: columnSystem(8, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [10]: columnSystem(10, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n  [12]: columnSystem(12, COLUMN_UNIT, GUTTER_UNIT) + HORIZONTAL_MIN_MARGIN * 2,\n} as const\n"],"names":["TYPOGRAPHY_SIZE","fontSize","lineHeight","TYPOGRAPHY_WEIGHT","TYPOGRAPHY_VARIANT","SPACING","COLUMN_UNIT","GUTTER_UNIT","columnSystem","span","column","gutter","BORDER_RADIUS","none","oval","HORIZONTAL_MIN_MARGIN","BREAKPOINT"],"mappings":"IAKaA,eAAe,GAAG;AAC7B,MAAI;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GADyB;AAK7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GALyB;AAS7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GATyB;AAa7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV,GAbyB;AAiB7B,MAAI;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE;AAFV;AAjByB;IAuBlBC,iBAAiB,GAAG;AAC/B;;;;;;;AAOA,SAR+B;AAS/B;;;;;AAKA,MAd+B;IAiBpBC,kBAAkB,GAAG;AAChC;;;;;AAKA,cANgC;AAOhC;;;AAGA,WAVgC;;IC7CrBC,OAAO,GAAG;AACrB,KAAG,CADkB;AAErB,KAAG,CAFkB;AAGrB,KAAG,CAHkB;AAIrB,MAAI,EAJiB;AAKrB,MAAI,EALiB;AAMrB,MAAI,EANiB;AAOrB,MAAI,EAPiB;AAQrB,OAAK,GARgB;AASrB,OAAK,GATgB;AAUrB,OAAK,GAVgB;AAWrB,OAAK;AAXgB;;ACAvB;;;IAGaC,WAAW,GAAG;AAE3B;;;;IAGaC,WAAW,GAAG;;AAI3B;;;;;;SAKgBC,aAAaC,MAAcC,QAAgBC;AACzD,SAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC;AACD;;ICnBYC,aAAa,GAAG;AAC3B;;;AAGAC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;;AAGA,KAAG,CARwB;;AAS3B;;;AAGA,KAAG,CAZwB;;AAa3B;;;AAGA,MAAI,EAhBuB;;AAiB3B;;;AAGA,MAAI,EApBuB;;AAqB3B;;;;;AAKAC,EAAAA,IAAI,EAAE;AA1BqB;;;ICEhBC,qBAAqB,GAAG;IAExBC,UAAU,kCACpB,CADoB,IAChBR,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADpD,cAEpB,CAFoB,IAEhBP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFpD,cAGpB,EAHoB,IAGfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHtD,cAIpB,EAJoB,IAIfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAJtD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/foundation",
-  "version": "1.0.0",
+  "version": "1.0.1-alpha.1",
   "license": "Apache-2.0",
   "type": "module",
   "source": "./src/index.ts",
@@ -13,7 +13,7 @@
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "microbundle -f modern,esm,cjs --tsconfig tsconfig.build.json",
+    "build": "microbundle --compress=false -f modern,esm,cjs --tsconfig tsconfig.build.json",
     "typecheck": "tsc --noEmit --project tsconfig.build.json",
     "clean": "rimraf dist"
   },
@@ -30,5 +30,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "addc6d8f443865a8b56327ef9a4ff2e69942a30b"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pixiv/charcoal.git",
+    "directory": "packages/foundation"
+  },
+  "gitHead": "efd5bf6b562b990b66aa406811df73eee37b2be5"
 }