@activecollab/components/dist/cjs/components/Button/AddToListButton/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledText = exports.StyledAddToListButton = exports.StyledAddCrossIcon = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _collection = require("../../Icons/collection");
var _Typography = require("../../Typography");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledText = exports.StyledText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
  displayName: "Styles__StyledText",
  componentId: "sc-1fx7urq-0"
})(["transition:ease 0.3s all;color:var(--color-primary);position:relative;"]);
StyledText.displayName = "StyledText";
var StyledAddCrossIcon = exports.StyledAddCrossIcon = (0, _styledComponents.default)(_collection.AddCrossIcon).withConfig({
  displayName: "Styles__StyledAddCrossIcon",
  componentId: "sc-1fx7urq-1"
})(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:7px;box-sizing:content-box;"]);
StyledAddCrossIcon.displayName = "StyledAddCrossIcon";
var StyledAddToListButton = exports.StyledAddToListButton = (0, _styledComponents.default)("button").withConfig({
  displayName: "Styles__StyledAddToListButton",
  componentId: "sc-1fx7urq-2"
})(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
StyledAddToListButton.displayName = "StyledAddToListButton";
//# sourceMappingURL=Styles.js.map