@charcoal-ui/theme 5.0.0-beta.2 → 5.0.0-beta.3

package/dist/chunk-CUT6urMc.cjs

@@ -0,0 +1,30 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/index.cjs

@@ -0,0 +1,152 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+let polished_lib_color_rgba = require("polished/lib/color/rgba");
+polished_lib_color_rgba = require_chunk.__toESM(polished_lib_color_rgba);
+let __charcoal_ui_foundation = require("@charcoal-ui/foundation");
+__charcoal_ui_foundation = require_chunk.__toESM(__charcoal_ui_foundation);
+let __charcoal_ui_utils = require("@charcoal-ui/utils");
+__charcoal_ui_utils = require_chunk.__toESM(__charcoal_ui_utils);
+
+//#region src/default.ts
+const outlineEffect = {
+	type: "opacity",
+	opacity: .32
+};
+const assertive = "#ff2b00";
+const brand = "#0096fa";
+const borderForLight = (0, polished_lib_color_rgba.default)("#000000", .08);
+const borderForDark = (0, polished_lib_color_rgba.default)("#ffffff", .12);
+const common = {
+	typography: { size: __charcoal_ui_foundation.TYPOGRAPHY_SIZE },
+	spacing: __charcoal_ui_foundation.SPACING,
+	grid: { unit: {
+		column: __charcoal_ui_foundation.COLUMN_UNIT,
+		gutter: __charcoal_ui_foundation.GUTTER_UNIT
+	} },
+	borderRadius: __charcoal_ui_foundation.BORDER_RADIUS,
+	transition: { default: { duration: .2 } },
+	breakpoint: {
+		screen1: __charcoal_ui_foundation.BREAKPOINT[6],
+		screen2: __charcoal_ui_foundation.BREAKPOINT[8],
+		screen3: __charcoal_ui_foundation.BREAKPOINT[10],
+		screen4: __charcoal_ui_foundation.BREAKPOINT[12]
+	},
+	gradientColor: {
+		surface5: [{
+			color: (0, polished_lib_color_rgba.default)("#000000", .32),
+			ratio: 0
+		}, {
+			color: (0, polished_lib_color_rgba.default)("#000000", 0),
+			ratio: 100
+		}],
+		callToAction: [{
+			color: "#d1ff1a",
+			ratio: 0
+		}, {
+			color: "#1ad1ff",
+			ratio: 100
+		}]
+	},
+	outline: {
+		default: {
+			color: (0, __charcoal_ui_utils.applyEffect)(brand, outlineEffect),
+			weight: 4
+		},
+		assertive: {
+			color: (0, __charcoal_ui_utils.applyEffect)(assertive, outlineEffect),
+			weight: 4
+		}
+	},
+	elementEffect: { disabled: {
+		type: "opacity",
+		opacity: .32
+	} }
+};
+const light = {
+	...common,
+	effect: {
+		hover: {
+			type: "alpha",
+			color: (0, polished_lib_color_rgba.default)("#000000", .04)
+		},
+		press: {
+			type: "alpha",
+			color: (0, polished_lib_color_rgba.default)("#000000", .16)
+		}
+	},
+	color: {
+		transparent: (0, polished_lib_color_rgba.default)("#000000", 0),
+		background1: "#ffffff",
+		background2: "#f5f5f5",
+		icon6: (0, polished_lib_color_rgba.default)("#ffffff", .28),
+		link1: "#3d7699",
+		link2: (0, polished_lib_color_rgba.default)("#ffffff", .36),
+		surface1: "#ffffff",
+		surface2: (0, polished_lib_color_rgba.default)("#000000", .02),
+		surface3: (0, polished_lib_color_rgba.default)("#000000", .04),
+		surface4: (0, polished_lib_color_rgba.default)("#000000", .32),
+		surface6: (0, polished_lib_color_rgba.default)("#000000", .88),
+		surface7: (0, polished_lib_color_rgba.default)("#000000", .02),
+		surface8: (0, polished_lib_color_rgba.default)("#000000", .88),
+		surface9: "#ffffff",
+		surface10: (0, polished_lib_color_rgba.default)("#000000", .16),
+		text1: "#1f1f1f",
+		text2: "#474747",
+		text3: "#858585",
+		text4: "#adadad",
+		text5: "#ffffff",
+		brand,
+		assertive,
+		warning: "#ffaf0f",
+		success: "#b1cc29",
+		updatedItem: (0, polished_lib_color_rgba.default)(0, 150, 250, .04),
+		border: borderForLight
+	},
+	border: { default: { color: borderForLight } }
+};
+const dark = {
+	...common,
+	effect: {
+		hover: {
+			type: "alpha",
+			color: (0, polished_lib_color_rgba.default)("#ffffff", .12)
+		},
+		press: {
+			type: "alpha",
+			color: (0, polished_lib_color_rgba.default)("#ffffff", .2)
+		}
+	},
+	color: {
+		transparent: (0, polished_lib_color_rgba.default)("#000000", 0),
+		background1: "#1f1f1f",
+		background2: "#000000",
+		icon6: light.color.icon6,
+		link1: "#669FC2",
+		link2: light.color.link2,
+		surface1: "#1f1f1f",
+		surface2: (0, polished_lib_color_rgba.default)("#000000", .16),
+		surface3: (0, polished_lib_color_rgba.default)("#ffffff", .12),
+		surface4: light.color.surface4,
+		surface6: (0, polished_lib_color_rgba.default)("#ffffff", .12),
+		surface7: (0, polished_lib_color_rgba.default)("#000000", 0),
+		surface8: light.color.surface8,
+		surface9: "#333333",
+		surface10: (0, polished_lib_color_rgba.default)("#ffffff", .2),
+		text1: "#f5f5f5",
+		text2: "#d6d6d6",
+		text3: "#858585",
+		text4: "#5c5c5c",
+		text5: "#f5f5f5",
+		brand,
+		assertive,
+		warning: light.color.warning,
+		success: light.color.success,
+		updatedItem: (0, polished_lib_color_rgba.default)(0, 150, 250, .12),
+		border: borderForDark
+	},
+	border: { default: { color: borderForDark } }
+};
+
+//#endregion
+exports.dark = dark;
+exports.light = light;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["TYPOGRAPHY_SIZE","SPACING","COLUMN_UNIT","GUTTER_UNIT","BORDER_RADIUS","BREAKPOINT","light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/default.ts"],"sourcesContent":["import rgba from 'polished/lib/color/rgba'\nimport { CharcoalTheme } from './theme'\nimport {\n  BORDER_RADIUS,\n  BREAKPOINT,\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  TYPOGRAPHY_SIZE,\n} from '@charcoal-ui/foundation'\nimport { applyEffect } from '@charcoal-ui/utils'\n\nconst outlineEffect = {\n  type: 'opacity',\n  opacity: 0.32,\n} as const\n\nconst assertive = '#ff2b00'\nconst brand = '#0096fa'\nconst borderForLight = rgba('#000000', 0.08)\nconst borderForDark = rgba('#ffffff', 0.12)\n\nconst common = {\n  typography: {\n    size: TYPOGRAPHY_SIZE,\n  },\n  spacing: SPACING,\n  grid: {\n    unit: {\n      column: COLUMN_UNIT,\n      gutter: GUTTER_UNIT,\n    },\n  },\n  borderRadius: BORDER_RADIUS,\n  transition: {\n    default: {\n      duration: 0.2,\n    },\n  },\n  breakpoint: {\n    screen1: BREAKPOINT[6],\n    screen2: BREAKPOINT[8],\n    screen3: BREAKPOINT[10],\n    screen4: BREAKPOINT[12],\n  },\n  gradientColor: {\n    surface5: [\n      { color: rgba('#000000', 0.32), ratio: 0 },\n      { color: rgba('#000000', 0), ratio: 100 },\n    ],\n    callToAction: [\n      { color: '#d1ff1a', ratio: 0 },\n      { color: '#1ad1ff', ratio: 100 },\n    ],\n  },\n  outline: {\n    default: {\n      color: applyEffect(brand, outlineEffect),\n      weight: 4,\n    },\n    assertive: {\n      color: applyEffect(assertive, outlineEffect),\n      weight: 4,\n    },\n  },\n  elementEffect: {\n    disabled: {\n      type: 'opacity',\n      opacity: 0.32,\n    },\n  },\n} as const\n\nexport const light: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#000000', 0.04), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#000000', 0.16), // surface10\n    },\n  },\n  color: {\n    // TODO: colors should be picked from foundation color palette\n    transparent: rgba('#000000', 0),\n    background1: '#ffffff',\n    background2: '#f5f5f5',\n    icon6: rgba('#ffffff', 0.28),\n    link1: '#3d7699',\n    link2: rgba('#ffffff', 0.36),\n    surface1: '#ffffff',\n    surface2: rgba('#000000', 0.02),\n    surface3: rgba('#000000', 0.04),\n    surface4: rgba('#000000', 0.32),\n    surface6: rgba('#000000', 0.88),\n    surface7: rgba('#000000', 0.02),\n    surface8: rgba('#000000', 0.88),\n    surface9: '#ffffff',\n    surface10: rgba('#000000', 0.16),\n    text1: '#1f1f1f',\n    text2: '#474747',\n    text3: '#858585',\n    text4: '#adadad',\n    text5: '#ffffff',\n    brand,\n    assertive,\n    warning: '#ffaf0f',\n    success: '#b1cc29',\n    updatedItem: rgba(0, 150, 250, 0.04),\n    border: borderForLight,\n  },\n  border: {\n    default: {\n      color: borderForLight,\n    },\n  },\n}\n\nexport const dark: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.12), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.2), // surface10\n    },\n  },\n  color: {\n    transparent: rgba('#000000', 0),\n    background1: '#1f1f1f',\n    background2: '#000000',\n    icon6: light.color.icon6,\n    link1: '#669FC2',\n    link2: light.color.link2,\n    surface1: '#1f1f1f',\n    surface2: rgba('#000000', 0.16),\n    surface3: rgba('#ffffff', 0.12),\n    surface4: light.color.surface4,\n    surface6: rgba('#ffffff', 0.12),\n    surface7: rgba('#000000', 0),\n    surface8: light.color.surface8,\n    surface9: '#333333',\n    surface10: rgba('#ffffff', 0.2),\n    text1: '#f5f5f5',\n    text2: '#d6d6d6',\n    text3: '#858585',\n    text4: '#5c5c5c',\n    text5: '#f5f5f5',\n    brand,\n    assertive,\n    warning: light.color.warning,\n    success: light.color.success,\n    updatedItem: rgba(0, 150, 250, 0.12),\n    border: borderForDark,\n  },\n  border: {\n    default: {\n      color: borderForDark,\n    },\n  },\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAgB;CACpB,MAAM;CACN,SAAS;CACV;AAED,MAAM,YAAY;AAClB,MAAM,QAAQ;AACd,MAAM,sDAAsB,WAAW,IAAK;AAC5C,MAAM,qDAAqB,WAAW,IAAK;AAE3C,MAAM,SAAS;CACb,YAAY,EACV,MAAMA,0CACP;CACD,SAASC;CACT,MAAM,EACJ,MAAM;EACJ,QAAQC;EACR,QAAQC;EACT,EACF;CACD,cAAcC;CACd,YAAY,EACV,SAAS,EACP,UAAU,IACX,EACF;CACD,YAAY;EACV,SAASC,oCAAW;EACpB,SAASA,oCAAW;EACpB,SAASA,oCAAW;EACpB,SAASA,oCAAW;EACrB;CACD,eAAe;EACb,UAAU,CACR;GAAE,4CAAY,WAAW,IAAK;GAAE,OAAO;GAAG,EAC1C;GAAE,4CAAY,WAAW,EAAE;GAAE,OAAO;GAAK,CAC1C;EACD,cAAc,CACZ;GAAE,OAAO;GAAW,OAAO;GAAG,EAC9B;GAAE,OAAO;GAAW,OAAO;GAAK,CACjC;EACF;CACD,SAAS;EACP,SAAS;GACP,4CAAmB,OAAO,cAAc;GACxC,QAAQ;GACT;EACD,WAAW;GACT,4CAAmB,WAAW,cAAc;GAC5C,QAAQ;GACT;EACF;CACD,eAAe,EACb,UAAU;EACR,MAAM;EACN,SAAS;EACV,EACF;CACF;AAED,MAAaC,QAAuB;CAClC,GAAG;CACH,QAAQ;EACN,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACD,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACF;CACD,OAAO;EAEL,kDAAkB,WAAW,EAAE;EAC/B,aAAa;EACb,aAAa;EACb,4CAAY,WAAW,IAAK;EAC5B,OAAO;EACP,4CAAY,WAAW,IAAK;EAC5B,UAAU;EACV,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,UAAU;EACV,gDAAgB,WAAW,IAAK;EAChC,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP;EACA;EACA,SAAS;EACT,SAAS;EACT,kDAAkB,GAAG,KAAK,KAAK,IAAK;EACpC,QAAQ;EACT;CACD,QAAQ,EACN,SAAS,EACP,OAAO,gBACR,EACF;CACF;AAED,MAAaC,OAAsB;CACjC,GAAG;CACH,QAAQ;EACN,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,IAAK;GAC7B;EACD,OAAO;GACL,MAAM;GACN,4CAAY,WAAW,GAAI;GAC5B;EACF;CACD,OAAO;EACL,kDAAkB,WAAW,EAAE;EAC/B,aAAa;EACb,aAAa;EACb,OAAO,MAAM,MAAM;EACnB,OAAO;EACP,OAAO,MAAM,MAAM;EACnB,UAAU;EACV,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,IAAK;EAC/B,UAAU,MAAM,MAAM;EACtB,+CAAe,WAAW,IAAK;EAC/B,+CAAe,WAAW,EAAE;EAC5B,UAAU,MAAM,MAAM;EACtB,UAAU;EACV,gDAAgB,WAAW,GAAI;EAC/B,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP;EACA;EACA,SAAS,MAAM,MAAM;EACrB,SAAS,MAAM,MAAM;EACrB,kDAAkB,GAAG,KAAK,KAAK,IAAK;EACpC,QAAQ;EACT;CACD,QAAQ,EACN,SAAS,EACP,OAAO,eACR,EACF;CACF"}

