@charcoal-ui/foundation 2.4.0 → 2.6.0

package/dist/border-radius.d.ts

@@ -1,29 +1,29 @@
-export declare const BORDER_RADIUS: {
-    /**
-     * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
-     */
-    readonly none: 0;
-    /**
-     * 用途: バッジ, 高さ40px以下の要素
-     */
-    readonly 4: 4;
-    /**
-     * 用途: サムネイル
-     */
-    readonly 8: 8;
-    /**
-     * 用途: チュートリアルツールチップ
-     */
-    readonly 16: 16;
-    /**
-     * 用途: モーダル
-     */
-    readonly 24: 24;
-    /**
-     * 真円 or 左右が丸まっている矩形 を作る時に用いる
-     *
-     * 用途: ボタン
-     */
-    readonly oval: 999999;
-};
+export declare const BORDER_RADIUS: {
+    /**
+     * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+     */
+    readonly none: 0;
+    /**
+     * 用途: バッジ, 高さ40px以下の要素
+     */
+    readonly 4: 4;
+    /**
+     * 用途: サムネイル
+     */
+    readonly 8: 8;
+    /**
+     * 用途: チュートリアルツールチップ
+     */
+    readonly 16: 16;
+    /**
+     * 用途: モーダル
+     */
+    readonly 24: 24;
+    /**
+     * 真円 or 左右が丸まっている矩形 を作る時に用いる
+     *
+     * 用途: ボタン
+     */
+    readonly oval: 999999;
+};
 //# sourceMappingURL=border-radius.d.ts.map

package/dist/breakpoint.d.ts

@@ -1,8 +1,8 @@
-export declare const HORIZONTAL_MIN_MARGIN = 72;
-export declare const BREAKPOINT: {
-    readonly 6: number;
-    readonly 8: number;
-    readonly 10: number;
-    readonly 12: number;
-};
+export declare const HORIZONTAL_MIN_MARGIN = 72;
+export declare const BREAKPOINT: {
+    readonly 6: number;
+    readonly 8: number;
+    readonly 10: number;
+    readonly 12: number;
+};
 //# sourceMappingURL=breakpoint.d.ts.map

package/dist/color.d.ts

@@ -1,6 +1,6 @@
-export declare type Material = string;
-export declare type GradientMaterial = readonly {
-    readonly color: Material;
-    readonly ratio: number;
-}[];
+export type Material = string;
+export type GradientMaterial = readonly {
+    readonly color: Material;
+    readonly ratio: number;
+}[];
 //# sourceMappingURL=color.d.ts.map

package/dist/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ,GAAG,MAAM,CAAA;AAE7B,oBAAY,gBAAgB,GAAG,SAAS;IACtC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,EAAE,CAAA"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG,SAAS;IACtC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAA;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,EAAE,CAAA"}

package/dist/effect.d.ts

@@ -1,39 +1,39 @@
-export declare type Effects = Readonly<Effect> | readonly Readonly<Effect>[];
-export declare type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
-interface BaseEffect {
-}
-export interface AlphaEffect extends BaseEffect {
-    readonly type: 'alpha';
-    /**
-     * Color to blend with the base color using alpha blending.
-     */
-    readonly color: string;
-    /**
-     * Multiplied with the alpha value of the effect's `color` before blending.
-     *
-     * `1` by default.
-     */
-    readonly opacity?: number;
-}
-export interface OpacityEffect extends BaseEffect {
-    readonly type: 'opacity';
-    /**
-     * Value to multiply with the current color's alpha value.
-     */
-    readonly opacity: number;
-}
-export interface ReplaceEffect extends BaseEffect {
-    readonly type: 'replace';
-    /**
-     * Replaces any given color with this color
-     */
-    readonly color?: string;
-    /**
-     * Replaces the alpha value with this opacity.
-     *
-     * Overrides the `color`'s opacity as well.
-     */
-    readonly opacity?: number;
-}
-export {};
+export type Effects = Readonly<Effect> | readonly Readonly<Effect>[];
+export type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
+interface BaseEffect {
+}
+export interface AlphaEffect extends BaseEffect {
+    readonly type: 'alpha';
+    /**
+     * Color to blend with the base color using alpha blending.
+     */
+    readonly color: string;
+    /**
+     * Multiplied with the alpha value of the effect's `color` before blending.
+     *
+     * `1` by default.
+     */
+    readonly opacity?: number;
+}
+export interface OpacityEffect extends BaseEffect {
+    readonly type: 'opacity';
+    /**
+     * Value to multiply with the current color's alpha value.
+     */
+    readonly opacity: number;
+}
+export interface ReplaceEffect extends BaseEffect {
+    readonly type: 'replace';
+    /**
+     * Replaces any given color with this color
+     */
+    readonly color?: string;
+    /**
+     * Replaces the alpha value with this opacity.
+     *
+     * Overrides the `color`'s opacity as well.
+     */
+    readonly opacity?: number;
+}
+export {};
 //# sourceMappingURL=effect.d.ts.map

