@patternfly/react-tokens/dist/esm/c_skeleton.d.ts

This library provides access to the design tokens of PatternFly 4 from JavaScript

export const c_skeleton: {
  ".pf-v6-c-skeleton": {
    "c_skeleton_BackgroundColor": {
      "name": "--pf-v6-c-skeleton--BackgroundColor",
      "value": "#f2f2f2",
      "values": [
        "--pf-t--global--background--color--secondary--default",
        "--pf-t--global--background--color--200",
        "--pf-t--color--gray--10",
        "#f2f2f2"
      ]
    },
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "auto"
    },
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "auto"
    },
    "c_skeleton_BorderRadius": {
      "name": "--pf-v6-c-skeleton--BorderRadius",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_skeleton_before_PaddingBlockEnd": {
      "name": "--pf-v6-c-skeleton--before--PaddingBlockEnd",
      "value": "0"
    },
    "c_skeleton_before_Height": {
      "name": "--pf-v6-c-skeleton--before--Height",
      "value": "auto"
    },
    "c_skeleton_before_Content": {
      "name": "--pf-v6-c-skeleton--before--Content",
      "value": "\" \""
    },
    "c_skeleton_after_LinearGradientAngle": {
      "name": "--pf-v6-c-skeleton--after--LinearGradientAngle",
      "value": "90deg"
    },
    "c_skeleton_after_LinearGradientColorStop1": {
      "name": "--pf-v6-c-skeleton--after--LinearGradientColorStop1",
      "value": "#f2f2f2",
      "values": [
        "--pf-t--global--background--color--secondary--default",
        "--pf-t--global--background--color--200",
        "--pf-t--color--gray--10",
        "#f2f2f2"
      ]
    },
    "c_skeleton_after_LinearGradientColorStop2": {
      "name": "--pf-v6-c-skeleton--after--LinearGradientColorStop2",
      "value": "#e0e0e0",
      "values": [
        "--pf-t--global--background--color--secondary--hover",
        "--pf-t--global--background--color--300",
        "--pf-t--color--gray--20",
        "#e0e0e0"
      ]
    },
    "c_skeleton_after_LinearGradientColorStop3": {
      "name": "--pf-v6-c-skeleton--after--LinearGradientColorStop3",
      "value": "#f2f2f2",
      "values": [
        "--pf-t--global--background--color--secondary--default",
        "--pf-t--global--background--color--200",
        "--pf-t--color--gray--10",
        "#f2f2f2"
      ]
    },
    "c_skeleton_after_TranslateX": {
      "name": "--pf-v6-c-skeleton--after--TranslateX",
      "value": "-100%"
    },
    "c_skeleton_after_AnimationName": {
      "name": "--pf-v6-c-skeleton--after--AnimationName",
      "value": "pf-v6-c-skeleton-loading",
      "values": [
        "pf-v6-c-skeleton-loading",
        "pf-v6-c-skeleton-loading"
      ]
    },
    "c_skeleton_after_AnimationDuration": {
      "name": "--pf-v6-c-skeleton--after--AnimationDuration",
      "value": "3s"
    },
    "c_skeleton_after_AnimationIterationCount": {
      "name": "--pf-v6-c-skeleton--after--AnimationIterationCount",
      "value": "infinite"
    },
    "c_skeleton_after_AnimationTimingFunction": {
      "name": "--pf-v6-c-skeleton--after--AnimationTimingFunction",
      "value": "linear"
    },
    "c_skeleton_after_AnimationDelay": {
      "name": "--pf-v6-c-skeleton--after--AnimationDelay",
      "value": ".5s"
    },
    "c_skeleton_m_circle_BorderRadius": {
      "name": "--pf-v6-c-skeleton--m-circle--BorderRadius",
      "value": "999px",
      "values": [
        "--pf-t--global--border--radius--pill",
        "--pf-t--global--border--radius--500",
        "999px"
      ]
    },
    "c_skeleton_m_circle_before_PaddingBlockEnd": {
      "name": "--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd",
      "value": "100%"
    },
    "c_skeleton_m_text_4xl_Height": {
      "name": "--pf-v6-c-skeleton--m-text-4xl--Height",
      "value": "calc(2.25rem * 1.3)",
      "values": [
        "calc(--pf-t--global--font--size--4xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--800 * --pf-t--global--font--line-height--100)",
        "calc(2.25rem * 1.3)"
      ]
    },
    "c_skeleton_m_text_3xl_Height": {
      "name": "--pf-v6-c-skeleton--m-text-3xl--Height",
      "value": "calc(1.75rem * 1.3)",
      "values": [
        "calc(--pf-t--global--font--size--3xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--700 * --pf-t--global--font--line-height--100)",
        "calc(1.75rem * 1.3)"
      ]
    },
    "c_skeleton_m_text_2xl_Height": {
      "name": "--pf-v6-c-skeleton--m-text-2xl--Height",
      "value": "calc(1.5rem * 1.3)",
      "values": [
        "calc(--pf-t--global--font--size--2xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--600 * --pf-t--global--font--line-height--100)",
        "calc(1.5rem * 1.3)"
      ]
    },
    "c_skeleton_m_text_xl_Height": {
      "name": "--pf-v6-c-skeleton--m-text-xl--Height",
      "value": "calc(1.25rem * 1.3)",
      "values": [
        "calc(--pf-t--global--font--size--xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--500 * --pf-t--global--font--line-height--100)",
        "calc(1.25rem * 1.3)"
      ]
    },
    "c_skeleton_m_text_lg_Height": {
      "name": "--pf-v6-c-skeleton--m-text-lg--Height",
      "value": "calc(1.125rem * 1.5)",
      "values": [
        "calc(--pf-t--global--font--size--lg * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--400 * --pf-t--global--font--line-height--200)",
        "calc(1.125rem * 1.5)"
      ]
    },
    "c_skeleton_m_text_md_Height": {
      "name": "--pf-v6-c-skeleton--m-text-md--Height",
      "value": "calc(1rem * 1.5)",
      "values": [
        "calc(--pf-t--global--font--size--md * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--300 * --pf-t--global--font--line-height--200)",
        "calc(1rem * 1.5)"
      ]
    },
    "c_skeleton_m_text_sm_Height": {
      "name": "--pf-v6-c-skeleton--m-text-sm--Height",
      "value": "calc(0.875rem * 1.5)",
      "values": [
        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--200 * --pf-t--global--font--line-height--200)",
        "calc(0.875rem * 1.5)"
      ]
    },
    "c_skeleton_m_width_sm_Width": {
      "name": "--pf-v6-c-skeleton--m-width-sm--Width",
      "value": "6.25rem"
    },
    "c_skeleton_m_width_md_Width": {
      "name": "--pf-v6-c-skeleton--m-width-md--Width",
      "value": "12.5rem"
    },
    "c_skeleton_m_width_lg_Width": {
      "name": "--pf-v6-c-skeleton--m-width-lg--Width",
      "value": "18.75rem"
    },
    "c_skeleton_m_width_25_Width": {
      "name": "--pf-v6-c-skeleton--m-width-25--Width",
      "value": "25%"
    },
    "c_skeleton_m_width_33_Width": {
      "name": "--pf-v6-c-skeleton--m-width-33--Width",
      "value": "calc(100% / 3)"
    },
    "c_skeleton_m_width_50_Width": {
      "name": "--pf-v6-c-skeleton--m-width-50--Width",
      "value": "50%"
    },
    "c_skeleton_m_width_66_Width": {
      "name": "--pf-v6-c-skeleton--m-width-66--Width",
      "value": "calc(100% / 3 * 2)"
    },
    "c_skeleton_m_width_75_Width": {
      "name": "--pf-v6-c-skeleton--m-width-75--Width",
      "value": "75%"
    },
    "c_skeleton_m_height_sm_Height": {
      "name": "--pf-v6-c-skeleton--m-height-sm--Height",
      "value": "6.25rem"
    },
    "c_skeleton_m_height_md_Height": {
      "name": "--pf-v6-c-skeleton--m-height-md--Height",
      "value": "12.5rem"
    },
    "c_skeleton_m_height_lg_Height": {
      "name": "--pf-v6-c-skeleton--m-height-lg--Height",
      "value": "18.75rem"
    },
    "c_skeleton_m_height_25_Height": {
      "name": "--pf-v6-c-skeleton--m-height-25--Height",
      "value": "25%"
    },
    "c_skeleton_m_height_33_Height": {
      "name": "--pf-v6-c-skeleton--m-height-33--Height",
      "value": "calc(100% / 3)"
    },
    "c_skeleton_m_height_50_Height": {
      "name": "--pf-v6-c-skeleton--m-height-50--Height",
      "value": "50%"
    },
    "c_skeleton_m_height_66_Height": {
      "name": "--pf-v6-c-skeleton--m-height-66--Height",
      "value": "calc(100% / 3 * 2)"
    },
    "c_skeleton_m_height_75_Height": {
      "name": "--pf-v6-c-skeleton--m-height-75--Height",
      "value": "75%"
    },
    "c_skeleton_m_height_100_Height": {
      "name": "--pf-v6-c-skeleton--m-height-100--Height",
      "value": "100%"
    }
  },
  ".pf-v6-c-skeleton.pf-m-circle": {
    "c_skeleton_BorderRadius": {
      "name": "--pf-v6-c-skeleton--BorderRadius",
      "value": "999px",
      "values": [
        "--pf-v6-c-skeleton--m-circle--BorderRadius",
        "--pf-t--global--border--radius--pill",
        "--pf-t--global--border--radius--500",
        "999px"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-square": {
    "c_skeleton_before_Height": {
      "name": "--pf-v6-c-skeleton--before--Height",
      "value": "0"
    },
    "c_skeleton_before_PaddingBlockEnd": {
      "name": "--pf-v6-c-skeleton--before--PaddingBlockEnd",
      "value": "100%",
      "values": [
        "--pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd",
        "100%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-sm": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "6.25rem",
      "values": [
        "--pf-v6-c-skeleton--m-width-sm--Width",
        "6.25rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-md": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "12.5rem",
      "values": [
        "--pf-v6-c-skeleton--m-width-md--Width",
        "12.5rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-lg": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "18.75rem",
      "values": [
        "--pf-v6-c-skeleton--m-width-lg--Width",
        "18.75rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-25": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "25%",
      "values": [
        "--pf-v6-c-skeleton--m-width-25--Width",
        "25%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-33": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "calc(100% / 3)",
      "values": [
        "--pf-v6-c-skeleton--m-width-33--Width",
        "calc(100% / 3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-50": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "50%",
      "values": [
        "--pf-v6-c-skeleton--m-width-50--Width",
        "50%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-66": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "calc(100% / 3 * 2)",
      "values": [
        "--pf-v6-c-skeleton--m-width-66--Width",
        "calc(100% / 3 * 2)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-width-75": {
    "c_skeleton_Width": {
      "name": "--pf-v6-c-skeleton--Width",
      "value": "75%",
      "values": [
        "--pf-v6-c-skeleton--m-width-75--Width",
        "75%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-sm": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "6.25rem",
      "values": [
        "--pf-v6-c-skeleton--m-height-sm--Height",
        "6.25rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-md": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "12.5rem",
      "values": [
        "--pf-v6-c-skeleton--m-height-md--Height",
        "12.5rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-lg": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "18.75rem",
      "values": [
        "--pf-v6-c-skeleton--m-height-lg--Height",
        "18.75rem"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-25": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "25%",
      "values": [
        "--pf-v6-c-skeleton--m-height-25--Height",
        "25%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-33": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(100% / 3)",
      "values": [
        "--pf-v6-c-skeleton--m-height-33--Height",
        "calc(100% / 3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-50": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "50%",
      "values": [
        "--pf-v6-c-skeleton--m-height-50--Height",
        "50%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-66": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(100% / 3 * 2)",
      "values": [
        "--pf-v6-c-skeleton--m-height-66--Height",
        "calc(100% / 3 * 2)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-75": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "75%",
      "values": [
        "--pf-v6-c-skeleton--m-height-75--Height",
        "75%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-height-100": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "100%",
      "values": [
        "--pf-v6-c-skeleton--m-height-100--Height",
        "100%"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-4xl": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(2.25rem * 1.3)",
      "values": [
        "--pf-v6-c-skeleton--m-text-4xl--Height",
        "calc(--pf-t--global--font--size--4xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--800 * --pf-t--global--font--line-height--100)",
        "calc(2.25rem * 1.3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-3xl": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(1.75rem * 1.3)",
      "values": [
        "--pf-v6-c-skeleton--m-text-3xl--Height",
        "calc(--pf-t--global--font--size--3xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--700 * --pf-t--global--font--line-height--100)",
        "calc(1.75rem * 1.3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-2xl": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(1.5rem * 1.3)",
      "values": [
        "--pf-v6-c-skeleton--m-text-2xl--Height",
        "calc(--pf-t--global--font--size--2xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--600 * --pf-t--global--font--line-height--100)",
        "calc(1.5rem * 1.3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-xl": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(1.25rem * 1.3)",
      "values": [
        "--pf-v6-c-skeleton--m-text-xl--Height",
        "calc(--pf-t--global--font--size--xl * --pf-t--global--font--line-height--heading)",
        "calc(--pf-t--global--font--size--500 * --pf-t--global--font--line-height--100)",
        "calc(1.25rem * 1.3)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-lg": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(1.125rem * 1.5)",
      "values": [
        "--pf-v6-c-skeleton--m-text-lg--Height",
        "calc(--pf-t--global--font--size--lg * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--400 * --pf-t--global--font--line-height--200)",
        "calc(1.125rem * 1.5)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-md": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(1rem * 1.5)",
      "values": [
        "--pf-v6-c-skeleton--m-text-md--Height",
        "calc(--pf-t--global--font--size--md * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--300 * --pf-t--global--font--line-height--200)",
        "calc(1rem * 1.5)"
      ]
    }
  },
  ".pf-v6-c-skeleton.pf-m-text-sm": {
    "c_skeleton_Height": {
      "name": "--pf-v6-c-skeleton--Height",
      "value": "calc(0.875rem * 1.5)",
      "values": [
        "--pf-v6-c-skeleton--m-text-sm--Height",
        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--body)",
        "calc(--pf-t--global--font--size--200 * --pf-t--global--font--line-height--200)",
        "calc(0.875rem * 1.5)"
      ]
    }
  }
};
export default c_skeleton;