• Home
• org.mvnpm.at.patternfly
• react-tokens
• 5.2.1
• source code
• c_tile.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.dist.js.c_tile.js Maven / Gradle / Ivy

"use strict";
exports.__esModule = true;
exports.c_tile = {
  ".pf-v5-c-tile": {
    "c_tile_PaddingTop": {
      "name": "--pf-v5-c-tile--PaddingTop",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--spacer--lg",
        "$pf-v5-global--spacer--lg",
        "pf-size-prem(24px)",
        "1.5rem"
      ]
    },
    "c_tile_PaddingRight": {
      "name": "--pf-v5-c-tile--PaddingRight",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--spacer--lg",
        "$pf-v5-global--spacer--lg",
        "pf-size-prem(24px)",
        "1.5rem"
      ]
    },
    "c_tile_PaddingBottom": {
      "name": "--pf-v5-c-tile--PaddingBottom",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--spacer--lg",
        "$pf-v5-global--spacer--lg",
        "pf-size-prem(24px)",
        "1.5rem"
      ]
    },
    "c_tile_PaddingLeft": {
      "name": "--pf-v5-c-tile--PaddingLeft",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--spacer--lg",
        "$pf-v5-global--spacer--lg",
        "pf-size-prem(24px)",
        "1.5rem"
      ]
    },
    "c_tile_BackgroundColor": {
      "name": "--pf-v5-c-tile--BackgroundColor",
      "value": "#fff",
      "values": [
        "--pf-v5-global--BackgroundColor--100",
        "$pf-v5-global--BackgroundColor--100",
        "$pf-v5-color-white",
        "#fff"
      ]
    },
    "c_tile_Transition": {
      "name": "--pf-v5-c-tile--Transition",
      "value": "none"
    },
    "c_tile_TranslateY": {
      "name": "--pf-v5-c-tile--TranslateY",
      "value": "0"
    },
    "c_tile_before_BorderColor": {
      "name": "--pf-v5-c-tile--before--BorderColor",
      "value": "#d2d2d2",
      "values": [
        "--pf-v5-global--BorderColor--100",
        "$pf-v5-global--BorderColor--100",
        "$pf-v5-color-black-300",
        "#d2d2d2"
      ]
    },
    "c_tile_before_BorderWidth": {
      "name": "--pf-v5-c-tile--before--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-v5-global--BorderWidth--sm",
        "$pf-v5-global--BorderWidth--sm",
        "1px"
      ]
    },
    "c_tile_after_Height": {
      "name": "--pf-v5-c-tile--after--Height",
      "value": "3px",
      "values": [
        "--pf-v5-global--BorderWidth--lg",
        "$pf-v5-global--BorderWidth--lg",
        "3px"
      ]
    },
    "c_tile_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--after--BackgroundColor",
      "value": "transparent"
    },
    "c_tile_after_Transition": {
      "name": "--pf-v5-c-tile--after--Transition",
      "value": "none"
    },
    "c_tile_after_ScaleY": {
      "name": "--pf-v5-c-tile--after--ScaleY",
      "value": "1"
    },
    "c_tile_after_TranslateY": {
      "name": "--pf-v5-c-tile--after--TranslateY",
      "value": "0"
    },
    "c_tile__icon_MarginRight": {
      "name": "--pf-v5-c-tile__icon--MarginRight",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_tile__icon_FontSize": {
      "name": "--pf-v5-c-tile__icon--FontSize",
      "value": "1rem",
      "values": [
        "--pf-v5-global--icon--FontSize--md",
        "$pf-v5-global--icon--FontSize--md",
        "pf-font-prem(16px)",
        "1rem"
      ]
    },
    "c_tile__icon_Color": {
      "name": "--pf-v5-c-tile__icon--Color",
      "value": "#151515",
      "values": [
        "--pf-v5-global--Color--100",
        "$pf-v5-global--Color--100",
        "$pf-v5-color-black-900",
        "#151515"
      ]
    },
    "c_tile__title_Color": {
      "name": "--pf-v5-c-tile__title--Color",
      "value": "#151515",
      "values": [
        "--pf-v5-global--Color--100",
        "$pf-v5-global--Color--100",
        "$pf-v5-color-black-900",
        "#151515"
      ]
    },
    "c_tile__body_Color": {
      "name": "--pf-v5-c-tile__body--Color",
      "value": "#151515",
      "values": [
        "--pf-v5-global--Color--100",
        "$pf-v5-global--Color--100",
        "$pf-v5-color-black-900",
        "#151515"
      ]
    },
    "c_tile__body_FontSize": {
      "name": "--pf-v5-c-tile__body--FontSize",
      "value": "0.75rem",
      "values": [
        "--pf-v5-global--FontSize--xs",
        "$pf-v5-global--FontSize--xs",
        "pf-font-prem(12px)",
        "0.75rem"
      ]
    },
    "c_tile_hover_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--hover--after--BackgroundColor",
      "value": "#73bcf7",
      "values": [
        "--pf-v5-global--active-color--400",
        "$pf-v5-global--active-color--400",
        "$pf-v5-color-blue-200",
        "#73bcf7"
      ]
    },
    "c_tile_hover__icon_Color": {
      "name": "--pf-v5-c-tile--hover__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_hover__title_Color": {
      "name": "--pf-v5-c-tile--hover__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_focus_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--focus--after--BackgroundColor",
      "value": "#73bcf7",
      "values": [
        "--pf-v5-global--active-color--400",
        "$pf-v5-global--active-color--400",
        "$pf-v5-color-blue-200",
        "#73bcf7"
      ]
    },
    "c_tile_focus__icon_Color": {
      "name": "--pf-v5-c-tile--focus__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_focus__title_Color": {
      "name": "--pf-v5-c-tile--focus__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_m_selected_TranslateY": {
      "name": "--pf-v5-c-tile--m-selected--TranslateY",
      "value": "calc(-1 * 2 * 3px)",
      "values": [
        "calc(-1 * --pf-v5-c-tile--m-selected--after--ScaleY * --pf-v5-c-tile--m-selected--after--Height)",
        "calc(-1 * 2 * --pf-v5-global--BorderWidth--lg)",
        "calc(-1 * 2 * $pf-v5-global--BorderWidth--lg)",
        "calc(-1 * 2 * 3px)"
      ]
    },
    "c_tile_m_selected_Transition": {
      "name": "--pf-v5-c-tile--m-selected--Transition",
      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
      "values": [
        "--pf-v5-global--Transition",
        "$pf-v5-global--Transition",
        "all 250ms cubic-bezier(.42, 0, .58, 1)"
      ]
    },
    "c_tile_m_selected_after_Height": {
      "name": "--pf-v5-c-tile--m-selected--after--Height",
      "value": "3px",
      "values": [
        "--pf-v5-global--BorderWidth--lg",
        "$pf-v5-global--BorderWidth--lg",
        "3px"
      ]
    },
    "c_tile_m_selected_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--m-selected--after--BackgroundColor",
      "value": "#06c",
      "values": [
        "--pf-v5-global--active-color--100",
        "$pf-v5-global--active-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_m_selected_after_Transition": {
      "name": "--pf-v5-c-tile--m-selected--after--Transition",
      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
      "values": [
        "--pf-v5-global--Transition",
        "$pf-v5-global--Transition",
        "all 250ms cubic-bezier(.42, 0, .58, 1)"
      ]
    },
    "c_tile_m_selected_after_ScaleY": {
      "name": "--pf-v5-c-tile--m-selected--after--ScaleY",
      "value": "2"
    },
    "c_tile_m_selected__icon_Color": {
      "name": "--pf-v5-c-tile--m-selected__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_m_selected__title_Color": {
      "name": "--pf-v5-c-tile--m-selected__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_m_disabled_BackgroundColor": {
      "name": "--pf-v5-c-tile--m-disabled--BackgroundColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-global--disabled-color--300",
        "$pf-v5-global--disabled-color--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_tile_m_disabled__icon_Color": {
      "name": "--pf-v5-c-tile--m-disabled__icon--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_tile_m_disabled__title_Color": {
      "name": "--pf-v5-c-tile--m-disabled__title--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_tile_m_disabled__body_Color": {
      "name": "--pf-v5-c-tile--m-disabled__body--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_tile__header_m_stacked__icon_MarginBottom": {
      "name": "--pf-v5-c-tile__header--m-stacked__icon--MarginBottom",
      "value": "0.25rem",
      "values": [
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_tile__header_m_stacked__icon_FontSize": {
      "name": "--pf-v5-c-tile__header--m-stacked__icon--FontSize",
      "value": "1.5rem",
      "values": [
        "--pf-v5-global--icon--FontSize--lg",
        "$pf-v5-global--icon--FontSize--lg",
        "pf-font-prem(24px)",
        "1.5rem"
      ]
    },
    "c_tile_m_display_lg__header_m_stacked__icon_FontSize": {
      "name": "--pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize",
      "value": "3.375rem",
      "values": [
        "--pf-v5-global--icon--FontSize--xl",
        "$pf-v5-global--icon--FontSize--xl",
        "pf-font-prem(54px)",
        "3.375rem"
      ]
    }
  },
  ".pf-v5-c-tile:hover": {
    "c_tile__title_Color": {
      "name": "--pf-v5-c-tile__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--hover__title--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile__icon_Color": {
      "name": "--pf-v5-c-tile__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--hover__icon--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--after--BackgroundColor",
      "value": "#73bcf7",
      "values": [
        "--pf-v5-c-tile--hover--after--BackgroundColor",
        "--pf-v5-global--active-color--400",
        "$pf-v5-global--active-color--400",
        "$pf-v5-color-blue-200",
        "#73bcf7"
      ]
    }
  },
  ".pf-v5-c-tile:focus": {
    "c_tile__title_Color": {
      "name": "--pf-v5-c-tile__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--focus__title--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile__icon_Color": {
      "name": "--pf-v5-c-tile__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--focus__icon--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--after--BackgroundColor",
      "value": "#73bcf7",
      "values": [
        "--pf-v5-c-tile--focus--after--BackgroundColor",
        "--pf-v5-global--active-color--400",
        "$pf-v5-global--active-color--400",
        "$pf-v5-color-blue-200",
        "#73bcf7"
      ]
    }
  },
  ".pf-v5-c-tile:active": {
    "c_tile__title_Color": {
      "name": "--pf-v5-c-tile__title--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--m-selected__title--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile__icon_Color": {
      "name": "--pf-v5-c-tile__icon--Color",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--m-selected__icon--Color",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_TranslateY": {
      "name": "--pf-v5-c-tile--TranslateY",
      "value": "calc(-1 * 2 * 3px)",
      "values": [
        "--pf-v5-c-tile--m-selected--TranslateY",
        "calc(-1 * --pf-v5-c-tile--m-selected--after--ScaleY * --pf-v5-c-tile--m-selected--after--Height)",
        "calc(-1 * 2 * --pf-v5-global--BorderWidth--lg)",
        "calc(-1 * 2 * $pf-v5-global--BorderWidth--lg)",
        "calc(-1 * 2 * 3px)"
      ]
    },
    "c_tile_Transition": {
      "name": "--pf-v5-c-tile--Transition",
      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
      "values": [
        "--pf-v5-c-tile--m-selected--Transition",
        "--pf-v5-global--Transition",
        "$pf-v5-global--Transition",
        "all 250ms cubic-bezier(.42, 0, .58, 1)"
      ]
    },
    "c_tile_after_Height": {
      "name": "--pf-v5-c-tile--after--Height",
      "value": "3px",
      "values": [
        "--pf-v5-c-tile--m-selected--after--Height",
        "--pf-v5-global--BorderWidth--lg",
        "$pf-v5-global--BorderWidth--lg",
        "3px"
      ]
    },
    "c_tile_after_BackgroundColor": {
      "name": "--pf-v5-c-tile--after--BackgroundColor",
      "value": "#06c",
      "values": [
        "--pf-v5-c-tile--m-selected--after--BackgroundColor",
        "--pf-v5-global--active-color--100",
        "$pf-v5-global--active-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_tile_after_Transition": {
      "name": "--pf-v5-c-tile--after--Transition",
      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
      "values": [
        "--pf-v5-c-tile--m-selected--after--Transition",
        "--pf-v5-global--Transition",
        "$pf-v5-global--Transition",
        "all 250ms cubic-bezier(.42, 0, .58, 1)"
      ]
    },
    "c_tile_after_ScaleY": {
      "name": "--pf-v5-c-tile--after--ScaleY",
      "value": "2",
      "values": [
        "--pf-v5-c-tile--m-selected--after--ScaleY",
        "2"
      ]
    }
  },
  ".pf-v5-c-tile.pf-m-disabled": {
    "c_tile_BackgroundColor": {
      "name": "--pf-v5-c-tile--BackgroundColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-c-tile--m-disabled--BackgroundColor",
        "--pf-v5-global--disabled-color--300",
        "$pf-v5-global--disabled-color--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_tile__title_Color": {
      "name": "--pf-v5-c-tile__title--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-c-tile--m-disabled__title--Color",
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_tile__body_Color": {
      "name": "--pf-v5-c-tile__body--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-c-tile--m-disabled__body--Color",
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_tile_before_BorderWidth": {
      "name": "--pf-v5-c-tile--before--BorderWidth",
      "value": "0"
    },
    "c_tile__icon_Color": {
      "name": "--pf-v5-c-tile__icon--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-c-tile--m-disabled__icon--Color",
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    }
  },
  ".pf-v5-c-tile.pf-m-display-lg .pf-v5-c-tile__header.pf-m-stacked": {
    "c_tile__icon_FontSize": {
      "name": "--pf-v5-c-tile__icon--FontSize",
      "value": "3.375rem",
      "values": [
        "--pf-v5-c-tile--m-display-lg__header--m-stacked__icon--FontSize",
        "--pf-v5-global--icon--FontSize--xl",
        "$pf-v5-global--icon--FontSize--xl",
        "pf-font-prem(54px)",
        "3.375rem"
      ]
    }
  },
  ".pf-v5-c-tile__header.pf-m-stacked": {
    "c_tile__icon_MarginRight": {
      "name": "--pf-v5-c-tile__icon--MarginRight",
      "value": "0"
    },
    "c_tile__icon_FontSize": {
      "name": "--pf-v5-c-tile__icon--FontSize",
      "value": "1.5rem",
      "values": [
        "--pf-v5-c-tile__header--m-stacked__icon--FontSize",
        "--pf-v5-global--icon--FontSize--lg",
        "$pf-v5-global--icon--FontSize--lg",
        "pf-font-prem(24px)",
        "1.5rem"
      ]
    }
  }
};
exports["default"] = exports.c_tile;