@omnific/atelier 0.1.0 → 0.2.0

package/dist/system/defaults/colors.d.ts

@@ -0,0 +1,181 @@
+//#region system/defaults/colors.d.ts
+/**
+ * 默认语义色。
+ *
+ * 控件品牌色与灰阶对齐 Atelier 既有 Button 主题（Ant Design 色值）；
+ * `bg` / `fg` / `border` 角色名保留，便于组件与业务扩展。
+ */
+export declare const colors: {
+  readonly bg: {
+    readonly value: "#ffffff";
+  };
+  readonly 'bg.subtle': {
+    readonly value: "#fafafa";
+  };
+  readonly 'bg.muted': {
+    readonly value: "#f4f4f5";
+  };
+  readonly 'bg.emphasized': {
+    readonly value: "#e4e4e7";
+  };
+  readonly 'bg.inverted': {
+    readonly value: "#09090b";
+  };
+  readonly 'bg.panel': {
+    readonly value: "#ffffff";
+  };
+  readonly 'bg.disabled': {
+    readonly value: "rgb(239 239 239)";
+  };
+  readonly 'bg.error': {
+    readonly value: "#fef2f2";
+  };
+  readonly 'bg.warning': {
+    readonly value: "#fff7ed";
+  };
+  readonly 'bg.success': {
+    readonly value: "#f0fdf4";
+  };
+  readonly 'bg.info': {
+    readonly value: "#e6f4ff";
+  };
+  readonly fg: {
+    readonly value: "rgb(0 0 0 / 88%)";
+  };
+  readonly 'fg.muted': {
+    readonly value: "rgb(0 0 0 / 45%)";
+  };
+  readonly 'fg.subtle': {
+    readonly value: "rgb(0 0 0 / 25%)";
+  };
+  readonly 'fg.inverted': {
+    readonly value: "#ffffff";
+  };
+  readonly 'fg.disabled': {
+    readonly value: "rgb(0 0 0 / 25%)";
+  };
+  readonly 'fg.error': {
+    readonly value: "#ff4d4f";
+  };
+  readonly 'fg.warning': {
+    readonly value: "#faad14";
+  };
+  readonly 'fg.success': {
+    readonly value: "#52c41a";
+  };
+  readonly 'fg.info': {
+    readonly value: "#1677ff";
+  };
+  readonly border: {
+    readonly value: "#d9d9d9";
+  };
+  readonly 'border.muted': {
+    readonly value: "#f0f0f0";
+  };
+  readonly 'border.subtle': {
+    readonly value: "#fafafa";
+  };
+  readonly 'border.emphasized': {
+    readonly value: "#d9d9d9";
+  };
+  readonly 'border.inverted': {
+    readonly value: "#434343";
+  };
+  readonly 'border.error': {
+    readonly value: "#ff4d4f";
+  };
+  readonly 'border.warning': {
+    readonly value: "#faad14";
+  };
+  readonly 'border.success': {
+    readonly value: "#52c41a";
+  };
+  readonly 'border.info': {
+    readonly value: "#1677ff";
+  };
+  readonly 'gray.contrast': {
+    readonly value: "#ffffff";
+  };
+  readonly 'gray.fg': {
+    readonly value: "rgb(0 0 0 / 88%)";
+  };
+  readonly 'gray.subtle': {
+    readonly value: "#fafafa";
+  };
+  readonly 'gray.muted': {
+    readonly value: "#f5f5f5";
+  };
+  readonly 'gray.emphasized': {
+    readonly value: "#d9d9d9";
+  };
+  readonly 'gray.solid': {
+    readonly value: "#1f1f1f";
+  };
+  readonly 'gray.focus-ring': {
+    readonly value: "rgb(0 0 0 / 15%)";
+  };
+  readonly 'gray.border': {
+    readonly value: "#d9d9d9";
+  };
+  readonly 'blue.contrast': {
+    readonly value: "#ffffff";
+  };
+  readonly 'blue.fg': {
+    readonly value: "#1677ff";
+  };
+  readonly 'blue.subtle': {
+    readonly value: "#e6f4ff";
+  };
+  readonly 'blue.muted': {
+    readonly value: "#bae0ff";
+  };
+  readonly 'blue.emphasized': {
+    readonly value: "#69b1ff";
+  };
+  readonly 'blue.solid': {
+    readonly value: "#1677ff";
+  };
+  readonly 'blue.hover': {
+    readonly value: "#4096ff";
+  };
+  readonly 'blue.active': {
+    readonly value: "#0958d9";
+  };
+  readonly 'blue.focus-ring': {
+    readonly value: "rgb(21 112 239 / 25%)";
+  };
+  readonly 'blue.border': {
+    readonly value: "#1677ff";
+  };
+  readonly 'red.contrast': {
+    readonly value: "#ffffff";
+  };
+  readonly 'red.fg': {
+    readonly value: "#ff4d4f";
+  };
+  readonly 'red.subtle': {
+    readonly value: "#fff1f0";
+  };
+  readonly 'red.muted': {
+    readonly value: "#ffccc7";
+  };
+  readonly 'red.emphasized': {
+    readonly value: "#ffa39e";
+  };
+  readonly 'red.solid': {
+    readonly value: "#ff4d4f";
+  };
+  readonly 'red.hover': {
+    readonly value: "#ff7875";
+  };
+  readonly 'red.active': {
+    readonly value: "#d9363e";
+  };
+  readonly 'red.focus-ring': {
+    readonly value: "rgb(255 77 79 / 25%)";
+  };
+  readonly 'red.border': {
+    readonly value: "#ff4d4f";
+  };
+};
+//#endregion