package/dist/index.d.cts

@@ -0,0 +1,129 @@
+import { BORDER_RADIUS, Effect, GradientMaterial, Material, OpacityEffect, SPACING, TypographyDescriptor } from "@charcoal-ui/foundation";
+
+//#region src/abstract-theme.d.ts
+type EffectType = "hover" | "press" | "disabled";
+type Key = string | number | symbol;
+type ColorStyleTheme = { [key in Key]: Material };
+interface CharcoalAbstractTheme {
+  color: ColorStyleTheme;
+  gradientColor: { [key in Key]: GradientMaterial };
+  effect: { [key in EffectType]?: Effect };
+  elementEffect: { [key in EffectType]?: OpacityEffect };
+  spacing: { [key in Key]: number };
+  typography: {
+    size: { [key in Key]: TypographyDescriptor };
+  };
+  borderRadius: { [key in Key]: number };
+  border: { [key in Key]: {
+    color: Material;
+  } };
+  outline: { [key in Key]: {
+    color: Material;
+    weight: number;
+  } };
+  grid: {
+    unit: {
+      column: number;
+      gutter: number;
+    };
+  };
+  transition: { [key in Key]: {
+    duration: number;
+  } };
+}
+//#endregion
+//#region src/theme.d.ts
+interface CharcoalTheme extends CharcoalAbstractTheme {
+  readonly color: ThemeColor;
+  readonly gradientColor: ThemeColorGradient;
+  /**
+  * effect for color (background or font color)
+  */
+  readonly effect: ThemeEffect;
+  /**
+  * effect for element its own (opacify element includes descendants)
+  */
+  readonly elementEffect: ThemeElementEffect;
+  readonly spacing: Spacing;
+  readonly typography: {
+    readonly size: Typography;
+  };
+  readonly borderRadius: BorderRadius;
+  readonly border: {
+    readonly default: {
+      readonly color: Material;
+    };
+  };
+  readonly outline: {
+    readonly default: {
+      readonly color: string;
+      readonly weight: 4;
+    };
+    readonly assertive: {
+      readonly color: string;
+      readonly weight: 4;
+    };
+  };
+  readonly breakpoint: Breakpoint;
+}
+type ThemeColor = {
+  readonly transparent: Material;
+  readonly background1: Material;
+  readonly background2: Material;
+  readonly surface1: Material;
+  readonly surface2: Material;
+  readonly surface3: Material;
+  readonly surface4: Material;
+  readonly surface6: Material;
+  readonly surface7: Material;
+  readonly surface8: Material;
+  readonly surface9: Material;
+  readonly surface10: Material;
+  readonly link1: Material;
+  readonly link2: Material;
+  readonly text1: Material;
+  readonly text2: Material;
+  readonly text3: Material;
+  readonly text4: Material;
+  readonly text5: Material;
+  readonly icon6: Material;
+  readonly brand: Material;
+  readonly assertive: Material;
+  readonly warning: Material;
+  readonly success: Material;
+  readonly updatedItem: Material;
+  readonly border: Material;
+};
+type ThemeEffect = {
+  readonly hover: Effect;
+  readonly press: Effect;
+};
+type ThemeElementEffect = {
+  readonly disabled: OpacityEffect;
+};
+type ThemeColorGradient = {
+  readonly surface5: GradientMaterial;
+  readonly callToAction: GradientMaterial;
+};
+type Typography = {
+  readonly [12]: TypographyDescriptor;
+  readonly [14]: TypographyDescriptor;
+  readonly [16]: TypographyDescriptor;
+  readonly [20]: TypographyDescriptor;
+  readonly [32]: TypographyDescriptor;
+};
+type Breakpoint = {
+  readonly screen1: number;
+  readonly screen2: number;
+  readonly screen3: number;
+  readonly screen4: number;
+};
+type Spacing = Readonly<Record<keyof typeof SPACING, number>>;
+type BorderRadius = Readonly<Record<keyof typeof BORDER_RADIUS, number>>;
+//#endregion
+//#region src/default.d.ts
+declare const light: CharcoalTheme;
+declare const dark: CharcoalTheme;
+//#endregion
+export { BorderRadius, Breakpoint, CharcoalAbstractTheme, CharcoalTheme, ColorStyleTheme, EffectType, Key, Spacing, ThemeColor, ThemeColorGradient, ThemeEffect, ThemeElementEffect, Typography, dark, light };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":";;;KAQY,UAAA;KAEA,GAAA;AAFA,KAIA,eAAA,GAJA,UAKF,GALE,GAKI,QALJ,EAAA;AAEA,UAMK,qBAAA,CANL;EAEZ,KAAY,EAKH,eALG;EAAA,aAAA,EAAA,UAMe,GANf,GAMqB,gBANrB,EAAA;QACF,EAAA,UAMU,UANV,IAMwB,MANxB,EAAA;eAAM,EAAA,UAOW,UAPX,IAOyB,aAPzB,EAAA;EAAA,OAAA,EAAA,UAQK,GARL,GAAA,MAAA,EAAA;EAGhB,UAAiB,EAAA;IAAA,IAAA,EAAA,UAOG,GAPH,GAOS,oBAPT,EAAA;;cAEU,EAAA,UAUD,GAVC,GAAA,MAAA,EAAA;QAAM,EAAA,UAYrB,GAZqB,GAAA;SACb,EAYP,QAZO;;SACO,EAAA,UAiBf,GAjBe,GAAA;SAAc,EAkB5B,QAlB4B;UACpB,EAAA,MAAA;;QAEK;UAKA;YAEd,EAAA,MAAA;YACC,EAAA,MAAA;;;YAkBD,EAAA,UAAA,GAAA,GAAA;IAAA,QAAA,EAAA,MAAA;;;;;UCtCK,aAAA,SAAsB;EDHvC,SAAY,KAAA,ECIM,UDJN;EAEZ,SAAY,aAAA,ECGc,kBDHd;EAEZ;;;WACgB,MAAA,ECIG,WDJH;EAAA;AAGhB;;WACS,aAAA,ECIiB,kBDJjB;WACkB,OAAA,ECIP,ODJO;WAAM,UAAA,EAAA;aACb,IAAA,ECKD,UDLC;;WACO,YAAA,ECMF,YDNE;WAAc,MAAA,EAAA;aACpB,OAAA,EAAA;eAED,KAAA,ECME,QDNF;;;WAOR,OAAA,EAAA;aACC,OAAA,EAAA;eAMD,KAAA,EAAA,MAAA;eACC,MAAA,EAAA,CAAA;;IAWD,SAAA,SAAA,EAAA;;;;ECtCZ,CAAA;EAAiB,SAAA,UAAA,EA+BM,UA/BN;;AAES,KAgCd,UAAA,GAhCc;WAIP,WAAA,EA6BK,QA7BL;WAIO,WAAA,EA0BF,QA1BE;WACN,WAAA,EA0BI,QA1BJ;WAED,QAAA,EAyBE,QAzBF;WAEM,QAAA,EAwBJ,QAxBI;WAGH,QAAA,EAsBD,QAtBC;WAaC,QAAA,EAUF,QAVE;WA/BgB,QAAA,EA2ClB,QA3CkB;EAAA,SAAA,QAAA,EA4ClB,QA5CkB;EAkCvC,SAAY,QAAA,EAWS,QAXT;EAAA,SAAA,QAAA,EAYS,QAZT;WACY,SAAA,EAYF,QAZE;WACA,KAAA,EAYN,QAZM;WACA,KAAA,EAYN,QAZM;WACH,KAAA,EAYH,QAZG;WACA,KAAA,EAYH,QAZG;WACA,KAAA,EAYH,QAZG;WACA,KAAA,EAYH,QAZG;WAEA,KAAA,EAWH,QAXG;WACA,KAAA,EAWH,QAXG;WACA,KAAA,EAWH,QAXG;WACA,SAAA,EAWC,QAXD;WACC,OAAA,EAWF,QAXE;WACJ,OAAA,EAWE,QAXF;WACA,WAAA,EAWM,QAXN;WACA,MAAA,EAWC,QAXD;;AAEA,KAYN,WAAA,GAZM;WACA,KAAA,EAYA,MAZA;WACA,KAAA,EAYA,MAZA;;AAEA,KAaN,kBAAA,GAbM;WACI,QAAA,EAaD,aAbC;;AAEF,KAcR,kBAAA,GAdQ;WACI,QAAA,EAcH,gBAdG;WACL,YAAA,EAcM,gBAdN;CAAA;AAGP,KAcA,UAAA,GAdA;EAAA,UAAA,EAAA,CAAA,EAeK,oBAfL;YACM,EAAA,CAAA,EAeD,oBAfC;YACA,EAAA,CAAA,EAeD,oBAfC;EAAA,UAAA,EAAA,CAAA,EAgBD,oBAhBC;EAGlB,UAAY,EAAA,CAAA,EAcK,oBAbI;AAGrB,CAAA;AAAY,KAaA,UAAA,GAbA;WACS,OAAA,EAAA,MAAA;WACI,OAAA,EAAA,MAAA;EAAA,SAAA,OAAA,EAAA,MAAA;EAGzB,SAAY,OAAA,EAAA,MAAA;CAAA;AACK,KAcL,OAAA,GAAU,QAdL,CAcc,MAdd,CAAA,MAAA,OAckC,OAdlC,EAAA,MAAA,CAAA,CAAA;AACA,KAcL,YAAA,GAAe,QAdV,CAcmB,MAdnB,CAAA,MAAA,OAcuC,aAdvC,EAAA,MAAA,CAAA,CAAA;;;cClBJA,OAAO;cAgDPC,MAAM"}

