@ozen-ui/kit/__inner__/cjs/components/Paper/Paper.css

React component library

.Paper {
  --paper-background-color: none;
  --paper-border-radius: none;
  --paper-box-shadow: none;
  background-color: var(--paper-background-color);
  border-radius: var(--paper-border-radius);
  box-shadow: var(--paper-box-shadow);
}

  .Paper_radius_xs {
      --paper-border-radius: var(--border-radius-xs);
    }

  .Paper_radius_s {
      --paper-border-radius: var(--border-radius-m);
    }

  .Paper_radius_l {
      --paper-border-radius: var(--border-radius-l);
    }

  .Paper_radius_xl {
      --paper-border-radius: var(--border-radius-xl);
    }

  .Paper_radius_2xl {
      --paper-border-radius: var(--border-radius-2xl);
    }

  .Paper_background_main {
      --paper-background-color: var(--color-background-main);
    }

  .Paper_background_main-inverse {
      --paper-background-color: var(--color-background-main-inverse);
    }

  .Paper_background_action-light {
      --paper-background-color: var(--color-background-action-light);
    }

  .Paper_background_accent {
      --paper-background-color: var(--color-accent-main);
    }

  .Paper_shadow_m {
      --paper-box-shadow: var(--shadow-m);
    }

  .Paper_shadow_l {
      --paper-box-shadow: var(--shadow-l);
    }