package/dist/effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../src/effect.ts"],"names":[],"mappings":"AAAA,oBAAY,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAA;AAEpE,oBAAY,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,aAAa,CAAA;AAEhE,UAAU,UAAU;CAAG;AAEvB,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B"}
+{"version":3,"file":"effect.d.ts","sourceRoot":"","sources":["../src/effect.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAA;AAEpE,MAAM,MAAM,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,aAAa,CAAA;AAEhE,UAAU,UAAU;CAAG;AAEvB,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B"}

package/dist/grid.d.ts

@@ -1,15 +1,15 @@
-/**
- * Unit for grid column (px)
- */
-export declare const COLUMN_UNIT = 80;
-/**
- * Unit for grid gutter width (px)
- */
-export declare const GUTTER_UNIT = 24;
-/**
- * Calculate px occupied by the span of the columns with gutter gap
- *
- * @param span column span count
- */
-export declare function columnSystem(span: number, column: number, gutter: number): number;
+/**
+ * Unit for grid column (px)
+ */
+export declare const COLUMN_UNIT = 80;
+/**
+ * Unit for grid gutter width (px)
+ */
+export declare const GUTTER_UNIT = 24;
+/**
+ * Calculate px occupied by the span of the columns with gutter gap
+ *
+ * @param span column span count
+ */
+export declare function columnSystem(span: number, column: number, gutter: number): number;
 //# sourceMappingURL=grid.d.ts.map

package/dist/index.cjs.js

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  BORDER_RADIUS: () => BORDER_RADIUS,
+  BREAKPOINT: () => BREAKPOINT,
+  COLUMN_UNIT: () => COLUMN_UNIT,
+  GUTTER_UNIT: () => GUTTER_UNIT,
+  HORIZONTAL_MIN_MARGIN: () => HORIZONTAL_MIN_MARGIN,
+  SPACING: () => SPACING,
+  TYPOGRAPHY_SIZE: () => TYPOGRAPHY_SIZE,
+  TYPOGRAPHY_VARIANT: () => TYPOGRAPHY_VARIANT,
+  TYPOGRAPHY_WEIGHT: () => TYPOGRAPHY_WEIGHT,
+  columnSystem: () => columnSystem
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/typography.ts
+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",
+  "bold"
+];
+var TYPOGRAPHY_VARIANT = [
+  "proportional",
+  "monospace"
+];
+
+// src/spacing.ts
+var SPACING = {
+  0: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  40: 40,
+  64: 64,
+  104: 104,
+  168: 168,
+  272: 272,
+  440: 440
+};
+
+// src/grid.ts
+var COLUMN_UNIT = 80;
+var GUTTER_UNIT = 24;
+function columnSystem(span, column, gutter) {
+  return span * column + (span - 1) * gutter;
+}
+
+// src/border-radius.ts
+var BORDER_RADIUS = {
+  none: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  oval: 999999
+};
+
+// src/breakpoint.ts
+var HORIZONTAL_MIN_MARGIN = 72;
+var 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
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BORDER_RADIUS,
+  BREAKPOINT,
+  COLUMN_UNIT,
+  GUTTER_UNIT,
+  HORIZONTAL_MIN_MARGIN,
+  SPACING,
+  TYPOGRAPHY_SIZE,
+  TYPOGRAPHY_VARIANT,
+  TYPOGRAPHY_WEIGHT,
+  columnSystem
+});
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts"],"sourcesContent":["export * from './typography'\nexport * from './spacing'\nexport * from './grid'\nexport * from './border-radius'\nexport * from './breakpoint'\nexport * from './color'\nexport * from './effect'\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","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"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACKO,IAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEO,IAAM,oBAAoB;AAAA,EAQ/B;AAAA,EAMA;AACF;AAEO,IAAM,qBAAqB;AAAA,EAMhC;AAAA,EAIA;AACF;;;ACxDO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;;;ACTO,IAAM,cAAc;AAKpB,IAAM,cAAc;AASpB,SAAS,aAAa,MAAc,QAAgB,QAAgB;AACzE,SAAO,OAAO,UAAU,OAAO,KAAK;AACtC;;;ACnBO,IAAM,gBAAgB;AAAA,EAI3B,MAAM;AAAA,EAIN,GAAG;AAAA,EAIH,GAAG;AAAA,EAIH,IAAI;AAAA,EAIJ,IAAI;AAAA,EAMJ,MAAM;AACR;;;ACzBO,IAAM,wBAAwB;AAE9B,IAAM,aAAa;AAAA,EACxB,CAAC,IAAI,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,IAAI,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,KAAK,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAAA,EAC3E,CAAC,KAAK,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAC7E;","names":[]}

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export * from './typography';
-export * from './spacing';
-export * from './grid';
-export * from './border-radius';
-export * from './breakpoint';
-export * from './color';
-export * from './effect';
+export * from './typography';
+export * from './spacing';
+export * from './grid';
+export * from './border-radius';
+export * from './breakpoint';
+export * from './color';
+export * from './effect';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.esm.js