package/dist/index.d.ts

@@ -1,4 +1,129 @@
-export * from './theme';
-export * from './abstract-theme';
-export * from './default';
+import { BORDER_RADIUS, Effect, GradientMaterial, Material, OpacityEffect, SPACING, TypographyDescriptor } from "@charcoal-ui/foundation";
+
+//#region src/abstract-theme.d.ts
+type EffectType = "hover" | "press" | "disabled";
+type Key = string | number | symbol;
+type ColorStyleTheme = { [key in Key]: Material };
+interface CharcoalAbstractTheme {
+  color: ColorStyleTheme;
+  gradientColor: { [key in Key]: GradientMaterial };
+  effect: { [key in EffectType]?: Effect };
+  elementEffect: { [key in EffectType]?: OpacityEffect };
+  spacing: { [key in Key]: number };
+  typography: {
+    size: { [key in Key]: TypographyDescriptor };
+  };
+  borderRadius: { [key in Key]: number };
+  border: { [key in Key]: {
+    color: Material;
+  } };
+  outline: { [key in Key]: {
+    color: Material;
+    weight: number;
+  } };
+  grid: {
+    unit: {
+      column: number;
+      gutter: number;
+    };
+  };
+  transition: { [key in Key]: {
+    duration: number;
+  } };
+}
+//#endregion
+//#region src/theme.d.ts
+interface CharcoalTheme extends CharcoalAbstractTheme {
+  readonly color: ThemeColor;
+  readonly gradientColor: ThemeColorGradient;
+  /**
+  * effect for color (background or font color)
+  */
+  readonly effect: ThemeEffect;
+  /**
+  * effect for element its own (opacify element includes descendants)
+  */
+  readonly elementEffect: ThemeElementEffect;
+  readonly spacing: Spacing;
+  readonly typography: {
+    readonly size: Typography;
+  };
+  readonly borderRadius: BorderRadius;
+  readonly border: {
+    readonly default: {
+      readonly color: Material;
+    };
+  };
+  readonly outline: {
+    readonly default: {
+      readonly color: string;
+      readonly weight: 4;
+    };
+    readonly assertive: {
+      readonly color: string;
+      readonly weight: 4;
+    };
+  };
+  readonly breakpoint: Breakpoint;
+}
+type ThemeColor = {
+  readonly transparent: Material;
+  readonly background1: Material;
+  readonly background2: Material;
+  readonly surface1: Material;
+  readonly surface2: Material;
+  readonly surface3: Material;
+  readonly surface4: Material;
+  readonly surface6: Material;
+  readonly surface7: Material;
+  readonly surface8: Material;
+  readonly surface9: Material;
+  readonly surface10: Material;
+  readonly link1: Material;
+  readonly link2: Material;
+  readonly text1: Material;
+  readonly text2: Material;
+  readonly text3: Material;
+  readonly text4: Material;
+  readonly text5: Material;
+  readonly icon6: Material;
+  readonly brand: Material;
+  readonly assertive: Material;
+  readonly warning: Material;
+  readonly success: Material;
+  readonly updatedItem: Material;
+  readonly border: Material;
+};
+type ThemeEffect = {
+  readonly hover: Effect;
+  readonly press: Effect;
+};
+type ThemeElementEffect = {
+  readonly disabled: OpacityEffect;
+};
+type ThemeColorGradient = {
+  readonly surface5: GradientMaterial;
+  readonly callToAction: GradientMaterial;
+};
+type Typography = {
+  readonly [12]: TypographyDescriptor;
+  readonly [14]: TypographyDescriptor;
+  readonly [16]: TypographyDescriptor;
+  readonly [20]: TypographyDescriptor;
+  readonly [32]: TypographyDescriptor;
+};
+type Breakpoint = {
+  readonly screen1: number;
+  readonly screen2: number;
+  readonly screen3: number;
+  readonly screen4: number;
+};
+type Spacing = Readonly<Record<keyof typeof SPACING, number>>;
+type BorderRadius = Readonly<Record<keyof typeof BORDER_RADIUS, number>>;
+//#endregion
+//#region src/default.d.ts
+declare const light: CharcoalTheme;
+declare const dark: CharcoalTheme;
+//#endregion
+export { BorderRadius, Breakpoint, CharcoalAbstractTheme, CharcoalTheme, ColorStyleTheme, EffectType, Key, Spacing, ThemeColor, ThemeColorGradient, ThemeEffect, ThemeElementEffect, Typography, dark, light };
 //# 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,SAAS,CAAA;AACvB,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/abstract-theme.ts","../src/theme.ts","../src/default.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,147 @@
