@charcoal-ui/foundation 5.0.0-beta.1 → 5.0.0-beta.3

package/dist/index.cjs

@@ -0,0 +1,95 @@
+
+//#region src/typography.ts
+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", "bold"];
+const TYPOGRAPHY_VARIANT = ["proportional", "monospace"];
+
+//#endregion
+//#region src/spacing.ts
+const SPACING = {
+	0: 0,
+	4: 4,
+	8: 8,
+	16: 16,
+	24: 24,
+	40: 40,
+	64: 64,
+	104: 104,
+	168: 168,
+	272: 272,
+	440: 440
+};
+
+//#endregion
+//#region src/grid.ts
+/**
+* Unit for grid column (px)
+*/
+const COLUMN_UNIT = 80;
+/**
+* Unit for grid gutter width (px)
+*/
+const GUTTER_UNIT = 24;
+/**
+* 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;
+}
+
+//#endregion
+//#region src/border-radius.ts
+const BORDER_RADIUS = {
+	none: 0,
+	4: 4,
+	8: 8,
+	16: 16,
+	24: 24,
+	oval: 999999
+};
+
+//#endregion
+//#region src/breakpoint.ts
+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
+};
+
+//#endregion
+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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"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(\n  span: number,\n  column: number,\n  gutter: number\n): 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 { 10: 1160; 12: 1368; 6: 744; 8: 952 }\n"],"mappings":";;AAKA,MAAa,kBAAkB;CAC7B,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACF;AAED,MAAa,oBAAoB,CAQ/B,WAMA,OACD;AAED,MAAa,qBAAqB,CAMhC,gBAIA,YACD;;;;ACxDD,MAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;;;;;;;ACTD,MAAa,cAAc;;;;AAK3B,MAAa,cAAc;;;;;;AAS3B,SAAgB,aACd,MACA,QACA,QACQ;AACR,QAAO,OAAO,UAAU,OAAO,KAAK;;;;;ACtBtC,MAAa,gBAAgB;CAI3B,MAAM;CAIN,GAAG;CAIH,GAAG;CAIH,IAAI;CAIJ,IAAI;CAMJ,MAAM;CACP;;;;ACzBD,MAAa,wBAAwB;AAErC,MAAa,aAAa;EACvB,IAAI,aAAa,GAAG,aAAa,YAAY,GAAG,wBAAwB;EACxE,IAAI,aAAa,GAAG,aAAa,YAAY,GAAG,wBAAwB;EACxE,KAAK,aAAa,IAAI,aAAa,YAAY,GAAG,wBAAwB;EAC1E,KAAK,aAAa,IAAI,aAAa,YAAY,GAAG,wBAAwB;CAC5E"}

package/dist/index.d.cts

@@ -0,0 +1,147 @@
+//#region src/typography.d.ts
+interface TypographyDescriptor {
+  readonly lineHeight: number;
+  readonly fontSize: number;
+}
+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;
+  };
+};
+declare const TYPOGRAPHY_WEIGHT: readonly ["regular", "bold"];
+declare const TYPOGRAPHY_VARIANT: readonly ["proportional", "monospace"];
+//#endregion
+//#region src/spacing.d.ts
+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;
+};
+//#endregion
+//#region src/grid.d.ts
+/**
+* Unit for grid column (px)
+*/
+declare const COLUMN_UNIT = 80;
+/**
+* Unit for grid gutter width (px)
+*/
+declare const GUTTER_UNIT = 24;
+/**
+* Calculate px occupied by the span of the columns with gutter gap
+*
+* @param span column span count
+*/
+declare function columnSystem(span: number, column: number, gutter: number): number;
+//#endregion
+//#region src/border-radius.d.ts
+declare const BORDER_RADIUS: {
+  /**
+  * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+  */
+  readonly none: 0;
+  /**
+  * 用途: バッジ, 高さ40px以下の要素
+  */
+  readonly 4: 4;
+  /**
+  * 用途: サムネイル
+  */
+  readonly 8: 8;
+  /**
+  * 用途: チュートリアルツールチップ
+  */
+  readonly 16: 16;
+  /**
+  * 用途: モーダル
+  */
+  readonly 24: 24;
+  /**
+  * 真円 or 左右が丸まっている矩形 を作る時に用いる
+  *
+  * 用途: ボタン
+  */
+  readonly oval: 999999;
+};
+//#endregion
+//#region src/breakpoint.d.ts
+declare const HORIZONTAL_MIN_MARGIN = 72;
+declare const BREAKPOINT: {
+  10: 1160;
+  12: 1368;
+  6: 744;
+  8: 952;
+};
+//#endregion
+//#region src/color.d.ts
+type Material = string;
+type GradientMaterial = readonly {
+  readonly color: Material;
+  readonly ratio: number;
+}[];
+//#endregion
+//#region src/effect.d.ts
+type Effects = Readonly<Effect> | readonly Readonly<Effect>[];
+type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
+interface BaseEffect {}
+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;
+}
+interface OpacityEffect extends BaseEffect {
+  readonly type: "opacity";
+  /**
+  * Value to multiply with the current color's alpha value.
+  */
+  readonly opacity: number;
+}
+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;
+}
+//#endregion
+export { AlphaEffect, BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, Effect, Effects, GUTTER_UNIT, GradientMaterial, HORIZONTAL_MIN_MARGIN, Material, OpacityEffect, ReplaceEffect, SPACING, TYPOGRAPHY_SIZE, TYPOGRAPHY_VARIANT, TYPOGRAPHY_WEIGHT, TypographyDescriptor, columnSystem };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts","../src/color.ts","../src/effect.ts"],"sourcesContent":[],"mappings":";UAAiB,oBAAA;EAAjB,SAAiB,UAAA,EAAA,MAAA;EAKjB,SAAa,QAAA,EAAA,MAAA;AAuBb;AAiBa,cAxCA,eAkDX,EAAA;;;;ECvDF,CAAA;;;;ECGA,CAAA;EAKA,SAAa,EAAA,EAAA;IASb,SAAgB,QAAA,EAAA,EAAA;;;;ICjBhB,SAAa,QAAA,EAAA,EAAA;;;;ICEb,SAAa,QAAA,EAAA,EAAA;IAEb,SAAa,UAAA,EAAA,EAAA;;;cJwBA;AK5BD,cL6CC,kBK7CD,EAAA,SAAA,CAAA,cAAA,EAAA,WAAA,CAAA;;;cJAC;EDAb,SAAiB,CAAA,EAAA,CAAA;EAKjB,SAAa,CAAA,EAAA,CAAA;EAuBb,SAAa,CAAA,EAAA,CAAA;EAiBb,SAAa,EAAA,EAAA,EAAA;;;;EC7Cb,SAAa,GAAA,EAAA,GAAA;;;;ACGb,CAAA;;;;AFHA;AAKA;AAuBa,cEzBA,WAAA,GFuCX,EAAA;AAGF;;;cErCa,WAAA;ADRb;;;;ACGA;AAKa,iBASG,YAAA,CATH,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;cCRA;EHAb;AAKA;AAuBA;EAiBA,SAAa,IAAA,EAAA,CAAA;;;;EC7Cb,SAAa,CAAA,EAAA,CAAA;;;;ECGb,SAAa,CAAA,EAAA,CAAA;EAKb;AASA;;;;ACjBA;;;;ACEA;AAEA;;;;ACJA,CAAA;;;cDEa,qBAAA;AJFI,cIIJ,UJJI,EAAA;EAKjB,EAAA,EAAa,IAAA;EAuBb,EAAA,EAAa,IAAA;EAiBb,CAAA,EAAa,GAAA;;;;;KK7CD,QAAA;ALAK,KKEL,gBAAA,GLFK,SAAA;EAKjB,SAAa,KAAA,EKFK,QLEL;EAuBb,SAAa,KAAA,EAAA,MAAA;AAiBb,CAAA,EAAA;;;KM7CY,OAAA,GAAU,SAAS,mBAAmB,SAAS;ANA1C,KMEL,MAAA,GAAS,WNFJ,GMEkB,aNFlB,GMEkC,aNFlC;AAKjB,UMDU,UAAA,CNCG,CAAA;AAuBA,UMtBI,WAAA,SAAoB,UNoCnC,CAAA;EAGF,SAAa,IAAA,EAAA,OAAA;;;;EC7Cb,SAAa,KAAA,EAAA,MAAA;;;;ACGb;AAKA;EASA,SAAgB,OAAA,CAAA,EAAA,MAAA;;UIGC,aAAA,SAAsB;;EHpBvC;;;;ACEA;AAEa,UEwBI,aAAA,SAAsB,UFxB1B,CAAA;;;;ACJb;EAEA,SAAY,KAAA,CAAA,EAAA,MAAA;;;;ACFZ;;WAA+B,OAAA,CAAA,EAAA,MAAA"}

