@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/design_system/colors/generated/properties_theme.d.ts

@@ -0,0 +1,181 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const colorProperties: {
+    readonly neutral: {
+        readonly text: "var(--color-neutral-text)";
+        readonly textMuted: "var(--color-neutral-text-muted)";
+        readonly textSubtle: "var(--color-neutral-text-subtle)";
+        readonly textDisabled: "var(--color-neutral-text-disabled)";
+        readonly textOnPrimary: "var(--color-neutral-text-on-primary)";
+        readonly iconOnPrimary: "var(--color-neutral-icon-on-primary)";
+        readonly background: "var(--color-neutral-background)";
+        readonly backgroundMuted: "var(--color-neutral-background-muted)";
+        readonly backgroundSubtle: "var(--color-neutral-background-subtle)";
+        readonly backgroundWhite: "var(--color-neutral-background-white)";
+        readonly cardBackground: "var(--color-neutral-card-background)";
+        readonly cardBackgroundHover: "var(--color-neutral-card-background-hover)";
+        readonly border: "var(--color-neutral-border)";
+        readonly separatorSubtle: "var(--color-neutral-separator-subtle)";
+        readonly hover: "var(--color-neutral-hover)";
+        readonly onSurface: "var(--color-neutral-on-surface)";
+        readonly disabled: "var(--color-neutral-disabled)";
+        readonly overflow: "var(--color-neutral-overflow)";
+        readonly icon: "var(--color-neutral-icon)";
+        readonly iconSubtle: "var(--color-neutral-icon-subtle)";
+        readonly iconDisabled: "var(--color-neutral-icon-disabled)";
+        readonly fieldBorder: "var(--color-neutral-field-border)";
+        readonly actionSecondary: "var(--color-neutral-action-secondary)";
+        readonly actionSecondaryHover: "var(--color-neutral-action-secondary-hover)";
+        readonly actionSecondaryActive: "var(--color-neutral-action-secondary-active)";
+        readonly chipBackground: "var(--color-neutral-chip-background)";
+        readonly chipBackgroundHover: "var(--color-neutral-chip-background-hover)";
+        readonly chipBackgroundActive: "var(--color-neutral-chip-background-active)";
+        readonly chipBackgroundDisabled: "var(--color-neutral-chip-background-disabled)";
+        readonly largeTooltipBackground: "var(--color-neutral-large-tooltip-background)";
+        readonly largeTooltipBorder: "var(--color-neutral-large-tooltip-border)";
+        readonly smallTooltipText: "var(--color-neutral-small-tooltip-text)";
+        readonly smallTooltipBackground: "var(--color-neutral-small-tooltip-background)";
+        readonly smallTooltipBorder: "var(--color-neutral-small-tooltip-border)";
+        readonly overlay: "var(--color-neutral-overlay)";
+        readonly fieldBackground: "var(--color-neutral-field-background)";
+        readonly textPlaceholder: "var(--color-neutral-text-placeholder)";
+    };
+    readonly primary: {
+        readonly text: "var(--color-primary-text)";
+        readonly textInteractive: "var(--color-primary-text-interactive)";
+        readonly icon: "var(--color-primary-icon)";
+        readonly action: "var(--color-primary-action)";
+        readonly actionHover: "var(--color-primary-action-hover)";
+        readonly actionActive: "var(--color-primary-action-active)";
+        readonly fieldBorderActive: "var(--color-primary-field-border-active)";
+        readonly borderSubtle: "var(--color-primary-border-subtle)";
+        readonly background: "var(--color-primary-background)";
+        readonly backgroundSubtle: "var(--color-primary-background-subtle)";
+        readonly backgroundHover: "var(--color-primary-background-hover)";
+        readonly chipBackground: "var(--color-primary-chip-background)";
+        readonly chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)";
+        readonly chipBackgroundHover: "var(--color-primary-chip-background-hover)";
+        readonly chipText: "var(--color-primary-chip-text)";
+        readonly shadowActive: "var(--color-primary-shadow-active)";
+    };
+    readonly primaryBlack: {
+        readonly action: "var(--color-primary-black-action)";
+        readonly actionHover: "var(--color-primary-black-action-hover)";
+        readonly actionActive: "var(--color-primary-black-action-active)";
+        readonly background: "var(--color-primary-black-background)";
+        readonly backgroundHover: "var(--color-primary-black-background-hover)";
+        readonly chipText: "var(--color-primary-black-chip-text)";
+    };
+    readonly success: {
+        readonly text: "var(--color-success-text)";
+        readonly icon: "var(--color-success-icon)";
+        readonly background: "var(--color-success-background)";
+        readonly backgroundHover: "var(--color-success-background-hover)";
+        readonly backgroundSubtle: "var(--color-success-background-subtle)";
+        readonly backgroundSubtleHover: "var(--color-success-background-subtle-hover)";
+        readonly backgroundSubtleActive: "var(--color-success-background-subtle-active)";
+        readonly chipBackground: "var(--color-success-chip-background)";
+        readonly chipBackgroundHover: "var(--color-success-chip-background-hover)";
+        readonly chipText: "var(--color-success-chip-text)";
+        readonly border: "var(--color-success-border)";
+        readonly borderSubtle: "var(--color-success-border-subtle)";
+        readonly action: "var(--color-success-action)";
+        readonly actionHover: "var(--color-success-action-hover)";
+        readonly actionActive: "var(--color-success-action-active)";
+    };
+    readonly warning: {
+        readonly text: "var(--color-warning-text)";
+        readonly icon: "var(--color-warning-icon)";
+        readonly background: "var(--color-warning-background)";
+        readonly backgroundHover: "var(--color-warning-background-hover)";
+        readonly backgroundSubtle: "var(--color-warning-background-subtle)";
+        readonly chipBackground: "var(--color-warning-chip-background)";
+        readonly chipBackgroundHover: "var(--color-warning-chip-background-hover)";
+        readonly chipText: "var(--color-warning-chip-text)";
+        readonly border: "var(--color-warning-border)";
+        readonly borderSubtle: "var(--color-warning-border-subtle)";
+        readonly fieldBorder: "var(--color-warning-field-border)";
+    };
+    readonly danger: {
+        readonly text: "var(--color-danger-text)";
+        readonly icon: "var(--color-danger-icon)";
+        readonly background: "var(--color-danger-background)";
+        readonly backgroundHover: "var(--color-danger-background-hover)";
+        readonly backgroundSubtle: "var(--color-danger-background-subtle)";
+        readonly backgroundSubtleHover: "var(--color-danger-background-subtle-hover)";
+        readonly backgroundSubtleActive: "var(--color-danger-background-subtle-active)";
+        readonly chipBackground: "var(--color-danger-chip-background)";
+        readonly chipBackgroundHover: "var(--color-danger-chip-background-hover)";
+        readonly chipText: "var(--color-danger-chip-text)";
+        readonly border: "var(--color-danger-border)";
+        readonly borderSubtle: "var(--color-danger-border-subtle)";
+        readonly fieldBorder: "var(--color-danger-field-border)";
+        readonly action: "var(--color-danger-action)";
+        readonly actionHover: "var(--color-danger-action-hover)";
+        readonly actionActive: "var(--color-danger-action-active)";
+    };
+    readonly special: {
+        readonly freePlanBackground: "var(--color-special-free-plan-background)";
+        readonly starterPlanBackground: "var(--color-special-starter-plan-background)";
+        readonly scalePlanBackground: "var(--color-special-scale-plan-background)";
+        readonly businessPlanBackground: "var(--color-special-business-plan-background)";
+        readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
+        readonly highlight: "var(--color-special-highlight)";
+    };
+    readonly rose: {
+        readonly light: "var(--color-rose-light)";
+        readonly base: "var(--color-rose-base)";
+        readonly dark: "var(--color-rose-dark)";
+        readonly text: "var(--color-rose-text)";
+    };
+    readonly buttercup: {
+        readonly light: "var(--color-buttercup-light)";
+        readonly base: "var(--color-buttercup-base)";
+        readonly dark: "var(--color-buttercup-dark)";
+        readonly text: "var(--color-buttercup-text)";
+    };
+    readonly paprika: {
+        readonly light: "var(--color-paprika-light)";
+        readonly base: "var(--color-paprika-base)";
+        readonly dark: "var(--color-paprika-dark)";
+        readonly text: "var(--color-paprika-text)";
+    };
+    readonly teal: {
+        readonly light: "var(--color-teal-light)";
+        readonly base: "var(--color-teal-base)";
+        readonly dark: "var(--color-teal-dark)";
+        readonly text: "var(--color-teal-text)";
+    };
+    readonly indigo: {
+        readonly light: "var(--color-indigo-light)";
+        readonly base: "var(--color-indigo-base)";
+        readonly dark: "var(--color-indigo-dark)";
+        readonly text: "var(--color-indigo-text)";
+    };
+    readonly slate: {
+        readonly light: "var(--color-slate-light)";
+        readonly base: "var(--color-slate-base)";
+        readonly dark: "var(--color-slate-dark)";
+        readonly text: "var(--color-slate-text)";
+    };
+    readonly coral: {
+        readonly light: "var(--color-coral-light)";
+        readonly base: "var(--color-coral-base)";
+        readonly dark: "var(--color-coral-dark)";
+        readonly text: "var(--color-coral-text)";
+    };
+    readonly lavender: {
+        readonly light: "var(--color-lavender-light)";
+        readonly base: "var(--color-lavender-base)";
+        readonly dark: "var(--color-lavender-dark)";
+        readonly text: "var(--color-lavender-text)";
+    };
+    readonly bamboo: {
+        readonly light: "var(--color-bamboo-light)";
+        readonly base: "var(--color-bamboo-base)";
+        readonly dark: "var(--color-bamboo-dark)";
+        readonly text: "var(--color-bamboo-text)";
+    };
+};
+//# sourceMappingURL=properties_theme.d.ts.map

