@chayns-components/color-picker 5.0.0-beta.764 → 5.0.0-beta.765

package/lib/esm/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/Sliders.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sliders.styles.js","names":["styled","StyledSliders","div","StyledSlidersWrapper"],"sources":["../../../../../../../src/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/Sliders.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSliders = styled.div`\n    display: flex;\n    gap: 16px;\n    align-items: center;\n    height: 60px;\n`;\nexport const StyledSlidersWrapper = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,aAAa,GAAGD,MAAM,CAACE,GAAG;AACvC;AACA;AACA;AACA;AACA,CAAC;AACD,OAAO,MAAMC,oBAAoB,GAAGH,MAAM,CAACE,GAAG;AAC9C;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/color-preview/ColorPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPreview.js","names":["React","useContext","ColorPickerContext","StyledColorPreview","StyledColorPreviewColor","ColorPreview","selectedColor","createElement","$color","displayName"],"sources":["../../../../../../../../src/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/color-preview/ColorPreview.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ColorPickerContext } from '../../../../../ColorPickerProvider';\nimport { StyledColorPreview, StyledColorPreviewColor } from './ColorPreview.styles';\n\nconst ColorPreview = () => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    return (\n        <StyledColorPreview>\n            <StyledColorPreviewColor $color={selectedColor} />\n        </StyledColorPreview>\n    );\n};\n\nColorPreview.displayName = 'ColorPreview';\n\nexport default ColorPreview;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,kBAAkB,EAAEC,uBAAuB,QAAQ,uBAAuB;AAEnF,MAAMC,YAAY,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAc,CAAC,GAAGL,UAAU,CAACC,kBAAkB,CAAC;EAExD,oBACIF,KAAA,CAAAO,aAAA,CAACJ,kBAAkB,qBACfH,KAAA,CAAAO,aAAA,CAACH,uBAAuB;IAACI,MAAM,EAAEF;EAAc,CAAE,CACjC,CAAC;AAE7B,CAAC;AAEDD,YAAY,CAACI,WAAW,GAAG,cAAc;AAEzC,eAAeJ,YAAY","ignoreList":[]}

package/lib/esm/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/color-preview/ColorPreview.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPreview.styles.js","names":["styled","StyledColorPreview","div","StyledColorPreviewBackground","StyledColorPreviewColor","attrs","_ref","$color","theme","style","backgroundColor","border","text"],"sources":["../../../../../../../../src/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/color-preview/ColorPreview.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { Theme } from '@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider';\nimport styled from 'styled-components';\n\nexport const StyledColorPreview = styled.div`\n    width: 40px;\n    aspect-ratio: 1;\n    position: relative;\n\n    border-radius: 2px;\n    overflow: hidden;\n`;\n\nexport const StyledColorPreviewBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),\n        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n\ntype StyledColorPreviewColorProps = WithTheme<{ $color?: string }>;\n\nexport const StyledColorPreviewColor = styled.div.attrs<StyledColorPreviewColorProps>(\n    ({ $color, theme }) => ({\n        style: {\n            backgroundColor: $color,\n            border: `1px ${(theme as Theme).text} solid`,\n        },\n    }),\n)`\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n"],"mappings":"AAEA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAG;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAGH,MAAM,CAACE,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAID,OAAO,MAAME,uBAAuB,GAAGJ,MAAM,CAACE,GAAG,CAACG,KAAK,CACnDC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAAF,IAAA;EAAA,OAAM;IACpBG,KAAK,EAAE;MACHC,eAAe,EAAEH,MAAM;MACvBI,MAAM,EAAE,OAAQH,KAAK,CAAWI,IAAI;IACxC;EACJ,CAAC;AAAA,CACL,CAAC;AACD;AACA;AACA;AACA,CAAC","ignoreList":[]}