{
  "jf": {
    "icon": {
      "dimension": {
        "xs": {
          "value": "{jf.component.dimension.xs}",
          "type": "sizing"
        },
        "sm": {
          "value": "{jf.component.dimension.sm}",
          "type": "sizing"
        },
        "md": {
          "value": "{jf.component.dimension.md}",
          "type": "sizing"
        },
        "lg": {
          "value": "{jf.component.dimension.lg}",
          "type": "sizing"
        }
      },
      "color": {
        "fill": {
          "neutral": {
            "enabled": {
              "value": "{jf.color.fg.default}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.default}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.default}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.default}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "inverted": {
            "enabled": {
              "value": "{jf.color.fg.inverted}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.inverted}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.inverted}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.inverted}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "primary": {
            "enabled": {
              "value": "{jf.color.fg.primary}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.primary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.primary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.primary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "secondary": {
            "enabled": {
              "value": "{jf.color.fg.secondary}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.secondary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.secondary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.secondary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "critical": {
            "enabled": {
              "value": "{jf.color.fg.critical}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.critical}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.critical}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.critical}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "success": {
            "enabled": {
              "value": "{jf.color.fg.success}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.success}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.success}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.success}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "warning": {
            "enabled": {
              "value": "{jf.color.fg.warning}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.warning}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.warning}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.warning}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          },
          "white": {
            "enabled": {
              "value": "{jf.color.fg.white}",
              "type": "color"
            },
            "hover": {
              "value": "{jf.color.fg.white}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "lighten",
                    "value": "{jf.bg.modifier.amount.hover} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "selected": {
              "value": "{jf.color.fg.white}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.selected} ",
                    "space": "hsl"
                  }
                }
              }
            },
            "focus": {
              "value": "{jf.color.fg.white}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "darken",
                    "value": "{jf.bg.modifier.amount.focus} ",
                    "space": "hsl"
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}