@braineet/ui/dist/esm/components/file/styles.js

Braineet design system

import styled from 'styled-components';
import { variant } from 'styled-system';
export var FileContainer = styled.div.withConfig({
  displayName: "styles__FileContainer",
  componentId: "sc-detdj6-0"
})(["position:relative;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0.5rem;background:", ";color:", ";border-radius:0.25rem;transition:background 0.3s ease;", " ", " ", " .tooltip-trigger{display:flex;}"], function (p) {
  return p.theme.colors.white;
}, function (p) {
  return p.theme.colors.black;
}, function (p) {
  return typeof p.onClick === 'function' && "\n        &:hover {\n        background: " + p.theme.colors.background.light.grey + ";\n        cursor: pointer;\n    }\n    ";
}, function (p) {
  return variant({
    prop: 'status',
    variants: {
      error: {
        border: "2px solid " + p.theme.colors.error,
        color: p.theme.colors.error90,
        background: p.theme.colors.error10
      }
    }
  });
}, variant({
  prop: '$display',
  variants: {
    row: {
      display: 'flex',
      width: '100%',
      height: '40px'
    },
    icon: {
      display: 'inline-flex'
    }
  }
}));
export var FileThumb = styled.div.withConfig({
  displayName: "styles__FileThumb",
  componentId: "sc-detdj6-1"
})(["width:24px;height:24px;border-radius:4px;background:url('", "') no-repeat center;background-size:cover;overflow:hidden;flex-shrink:0;"], function (p) {
  return p.thumbUrl;
});
export var FileIconWrapper = styled.div.withConfig({
  displayName: "styles__FileIconWrapper",
  componentId: "sc-detdj6-2"
})(["display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;"]);