+import rgba from "polished/lib/color/rgba";
+import { BORDER_RADIUS, BREAKPOINT, COLUMN_UNIT, GUTTER_UNIT, SPACING, TYPOGRAPHY_SIZE } from "@charcoal-ui/foundation";
+import { applyEffect } from "@charcoal-ui/utils";
+
+//#region src/default.ts
+const outlineEffect = {
+	type: "opacity",
+	opacity: .32
+};
+const assertive = "#ff2b00";
+const brand = "#0096fa";
+const borderForLight = rgba("#000000", .08);
+const borderForDark = rgba("#ffffff", .12);
+const common = {
+	typography: { size: TYPOGRAPHY_SIZE },
+	spacing: SPACING,
+	grid: { unit: {
+		column: COLUMN_UNIT,
+		gutter: GUTTER_UNIT
+	} },
+	borderRadius: BORDER_RADIUS,
+	transition: { default: { duration: .2 } },
+	breakpoint: {
+		screen1: BREAKPOINT[6],
+		screen2: BREAKPOINT[8],
+		screen3: BREAKPOINT[10],
+		screen4: BREAKPOINT[12]
+	},
+	gradientColor: {
+		surface5: [{
+			color: rgba("#000000", .32),
+			ratio: 0
+		}, {
+			color: rgba("#000000", 0),
+			ratio: 100
+		}],
+		callToAction: [{
+			color: "#d1ff1a",
+			ratio: 0
+		}, {
+			color: "#1ad1ff",
+			ratio: 100
+		}]
+	},
+	outline: {
+		default: {
+			color: applyEffect(brand, outlineEffect),
+			weight: 4
+		},
+		assertive: {
+			color: applyEffect(assertive, outlineEffect),
+			weight: 4
+		}
+	},
+	elementEffect: { disabled: {
+		type: "opacity",
+		opacity: .32
+	} }
+};
+const light = {
+	...common,
+	effect: {
+		hover: {
+			type: "alpha",
+			color: rgba("#000000", .04)
+		},
+		press: {
+			type: "alpha",
+			color: rgba("#000000", .16)
+		}
+	},
+	color: {
+		transparent: rgba("#000000", 0),
+		background1: "#ffffff",
+		background2: "#f5f5f5",
+		icon6: rgba("#ffffff", .28),
+		link1: "#3d7699",
+		link2: rgba("#ffffff", .36),
+		surface1: "#ffffff",
+		surface2: rgba("#000000", .02),
+		surface3: rgba("#000000", .04),
+		surface4: rgba("#000000", .32),
+		surface6: rgba("#000000", .88),
+		surface7: rgba("#000000", .02),
+		surface8: rgba("#000000", .88),
+		surface9: "#ffffff",
+		surface10: rgba("#000000", .16),
+		text1: "#1f1f1f",
+		text2: "#474747",
+		text3: "#858585",
+		text4: "#adadad",
+		text5: "#ffffff",
+		brand,
+		assertive,
+		warning: "#ffaf0f",
+		success: "#b1cc29",
+		updatedItem: rgba(0, 150, 250, .04),
+		border: borderForLight
+	},
+	border: { default: { color: borderForLight } }
+};
+const dark = {
+	...common,
+	effect: {
+		hover: {
+			type: "alpha",
+			color: rgba("#ffffff", .12)
+		},
+		press: {
+			type: "alpha",
+			color: rgba("#ffffff", .2)
+		}
+	},
+	color: {
+		transparent: rgba("#000000", 0),
+		background1: "#1f1f1f",
+		background2: "#000000",
+		icon6: light.color.icon6,
+		link1: "#669FC2",
+		link2: light.color.link2,
+		surface1: "#1f1f1f",
+		surface2: rgba("#000000", .16),
+		surface3: rgba("#ffffff", .12),
+		surface4: light.color.surface4,
+		surface6: rgba("#ffffff", .12),
+		surface7: rgba("#000000", 0),
+		surface8: light.color.surface8,
+		surface9: "#333333",
+		surface10: rgba("#ffffff", .2),
+		text1: "#f5f5f5",
+		text2: "#d6d6d6",
+		text3: "#858585",
+		text4: "#5c5c5c",
+		text5: "#f5f5f5",
+		brand,
+		assertive,
+		warning: light.color.warning,
+		success: light.color.success,
+		updatedItem: rgba(0, 150, 250, .12),
+		border: borderForDark
+	},
+	border: { default: { color: borderForDark } }
+};
+
+//#endregion
+export { dark, light };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["light: CharcoalTheme","dark: CharcoalTheme"],"sources":["../src/default.ts"],"sourcesContent":["import rgba from 'polished/lib/color/rgba'\nimport { CharcoalTheme } from './theme'\nimport {\n  BORDER_RADIUS,\n  BREAKPOINT,\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  TYPOGRAPHY_SIZE,\n} from '@charcoal-ui/foundation'\nimport { applyEffect } from '@charcoal-ui/utils'\n\nconst outlineEffect = {\n  type: 'opacity',\n  opacity: 0.32,\n} as const\n\nconst assertive = '#ff2b00'\nconst brand = '#0096fa'\nconst borderForLight = rgba('#000000', 0.08)\nconst borderForDark = rgba('#ffffff', 0.12)\n\nconst common = {\n  typography: {\n    size: TYPOGRAPHY_SIZE,\n  },\n  spacing: SPACING,\n  grid: {\n    unit: {\n      column: COLUMN_UNIT,\n      gutter: GUTTER_UNIT,\n    },\n  },\n  borderRadius: BORDER_RADIUS,\n  transition: {\n    default: {\n      duration: 0.2,\n    },\n  },\n  breakpoint: {\n    screen1: BREAKPOINT[6],\n    screen2: BREAKPOINT[8],\n    screen3: BREAKPOINT[10],\n    screen4: BREAKPOINT[12],\n  },\n  gradientColor: {\n    surface5: [\n      { color: rgba('#000000', 0.32), ratio: 0 },\n      { color: rgba('#000000', 0), ratio: 100 },\n    ],\n    callToAction: [\n      { color: '#d1ff1a', ratio: 0 },\n      { color: '#1ad1ff', ratio: 100 },\n    ],\n  },\n  outline: {\n    default: {\n      color: applyEffect(brand, outlineEffect),\n      weight: 4,\n    },\n    assertive: {\n      color: applyEffect(assertive, outlineEffect),\n      weight: 4,\n    },\n  },\n  elementEffect: {\n    disabled: {\n      type: 'opacity',\n      opacity: 0.32,\n    },\n  },\n} as const\n\nexport const light: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#000000', 0.04), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#000000', 0.16), // surface10\n    },\n  },\n  color: {\n    // TODO: colors should be picked from foundation color palette\n    transparent: rgba('#000000', 0),\n    background1: '#ffffff',\n    background2: '#f5f5f5',\n    icon6: rgba('#ffffff', 0.28),\n    link1: '#3d7699',\n    link2: rgba('#ffffff', 0.36),\n    surface1: '#ffffff',\n    surface2: rgba('#000000', 0.02),\n    surface3: rgba('#000000', 0.04),\n    surface4: rgba('#000000', 0.32),\n    surface6: rgba('#000000', 0.88),\n    surface7: rgba('#000000', 0.02),\n    surface8: rgba('#000000', 0.88),\n    surface9: '#ffffff',\n    surface10: rgba('#000000', 0.16),\n    text1: '#1f1f1f',\n    text2: '#474747',\n    text3: '#858585',\n    text4: '#adadad',\n    text5: '#ffffff',\n    brand,\n    assertive,\n    warning: '#ffaf0f',\n    success: '#b1cc29',\n    updatedItem: rgba(0, 150, 250, 0.04),\n    border: borderForLight,\n  },\n  border: {\n    default: {\n      color: borderForLight,\n    },\n  },\n}\n\nexport const dark: CharcoalTheme = {\n  ...common,\n  effect: {\n    hover: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.12), // surface3\n    },\n    press: {\n      type: 'alpha',\n      color: rgba('#ffffff', 0.2), // surface10\n    },\n  },\n  color: {\n    transparent: rgba('#000000', 0),\n    background1: '#1f1f1f',\n    background2: '#000000',\n    icon6: light.color.icon6,\n    link1: '#669FC2',\n    link2: light.color.link2,\n    surface1: '#1f1f1f',\n    surface2: rgba('#000000', 0.16),\n    surface3: rgba('#ffffff', 0.12),\n    surface4: light.color.surface4,\n    surface6: rgba('#ffffff', 0.12),\n    surface7: rgba('#000000', 0),\n    surface8: light.color.surface8,\n    surface9: '#333333',\n    surface10: rgba('#ffffff', 0.2),\n    text1: '#f5f5f5',\n    text2: '#d6d6d6',\n    text3: '#858585',\n    text4: '#5c5c5c',\n    text5: '#f5f5f5',\n    brand,\n    assertive,\n    warning: light.color.warning,\n    success: light.color.success,\n    updatedItem: rgba(0, 150, 250, 0.12),\n    border: borderForDark,\n  },\n  border: {\n    default: {\n      color: borderForDark,\n    },\n  },\n}\n"],"mappings":"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"}