@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
63 lines (62 loc) • 1.59 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const uikitStyles = require("@hitachivantara/uikit-styles");
const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvFile", {
root: {
position: "relative",
display: "flex",
gap: uikitStyles.theme.space.xs,
alignItems: "center",
backgroundColor: uikitStyles.theme.colors.bgContainer,
padding: uikitStyles.theme.space.xs,
border: `1px solid ${uikitStyles.theme.colors.border}`,
borderRadius: `0px 0px ${uikitStyles.theme.radii.round} ${uikitStyles.theme.radii.round}`
},
progressbar: {
position: "absolute",
top: "-1px"
},
progressbarContainer: {
height: "4px"
},
progressbarBack: {},
nameText: {
display: "flex",
alignItems: "center",
flex: 1
},
progressTextContainer: {
display: "flex",
flexGrow: 1,
alignItems: "center"
},
removeButton: {},
previewContainer: {
display: "flex",
width: "48px",
height: "48px",
justifyContent: "center",
alignItems: "center",
"& span": {
display: "flex",
justifyContent: "center",
alignItems: "center",
width: "100%",
height: "100%"
},
"& img": {
width: "40px",
height: "40px",
objectFit: "cover",
objectPosition: "center",
alignSelf: "center"
}
},
icon: {
margin: uikitStyles.theme.space.xs
},
fail: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;