@@ -0,0 +1,85 @@
+// src/typography.ts
+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",
+  "bold"
+];
+var TYPOGRAPHY_VARIANT = [
+  "proportional",
+  "monospace"
+];
+
+// src/spacing.ts
+var SPACING = {
+  0: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  40: 40,
+  64: 64,
+  104: 104,
+  168: 168,
+  272: 272,
+  440: 440
+};
+
+// src/grid.ts
+var COLUMN_UNIT = 80;
+var GUTTER_UNIT = 24;
+function columnSystem(span, column, gutter) {
+  return span * column + (span - 1) * gutter;
+}
+
+// src/border-radius.ts
+var BORDER_RADIUS = {
+  none: 0,
+  4: 4,
+  8: 8,
+  16: 16,
+  24: 24,
+  oval: 999999
+};
+
+// src/breakpoint.ts
+var HORIZONTAL_MIN_MARGIN = 72;
+var 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.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"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"],"mappings":";AAKO,IAAM,kBAAkB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACF,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAEO,IAAM,oBAAoB;AAAA,EAQ/B;AAAA,EAMA;AACF;AAEO,IAAM,qBAAqB;AAAA,EAMhC;AAAA,EAIA;AACF;;;ACxDO,IAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;;;ACTO,IAAM,cAAc;AAKpB,IAAM,cAAc;AASpB,SAAS,aAAa,MAAc,QAAgB,QAAgB;AACzE,SAAO,OAAO,UAAU,OAAO,KAAK;AACtC;;;ACnBO,IAAM,gBAAgB;AAAA,EAI3B,MAAM;AAAA,EAIN,GAAG;AAAA,EAIH,GAAG;AAAA,EAIH,IAAI;AAAA,EAIJ,IAAI;AAAA,EAMJ,MAAM;AACR;;;ACzBO,IAAM,wBAAwB;AAE9B,IAAM,aAAa;AAAA,EACxB,CAAC,IAAI,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,IAAI,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,KAAK,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAAA,EAC3E,CAAC,KAAK,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAC7E;","names":[]}

package/dist/spacing.d.ts

@@ -1,14 +1,14 @@
-export declare const SPACING: {
-    readonly 0: 0;
-    readonly 4: 4;
-    readonly 8: 8;
-    readonly 16: 16;
-    readonly 24: 24;
-    readonly 40: 40;
-    readonly 64: 64;
-    readonly 104: 104;
-    readonly 168: 168;
-    readonly 272: 272;
-    readonly 440: 440;
-};
+export declare const SPACING: {
+    readonly 0: 0;
+    readonly 4: 4;
+    readonly 8: 8;
+    readonly 16: 16;
+    readonly 24: 24;
+    readonly 40: 40;
+    readonly 64: 64;
+    readonly 104: 104;
+    readonly 168: 168;
+    readonly 272: 272;
+    readonly 440: 440;
+};
 //# sourceMappingURL=spacing.d.ts.map

package/dist/typography.d.ts