package/dist/index.d.ts

@@ -1,8 +1,147 @@
-export * from './typography';
-export * from './spacing';
-export * from './grid';
-export * from './border-radius';
-export * from './breakpoint';
-export * from './color';
-export * from './effect';
+//#region src/typography.d.ts
+interface TypographyDescriptor {
+  readonly lineHeight: number;
+  readonly fontSize: number;
+}
+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;
+  };
+};
+declare const TYPOGRAPHY_WEIGHT: readonly ["regular", "bold"];
+declare const TYPOGRAPHY_VARIANT: readonly ["proportional", "monospace"];
+//#endregion
+//#region src/spacing.d.ts
+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;
+};
+//#endregion
+//#region src/grid.d.ts
+/**
+* Unit for grid column (px)
+*/
+declare const COLUMN_UNIT = 80;
+/**
+* Unit for grid gutter width (px)
+*/
+declare const GUTTER_UNIT = 24;
+/**
+* Calculate px occupied by the span of the columns with gutter gap
+*
+* @param span column span count
+*/
+declare function columnSystem(span: number, column: number, gutter: number): number;
+//#endregion
+//#region src/border-radius.d.ts
+declare const BORDER_RADIUS: {
+  /**
+  * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
+  */
+  readonly none: 0;
+  /**
+  * 用途: バッジ, 高さ40px以下の要素
+  */
+  readonly 4: 4;
+  /**
+  * 用途: サムネイル
+  */
+  readonly 8: 8;
+  /**
+  * 用途: チュートリアルツールチップ
+  */
+  readonly 16: 16;
+  /**
+  * 用途: モーダル
+  */
+  readonly 24: 24;
+  /**
+  * 真円 or 左右が丸まっている矩形 を作る時に用いる
+  *
+  * 用途: ボタン
+  */
+  readonly oval: 999999;
+};
+//#endregion
+//#region src/breakpoint.d.ts
+declare const HORIZONTAL_MIN_MARGIN = 72;
+declare const BREAKPOINT: {
+  10: 1160;
+  12: 1368;
+  6: 744;
+  8: 952;
+};
+//#endregion
+//#region src/color.d.ts
+type Material = string;
+type GradientMaterial = readonly {
+  readonly color: Material;
+  readonly ratio: number;
+}[];
+//#endregion
+//#region src/effect.d.ts
+type Effects = Readonly<Effect> | readonly Readonly<Effect>[];
+type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
+interface BaseEffect {}
+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;
+}
+interface OpacityEffect extends BaseEffect {
+  readonly type: "opacity";
+  /**
+  * Value to multiply with the current color's alpha value.
+  */
+  readonly opacity: number;
+}
+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;
+}
+//#endregion
+export { AlphaEffect, BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, Effect, Effects, GUTTER_UNIT, GradientMaterial, HORIZONTAL_MIN_MARGIN, Material, OpacityEffect, ReplaceEffect, SPACING, TYPOGRAPHY_SIZE, TYPOGRAPHY_VARIANT, TYPOGRAPHY_WEIGHT, TypographyDescriptor, columnSystem };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/typography.ts","../src/spacing.ts","../src/grid.ts","../src/border-radius.ts","../src/breakpoint.ts","../src/color.ts","../src/effect.ts"],"sourcesContent":[],"mappings":";UAAiB,oBAAA;EAAjB,SAAiB,UAAA,EAAA,MAAA;EAKjB,SAAa,QAAA,EAAA,MAAA;AAuBb;AAiBa,cAxCA,eAkDX,EAAA;;;;ECvDF,CAAA;;;;ECGA,CAAA;EAKA,SAAa,EAAA,EAAA;IASb,SAAgB,QAAA,EAAA,EAAA;;;;ICjBhB,SAAa,QAAA,EAAA,EAAA;;;;ICEb,SAAa,QAAA,EAAA,EAAA;IAEb,SAAa,UAAA,EAAA,EAAA;;;cJwBA;AK5BD,cL6CC,kBK7CD,EAAA,SAAA,CAAA,cAAA,EAAA,WAAA,CAAA;;;cJAC;EDAb,SAAiB,CAAA,EAAA,CAAA;EAKjB,SAAa,CAAA,EAAA,CAAA;EAuBb,SAAa,CAAA,EAAA,CAAA;EAiBb,SAAa,EAAA,EAAA,EAAA;;;;EC7Cb,SAAa,GAAA,EAAA,GAAA;;;;ACGb,CAAA;;;;AFHA;AAKA;AAuBa,cEzBA,WAAA,GFuCX,EAAA;AAGF;;;cErCa,WAAA;ADRb;;;;ACGA;AAKa,iBASG,YAAA,CATH,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,MAAA;;;cCRA;EHAb;AAKA;AAuBA;EAiBA,SAAa,IAAA,EAAA,CAAA;;;;EC7Cb,SAAa,CAAA,EAAA,CAAA;;;;ECGb,SAAa,CAAA,EAAA,CAAA;EAKb;AASA;;;;ACjBA;;;;ACEA;AAEA;;;;ACJA,CAAA;;;cDEa,qBAAA;AJFI,cIIJ,UJJI,EAAA;EAKjB,EAAA,EAAa,IAAA;EAuBb,EAAA,EAAa,IAAA;EAiBb,CAAA,EAAa,GAAA;;;;;KK7CD,QAAA;ALAK,KKEL,gBAAA,GLFK,SAAA;EAKjB,SAAa,KAAA,EKFK,QLEL;EAuBb,SAAa,KAAA,EAAA,MAAA;AAiBb,CAAA,EAAA;;;KM7CY,OAAA,GAAU,SAAS,mBAAmB,SAAS;ANA1C,KMEL,MAAA,GAAS,WNFJ,GMEkB,aNFlB,GMEkC,aNFlC;AAKjB,UMDU,UAAA,CNCG,CAAA;AAuBA,UMtBI,WAAA,SAAoB,UNoCnC,CAAA;EAGF,SAAa,IAAA,EAAA,OAAA;;;;EC7Cb,SAAa,KAAA,EAAA,MAAA;;;;ACGb;AAKA;EASA,SAAgB,OAAA,CAAA,EAAA,MAAA;;UIGC,aAAA,SAAsB;;EHpBvC;;;;ACEA;AAEa,UEwBI,aAAA,SAAsB,UFxB1B,CAAA;;;;ACJb;EAEA,SAAY,KAAA,CAAA,EAAA,MAAA;;;;ACFZ;;WAA+B,OAAA,CAAA,EAAA,MAAA"}

