jellyfish_designtokens/figma/PATTERNS/container/Spacings.json

Ultimate design tokens from Jelly Fish Design System

{
  "jf": {
    "container": {
      "spacing": {
        "padding": {
          "inset": {
            "none": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.none}  {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xs2": {
              "value": "{jf.spacing.padding.xs2} {jf.spacing.padding.xs2} {jf.spacing.padding.xs2}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.padding.xs} {jf.spacing.padding.xs} {jf.spacing.padding.xs}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.padding.sm} {jf.spacing.padding.sm} {jf.spacing.padding.sm}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.padding.md} {jf.spacing.padding.md} {jf.spacing.padding.md}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.padding.lg} {jf.spacing.padding.lg} {jf.spacing.padding.lg}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.padding.xl} {jf.spacing.padding.xl} {jf.spacing.padding.xl}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.padding.xl2} {jf.spacing.padding.xl2} {jf.spacing.padding.xl2}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.padding.xl3} {jf.spacing.padding.xl3} {jf.spacing.padding.xl3}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.padding.g} {jf.spacing.padding.g} {jf.spacing.padding.g}",
              "type": "spacing"
            },
            "xg": {
              "value": "{jf.spacing.padding.xg}{jf.spacing.padding.xg} {jf.spacing.padding.xg}",
              "type": "spacing"
            }
          },
          "squish": {
            "xs3": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xs2} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xs2": {
              "value": "{jf.spacing.padding.xs2} {jf.spacing.padding.xs} {jf.spacing.padding.xs2}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.padding.xs} {jf.spacing.padding.sm} {jf.spacing.padding.xs}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.padding.sm} {jf.spacing.padding.md} {jf.spacing.padding.sm}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.padding.md} {jf.spacing.padding.lg} {jf.spacing.padding.md}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.padding.lg} {jf.spacing.padding.xl} {jf.spacing.padding.lg}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.padding.xl} {jf.spacing.padding.xl2} {jf.spacing.padding.xl}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.padding.xl2} {jf.spacing.padding.xl3} {jf.spacing.padding.xl2}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.padding.xl3} {jf.spacing.padding.g} {jf.spacing.padding.xl3}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.padding.g} {jf.spacing.padding.xg} {jf.spacing.padding.g}",
              "type": "spacing"
            }
          },
          "stretch": {
            "xs3": {
              "value": "{jf.spacing.padding.xs2} {jf.spacing.padding.none} {jf.spacing.padding.xs2}",
              "type": "spacing"
            },
            "xs2": {
              "value": "{jf.spacing.padding.xs} {jf.spacing.padding.xs2} {jf.spacing.padding.xs}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.padding.sm} {jf.spacing.padding.xs} {jf.spacing.padding.sm}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.padding.md} {jf.spacing.padding.sm} {jf.spacing.padding.md}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.padding.lg} {jf.spacing.padding.md} {jf.spacing.padding.lg}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.padding.xl} {jf.spacing.padding.lg} {jf.spacing.padding.xl}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.padding.xl2} {jf.spacing.padding.xl} {jf.spacing.padding.xl2}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.padding.xl3} {jf.spacing.padding.xl2} {jf.spacing.padding.xl3}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.padding.g} {jf.spacing.padding.xl3} {jf.spacing.padding.g}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.padding.xg} {jf.spacing.padding.g} {jf.spacing.padding.xg}",
              "type": "spacing"
            }
          },
          "horizontals": {
            "xs2": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xs2} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xs} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.sm} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.md} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.lg} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xl} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xl2} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xl3} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.g} {jf.spacing.padding.none}",
              "type": "spacing"
            },
            "xg": {
              "value": "{jf.spacing.padding.none} {jf.spacing.padding.xg2} {jf.spacing.padding.none}",
              "type": "spacing"
            }
          },
          "verticals": {
            "xs2": {
              "value": "{jf.spacing.padding.xs2} {jf.spacing.padding.none} {jf.spacing.padding.xs2}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.padding.xs} {jf.spacing.padding.none} {jf.spacing.padding.xs}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.padding.sm} {jf.spacing.padding.none} {jf.spacing.padding.sm}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.padding.md} {jf.spacing.padding.none} {jf.spacing.padding.md}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.padding.lg} {jf.spacing.padding.none} {jf.spacing.padding.lg}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.padding.xl} {jf.spacing.padding.none} {jf.spacing.padding.xl}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.padding.xl2} {jf.spacing.padding.none} {jf.spacing.padding.xl2}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.padding.xl3} {jf.spacing.padding.none} {jf.spacing.padding.xl3}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.padding.g} {jf.spacing.padding.none} {jf.spacing.padding.g}",
              "type": "spacing"
            },
            "xg": {
              "value": "{jf.spacing.padding.xg} {jf.spacing.padding.none} {jf.spacing.padding.xg}",
              "type": "spacing"
            }
          }
        },
        "gap": {
          "inline": {
            "none": {
              "value": "{jf.spacing.gap.none}",
              "type": "spacing"
            },
            "xs2": {
              "value": "{jf.spacing.gap.xs2}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.gap.xs}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.gap.sm}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.gap.md}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.gap.lg}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.gap.xl}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.gap.xl2}",
              "type": "spacing"
            },
            "xl3": {
              "value": "{jf.spacing.gap.xl3}",
              "type": "spacing"
            },
            "g": {
              "value": "{jf.spacing.gap.g}",
              "type": "spacing"
            }
          },
          "stack": {
            "none": {
              "value": "{jf.spacing.gap.none}",
              "type": "spacing"
            },
            "xs2": {
              "value": "{jf.spacing.gap.xs}",
              "type": "spacing"
            },
            "xs": {
              "value": "{jf.spacing.gap.sm}",
              "type": "spacing"
            },
            "sm": {
              "value": "{jf.spacing.gap.md}",
              "type": "spacing"
            },
            "md": {
              "value": "{jf.spacing.gap.lg}",
              "type": "spacing"
            },
            "lg": {
              "value": "{jf.spacing.gap.xl}",
              "type": "spacing"
            },
            "xl": {
              "value": "{jf.spacing.gap.xl2}",
              "type": "spacing"
            },
            "xl2": {
              "value": "{jf.spacing.gap.xl3}",
              "type": "spacing"
            }
          }
        }
      }
    }
  }
}