@@ -1,29 +1,29 @@
-export interface TypographyDescriptor {
-    readonly lineHeight: number;
-    readonly fontSize: number;
-}
-export declare const TYPOGRAPHY_SIZE: {
-    readonly 12: {
-        readonly fontSize: 12;
-        readonly lineHeight: 20;
-    };
-    readonly 14: {
-        readonly fontSize: 14;
-        readonly lineHeight: 22;
-    };
-    readonly 16: {
-        readonly fontSize: 16;
-        readonly lineHeight: 24;
-    };
-    readonly 20: {
-        readonly fontSize: 20;
-        readonly lineHeight: 28;
-    };
-    readonly 32: {
-        readonly fontSize: 32;
-        readonly lineHeight: 40;
-    };
-};
-export declare const TYPOGRAPHY_WEIGHT: readonly ["regular", "bold"];
-export declare const TYPOGRAPHY_VARIANT: readonly ["proportional", "monospace"];
+export interface TypographyDescriptor {
+    readonly lineHeight: number;
+    readonly fontSize: number;
+}
+export declare const TYPOGRAPHY_SIZE: {
+    readonly 12: {
+        readonly fontSize: 12;
+        readonly lineHeight: 20;
+    };
+    readonly 14: {
+        readonly fontSize: 14;
+        readonly lineHeight: 22;
+    };
+    readonly 16: {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+    };
+    readonly 20: {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+    };
+    readonly 32: {
+        readonly fontSize: 32;
+        readonly lineHeight: 40;
+    };
+};
+export declare const TYPOGRAPHY_WEIGHT: readonly ["regular", "bold"];
+export declare const TYPOGRAPHY_VARIANT: readonly ["proportional", "monospace"];
 //# sourceMappingURL=typography.d.ts.map

package/package.json

@@ -1,27 +1,27 @@
 {
   "name": "@charcoal-ui/foundation",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "license": "Apache-2.0",
-  "type": "module",
-  "source": "./src/index.ts",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.module.js",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
   "exports": {
-    "require": "./dist/index.cjs",
-    "default": "./dist/index.modern.js"
+    "require": "./dist/index.cjs.js",
+    "default": "./dist/index.esm.js"
   },
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "microbundle --compress=false -f modern,esm,cjs --tsconfig tsconfig.build.json",
-    "typecheck": "tsc --noEmit --project tsconfig.build.json",
-    "clean": "rimraf dist"
+    "build": "run-p --print-label 'build:*'",
+    "build:bundle": "FORCE_COLOR=1 tsup",
+    "build:dts": "tsc --project tsconfig.build.json --pretty --emitDeclarationOnly",
+    "typecheck": "tsc --project tsconfig.build.json --pretty --noEmit",
+    "clean": "rimraf dist .tsbuildinfo"
   },
   "devDependencies": {
-    "microbundle": "^0.14.2",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "typescript": "^4.5.5"
+    "tsup": "^6.5.0",
+    "typescript": "^4.9.5"
   },
   "files": [
     "src",
@@ -35,5 +35,5 @@
     "url": "https://github.com/pixiv/charcoal.git",
     "directory": "packages/foundation"
   },
-  "gitHead": "db58bc1a8e14d5f1ccb6e1e275fa29cfb3ec4972"
+  "gitHead": "8579b406b316285a35858512030d2143524ae154"
 }

package/dist/index.cjs

