UNPKG

@engie-group/fluid-design-system-react

Version:

Fluid Design System React

464 lines (422 loc) 10 kB
// 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 };