variants.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _cssinjs = require("@ant-design/cssinjs");
  7. var _variants = require("../../input/style/variants");
  8. const genVariantsStyle = token => {
  9. const {
  10. componentCls
  11. } = token;
  12. return {
  13. [componentCls]: [Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _variants.genOutlinedStyle)(token)), (0, _variants.genUnderlinedStyle)(token)), (0, _variants.genFilledStyle)(token)), (0, _variants.genBorderlessStyle)(token)),
  14. // ========================= Multiple =========================
  15. {
  16. '&-outlined': {
  17. [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
  18. background: token.multipleItemBg,
  19. border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}`
  20. }
  21. },
  22. '&-filled': {
  23. [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
  24. background: token.colorBgContainer,
  25. border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorSplit}`
  26. }
  27. },
  28. '&-borderless': {
  29. [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
  30. background: token.multipleItemBg,
  31. border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}`
  32. }
  33. },
  34. '&-underlined': {
  35. [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
  36. background: token.multipleItemBg,
  37. border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}`
  38. }
  39. }
  40. }]
  41. };
  42. };
  43. var _default = exports.default = genVariantsStyle;