@@ -1,132 +0,0 @@
-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 +0,0 @@
-{"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":"AAKO,IAAMA,eAAe,GAAG;EAC7B,EAAI,EAAA;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAHe;EAK7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAPe;EAS7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAXe;EAa7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAfe;EAiB7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;AAFV,GAAA;AAjByB,EAAxB;AAuBA,IAAMC,iBAAiB,GAAG;AAC/B;;;;;;AAMG;AACH,SAR+B;AAS/B;;;;AAIG;AACH,MAd+B,EAA1B;AAiBA,IAAMC,kBAAkB,GAAG;AAChC;;;;AAIG;AACH,cANgC;AAOhC;;AAEG;AACH,WAVgC;;AC7C3B,IAAMC,OAAO,GAAG;AACrB,EAAA,CAAA,EAAG,CADkB;AAErB,EAAA,CAAA,EAAG,CAFkB;AAGrB,EAAA,CAAA,EAAG,CAHkB;AAIrB,EAAA,EAAA,EAAI,EAJiB;AAKrB,EAAA,EAAA,EAAI,EALiB;AAMrB,EAAA,EAAA,EAAI,EANiB;AAOrB,EAAA,EAAA,EAAI,EAPiB;AAQrB,EAAA,GAAA,EAAK,GARgB;AASrB,EAAA,GAAA,EAAK,GATgB;AAUrB,EAAA,GAAA,EAAK,GAVgB;EAWrB,GAAK,EAAA,GAAA;AAXgB;;ACAvB;;AAEG;AACI,IAAMC,WAAW,GAAG,GAApB;AAEP;;AAEG;;AACUC,IAAAA,WAAW,GAAG;;AAI3B;;;;AAIG;;SACaC,aAAaC,MAAcC,QAAgBC,QAAc;EACvE,OAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC,CAAA;AACD;;ACnBM,IAAMC,aAAa,GAAG;AAC3B;;AAEG;AACHC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;AAEG;AACH,EAAA,CAAA,EAAG,CARwB;;AAS3B;;AAEG;AACH,EAAA,CAAA,EAAG,CAZwB;;AAa3B;;AAEG;AACH,EAAA,EAAA,EAAI,EAhBuB;;AAiB3B;;AAEG;AACH,EAAA,EAAA,EAAI,EApBuB;;AAqB3B;;;;AAIG;AACHC,EAAAA,IAAI,EAAE,MAAA;AA1BqB;;;ACEtB,IAAMC,qBAAqB,GAAG,GAA9B;AAEMC,IAAAA,UAAU,IACpB,WAAA,GAAA,EAAA,EAAA,WAAA,CAAA,CADoB,CAChBR,GAAAA,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADpD,EAAA,WAAA,CAEpB,CAFoB,CAAA,GAEhBP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFpD,EAAA,WAAA,CAGpB,EAHoB,CAAA,GAGfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHtD,EAIpB,WAAA,CAAA,EAJoB,CAIfP,GAAAA,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAJtD,EAAhB,WAAA;;;;;;;;;;;;;"}

package/dist/index.modern.js

@@ -1,127 +0,0 @@
-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 +0,0 @@
-{"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":"AAKO,MAAMA,eAAe,GAAG;EAC7B,EAAI,EAAA;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAHe;EAK7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAPe;EAS7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAXe;EAa7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAfe;EAiB7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;AAFV,GAAA;AAjByB,EAAxB;AAuBA,MAAMC,iBAAiB,GAAG;AAC/B;;;;;;AAMG;AACH,SAR+B;AAS/B;;;;AAIG;AACH,MAd+B,EAA1B;AAiBA,MAAMC,kBAAkB,GAAG;AAChC;;;;AAIG;AACH,cANgC;AAOhC;;AAEG;AACH,WAVgC;;AC7C3B,MAAMC,OAAO,GAAG;AACrB,EAAA,CAAA,EAAG,CADkB;AAErB,EAAA,CAAA,EAAG,CAFkB;AAGrB,EAAA,CAAA,EAAG,CAHkB;AAIrB,EAAA,EAAA,EAAI,EAJiB;AAKrB,EAAA,EAAA,EAAI,EALiB;AAMrB,EAAA,EAAA,EAAI,EANiB;AAOrB,EAAA,EAAA,EAAI,EAPiB;AAQrB,EAAA,GAAA,EAAK,GARgB;AASrB,EAAA,GAAA,EAAK,GATgB;AAUrB,EAAA,GAAA,EAAK,GAVgB;EAWrB,GAAK,EAAA,GAAA;AAXgB;;ACAvB;;AAEG;AACI,MAAMC,WAAW,GAAG,GAApB;AAEP;;AAEG;;AACUC,MAAAA,WAAW,GAAG;;AAI3B;;;;AAIG;;SACaC,aAAaC,MAAcC,QAAgBC,QAAc;EACvE,OAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC,CAAA;AACD;;ACnBM,MAAMC,aAAa,GAAG;AAC3B;;AAEG;AACHC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;AAEG;AACH,EAAA,CAAA,EAAG,CARwB;;AAS3B;;AAEG;AACH,EAAA,CAAA,EAAG,CAZwB;;AAa3B;;AAEG;AACH,EAAA,EAAA,EAAI,EAhBuB;;AAiB3B;;AAEG;AACH,EAAA,EAAA,EAAI,EApBuB;;AAqB3B;;;;AAIG;AACHC,EAAAA,IAAI,EAAE,MAAA;AA1BqB;;ACEtB,MAAMC,qBAAqB,GAAG,GAA9B;AAEA,MAAMC,UAAU,GAAG;AACxB,EAAA,CAAC,CAAD,GAAKR,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADjD;AAExB,EAAA,CAAC,CAAD,GAAKP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFjD;AAGxB,EAAA,CAAC,EAAD,GAAMP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHnD;AAIxB,EAAA,CAAC,EAAD,GAAMP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAAA;AAJnD;;;;"}

