@kiwicom/orbit-components/es/primitives/ButtonPrimitive/sizes.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

export const sizeStyles = {
  small: "h-form-box-small text-small [&_svg]:h-icon-small [&_svg]:w-icon-small",
  normal: "h-form-box-normal text-normal [&_svg]:h-icon-medium [&_svg]:w-icon-medium",
  large: "h-form-box-large text-large [&_svg]:h-icon-large [&_svg]:w-icon-large"
};
export const paddingNoIconsStyles = {
  small: "px-button-padding-sm",
  normal: "px-button-padding-md",
  large: "px-button-padding-lg"
};
export const paddingLeftIconStyles = {
  small: "ps-button-padding-xs pe-button-padding-sm",
  normal: "ps-button-padding-sm pe-button-padding-md",
  large: "ps-button-padding-md pe-button-padding-lg"
};
export const paddingRightIconStyles = {
  small: "ps-button-padding-sm pe-button-padding-xs",
  normal: "ps-button-padding-md pe-button-padding-sm",
  large: "ps-button-padding-lg pe-button-padding-md"
};
export const paddingBothIconsStyles = {
  small: "px-button-padding-xs",
  normal: "px-button-padding-sm",
  large: "px-button-padding-md"
};
export const circledStyles = {
  small: "rounded-form-box-small",
  normal: "rounded-form-box-normal",
  large: "rounded-form-box-large"
};
export const iconOnlyStyles = {
  small: "w-form-box-small",
  normal: "w-form-box-normal",
  large: "w-form-box-large"
};