package/dist/system/defaults/colors.js

@@ -0,0 +1,68 @@
+//#region system/defaults/colors.ts
+/**
+* 默认语义色。
+*
+* 控件品牌色与灰阶对齐 Atelier 既有 Button 主题（Ant Design 色值）；
+* `bg` / `fg` / `border` 角色名保留，便于组件与业务扩展。
+*/
+const colors = {
+	bg: { value: "#ffffff" },
+	"bg.subtle": { value: "#fafafa" },
+	"bg.muted": { value: "#f4f4f5" },
+	"bg.emphasized": { value: "#e4e4e7" },
+	"bg.inverted": { value: "#09090b" },
+	"bg.panel": { value: "#ffffff" },
+	"bg.disabled": { value: "rgb(239 239 239)" },
+	"bg.error": { value: "#fef2f2" },
+	"bg.warning": { value: "#fff7ed" },
+	"bg.success": { value: "#f0fdf4" },
+	"bg.info": { value: "#e6f4ff" },
+	fg: { value: "rgb(0 0 0 / 88%)" },
+	"fg.muted": { value: "rgb(0 0 0 / 45%)" },
+	"fg.subtle": { value: "rgb(0 0 0 / 25%)" },
+	"fg.inverted": { value: "#ffffff" },
+	"fg.disabled": { value: "rgb(0 0 0 / 25%)" },
+	"fg.error": { value: "#ff4d4f" },
+	"fg.warning": { value: "#faad14" },
+	"fg.success": { value: "#52c41a" },
+	"fg.info": { value: "#1677ff" },
+	border: { value: "#d9d9d9" },
+	"border.muted": { value: "#f0f0f0" },
+	"border.subtle": { value: "#fafafa" },
+	"border.emphasized": { value: "#d9d9d9" },
+	"border.inverted": { value: "#434343" },
+	"border.error": { value: "#ff4d4f" },
+	"border.warning": { value: "#faad14" },
+	"border.success": { value: "#52c41a" },
+	"border.info": { value: "#1677ff" },
+	"gray.contrast": { value: "#ffffff" },
+	"gray.fg": { value: "rgb(0 0 0 / 88%)" },
+	"gray.subtle": { value: "#fafafa" },
+	"gray.muted": { value: "#f5f5f5" },
+	"gray.emphasized": { value: "#d9d9d9" },
+	"gray.solid": { value: "#1f1f1f" },
+	"gray.focus-ring": { value: "rgb(0 0 0 / 15%)" },
+	"gray.border": { value: "#d9d9d9" },
+	"blue.contrast": { value: "#ffffff" },
+	"blue.fg": { value: "#1677ff" },
+	"blue.subtle": { value: "#e6f4ff" },
+	"blue.muted": { value: "#bae0ff" },
+	"blue.emphasized": { value: "#69b1ff" },
+	"blue.solid": { value: "#1677ff" },
+	"blue.hover": { value: "#4096ff" },
+	"blue.active": { value: "#0958d9" },
+	"blue.focus-ring": { value: "rgb(21 112 239 / 25%)" },
+	"blue.border": { value: "#1677ff" },
+	"red.contrast": { value: "#ffffff" },
+	"red.fg": { value: "#ff4d4f" },
+	"red.subtle": { value: "#fff1f0" },
+	"red.muted": { value: "#ffccc7" },
+	"red.emphasized": { value: "#ffa39e" },
+	"red.solid": { value: "#ff4d4f" },
+	"red.hover": { value: "#ff7875" },
+	"red.active": { value: "#d9363e" },
+	"red.focus-ring": { value: "rgb(255 77 79 / 25%)" },
+	"red.border": { value: "#ff4d4f" }
+};
+//#endregion
+export { colors };