package/dist/design_system/colors/generated/properties_theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties_theme.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLlB,CAAC"}

package/dist/design_system/colors/generated/properties_theme.js

@@ -0,0 +1,183 @@
+//#region src/design_system/colors/generated/properties_theme.ts
+/**
+* Do not edit directly, this file was auto-generated.
+*/
+var colorProperties = {
+	neutral: {
+		text: "var(--color-neutral-text)",
+		textMuted: "var(--color-neutral-text-muted)",
+		textSubtle: "var(--color-neutral-text-subtle)",
+		textDisabled: "var(--color-neutral-text-disabled)",
+		textOnPrimary: "var(--color-neutral-text-on-primary)",
+		iconOnPrimary: "var(--color-neutral-icon-on-primary)",
+		background: "var(--color-neutral-background)",
+		backgroundMuted: "var(--color-neutral-background-muted)",
+		backgroundSubtle: "var(--color-neutral-background-subtle)",
+		backgroundWhite: "var(--color-neutral-background-white)",
+		cardBackground: "var(--color-neutral-card-background)",
+		cardBackgroundHover: "var(--color-neutral-card-background-hover)",
+		border: "var(--color-neutral-border)",
+		separatorSubtle: "var(--color-neutral-separator-subtle)",
+		hover: "var(--color-neutral-hover)",
+		onSurface: "var(--color-neutral-on-surface)",
+		disabled: "var(--color-neutral-disabled)",
+		overflow: "var(--color-neutral-overflow)",
+		icon: "var(--color-neutral-icon)",
+		iconSubtle: "var(--color-neutral-icon-subtle)",
+		iconDisabled: "var(--color-neutral-icon-disabled)",
+		fieldBorder: "var(--color-neutral-field-border)",
+		actionSecondary: "var(--color-neutral-action-secondary)",
+		actionSecondaryHover: "var(--color-neutral-action-secondary-hover)",
+		actionSecondaryActive: "var(--color-neutral-action-secondary-active)",
+		chipBackground: "var(--color-neutral-chip-background)",
+		chipBackgroundHover: "var(--color-neutral-chip-background-hover)",
+		chipBackgroundActive: "var(--color-neutral-chip-background-active)",
+		chipBackgroundDisabled: "var(--color-neutral-chip-background-disabled)",
+		largeTooltipBackground: "var(--color-neutral-large-tooltip-background)",
+		largeTooltipBorder: "var(--color-neutral-large-tooltip-border)",
+		smallTooltipText: "var(--color-neutral-small-tooltip-text)",
+		smallTooltipBackground: "var(--color-neutral-small-tooltip-background)",
+		smallTooltipBorder: "var(--color-neutral-small-tooltip-border)",
+		overlay: "var(--color-neutral-overlay)",
+		fieldBackground: "var(--color-neutral-field-background)",
+		textPlaceholder: "var(--color-neutral-text-placeholder)"
+	},
+	primary: {
+		text: "var(--color-primary-text)",
+		textInteractive: "var(--color-primary-text-interactive)",
+		icon: "var(--color-primary-icon)",
+		action: "var(--color-primary-action)",
+		actionHover: "var(--color-primary-action-hover)",
+		actionActive: "var(--color-primary-action-active)",
+		fieldBorderActive: "var(--color-primary-field-border-active)",
+		borderSubtle: "var(--color-primary-border-subtle)",
+		background: "var(--color-primary-background)",
+		backgroundSubtle: "var(--color-primary-background-subtle)",
+		backgroundHover: "var(--color-primary-background-hover)",
+		chipBackground: "var(--color-primary-chip-background)",
+		chipBackgroundSubtle: "var(--color-primary-chip-background-subtle)",
+		chipBackgroundHover: "var(--color-primary-chip-background-hover)",
+		chipText: "var(--color-primary-chip-text)",
+		shadowActive: "var(--color-primary-shadow-active)"
+	},
+	primaryBlack: {
+		action: "var(--color-primary-black-action)",
+		actionHover: "var(--color-primary-black-action-hover)",
+		actionActive: "var(--color-primary-black-action-active)",
+		background: "var(--color-primary-black-background)",
+		backgroundHover: "var(--color-primary-black-background-hover)",
+		chipText: "var(--color-primary-black-chip-text)"
+	},
+	success: {
+		text: "var(--color-success-text)",
+		icon: "var(--color-success-icon)",
+		background: "var(--color-success-background)",
+		backgroundHover: "var(--color-success-background-hover)",
+		backgroundSubtle: "var(--color-success-background-subtle)",
+		backgroundSubtleHover: "var(--color-success-background-subtle-hover)",
+		backgroundSubtleActive: "var(--color-success-background-subtle-active)",
+		chipBackground: "var(--color-success-chip-background)",
+		chipBackgroundHover: "var(--color-success-chip-background-hover)",
+		chipText: "var(--color-success-chip-text)",
+		border: "var(--color-success-border)",
+		borderSubtle: "var(--color-success-border-subtle)",
+		action: "var(--color-success-action)",
+		actionHover: "var(--color-success-action-hover)",
+		actionActive: "var(--color-success-action-active)"
+	},
+	warning: {
+		text: "var(--color-warning-text)",
+		icon: "var(--color-warning-icon)",
+		background: "var(--color-warning-background)",
+		backgroundHover: "var(--color-warning-background-hover)",
+		backgroundSubtle: "var(--color-warning-background-subtle)",
+		chipBackground: "var(--color-warning-chip-background)",
+		chipBackgroundHover: "var(--color-warning-chip-background-hover)",
+		chipText: "var(--color-warning-chip-text)",
+		border: "var(--color-warning-border)",
+		borderSubtle: "var(--color-warning-border-subtle)",
+		fieldBorder: "var(--color-warning-field-border)"
+	},
+	danger: {
+		text: "var(--color-danger-text)",
+		icon: "var(--color-danger-icon)",
+		background: "var(--color-danger-background)",
+		backgroundHover: "var(--color-danger-background-hover)",
+		backgroundSubtle: "var(--color-danger-background-subtle)",
+		backgroundSubtleHover: "var(--color-danger-background-subtle-hover)",
+		backgroundSubtleActive: "var(--color-danger-background-subtle-active)",
+		chipBackground: "var(--color-danger-chip-background)",
+		chipBackgroundHover: "var(--color-danger-chip-background-hover)",
+		chipText: "var(--color-danger-chip-text)",
+		border: "var(--color-danger-border)",
+		borderSubtle: "var(--color-danger-border-subtle)",
+		fieldBorder: "var(--color-danger-field-border)",
+		action: "var(--color-danger-action)",
+		actionHover: "var(--color-danger-action-hover)",
+		actionActive: "var(--color-danger-action-active)"
+	},
+	special: {
+		freePlanBackground: "var(--color-special-free-plan-background)",
+		starterPlanBackground: "var(--color-special-starter-plan-background)",
+		scalePlanBackground: "var(--color-special-scale-plan-background)",
+		businessPlanBackground: "var(--color-special-business-plan-background)",
+		enterprisePlanBackground: "var(--color-special-enterprise-plan-background)",
+		highlight: "var(--color-special-highlight)"
+	},
+	rose: {
+		light: "var(--color-rose-light)",
+		base: "var(--color-rose-base)",
+		dark: "var(--color-rose-dark)",
+		text: "var(--color-rose-text)"
+	},
+	buttercup: {
+		light: "var(--color-buttercup-light)",
+		base: "var(--color-buttercup-base)",
+		dark: "var(--color-buttercup-dark)",
+		text: "var(--color-buttercup-text)"
+	},
+	paprika: {
+		light: "var(--color-paprika-light)",
+		base: "var(--color-paprika-base)",
+		dark: "var(--color-paprika-dark)",
+		text: "var(--color-paprika-text)"
+	},
+	teal: {
+		light: "var(--color-teal-light)",
+		base: "var(--color-teal-base)",
+		dark: "var(--color-teal-dark)",
+		text: "var(--color-teal-text)"
+	},
+	indigo: {
+		light: "var(--color-indigo-light)",
+		base: "var(--color-indigo-base)",
+		dark: "var(--color-indigo-dark)",
+		text: "var(--color-indigo-text)"
+	},
+	slate: {
+		light: "var(--color-slate-light)",
+		base: "var(--color-slate-base)",
+		dark: "var(--color-slate-dark)",
+		text: "var(--color-slate-text)"
+	},
+	coral: {
+		light: "var(--color-coral-light)",
+		base: "var(--color-coral-base)",
+		dark: "var(--color-coral-dark)",
+		text: "var(--color-coral-text)"
+	},
+	lavender: {
+		light: "var(--color-lavender-light)",
+		base: "var(--color-lavender-base)",
+		dark: "var(--color-lavender-dark)",
+		text: "var(--color-lavender-text)"
+	},
+	bamboo: {
+		light: "var(--color-bamboo-light)",
+		base: "var(--color-bamboo-base)",
+		dark: "var(--color-bamboo-dark)",
+		text: "var(--color-bamboo-text)"
+	}
+};
+//#endregion
+export { colorProperties };

package/dist/design_system/colors/index.d.ts

@@ -0,0 +1,8 @@
+export { tokens as cssColorsVariablesLight } from './generated/css_variables.light';
+export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark';
+export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light';
+export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark';
+export { darkTheme } from './generated/colors_theme.dark';
+export { lightTheme } from './generated/colors_theme.light';
+export { colorProperties } from './generated/properties_theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/design_system/colors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACnG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC"}