package/dist/index.js

@@ -0,0 +1,85 @@
+//#region src/typography.ts
+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", "bold"];
+const TYPOGRAPHY_VARIANT = ["proportional", "monospace"];
+
+//#endregion
+//#region src/spacing.ts
+const SPACING = {
+	0: 0,
+	4: 4,
+	8: 8,
+	16: 16,
+	24: 24,
+	40: 40,
+	64: 64,
+	104: 104,
+	168: 168,
+	272: 272,
+	440: 440
+};
+
+//#endregion
+//#region src/grid.ts
+/**
+* Unit for grid column (px)
+*/
+const COLUMN_UNIT = 80;
+/**
+* Unit for grid gutter width (px)
+*/
+const GUTTER_UNIT = 24;
+/**
+* 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;
+}
+
+//#endregion
+//#region src/border-radius.ts
+const BORDER_RADIUS = {
+	none: 0,
+	4: 4,
+	8: 8,
+	16: 16,
+	24: 24,
+	oval: 999999
+};
+
+//#endregion
+//#region src/breakpoint.ts
+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
+};
+
+//#endregion
+export { BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, GUTTER_UNIT, HORIZONTAL_MIN_MARGIN, SPACING, TYPOGRAPHY_SIZE, TYPOGRAPHY_VARIANT, TYPOGRAPHY_WEIGHT, columnSystem };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"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(\n  span: number,\n  column: number,\n  gutter: number\n): 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 { 10: 1160; 12: 1368; 6: 744; 8: 952 }\n"],"mappings":";AAKA,MAAa,kBAAkB;CAC7B,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACb;CACF;AAED,MAAa,oBAAoB,CAQ/B,WAMA,OACD;AAED,MAAa,qBAAqB,CAMhC,gBAIA,YACD;;;;ACxDD,MAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;;;;;;;ACTD,MAAa,cAAc;;;;AAK3B,MAAa,cAAc;;;;;;AAS3B,SAAgB,aACd,MACA,QACA,QACQ;AACR,QAAO,OAAO,UAAU,OAAO,KAAK;;;;;ACtBtC,MAAa,gBAAgB;CAI3B,MAAM;CAIN,GAAG;CAIH,GAAG;CAIH,IAAI;CAIJ,IAAI;CAMJ,MAAM;CACP;;;;ACzBD,MAAa,wBAAwB;AAErC,MAAa,aAAa;EACvB,IAAI,aAAa,GAAG,aAAa,YAAY,GAAG,wBAAwB;EACxE,IAAI,aAAa,GAAG,aAAa,YAAY,GAAG,wBAAwB;EACxE,KAAK,aAAa,IAAI,aAAa,YAAY,GAAG,wBAAwB;EAC1E,KAAK,aAAa,IAAI,aAAa,YAAY,GAAG,wBAAwB;CAC5E"}

package/package.json

@@ -1,24 +1,22 @@
 {
   "name": "@charcoal-ui/foundation",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.3",
   "license": "Apache-2.0",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "require": "./dist/index.cjs.js",
-    "import": "./dist/index.esm.js",
-    "default": "./dist/index.esm.js"
+    "types": {
+      "import": "./dist/index.d.ts",
+      "require": "./dist/index.d.cts",
+      "default": "./dist/index.d.ts"
+    },
+    "require": "./dist/index.cjs",
+    "import": "./dist/index.js",
+    "default": "./dist/index.js"
   },
   "types": "./dist/index.d.ts",
   "sideEffects": false,
-  "devDependencies": {
-    "npm-run-all": "^4.1.5",
-    "rimraf": "^3.0.2",
-    "tsup": "^6.5.0",
-    "typescript": "^4.9.5",
-    "vitest": "^2.0.1"
-  },
   "files": [
     "src",
     "dist"
@@ -33,10 +31,8 @@
   },
   "gitHead": "e1ece2e43901ae667afdd5c178040607d939dcd5",
   "scripts": {
-    "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",
+    "build": "tsdown",
+    "typecheck": "tsc --pretty --noEmit",
     "clean": "rimraf dist .tsbuildinfo",
     "test": "vitest run --passWithNoTests"
   }

package/src/breakpoint.test.ts

@@ -0,0 +1,12 @@
+import { BREAKPOINT } from './breakpoint'
+
+it('checks BREAKPOINT', () => {
+  expect(BREAKPOINT).toMatchInlineSnapshot(`
+    {
+      "10": 1160,
+      "12": 1368,
+      "6": 744,
+      "8": 952,
+    }
+  `)
+})

package/src/breakpoint.ts

@@ -7,4 +7,4 @@ export const BREAKPOINT = {
   [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,
-} as const
+} as { 10: 1160; 12: 1368; 6: 744; 8: 952 }

package/src/grid.ts

@@ -15,6 +15,10 @@ export const GUTTER_UNIT = 24
  *
  * @param span column span count
  */