package/dist/index.module.js

@@ -1,123 +0,0 @@
-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 +0,0 @@
-{"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":"AAKO,IAAMA,eAAe,GAAG;EAC7B,EAAI,EAAA;AACFC,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAHe;EAK7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAPe;EAS7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAXe;EAa7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;GAfe;EAiB7B,EAAI,EAAA;AACFD,IAAAA,QAAQ,EAAE,EADR;AAEFC,IAAAA,UAAU,EAAE,EAAA;AAFV,GAAA;AAjByB,EAAxB;AAuBA,IAAMC,iBAAiB,GAAG;AAC/B;;;;;;AAMG;AACH,SAR+B;AAS/B;;;;AAIG;AACH,MAd+B,EAA1B;AAiBA,IAAMC,kBAAkB,GAAG;AAChC;;;;AAIG;AACH,cANgC;AAOhC;;AAEG;AACH,WAVgC;;AC7C3B,IAAMC,OAAO,GAAG;AACrB,EAAA,CAAA,EAAG,CADkB;AAErB,EAAA,CAAA,EAAG,CAFkB;AAGrB,EAAA,CAAA,EAAG,CAHkB;AAIrB,EAAA,EAAA,EAAI,EAJiB;AAKrB,EAAA,EAAA,EAAI,EALiB;AAMrB,EAAA,EAAA,EAAI,EANiB;AAOrB,EAAA,EAAA,EAAI,EAPiB;AAQrB,EAAA,GAAA,EAAK,GARgB;AASrB,EAAA,GAAA,EAAK,GATgB;AAUrB,EAAA,GAAA,EAAK,GAVgB;EAWrB,GAAK,EAAA,GAAA;AAXgB;;ACAvB;;AAEG;AACI,IAAMC,WAAW,GAAG,GAApB;AAEP;;AAEG;;AACUC,IAAAA,WAAW,GAAG;;AAI3B;;;;AAIG;;SACaC,aAAaC,MAAcC,QAAgBC,QAAc;EACvE,OAAOF,IAAI,GAAGC,MAAP,GAAgB,CAACD,IAAI,GAAG,CAAR,IAAaE,MAApC,CAAA;AACD;;ACnBM,IAAMC,aAAa,GAAG;AAC3B;;AAEG;AACHC,EAAAA,IAAI,EAAE,CAJqB;;AAK3B;;AAEG;AACH,EAAA,CAAA,EAAG,CARwB;;AAS3B;;AAEG;AACH,EAAA,CAAA,EAAG,CAZwB;;AAa3B;;AAEG;AACH,EAAA,EAAA,EAAI,EAhBuB;;AAiB3B;;AAEG;AACH,EAAA,EAAA,EAAI,EApBuB;;AAqB3B;;;;AAIG;AACHC,EAAAA,IAAI,EAAE,MAAA;AA1BqB;;;ACEtB,IAAMC,qBAAqB,GAAG,GAA9B;AAEMC,IAAAA,UAAU,IACpB,WAAA,GAAA,EAAA,EAAA,WAAA,CAAA,CADoB,CAChBR,GAAAA,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CADpD,EAAA,WAAA,CAEpB,CAFoB,CAAA,GAEhBP,YAAY,CAAC,CAAD,EAAIF,WAAJ,EAAiBC,WAAjB,CAAZ,GAA4CQ,qBAAqB,GAAG,CAFpD,EAAA,WAAA,CAGpB,EAHoB,CAAA,GAGfP,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAHtD,EAIpB,WAAA,CAAA,EAJoB,CAIfP,GAAAA,YAAY,CAAC,EAAD,EAAKF,WAAL,EAAkBC,WAAlB,CAAZ,GAA6CQ,qBAAqB,GAAG,CAJtD,EAAhB,WAAA;;;;"}