drowl_paragraphs_bs-1.x-dev/modules/drowl_paragraphs_bs_type_icon/drowl_paragraphs_bs_type_icon.ui_styles.yml

# General practice to pass classes to other elements then the
# entity wrapper:
# - Add a prefix like "icon-combo__" and remove the prefix within
#   the according preprocess. Then add it to separate attributes
#   for this object.
# - Use a formatter class like "icon-combo--" and remove the prefix
#   within the according preprocess. Then add it to separate
#   attributes for this object.
# Furthermore, remove the class from the entities attributes in this
# cases (if the entity is !== the object).

# Styles placed on the icon-combo wrapper.
icon_combo_direction:
  category: "Icon"
  label: "Icon Position"
  description: "Define the position of the icon"
  options:
    icon-combo--ico-position-top: "Top"
    icon-combo--ico-position-bottom: "Bottom"
    icon-combo--ico-position-left: "Left"
    icon-combo--ico-position-right: "Right"
icon_combo_alignment:
  category: "Icon"
  label: "Icon-Combo Alignment"
  description: "Define the alignment of the text & icon."
  options:
    icon-combo__align-items-strecth: "Stretch"
    icon-combo__align-items-start: "Top"
    icon-combo__align-items-center: "Center"
    icon-combo__align-items-end: "Bottom"
icon_alignment:
  category: "Icon"
  label: "Icon Alignment"
  description: "Define the alignment of the icon (in relation to the text)."
  options:
    icon__align-self-strecth: "Stretch"
    icon__align-self-start: "Top"
    icon__align-self-center: "Center"
    icon__align-self-end: "Bottom"
# Styles placed on the icon wrapper.
icon_color:
  category: "Icon"
  label: "Icon Color"
  description: "Define the icon color."
  options:
    icon__text-primary: "Primary"
    icon__text-primary-subtle: "Primary subtle"
    icon__text-secondary: "Secondary"
    icon__text-secondary-subtle: "Secondary subtle"
    icon__text-success: "Success"
    icon__text-success-subtle: "Success subtle"
    icon__text-danger: "Danger"
    icon__text-danger-subtle: "Danger subtle"
    icon__text-warning: "Warning"
    icon__text-warning-subtle: "Warning subtle"
    icon__text-info: "Info"
    icon__text-info-subtle: "Info subtle"
    icon__text-light: "Light"
    icon__text-light-subtle: "Light subtle"
    icon__text-dark: "Dark"
    icon__text-dark-subtle: "Dark subtle"
    icon__text-body-secondary: "Body secondary"
    icon__text-body-tertiary: "Body tertiary"
    icon__text-body: "Body"
    icon__text-white: "White"
    icon__text-black: "Black"
    icon__text-transparent: "Transparent"
icon_style:
  category: "Icon"
  label: "Icon Style"
  description: "Choose the icon style."
  options:
    icon__ico--simple: "Simple"
    icon__ico--circled: "Circle (filled)"
    icon__ico--circled icon__ico--circled-hollow: "Circle (border)"
icon_circle_color:
  category: "Icon"
  label: "Icon Circle Color"
  description: "Define the icon circles background color."
  options:
    icon__bg-primary: "Primary"
    icon__bg-primary-subtle: "Primary subtle"
    icon__bg-secondary: "Secondary"
    icon__bg-secondary-subtle: "Secondary subtle"
    icon__bg-success: "Success"
    icon__bg-success-subtle: "Success subtle"
    icon__bg-danger: "Danger"
    icon__bg-danger-subtle: "Danger subtle"
    icon__bg-warning: "Warning"
    icon__bg-warning-subtle: "Warning subtle"
    icon__bg-info: "Info"
    icon__bg-info-subtle: "Info subtle"
    icon__bg-light: "Light"
    icon__bg-light-subtle: "Light subtle"
    icon__bg-dark: "Dark"
    icon__bg-dark-subtle: "Dark subtle"
    icon__bg-body-secondary: "Body secondary"
    icon__bg-body-tertiary: "Body tertiary"
    icon__bg-body: "Body"
    icon__bg-white: "White"
    icon__bg-black: "Black"
    icon__bg-transparent: "Transparent"
icon_size:
  category: "Icon"
  label: "Icon Size"
  description: "Define the icon/icon-circle size."
  options:
    icon__ico--sm: "Small"
    icon__ico--md: "Medium"
    icon__ico--lg: "Large"
    icon__ico--xl: "XL"
    icon__ico--xxl: "XXL"