-export function columnSystem(span: number, column: number, gutter: number) {
+export function columnSystem(
+  span: number,
+  column: number,
+  gutter: number
+): number {
   return span * column + (span - 1) * gutter
 }

package/dist/border-radius.d.ts

@@ -1,29 +0,0 @@
-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/border-radius.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"border-radius.d.ts","sourceRoot":"","sources":["../src/border-radius.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;IACxB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;CAEK,CAAA"}

package/dist/breakpoint.d.ts

@@ -1,8 +0,0 @@
-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/breakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../src/breakpoint.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,KAAK,CAAA;AAEvC,eAAO,MAAM,UAAU;;;;;CAKb,CAAA"}

package/dist/color.d.ts

@@ -1,6 +0,0 @@
-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 +0,0 @@
-{"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 +0,0 @@
-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 +0,0 @@
-{"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 +0,0 @@
-/**
- * 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/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B;;GAEG;AACH,eAAO,MAAM,WAAW,KAAK,CAAA;AAI7B;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAExE"}

package/dist/index.cjs.js

@@ -1,161 +0,0 @@
-"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 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"
-];
-
-// 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,
-  /**
-   * 用途: バッジ, 高さ40px以下の要素
-   */
-  4: 4,
-  /**
-   * 用途: サムネイル
-   */
-  8: 8,
-  /**
-   * 用途: チュートリアルツールチップ
-   */
-  16: 16,
-  /**
-   * 用途: モーダル
-   */
-  24: 24,
-  /**
-   * 真円 or 左右が丸まっている矩形 を作る時に用いる
-   *
-   * 用途: ボタン
-   */
-  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

@@ -1 +0,0 @@
-{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA;AACF;AAEO,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhC;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA,EAI3B,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,IAAI;AAAA;AAAA;AAAA;AAAA,EAIJ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMJ,MAAM;AACR;;;ACzBO,IAAM,wBAAwB;AAE9B,IAAM,aAAa;AAAA,EACxB,CAAC,CAAC,GAAG,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,CAAC,GAAG,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,EAAE,GAAG,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAAA,EAC3E,CAAC,EAAE,GAAG,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAC7E;","names":[]}

package/dist/index.esm.js

@@ -1,125 +0,0 @@
-// 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 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"
-];
-
-// 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,
-  /**
-   * 用途: バッジ, 高さ40px以下の要素
-   */
-  4: 4,
-  /**
-   * 用途: サムネイル
-   */
-  8: 8,
-  /**
-   * 用途: チュートリアルツールチップ
-   */
-  16: 16,
-  /**
-   * 用途: モーダル
-   */
-  24: 24,
-  /**
-   * 真円 or 左右が丸まっている矩形 を作る時に用いる
-   *
-   * 用途: ボタン
-   */
-  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

@@ -1 +0,0 @@
-{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA;AACF;AAEO,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhC;AAAA;AAAA;AAAA;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;AAAA;AAAA;AAAA,EAI3B,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,IAAI;AAAA;AAAA;AAAA;AAAA,EAIJ,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMJ,MAAM;AACR;;;ACzBO,IAAM,wBAAwB;AAE9B,IAAM,aAAa;AAAA,EACxB,CAAC,CAAC,GAAG,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,CAAC,GAAG,aAAa,GAAG,aAAa,WAAW,IAAI,wBAAwB;AAAA,EACzE,CAAC,EAAE,GAAG,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAAA,EAC3E,CAAC,EAAE,GAAG,aAAa,IAAI,aAAa,WAAW,IAAI,wBAAwB;AAC7E;","names":[]}

package/dist/spacing.d.ts

@@ -1,14 +0,0 @@
-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/spacing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../src/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYV,CAAA"}

package/dist/typography.d.ts

@@ -1,29 +0,0 @@
-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/dist/typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;CAqBlB,CAAA;AAEV,eAAO,MAAM,iBAAiB,8BAepB,CAAA;AAEV,eAAO,MAAM,kBAAkB,wCAWrB,CAAA"}