react-iro-gradient-picker 1.0.6 → 1.0.7
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.
- package/README.md +38 -0
- package/dist/index.css +1 -0
- package/dist/index.es.css +1 -0
- package/dist/index.es.js +6 -5
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -6679,10 +6679,11 @@ var InputRgba = function (_a) {
|
|
|
6679
6679
|
React__default["default"].createElement("div", { className: 'relative' },
|
|
6680
6680
|
React__default["default"].createElement("input", { type: 'text', id: idInput, value: "#".concat(valueInput), "aria-label": labelArea, onChange: function (e) { return onChangeInput(e); }, onBlur: onHandleSubmit, onKeyPress: function (e) { return handlePressEnter(e, onHandleSubmit); }, className: cn('w-full py-2.5 text-md font-mono rounded-lg', 'focus:ring-2 focus:ring-blue-500/20 transition-all duration-200', labelSymbol && 'pl-4', name === 'alpha' && 'pr-7'), style: {
|
|
6681
6681
|
backgroundColor: 'var(--colorpicker-input-bg)',
|
|
6682
|
-
borderColor: 'var(--colorpicker-input-border)',
|
|
6683
6682
|
color: 'var(--colorpicker-text)',
|
|
6684
|
-
|
|
6685
|
-
|
|
6683
|
+
border: 'none',
|
|
6684
|
+
borderWidth: '0',
|
|
6685
|
+
borderStyle: 'none',
|
|
6686
|
+
outline: 'none'
|
|
6686
6687
|
} }))));
|
|
6687
6688
|
}))));
|
|
6688
6689
|
};
|
|
@@ -8330,7 +8331,7 @@ var ColorPicker = function (_a) {
|
|
|
8330
8331
|
};
|
|
8331
8332
|
if (solid && gradient) {
|
|
8332
8333
|
return (React__default["default"].createElement(ThemeProvider, null,
|
|
8333
|
-
React__default["default"].createElement("div", { className: 'relative dark', "data-color-picker-theme": true },
|
|
8334
|
+
React__default["default"].createElement("div", { className: 'relative dark iro-gradient-picker', "data-color-picker-theme": true },
|
|
8334
8335
|
React__default["default"].createElement(ThemeToggle, null),
|
|
8335
8336
|
React__default["default"].createElement(PopupTabs, { activeTab: activeTab, popupWidth: popupWidth },
|
|
8336
8337
|
React__default["default"].createElement(PopupTabsHeader, null,
|
|
@@ -8343,7 +8344,7 @@ var ColorPicker = function (_a) {
|
|
|
8343
8344
|
React__default["default"].createElement(IroGradient, { onChange: onChangeGradient, value: value, format: format, defaultColors: defaultColors, debounceMS: debounceMS, debounce: debounce, showAlpha: showAlpha, showInputs: showInputs, showGradientResult: showGradientResult, showGradientStops: showGradientStops, showGradientMode: showGradientMode, showGradientAngle: showGradientAngle, showGradientPosition: showGradientPosition, allowAddGradientStops: allowAddGradientStops, colorBoardHeight: colorBoardHeight, showReset: showReset, onReset: onReset })))))));
|
|
8344
8345
|
}
|
|
8345
8346
|
return (React__default["default"].createElement(ThemeProvider, null,
|
|
8346
|
-
React__default["default"].createElement("div", { className: 'relative dark
|
|
8347
|
+
React__default["default"].createElement("div", { className: 'relative dark iro-gradient-picker', "data-color-picker-theme": true },
|
|
8347
8348
|
React__default["default"].createElement(ThemeToggle, null),
|
|
8348
8349
|
solid || gradient ? (React__default["default"].createElement(PopupTabs, { popupWidth: popupWidth },
|
|
8349
8350
|
React__default["default"].createElement(PopupTabsBody, null,
|