// Hydrogen / Sass Maps
@use "sass:color";
@use "defaults" as *;

// Alignment
$alignment-map: (
  "left": left,
  "center": center,
  "centre": center,
  "right": right
);
$alignment-value-map: (
  "left": auto auto auto 0,
  "center": 0 auto,
  "centre": 0 auto,
  "right": auto 0 auto auto
);

// Borders
$border-style-list: ("solid", "dashed");
$border-width-list: ("thick", "thin");

// Button Type
$button-type-map: (
  "solid": "solid",
  "outline": "outline",
  "clear": "clear"
);

// Containers
$container-size-map: (
  "small": $layout-small,
  "medium": $layout-medium,
  "large": $layout-large,
  "full": none
);

// Display
$display-list: ("block", "inline", "inline-block", "table", "grid", "flex", "none");

// Font Family
$font-family-map: (
  "sans": $font-sans,
  "serif": $font-serif,
  "script": $font-script,
  "monospace": $font-monospace,
);

// Font Size
$font-size-map: (
  "h1": $font-scale-h1,
  "h2": $font-scale-h2,
  "h3": $font-scale-h3,
  "h4": $font-scale-h4,
  "h5": $font-scale-h5,
  "h6": $font-scale-h6,
  "normal": $font-scale-default,
  "small": $font-scale-small,
);

// Grid Alignment
$grid-alignment-map: (
  "top": "flex-start",
  "middle": "center",
  "bottom": "flex-end",
  "stretch": "stretch"
);

// Media
$media-query-map: (
  "b": "screen",
  "s": $mq-small,
  "m": $mq-medium,
  "l": $mq-large
);

// Orientation
$orientation-map: (
  "all": "",
  "top": "-top",
  "right": "-right",
  "bottom": "-bottom",
  "left": "-left"
);

// Position
$position-list: ("absolute", "relative", "static", "fixed", "sticky");

// Radius
$radius-map: (
  "square": 0,
  "round": $border-radius-round,
  "circle": 100%
);

$object-radius-map: (
  "square": 0,
  "round": $border-radius-round,
  "pill": 50rem,
  "circle": 100%
);

// Sides
$side-map: (
  "all": "",
  "top": "-top",
  "right": "-right",
  "bottom": "-bottom",
  "left": "-left",
  "tb": "",
  "rl": ""
);

// Size
$size-map: (
  "small": "small",
  "medium": "medium",
  "large": "large"
);

// Type
$heading-list: ("h1", "h2", "h3", "h4", "h5", "h6");

// Weight
$weight-map: (
  "100": 100,
  "200": 200,
  "300": 300,
  "400": 400,
  "normal": 400,
  "500": 500,
  "600": 600,
  "700": 700,
  "bold": 700,
  "800": 800,
  "900": 900
);

// Whitespace
$whitespace-map: (
  "1": "",
  "0": "* 0",
  ".25": "/ 4",
  ".5": "/ 2",
  "2": "* 2",
  "2.5": "* 2.5",
  "3": "* 3",
  "4": "* 4",
  "5": "* 5"
);