@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":[],"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,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;oCACqB,OAAO,UAAU;;EAEjD,OAAO,GAAG;;UAEJ,OAAO,IAAI;UACX,OAAO,QAAQ;UACf,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,MAAM;UACb,OAAO,KAAK;UACZ,OAAO,KAAK;UACZ,OAAO,SAAS;UAChB,OAAO,OAAO;UACd,OAAO,QAAQ;UACf,OAAO,IAAI;;SAEZ,UAAU;;;;EAKf,WAAW,GAAG;;;;;;;;;;oBAUE,OAAO,iBAAiB;oCACR,OAAO,mBAAmB;;;;;sBAKxC,OAAO,UAAU;;;EAInC,QAAQ,GAAG;;;;;;;;;;;oCAWqB,OAAO,mBAAmB;;;;4BAIlC,OAAO,mBAAmB;sBAChC,OAAO,UAAU;;;SAG9B,UAAU;;;;;;;EAQf,aAAa,GAAG;;UAEV,OAAO,mBAAmB;;UAE1B,OAAO,mBAAmB;;;;;EAKjC;EACD"}