@dreamcommerce/aurora 2.23.0 → 2.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  2. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +1 -1
  3. package/package.json +1 -1
package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto !important;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
8
8
  var styles = {
9
9
  "color-picker-impl": "main-module_color-picker-impl__1W-fs",
10
10
  "color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto !important;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(90deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
4
4
  var styles = {
5
5
  "color-picker-impl": "main-module_color-picker-impl__1W-fs",
6
6
  "color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.23.0",
5
+ "version": "2.23.1",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",