@lobehub/ui/es/ColorSwatches/style.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/ColorSwatches/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFill};\n    `,\n    conic: css`\n      background: conic-gradient(\n        ${cssVar.red},\n        ${cssVar.volcano},\n        ${cssVar.orange},\n        ${cssVar.gold},\n        ${cssVar.yellow},\n        ${cssVar.lime},\n        ${cssVar.green},\n        ${cssVar.cyan},\n        ${cssVar.blue},\n        ${cssVar.geekblue},\n        ${cssVar.purple},\n        ${cssVar.magenta},\n        ${cssVar.red}\n      );\n      .${prefixCls}-color-picker-color-block {\n        opacity: 0;\n      }\n    `,\n\n    container: css`\n      cursor: pointer;\n\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n\n      background: ${cssVar.colorBgContainer};\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px rgba(0, 0, 0, 5%),\n          0 0 0 2px ${cssVar.colorText};\n      }\n    `,\n\n    picker: css`\n      overflow: hidden;\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n      padding: 0;\n      border: none;\n\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px ${cssVar.colorFillSecondary},\n          0 0 0 2px ${cssVar.colorText};\n      }\n\n      .${prefixCls}-color-picker-color-block {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: inherit;\n      }\n    `,\n\n    transparent: css`\n      background-image: conic-gradient(\n        ${cssVar.colorFillSecondary} 25%,\n        transparent 25% 50%,\n        ${cssVar.colorFillSecondary} 50% 75%,\n        transparent 75% 100%\n      );\n      background-size: 50% 50%;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;oCACqBA,SAAO,UAAU;;EAEjD,OAAO,KAAG;;UAEJA,SAAO,IAAI;UACXA,SAAO,QAAQ;UACfA,SAAO,OAAO;UACdA,SAAO,KAAK;UACZA,SAAO,OAAO;UACdA,SAAO,KAAK;UACZA,SAAO,MAAM;UACbA,SAAO,KAAK;UACZA,SAAO,KAAK;UACZA,SAAO,SAAS;UAChBA,SAAO,OAAO;UACdA,SAAO,QAAQ;UACfA,SAAO,IAAI;;SAEZ,UAAU;;;;EAKf,WAAW,KAAG;;;;;;;;;;oBAUEA,SAAO,iBAAiB;oCACRA,SAAO,mBAAmB;;;;;sBAKxCA,SAAO,UAAU;;;EAInC,QAAQ,KAAG;;;;;;;;;;;oCAWqBA,SAAO,mBAAmB;;;;4BAIlCA,SAAO,mBAAmB;sBAChCA,SAAO,UAAU;;;SAG9B,UAAU;;;;;;;EAQf,aAAa,KAAG;;UAEVA,SAAO,mBAAmB;;UAE1BA,SAAO,mBAAmB;;;;;EAKjC;EACD"}