package/dist/system/defaults/control-heights.d.ts

@@ -0,0 +1,16 @@
+//#region system/defaults/control-heights.d.ts
+/**
+ * 默认控件高度。
+ */
+export declare const controlHeights: {
+  readonly sm: {
+    readonly value: "24px";
+  };
+  readonly md: {
+    readonly value: "32px";
+  };
+  readonly lg: {
+    readonly value: "40px";
+  };
+};
+//#endregion

package/dist/system/defaults/control-heights.js

@@ -0,0 +1,11 @@
+//#region system/defaults/control-heights.ts
+/**
+* 默认控件高度。
+*/
+const controlHeights = {
+	sm: { value: "24px" },
+	md: { value: "32px" },
+	lg: { value: "40px" }
+};
+//#endregion
+export { controlHeights };

package/dist/system/defaults/focus-rings.d.ts

@@ -0,0 +1,10 @@
+//#region system/defaults/focus-rings.d.ts
+/**
+ * 默认焦点环（对齐 Atelier 既有 Button 焦点色）。
+ */
+export declare const focusRings: {
+  readonly default: {
+    readonly value: "rgb(21 112 239 / 25%)";
+  };
+};
+//#endregion

package/dist/system/defaults/focus-rings.js

@@ -0,0 +1,7 @@
+//#region system/defaults/focus-rings.ts
+/**
+* 默认焦点环（对齐 Atelier 既有 Button 焦点色）。
+*/
+const focusRings = { default: { value: "rgb(21 112 239 / 25%)" } };
+//#endregion
+export { focusRings };

package/dist/system/defaults/font-sizes.d.ts

@@ -0,0 +1,13 @@
+//#region system/defaults/font-sizes.d.ts
+/**
+ * 默认字号。
+ */
+export declare const fontSizes: {
+  readonly md: {
+    readonly value: "14px";
+  };
+  readonly lg: {
+    readonly value: "16px";
+  };
+};
+//#endregion

package/dist/system/defaults/font-sizes.js

@@ -0,0 +1,10 @@
+//#region system/defaults/font-sizes.ts
+/**
+* 默认字号。
+*/
+const fontSizes = {
+	md: { value: "14px" },
+	lg: { value: "16px" }
+};
+//#endregion
+export { fontSizes };

package/dist/system/defaults/fonts.d.ts

@@ -0,0 +1,10 @@
+//#region system/defaults/fonts.d.ts
+/**
+ * 默认字体族。
+ */
+export declare const fonts: {
+  readonly sans: {
+    readonly value: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+  };
+};
+//#endregion

package/dist/system/defaults/fonts.js

@@ -0,0 +1,7 @@
+//#region system/defaults/fonts.ts
+/**
+* 默认字体族。
+*/
+const fonts = { sans: { value: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'" } };
+//#endregion
+export { fonts };