@engie-group/fluid-design-system-react
Version:
Fluid Design System React
464 lines (422 loc) • 10 kB
JavaScript
// src/components/avatar/properties.ts
var AVATAR_SCALES = ["sm", "md", "lg", "xl", "2xl", "3xl"];
// src/components/badge/properties.ts
var BADGE_VARIANTS = [
"neutral",
"danger",
"warning",
"success",
"information",
"discovery",
"planet",
"ai"
];
var BADGE_EMPHASIS = ["bold", "subtle", "minimal"];
var BADGE_SCALES = ["sm", "md", "lg"];
// src/components/bullet/properties.ts
var BULLET_SIZES = ["sm", "md"];
var BULLET_VARIANTS = [
"grey",
"blue",
"teal",
"pink",
"orange",
"red",
"green",
"ultramarine",
"yellow",
"purple",
"lime"
];
// src/components/button/properties.ts
var BUTTON_SCALES = ["xs", "sm", "md", "lg", "xl"];
var BUTTON_VARIANTS = [
"primary",
"secondary",
"inverse",
"destructive",
"ai"
];
var BUTTON_EMPHASIS = ["bold", "subtle", "minimal"];
// src/components/chat-input-action-button/properties.ts
var CHAT_INPUT_ACTION_BUTTON_VARIANT = ["default", "ai"];
// src/components/chat-input/properties.ts
var CHAT_INPUT_VARIANT = ["default", "ai"];
// src/components/checkbox/properties.ts
var CHECKBOX_SCALES = ["md", "lg", "xl"];
var CHECKBOX_SUBSCRIPT_VARIANTS = ["error", "success"];
// src/components/display/properties.ts
var DISPLAY_SCALES = ["xs", "sm", "md", "xl", "2xl"];
var DISPLAY_VARIANTS = [
"danger",
"danger-contrast",
"warning",
"warning-contrast",
"success",
"success-contrast",
"information",
"information-contrast",
"discovery",
"discovery-contrast",
"planet",
"planet-contrast",
"brand",
"brand-contrast",
"signature",
"ai",
"primary",
"secondary",
"tertiary",
"contrast",
"inverse"
];
// src/components/divider/properties.ts
var DIVIDER_SCALES = [
"2xs",
"xs",
"sm",
"md",
"lg",
"xl",
"2xl",
"3xl"
];
// src/components/footer-card/properties.ts
var FOOTER_CARD_VARIANTS = [
"danger",
"warning",
"success",
"information",
"discovery",
"planet",
"neutral",
"brand"
];
// src/components/link/properties.ts
var LINK_VARIANTS = [
"default",
"inverse",
"grayed",
"contextual",
"high-contrast"
];
var LINK_SCALES = ["sm", "md"];
// src/components/footer-item/properties.ts
var FOOTER_ITEM_SCALES = LINK_SCALES;
var FOOTER_ITEM_PADDING = ["xs", "sm", "md", "lg"];
// src/components/footer/properties.ts
var FOOTER_VARIANTS = ["neutral", "brand"];
// src/components/header/properties.ts
var HEADER_LAYOUTS = ["expanded", "responsive", "retracted"];
var HEADER_LOGO_POSITIONS = ["left", "center"];
// src/components/heading/properties.ts
var HEADING_SCALES = ["xs", "sm", "md", "lg", "xl"];
var SEMANTIC_BY_SCALE = {
xl: "h2",
lg: "h3",
md: "h4",
sm: "h5",
xs: "h6"
};
var HEADING_VARIANTS = [
"danger",
"danger-contrast",
"warning",
"warning-contrast",
"success",
"success-contrast",
"information",
"information-contrast",
"discovery",
"discovery-contrast",
"planet",
"planet-contrast",
"brand",
"brand-contrast",
"signature",
"ai",
"primary",
"secondary",
"tertiary",
"contrast",
"inverse"
];
// src/components/icon-button/properties.ts
var ICON_BUTTON_SCALES = [
"2xs",
"xs",
"sm",
"md",
"lg",
"xl"
];
var ICON_BUTTON_VARIANTS = [
"primary",
"secondary",
"tertiary",
"brand",
"destructive",
"inverse"
];
// src/components/icon/properties.ts
var ICON_ENGIE_NAME = [
"engie_ai"
];
var ICON_SCALES = [
"2xs",
"xs",
"sm",
"md",
"lg",
"xl",
"2xl",
"3xl",
"4xl",
"5xl",
"6xl",
"inherit"
];
var ICON_VARIANTS = [
"brand",
"brand-contrast",
"primary",
"secondary",
"tertiary",
"contrast",
"inverse",
"danger",
"warning",
"success",
"information",
"discovery",
"planet",
"danger-contrast",
"warning-contrast",
"success-contrast",
"information-contrast",
"discovery-contrast",
"planet-contrast",
"grey",
"blue",
"teal",
"pink",
"orange",
"red",
"green",
"ultramarine",
"yellow",
"purple",
"lime",
"signature",
"ai",
"inherit"
];
var ICON_ENGIE_PREFIX = "engie_";
// src/components/inline-message/properties.ts
var INLINE_MESSAGE_VARIANTS = [
"error",
"fatal-error",
"information",
"success",
"warning",
"discovery",
"planet"
];
var INLINE_MESSAGE_ACTION_POSITION = ["bottom", "right"];
var INLINE_MESSAGE_SCALES = ["sm", "md"];
// src/components/input/properties.ts
var INPUT_SCALES = ["sm", "md", "lg", "xl"];
var INPUT_LABEL_KIND = ["static", "floating"];
var INPUT_SUBSCRIPT_VARIANT = ["error", "success"];
// src/components/list-item/list-navigation-item/properties.ts
var LIST_NAVIGATION_ITEM_VARIANTS = ["primary", "discovery"];
// src/components/list-item/properties.ts
var LIST_ITEM_TEXT_DISTRIBUTION = ["vertical", "horizontal"];
// src/components/list/properties.ts
var LIST_SCALES = ["sm", "md", "lg"];
// src/components/modal/modal-confirmation/properties.ts
var INFORMATION_MODAL_STATUS = ["neutral", "danger"];
// src/components/modal/modal-information/properties.ts
var CONFIRMATION_MODAL_STATUS = [
"information",
"success",
"warning",
"error",
"waiting"
];
// src/components/modal/properties.ts
var MODAL_CLOSED_BY = ["any", "closerequest", "none"];
// src/components/navigation/action/properties.ts
var NAVIGATION_ACTION_VARIANTS = [
"primary",
"brand",
"tertiary",
"inverse",
"discovery"
];
var NAVIGATION_ACTION_SCALES = ["xs", "sm", "md", "lg"];
// src/components/navigation/tab/properties.ts
var NAVIGATION_TAB_VARIANTS = [
"primary",
"brand",
"tertiary",
"inverse",
"discovery"
];
// src/components/segmented-control/properties.ts
var SEGMENTED_CONTROL_SCALES = ["sm", "md", "lg"];
// src/components/skeleton-circle/properties.ts
var SKELETON_CIRCLE_SCALES = [
"sm",
"md",
"lg",
"xl",
"2xl",
"3xl"
];
// src/components/skeleton-rectangle/properties.ts
var SKELETON_RECTANGLE_SCALES = [
"peta",
"tera",
"giga",
"mega",
"kilo",
"hecto",
"deca",
"base",
"deci",
"centi"
];
// src/components/spinner/properties.ts
var SPINNER_VARIANTS = ["normal", "inverse", "grey", "ai"];
var SPINNER_SCALES = ["2xs", "xs", "sm", "md", "lg"];
// src/components/status-indicator/properties.ts
var STATUS_INDICATOR_SCALES = ["sm", "md", "lg"];
var STATUS_INDICATOR_STATUSES = [
"offline",
"online",
"away",
"do-not-disturb",
"busy",
"unknown",
"error",
"success",
"warning",
"in-progress",
"information",
"discovery",
"planet",
"ai"
];
// src/components/sub-header/properties.ts
var SUB_HEADER_LAYOUT = ["rows", "columns", "single-column"];
// src/components/tabs/properties.ts
var TAB_SCALES = ["xs", "sm", "md", "lg"];
// src/components/tag/properties.ts
var TAG_VARIANTS = [
"brand",
"grey",
"blue",
"teal",
"pink",
"orange",
"red",
"green",
"ultramarine",
"yellow",
"purple",
"lime"
];
var TAG_SCALES = ["xs", "sm", "md", "lg", "xl"];
// src/components/text/properties.ts
var TEXT_SCALES = ["xs", "sm", "md", "lg"];
var TEXT_VARIANTS = [
"danger",
"danger-contrast",
"warning",
"warning-contrast",
"success",
"success-contrast",
"information",
"information-contrast",
"discovery",
"discovery-contrast",
"planet",
"planet-contrast",
"brand",
"brand-contrast",
"signature",
"primary",
"secondary",
"tertiary",
"contrast",
"inverse"
];
// src/components/textarea/properties.ts
var TEXTAREA_SCALES = ["sm", "md", "lg", "xl"];
var TEXTAREA_LABEL_KIND = ["static", "floating"];
var TEXTAREA_SUBSCRIPT_VARIANT = ["error", "success"];
// src/components/toggle/properties.ts
var TOGGLE_VARIANTS = ["brand", "ai"];
var TOGGLE_SCALES = ["md", "lg", "xl"];
// src/variations/scale.ts
var SCALES = [
"2xs",
"xs",
"sm",
"md",
"lg",
"xl",
"2xl",
"3xl",
"4xl",
"5xl",
"6xl"
];
// src/variations/variant.ts
var STATUS_PRIMARY_VARIANTS = [
"danger",
"warning",
"success",
"information",
"discovery",
"planet"
];
var STATUS_CONTRAST_VARIANTS = [
"danger-contrast",
"warning-contrast",
"success-contrast",
"information-contrast",
"discovery-contrast",
"planet-contrast"
];
var STATUS_VARIANTS = [
...STATUS_PRIMARY_VARIANTS,
...STATUS_CONTRAST_VARIANTS
];
var NEUTRAL_VARIANTS = [
"neutral",
"primary",
"secondary",
"tertiary",
"contrast",
"inverse"
];
var BRAND_VARIANTS = ["brand", "brand-contrast"];
var ACCENT_VARIANTS = [
"grey",
"blue",
"teal",
"pink",
"orange",
"red",
"green",
"ultramarine",
"yellow",
"purple",
"lime"
];
var ADDITIONAL_VARIANTS = ["signature", "ai"];
// src/variations/emphasis.ts
var EMPHASIS_VARIANTS = ["bold", "subtle", "minimal"];
export { ACCENT_VARIANTS, ADDITIONAL_VARIANTS, AVATAR_SCALES, BADGE_EMPHASIS, BADGE_SCALES, BADGE_VARIANTS, BRAND_VARIANTS, BULLET_SIZES, BULLET_VARIANTS, BUTTON_EMPHASIS, BUTTON_SCALES, BUTTON_VARIANTS, CHAT_INPUT_ACTION_BUTTON_VARIANT, CHAT_INPUT_VARIANT, CHECKBOX_SCALES, CHECKBOX_SUBSCRIPT_VARIANTS, CONFIRMATION_MODAL_STATUS, DISPLAY_SCALES, DISPLAY_VARIANTS, DIVIDER_SCALES, EMPHASIS_VARIANTS, FOOTER_CARD_VARIANTS, FOOTER_ITEM_PADDING, FOOTER_ITEM_SCALES, FOOTER_VARIANTS, HEADER_LAYOUTS, HEADER_LOGO_POSITIONS, HEADING_SCALES, HEADING_VARIANTS, ICON_BUTTON_SCALES, ICON_BUTTON_VARIANTS, ICON_ENGIE_NAME, ICON_ENGIE_PREFIX, ICON_SCALES, ICON_VARIANTS, INFORMATION_MODAL_STATUS, INLINE_MESSAGE_ACTION_POSITION, INLINE_MESSAGE_SCALES, INLINE_MESSAGE_VARIANTS, INPUT_LABEL_KIND, INPUT_SCALES, INPUT_SUBSCRIPT_VARIANT, LINK_SCALES, LINK_VARIANTS, LIST_ITEM_TEXT_DISTRIBUTION, LIST_NAVIGATION_ITEM_VARIANTS, LIST_SCALES, MODAL_CLOSED_BY, NAVIGATION_ACTION_SCALES, NAVIGATION_ACTION_VARIANTS, NAVIGATION_TAB_VARIANTS, NEUTRAL_VARIANTS, SCALES, SEGMENTED_CONTROL_SCALES, SEMANTIC_BY_SCALE, SKELETON_CIRCLE_SCALES, SKELETON_RECTANGLE_SCALES, SPINNER_SCALES, SPINNER_VARIANTS, STATUS_CONTRAST_VARIANTS, STATUS_INDICATOR_SCALES, STATUS_INDICATOR_STATUSES, STATUS_PRIMARY_VARIANTS, STATUS_VARIANTS, SUB_HEADER_LAYOUT, TAB_SCALES, TAG_SCALES, TAG_VARIANTS, TEXTAREA_LABEL_KIND, TEXTAREA_SCALES, TEXTAREA_SUBSCRIPT_VARIANT, TEXT_SCALES, TEXT_VARIANTS, TOGGLE_SCALES, TOGGLE_VARIANTS };