@seeqdev/qomponents 0.0.189 → 0.0.190
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/dist/index.esm.js +18 -18
- package/dist/index.js +18 -18
- package/dist/styles.css +37 -37
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -7570,7 +7570,7 @@ const QTip = () => {
|
|
|
7570
7570
|
}
|
|
7571
7571
|
};
|
|
7572
7572
|
return (jsx$1(Fragment, { children: jsxs("div", { onMouseEnter: () => setOverTooltip(true), onMouseLeave: () => setOverTooltip(false), "data-testid": tooltipTestId, ref: tooltipRef, className: 'tw:absolute tw:rounded tw:bg-black tw:max-w-96 tw:p-2 tw:text-xs tw:text-sq-white tw:z-[9999] tw:fade-in ' +
|
|
7573
|
-
(show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsx$1(HTMLTip, { text: tooltipText }) : tooltipText, jsx$1("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-
|
|
7573
|
+
(show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsx$1(HTMLTip, { text: tooltipText }) : tooltipText, jsx$1("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-black", ref: tooltipArrowRef })] }) }));
|
|
7574
7574
|
};
|
|
7575
7575
|
|
|
7576
7576
|
function _typeof(o) {
|
|
@@ -14019,14 +14019,14 @@ const menuStyles = [
|
|
|
14019
14019
|
'tw:dark:border-sq-dark-disabled-gray',
|
|
14020
14020
|
'tw:whitespace-nowrap',
|
|
14021
14021
|
'tw:min-w-fit',
|
|
14022
|
-
'tw
|
|
14022
|
+
'tw:z-[9999]!',
|
|
14023
14023
|
].join(' ');
|
|
14024
14024
|
const menuListStyles = [
|
|
14025
14025
|
'tw:rounded-b',
|
|
14026
14026
|
'tw:bg-sq-white',
|
|
14027
14027
|
'tw:dark:bg-sq-dark-background',
|
|
14028
14028
|
'tw:min-w-fit',
|
|
14029
|
-
'tw
|
|
14029
|
+
'tw:z-[9999]!',
|
|
14030
14030
|
'specSelectMenu',
|
|
14031
14031
|
].join(' ');
|
|
14032
14032
|
const groupHeadingStyles = [
|
|
@@ -14045,7 +14045,7 @@ const optionStyles = [
|
|
|
14045
14045
|
'tw:px-2.5',
|
|
14046
14046
|
'specSelectOption',
|
|
14047
14047
|
].join(' ');
|
|
14048
|
-
const disabledClasses$3 = ['tw:bg-sq-field-disabled-gray', 'tw
|
|
14048
|
+
const disabledClasses$3 = ['tw:bg-sq-field-disabled-gray', 'tw:cursor-not-allowed!', 'tw:opacity-50'].join(' ');
|
|
14049
14049
|
const dropDownIndicatorStyles = `tw:text-sq-disabled-gray ${textActiveStyles} specOpenIt`;
|
|
14050
14050
|
const placeholderStyles = ['tw:text-gray-400', 'tw:dark:text-sq-dark-text-lighter', 'specOpenSelect'].join(' ');
|
|
14051
14051
|
const multiValueStyles = [
|
|
@@ -14134,12 +14134,12 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
|
|
|
14134
14134
|
placeholder: () => placeholderStyles,
|
|
14135
14135
|
container: ({ selectProps }) => {
|
|
14136
14136
|
const containerBorderStyles = selectProps?.menuIsOpen ? 'tw:rounded-t-md' : 'tw:rounded-md';
|
|
14137
|
-
return `${textStyles} ${extraClassNames} ${containerBorderStyles} tw
|
|
14137
|
+
return `${textStyles} ${extraClassNames} ${containerBorderStyles} tw:pointer-events-auto!`;
|
|
14138
14138
|
},
|
|
14139
14139
|
input: () => textStyles + ' specSelectInput',
|
|
14140
14140
|
menuList: () => menuListStyles,
|
|
14141
14141
|
menu: () => menuStyles,
|
|
14142
|
-
menuPortal: () => 'tw
|
|
14142
|
+
menuPortal: () => 'tw:z-[9000]!',
|
|
14143
14143
|
dropdownIndicator: () => dropDownIndicatorStyles,
|
|
14144
14144
|
option: ({ isSelected, isDisabled }) => {
|
|
14145
14145
|
let classes = optionStyles;
|
|
@@ -14593,7 +14593,7 @@ const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, sub
|
|
|
14593
14593
|
}
|
|
14594
14594
|
return (jsxs(Fragment, { children: [titleIcon && titleIconPosition === 'left' ? jsx$1("div", { className: "tw:flex tw:mr-2", children: titleIconElement }) : jsx$1(Fragment, {}), jsx$1(DialogTitle, { asChild: true, children: isTitleEditable ? (jsxs("div", { className: "tw:flex tw:w-full tw:items-center", children: [jsx$1(TextField, { extraClassNames: inputExtraClassNames, value: title, type: "text", testId: "modalTitle", onChange: onTitleChanged, placeholder: titlePlaceholder, required: titleRequired, showError: !!titleError }), titleError && jsx$1("p", { className: "tw:text-sq-danger tw:min-w-fit tw:pl-2 tw:mb-0", children: titleError })] })) : (customHeader ?? (jsxs("div", { "data-testid": "modalTitle", className: "modal-title", children: [jsxs("div", { className: "tw:flex tw:items-center", children: [jsx$1("h3", { children: title }), titleSuffixLabel && jsx$1("span", { className: "tw:text-xl tw:pl-0.5", children: titleSuffixLabel })] }), subtitle && (jsx$1("div", { className: "tw:italic tw:text-sm tw:text-left tw:mt-1", "data-testid": "modal-subtitle", children: subtitle }))] }))) }), titleIcon && titleIconPosition === 'right' ? jsx$1("div", { className: "tw:flex tw:ml-4", children: titleIconElement }) : jsx$1(Fragment, {})] }));
|
|
14595
14595
|
};
|
|
14596
|
-
return open ? (jsx$1(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal, children: jsxs(DialogContent, { onPointerDownOutside: (e) => (onPointerDownOutside ? onPointerDownOutside(e) : e.preventDefault()), onInteractOutside: (e) => (onInteractOutside ? onInteractOutside(e) : e.preventDefault()), "data-testid": testId, className: classNames(`modalContent tw:w-full tw:border-none tw:shadow-none tw:dark:text-sq-dark-text tw
|
|
14596
|
+
return open ? (jsx$1(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal, children: jsxs(DialogContent, { onPointerDownOutside: (e) => (onPointerDownOutside ? onPointerDownOutside(e) : e.preventDefault()), onInteractOutside: (e) => (onInteractOutside ? onInteractOutside(e) : e.preventDefault()), "data-testid": testId, className: classNames(`modalContent tw:w-full tw:border-none tw:shadow-none tw:dark:text-sq-dark-text tw:gap-0!`, {
|
|
14597
14597
|
'tw:max-w-xs': size === 'xs',
|
|
14598
14598
|
'tw:max-w-sm': size === 'sm',
|
|
14599
14599
|
'tw:max-w-md': size === 'md',
|
|
@@ -16634,16 +16634,16 @@ const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames =
|
|
|
16634
16634
|
}
|
|
16635
16635
|
if (Array.isArray(item.subMenuItems) && item.subMenuItems.length > 0) {
|
|
16636
16636
|
return (jsxs(Sub2, { children: [jsxs(SubTrigger2, { id: id, className: `tw:cursor-pointer tw:flex tw:justify-between tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:pl-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, ...tooltipData, children: [jsxs("div", { className: "tw:flex", children: [item.icon && (jsx$1(Icon, { icon: item.icon, extraClassNames: `tw:w-4.5 ${item.disabled
|
|
16637
|
-
? 'tw
|
|
16638
|
-
: 'tw:text-sq-text-color tw:dark:text-sq-white'} ${item.iconExtraClassNames || ''}` })), jsx$1("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled && 'tw
|
|
16639
|
-
return (jsxs(Item2, { onSelect: subItem.onClick, "data-qtip-text": subItem.tooltip, className: "tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none", disabled: subItem.disabled, children: [subItem.iconClass && (jsx$1(Icon, { icon: subItem.iconClass, type: "text", extraClassNames: `tw:w-4.5 ${item.disabled && 'tw
|
|
16637
|
+
? 'tw:text-sq-disabled-gray!'
|
|
16638
|
+
: 'tw:text-sq-text-color tw:dark:text-sq-white'} ${item.iconExtraClassNames || ''}` })), jsx$1("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled && 'tw:opacity-30!'} tw:not-italic tw:font-semibold ${item.labelClasses}`, children: item.label })] }), jsx$1(Icon, { size: "sm", icon: "fc-arrow-dropdown tw:rotate-270", extraClassNames: `${item.disabled ? 'tw:text-sq-disabled-gray' : 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:w-4.5 tw:ml-4 tw:text-2 tw:justify-center tw:flex` })] }), jsx$1(Portal2, { children: jsx$1(SubContent2, { className: "tw:focus-visible:outline-none tw:outline-none", children: jsx$1("div", { "data-testid": containerTestId, className: `${bgStyles$1} tw:relative tw:z-[1000] tw:min-w-6 tw:py-2 tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade ${borderStyles$1}`, children: item.subMenuItems.map((subItem, subIndex) => {
|
|
16639
|
+
return (jsxs(Item2, { onSelect: subItem.onClick, "data-qtip-text": subItem.tooltip, className: "tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none", disabled: subItem.disabled, children: [subItem.iconClass && (jsx$1(Icon, { icon: subItem.iconClass, type: "text", extraClassNames: `tw:w-4.5 ${item.disabled && 'tw:opacity-30!'}` })), jsx$1("div", { className: `tw:text-sq-13 tw:ml-1 ${subItem.disabled
|
|
16640
16640
|
? 'tw:text-sq-disabled-gray'
|
|
16641
16641
|
: 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:not-italic tw:font-normal ${item.labelClasses}`, children: subItem.label })] }, subItem.label + subIndex));
|
|
16642
16642
|
}) }) }) })] }, (item.id || item.icon || '') + index));
|
|
16643
16643
|
}
|
|
16644
16644
|
return (jsxs("div", { ...tooltipData, children: [jsxs(Item2, { "data-customid": item.itemCustomId, onSelect: (e) => {
|
|
16645
16645
|
item.onClick(e);
|
|
16646
|
-
}, className: `tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:min-h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, children: [item.icon && (jsx$1(Icon, { icon: item.icon, testId: item.iconTestId, type: (item.iconType || 'text'), color: item.iconColor, customId: item.iconCustomId, extraClassNames: `tw:w-sq-4.5 ${item.disabled && 'tw
|
|
16646
|
+
}, className: `tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:min-h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, children: [item.icon && (jsx$1(Icon, { icon: item.icon, testId: item.iconTestId, type: (item.iconType || 'text'), color: item.iconColor, customId: item.iconCustomId, extraClassNames: `tw:w-sq-4.5 ${item.disabled && 'tw:opacity-30!'} ${item.iconExtraClassNames || ''}` })), jsx$1("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled ? 'tw:text-sq-disabled-gray' : 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:not-italic tw:font-normal ${item.labelClasses || ''}`, children: item.label })] }, (item.id || item.icon || '') + index), item.hasDivider && (jsx$1(Separator2, { "data-testid": `dropdown-divider-${index}`, className: "tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2" }))] }, (item.id || '') + index));
|
|
16647
16647
|
})] }) }) })] }));
|
|
16648
16648
|
};
|
|
16649
16649
|
|
|
@@ -16659,7 +16659,7 @@ const borderColorClasses$1 = 'tw:border-sq-theme-dark';
|
|
|
16659
16659
|
const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId = 'alert-id', id, extraClassNames, ...tooltipProps }) => {
|
|
16660
16660
|
const appliedTheme = {
|
|
16661
16661
|
theme: `${lightTheme$1} ${darkTheme$1}`,
|
|
16662
|
-
formulaError: 'tw:text-red-800 tw:bg-red-200 tw
|
|
16662
|
+
formulaError: 'tw:text-red-800 tw:bg-red-200 tw:rounded-[0.25rem]!',
|
|
16663
16663
|
danger: 'tw:text-sq-text-color tw:bg-sq-danger',
|
|
16664
16664
|
warning: 'tw:bg-sq-bg-warning tw:text-sq-text-color',
|
|
16665
16665
|
gray: 'tw:bg-sq-hover-gray tw:text-sq-text-color tw:dark:bg-sq-tools-background-dark tw:dark:text-sq-text-color-dark',
|
|
@@ -16704,7 +16704,7 @@ const SvgIcon = ({ onClick, icon, color, type = 'default', extraClassNames, view
|
|
|
16704
16704
|
const SeeqActionDropdownItem = (item) => {
|
|
16705
16705
|
let renderIcon = jsx$1(Fragment, {});
|
|
16706
16706
|
if (item.icon) {
|
|
16707
|
-
renderIcon = isSvgIcon(item.icon) ? (jsx$1(SvgIcon, { icon: item.icon, extraClassNames: item.iconExtraClassNames + 'tw:p-1 tw:h-8 tw:w-8 tw:dark:text-sq-white tw
|
|
16707
|
+
renderIcon = isSvgIcon(item.icon) ? (jsx$1(SvgIcon, { icon: item.icon, extraClassNames: item.iconExtraClassNames + 'tw:p-1 tw:h-8 tw:w-8 tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white', ...item })) : (jsx$1(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white ' + item.iconExtraClassNames }));
|
|
16708
16708
|
}
|
|
16709
16709
|
return (jsxs("div", { className: "tw:flex-col tw:flex tw:p-2.5 tw:pl-5 tw:w-150", children: [jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [jsx$1("div", { className: classNames('tw:rounded-[0.1875rem] tw:h-8 tw:w-8 tw:bg-sq-theme-dark tw:flex tw:justify-center tw:items-center ', item.iconContainerExtraClassNames), children: renderIcon }), jsx$1("h4", { className: "tw:text-base tw:font-[600] tw:leading-5 mb-0", children: item.display })] }), jsx$1("div", { className: "tw:text-sq-13 tw:font-normal", children: item.text })] }));
|
|
16710
16710
|
};
|
|
@@ -16716,7 +16716,7 @@ const ViewWorkbench = (item) => {
|
|
|
16716
16716
|
return (jsx$1("div", { className: "tw:flex-col tw:flex tw:p-2.5", children: jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [jsx$1("div", { className: "tw:rounded-[0.1875rem] tw:h-5 tw:w-5 tw:flex tw:justify-center tw:items-center ", children: renderIcon }), jsx$1("div", { className: "tw:text-sq-13", children: item.display })] }) }));
|
|
16717
16717
|
};
|
|
16718
16718
|
const InsertSeeqContent = (item) => {
|
|
16719
|
-
return (jsxs("div", { className: "tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text", children: [jsx$1("h5", { className: "tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5", children: item.display }), jsx$1("div", { className: "tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw
|
|
16719
|
+
return (jsxs("div", { className: "tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text", children: [jsx$1("h5", { className: "tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5", children: item.display }), jsx$1("div", { className: "tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw:mt-1!", children: item.text })] }));
|
|
16720
16720
|
};
|
|
16721
16721
|
|
|
16722
16722
|
const borderStyles = [
|
|
@@ -29277,19 +29277,19 @@ const ProgressBar = ({ values = [], max = 100, containerExtraClasses = '', zeroV
|
|
|
29277
29277
|
|
|
29278
29278
|
const baseClasses = 'tw:flex tw:outline-none tw:w-full tw:relative tw:flex-wrap';
|
|
29279
29279
|
const activeClassesByVariantLightTheme = {
|
|
29280
|
-
'outline': 'tw
|
|
29280
|
+
'outline': 'tw:bg-sq-disabled-gray tw:border-sq-theme-dark',
|
|
29281
29281
|
'theme': 'tw:bg-sq-theme-highlight',
|
|
29282
29282
|
'danger': '',
|
|
29283
29283
|
'theme-light': '',
|
|
29284
|
-
'no-border': 'tw
|
|
29284
|
+
'no-border': 'tw:bg-sq-disabled-gray!',
|
|
29285
29285
|
'warning': '',
|
|
29286
29286
|
};
|
|
29287
29287
|
const activeClassesByVariantDarkTheme = {
|
|
29288
|
-
'outline': 'tw
|
|
29288
|
+
'outline': 'tw:dark:bg-sq-multi-gray-dark tw:dark:border-sq-theme-dark',
|
|
29289
29289
|
'theme': 'tw:dark:bg-sq-theme-highlight',
|
|
29290
29290
|
'danger': '',
|
|
29291
29291
|
'theme-light': '',
|
|
29292
|
-
'no-border': 'tw
|
|
29292
|
+
'no-border': 'tw:dark:bg-sq-multi-gray-dark!',
|
|
29293
29293
|
'warning': '',
|
|
29294
29294
|
};
|
|
29295
29295
|
/**
|
package/dist/index.js
CHANGED
|
@@ -7590,7 +7590,7 @@ const QTip = () => {
|
|
|
7590
7590
|
}
|
|
7591
7591
|
};
|
|
7592
7592
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { onMouseEnter: () => setOverTooltip(true), onMouseLeave: () => setOverTooltip(false), "data-testid": tooltipTestId, ref: tooltipRef, className: 'tw:absolute tw:rounded tw:bg-black tw:max-w-96 tw:p-2 tw:text-xs tw:text-sq-white tw:z-[9999] tw:fade-in ' +
|
|
7593
|
-
(show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsxRuntime.jsx(HTMLTip, { text: tooltipText }) : tooltipText, jsxRuntime.jsx("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-
|
|
7593
|
+
(show ? 'tw:visible' : 'tw:invisible tw:pointer-events-none'), children: [html ? jsxRuntime.jsx(HTMLTip, { text: tooltipText }) : tooltipText, jsxRuntime.jsx("div", { className: "tw:absolute tw:w-2.5 tw:h-2.5 tw:rotate-45 tw:bg-black", ref: tooltipArrowRef })] }) }));
|
|
7594
7594
|
};
|
|
7595
7595
|
|
|
7596
7596
|
function _typeof(o) {
|
|
@@ -14039,14 +14039,14 @@ const menuStyles = [
|
|
|
14039
14039
|
'tw:dark:border-sq-dark-disabled-gray',
|
|
14040
14040
|
'tw:whitespace-nowrap',
|
|
14041
14041
|
'tw:min-w-fit',
|
|
14042
|
-
'tw
|
|
14042
|
+
'tw:z-[9999]!',
|
|
14043
14043
|
].join(' ');
|
|
14044
14044
|
const menuListStyles = [
|
|
14045
14045
|
'tw:rounded-b',
|
|
14046
14046
|
'tw:bg-sq-white',
|
|
14047
14047
|
'tw:dark:bg-sq-dark-background',
|
|
14048
14048
|
'tw:min-w-fit',
|
|
14049
|
-
'tw
|
|
14049
|
+
'tw:z-[9999]!',
|
|
14050
14050
|
'specSelectMenu',
|
|
14051
14051
|
].join(' ');
|
|
14052
14052
|
const groupHeadingStyles = [
|
|
@@ -14065,7 +14065,7 @@ const optionStyles = [
|
|
|
14065
14065
|
'tw:px-2.5',
|
|
14066
14066
|
'specSelectOption',
|
|
14067
14067
|
].join(' ');
|
|
14068
|
-
const disabledClasses$3 = ['tw:bg-sq-field-disabled-gray', 'tw
|
|
14068
|
+
const disabledClasses$3 = ['tw:bg-sq-field-disabled-gray', 'tw:cursor-not-allowed!', 'tw:opacity-50'].join(' ');
|
|
14069
14069
|
const dropDownIndicatorStyles = `tw:text-sq-disabled-gray ${textActiveStyles} specOpenIt`;
|
|
14070
14070
|
const placeholderStyles = ['tw:text-gray-400', 'tw:dark:text-sq-dark-text-lighter', 'specOpenSelect'].join(' ');
|
|
14071
14071
|
const multiValueStyles = [
|
|
@@ -14154,12 +14154,12 @@ const Select = ({ options, value, placeholder = 'select', noOptionsMessage = 'no
|
|
|
14154
14154
|
placeholder: () => placeholderStyles,
|
|
14155
14155
|
container: ({ selectProps }) => {
|
|
14156
14156
|
const containerBorderStyles = selectProps?.menuIsOpen ? 'tw:rounded-t-md' : 'tw:rounded-md';
|
|
14157
|
-
return `${textStyles} ${extraClassNames} ${containerBorderStyles} tw
|
|
14157
|
+
return `${textStyles} ${extraClassNames} ${containerBorderStyles} tw:pointer-events-auto!`;
|
|
14158
14158
|
},
|
|
14159
14159
|
input: () => textStyles + ' specSelectInput',
|
|
14160
14160
|
menuList: () => menuListStyles,
|
|
14161
14161
|
menu: () => menuStyles,
|
|
14162
|
-
menuPortal: () => 'tw
|
|
14162
|
+
menuPortal: () => 'tw:z-[9000]!',
|
|
14163
14163
|
dropdownIndicator: () => dropDownIndicatorStyles,
|
|
14164
14164
|
option: ({ isSelected, isDisabled }) => {
|
|
14165
14165
|
let classes = optionStyles;
|
|
@@ -14613,7 +14613,7 @@ const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, sub
|
|
|
14613
14613
|
}
|
|
14614
14614
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [titleIcon && titleIconPosition === 'left' ? jsxRuntime.jsx("div", { className: "tw:flex tw:mr-2", children: titleIconElement }) : jsxRuntime.jsx(jsxRuntime.Fragment, {}), jsxRuntime.jsx(DialogTitle, { asChild: true, children: isTitleEditable ? (jsxRuntime.jsxs("div", { className: "tw:flex tw:w-full tw:items-center", children: [jsxRuntime.jsx(TextField, { extraClassNames: inputExtraClassNames, value: title, type: "text", testId: "modalTitle", onChange: onTitleChanged, placeholder: titlePlaceholder, required: titleRequired, showError: !!titleError }), titleError && jsxRuntime.jsx("p", { className: "tw:text-sq-danger tw:min-w-fit tw:pl-2 tw:mb-0", children: titleError })] })) : (customHeader ?? (jsxRuntime.jsxs("div", { "data-testid": "modalTitle", className: "modal-title", children: [jsxRuntime.jsxs("div", { className: "tw:flex tw:items-center", children: [jsxRuntime.jsx("h3", { children: title }), titleSuffixLabel && jsxRuntime.jsx("span", { className: "tw:text-xl tw:pl-0.5", children: titleSuffixLabel })] }), subtitle && (jsxRuntime.jsx("div", { className: "tw:italic tw:text-sm tw:text-left tw:mt-1", "data-testid": "modal-subtitle", children: subtitle }))] }))) }), titleIcon && titleIconPosition === 'right' ? jsxRuntime.jsx("div", { className: "tw:flex tw:ml-4", children: titleIconElement }) : jsxRuntime.jsx(jsxRuntime.Fragment, {})] }));
|
|
14615
14615
|
};
|
|
14616
|
-
return open ? (jsxRuntime.jsx(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal, children: jsxRuntime.jsxs(DialogContent, { onPointerDownOutside: (e) => (onPointerDownOutside ? onPointerDownOutside(e) : e.preventDefault()), onInteractOutside: (e) => (onInteractOutside ? onInteractOutside(e) : e.preventDefault()), "data-testid": testId, className: classNames(`modalContent tw:w-full tw:border-none tw:shadow-none tw:dark:text-sq-dark-text tw
|
|
14616
|
+
return open ? (jsxRuntime.jsx(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal, children: jsxRuntime.jsxs(DialogContent, { onPointerDownOutside: (e) => (onPointerDownOutside ? onPointerDownOutside(e) : e.preventDefault()), onInteractOutside: (e) => (onInteractOutside ? onInteractOutside(e) : e.preventDefault()), "data-testid": testId, className: classNames(`modalContent tw:w-full tw:border-none tw:shadow-none tw:dark:text-sq-dark-text tw:gap-0!`, {
|
|
14617
14617
|
'tw:max-w-xs': size === 'xs',
|
|
14618
14618
|
'tw:max-w-sm': size === 'sm',
|
|
14619
14619
|
'tw:max-w-md': size === 'md',
|
|
@@ -16654,16 +16654,16 @@ const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames =
|
|
|
16654
16654
|
}
|
|
16655
16655
|
if (Array.isArray(item.subMenuItems) && item.subMenuItems.length > 0) {
|
|
16656
16656
|
return (jsxRuntime.jsxs(Sub2, { children: [jsxRuntime.jsxs(SubTrigger2, { id: id, className: `tw:cursor-pointer tw:flex tw:justify-between tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:pl-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, ...tooltipData, children: [jsxRuntime.jsxs("div", { className: "tw:flex", children: [item.icon && (jsxRuntime.jsx(Icon, { icon: item.icon, extraClassNames: `tw:w-4.5 ${item.disabled
|
|
16657
|
-
? 'tw
|
|
16658
|
-
: 'tw:text-sq-text-color tw:dark:text-sq-white'} ${item.iconExtraClassNames || ''}` })), jsxRuntime.jsx("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled && 'tw
|
|
16659
|
-
return (jsxRuntime.jsxs(Item2, { onSelect: subItem.onClick, "data-qtip-text": subItem.tooltip, className: "tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none", disabled: subItem.disabled, children: [subItem.iconClass && (jsxRuntime.jsx(Icon, { icon: subItem.iconClass, type: "text", extraClassNames: `tw:w-4.5 ${item.disabled && 'tw
|
|
16657
|
+
? 'tw:text-sq-disabled-gray!'
|
|
16658
|
+
: 'tw:text-sq-text-color tw:dark:text-sq-white'} ${item.iconExtraClassNames || ''}` })), jsxRuntime.jsx("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled && 'tw:opacity-30!'} tw:not-italic tw:font-semibold ${item.labelClasses}`, children: item.label })] }), jsxRuntime.jsx(Icon, { size: "sm", icon: "fc-arrow-dropdown tw:rotate-270", extraClassNames: `${item.disabled ? 'tw:text-sq-disabled-gray' : 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:w-4.5 tw:ml-4 tw:text-2 tw:justify-center tw:flex` })] }), jsxRuntime.jsx(Portal2, { children: jsxRuntime.jsx(SubContent2, { className: "tw:focus-visible:outline-none tw:outline-none", children: jsxRuntime.jsx("div", { "data-testid": containerTestId, className: `${bgStyles$1} tw:relative tw:z-[1000] tw:min-w-6 tw:py-2 tw:focus-visible:outline-none tw:outline-none tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade ${borderStyles$1}`, children: item.subMenuItems.map((subItem, subIndex) => {
|
|
16659
|
+
return (jsxRuntime.jsxs(Item2, { onSelect: subItem.onClick, "data-qtip-text": subItem.tooltip, className: "tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none", disabled: subItem.disabled, children: [subItem.iconClass && (jsxRuntime.jsx(Icon, { icon: subItem.iconClass, type: "text", extraClassNames: `tw:w-4.5 ${item.disabled && 'tw:opacity-30!'}` })), jsxRuntime.jsx("div", { className: `tw:text-sq-13 tw:ml-1 ${subItem.disabled
|
|
16660
16660
|
? 'tw:text-sq-disabled-gray'
|
|
16661
16661
|
: 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:not-italic tw:font-normal ${item.labelClasses}`, children: subItem.label })] }, subItem.label + subIndex));
|
|
16662
16662
|
}) }) }) })] }, (item.id || item.icon || '') + index));
|
|
16663
16663
|
}
|
|
16664
16664
|
return (jsxRuntime.jsxs("div", { ...tooltipData, children: [jsxRuntime.jsxs(Item2, { "data-customid": item.itemCustomId, onSelect: (e) => {
|
|
16665
16665
|
item.onClick(e);
|
|
16666
|
-
}, className: `tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:min-h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, children: [item.icon && (jsxRuntime.jsx(Icon, { icon: item.icon, testId: item.iconTestId, type: (item.iconType || 'text'), color: item.iconColor, customId: item.iconCustomId, extraClassNames: `tw:w-sq-4.5 ${item.disabled && 'tw
|
|
16666
|
+
}, className: `tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:leading-none tw:items-center tw:min-h-sq-27 tw:px-sq-19 tw:relative tw:select-none tw:outline-none tw:data-disabled:pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, children: [item.icon && (jsxRuntime.jsx(Icon, { icon: item.icon, testId: item.iconTestId, type: (item.iconType || 'text'), color: item.iconColor, customId: item.iconCustomId, extraClassNames: `tw:w-sq-4.5 ${item.disabled && 'tw:opacity-30!'} ${item.iconExtraClassNames || ''}` })), jsxRuntime.jsx("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw:text-sq-13 tw:ml-1 ${item.disabled ? 'tw:text-sq-disabled-gray' : 'tw:text-sq-text-color tw:dark:text-sq-white'} tw:not-italic tw:font-normal ${item.labelClasses || ''}`, children: item.label })] }, (item.id || item.icon || '') + index), item.hasDivider && (jsxRuntime.jsx(Separator2, { "data-testid": `dropdown-divider-${index}`, className: "tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2" }))] }, (item.id || '') + index));
|
|
16667
16667
|
})] }) }) })] }));
|
|
16668
16668
|
};
|
|
16669
16669
|
|
|
@@ -16679,7 +16679,7 @@ const borderColorClasses$1 = 'tw:border-sq-theme-dark';
|
|
|
16679
16679
|
const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId = 'alert-id', id, extraClassNames, ...tooltipProps }) => {
|
|
16680
16680
|
const appliedTheme = {
|
|
16681
16681
|
theme: `${lightTheme$1} ${darkTheme$1}`,
|
|
16682
|
-
formulaError: 'tw:text-red-800 tw:bg-red-200 tw
|
|
16682
|
+
formulaError: 'tw:text-red-800 tw:bg-red-200 tw:rounded-[0.25rem]!',
|
|
16683
16683
|
danger: 'tw:text-sq-text-color tw:bg-sq-danger',
|
|
16684
16684
|
warning: 'tw:bg-sq-bg-warning tw:text-sq-text-color',
|
|
16685
16685
|
gray: 'tw:bg-sq-hover-gray tw:text-sq-text-color tw:dark:bg-sq-tools-background-dark tw:dark:text-sq-text-color-dark',
|
|
@@ -16724,7 +16724,7 @@ const SvgIcon = ({ onClick, icon, color, type = 'default', extraClassNames, view
|
|
|
16724
16724
|
const SeeqActionDropdownItem = (item) => {
|
|
16725
16725
|
let renderIcon = jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
16726
16726
|
if (item.icon) {
|
|
16727
|
-
renderIcon = isSvgIcon(item.icon) ? (jsxRuntime.jsx(SvgIcon, { icon: item.icon, extraClassNames: item.iconExtraClassNames + 'tw:p-1 tw:h-8 tw:w-8 tw:dark:text-sq-white tw
|
|
16727
|
+
renderIcon = isSvgIcon(item.icon) ? (jsxRuntime.jsx(SvgIcon, { icon: item.icon, extraClassNames: item.iconExtraClassNames + 'tw:p-1 tw:h-8 tw:w-8 tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white', ...item })) : (jsxRuntime.jsx(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw:dark:text-sq-white tw:text-5.5! tw:text-sq-white ' + item.iconExtraClassNames }));
|
|
16728
16728
|
}
|
|
16729
16729
|
return (jsxRuntime.jsxs("div", { className: "tw:flex-col tw:flex tw:p-2.5 tw:pl-5 tw:w-150", children: [jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [jsxRuntime.jsx("div", { className: classNames('tw:rounded-[0.1875rem] tw:h-8 tw:w-8 tw:bg-sq-theme-dark tw:flex tw:justify-center tw:items-center ', item.iconContainerExtraClassNames), children: renderIcon }), jsxRuntime.jsx("h4", { className: "tw:text-base tw:font-[600] tw:leading-5 mb-0", children: item.display })] }), jsxRuntime.jsx("div", { className: "tw:text-sq-13 tw:font-normal", children: item.text })] }));
|
|
16730
16730
|
};
|
|
@@ -16736,7 +16736,7 @@ const ViewWorkbench = (item) => {
|
|
|
16736
16736
|
return (jsxRuntime.jsx("div", { className: "tw:flex-col tw:flex tw:p-2.5", children: jsxRuntime.jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [jsxRuntime.jsx("div", { className: "tw:rounded-[0.1875rem] tw:h-5 tw:w-5 tw:flex tw:justify-center tw:items-center ", children: renderIcon }), jsxRuntime.jsx("div", { className: "tw:text-sq-13", children: item.display })] }) }));
|
|
16737
16737
|
};
|
|
16738
16738
|
const InsertSeeqContent = (item) => {
|
|
16739
|
-
return (jsxRuntime.jsxs("div", { className: "tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text", children: [jsxRuntime.jsx("h5", { className: "tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5", children: item.display }), jsxRuntime.jsx("div", { className: "tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw
|
|
16739
|
+
return (jsxRuntime.jsxs("div", { className: "tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text", children: [jsxRuntime.jsx("h5", { className: "tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5", children: item.display }), jsxRuntime.jsx("div", { className: "tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw:mt-1!", children: item.text })] }));
|
|
16740
16740
|
};
|
|
16741
16741
|
|
|
16742
16742
|
const borderStyles = [
|
|
@@ -29297,19 +29297,19 @@ const ProgressBar = ({ values = [], max = 100, containerExtraClasses = '', zeroV
|
|
|
29297
29297
|
|
|
29298
29298
|
const baseClasses = 'tw:flex tw:outline-none tw:w-full tw:relative tw:flex-wrap';
|
|
29299
29299
|
const activeClassesByVariantLightTheme = {
|
|
29300
|
-
'outline': 'tw
|
|
29300
|
+
'outline': 'tw:bg-sq-disabled-gray tw:border-sq-theme-dark',
|
|
29301
29301
|
'theme': 'tw:bg-sq-theme-highlight',
|
|
29302
29302
|
'danger': '',
|
|
29303
29303
|
'theme-light': '',
|
|
29304
|
-
'no-border': 'tw
|
|
29304
|
+
'no-border': 'tw:bg-sq-disabled-gray!',
|
|
29305
29305
|
'warning': '',
|
|
29306
29306
|
};
|
|
29307
29307
|
const activeClassesByVariantDarkTheme = {
|
|
29308
|
-
'outline': 'tw
|
|
29308
|
+
'outline': 'tw:dark:bg-sq-multi-gray-dark tw:dark:border-sq-theme-dark',
|
|
29309
29309
|
'theme': 'tw:dark:bg-sq-theme-highlight',
|
|
29310
29310
|
'danger': '',
|
|
29311
29311
|
'theme-light': '',
|
|
29312
|
-
'no-border': 'tw
|
|
29312
|
+
'no-border': 'tw:dark:bg-sq-multi-gray-dark!',
|
|
29313
29313
|
'warning': '',
|
|
29314
29314
|
};
|
|
29315
29315
|
/**
|
package/dist/styles.css
CHANGED
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
@layer utilities {
|
|
211
|
-
.tw
|
|
211
|
+
.tw\:pointer-events-auto\! {
|
|
212
212
|
pointer-events: auto !important;
|
|
213
213
|
}
|
|
214
214
|
.tw\:pointer-events-none {
|
|
@@ -265,12 +265,6 @@
|
|
|
265
265
|
.tw\:left-\[50\%\] {
|
|
266
266
|
left: 50%;
|
|
267
267
|
}
|
|
268
|
-
.tw\:\!z-\[9000\] {
|
|
269
|
-
z-index: 9000 !important;
|
|
270
|
-
}
|
|
271
|
-
.tw\:\!z-\[9999\] {
|
|
272
|
-
z-index: 9999 !important;
|
|
273
|
-
}
|
|
274
268
|
.tw\:z-50 {
|
|
275
269
|
z-index: 50;
|
|
276
270
|
}
|
|
@@ -292,9 +286,15 @@
|
|
|
292
286
|
.tw\:z-\[1200\] {
|
|
293
287
|
z-index: 1200;
|
|
294
288
|
}
|
|
289
|
+
.tw\:z-\[9000\]\! {
|
|
290
|
+
z-index: 9000 !important;
|
|
291
|
+
}
|
|
295
292
|
.tw\:z-\[9999\] {
|
|
296
293
|
z-index: 9999;
|
|
297
294
|
}
|
|
295
|
+
.tw\:z-\[9999\]\! {
|
|
296
|
+
z-index: 9999 !important;
|
|
297
|
+
}
|
|
298
298
|
.tw\:m-0\.5 {
|
|
299
299
|
margin: calc(var(--tw-spacing) * 0.5);
|
|
300
300
|
}
|
|
@@ -313,9 +313,6 @@
|
|
|
313
313
|
.tw\:my-6 {
|
|
314
314
|
margin-block: calc(var(--tw-spacing) * 6);
|
|
315
315
|
}
|
|
316
|
-
.tw\:\!mt-1 {
|
|
317
|
-
margin-top: calc(var(--tw-spacing) * 1) !important;
|
|
318
|
-
}
|
|
319
316
|
.tw\:-mt-0\.5 {
|
|
320
317
|
margin-top: calc(var(--tw-spacing) * -0.5);
|
|
321
318
|
}
|
|
@@ -328,6 +325,9 @@
|
|
|
328
325
|
.tw\:mt-1 {
|
|
329
326
|
margin-top: calc(var(--tw-spacing) * 1);
|
|
330
327
|
}
|
|
328
|
+
.tw\:mt-1\! {
|
|
329
|
+
margin-top: calc(var(--tw-spacing) * 1) !important;
|
|
330
|
+
}
|
|
331
331
|
.tw\:mt-1\.5 {
|
|
332
332
|
margin-top: calc(var(--tw-spacing) * 1.5);
|
|
333
333
|
}
|
|
@@ -605,15 +605,15 @@
|
|
|
605
605
|
.tw\:animate-spin {
|
|
606
606
|
animation: var(--tw-animate-spin);
|
|
607
607
|
}
|
|
608
|
-
.tw\:\!cursor-not-allowed {
|
|
609
|
-
cursor: not-allowed !important;
|
|
610
|
-
}
|
|
611
608
|
.tw\:cursor-default {
|
|
612
609
|
cursor: default;
|
|
613
610
|
}
|
|
614
611
|
.tw\:cursor-not-allowed {
|
|
615
612
|
cursor: not-allowed;
|
|
616
613
|
}
|
|
614
|
+
.tw\:cursor-not-allowed\! {
|
|
615
|
+
cursor: not-allowed !important;
|
|
616
|
+
}
|
|
617
617
|
.tw\:cursor-pointer {
|
|
618
618
|
cursor: pointer;
|
|
619
619
|
}
|
|
@@ -656,7 +656,7 @@
|
|
|
656
656
|
.tw\:justify-start {
|
|
657
657
|
justify-content: flex-start;
|
|
658
658
|
}
|
|
659
|
-
.tw
|
|
659
|
+
.tw\:gap-0\! {
|
|
660
660
|
gap: calc(var(--tw-spacing) * 0) !important;
|
|
661
661
|
}
|
|
662
662
|
.tw\:gap-1 {
|
|
@@ -677,15 +677,15 @@
|
|
|
677
677
|
.tw\:overflow-y-auto {
|
|
678
678
|
overflow-y: auto;
|
|
679
679
|
}
|
|
680
|
-
.tw\:\!rounded-\[0\.25rem\] {
|
|
681
|
-
border-radius: 0.25rem !important;
|
|
682
|
-
}
|
|
683
680
|
.tw\:rounded {
|
|
684
681
|
border-radius: 0.25rem;
|
|
685
682
|
}
|
|
686
683
|
.tw\:rounded-\[0\.5rem\] {
|
|
687
684
|
border-radius: 0.5rem;
|
|
688
685
|
}
|
|
686
|
+
.tw\:rounded-\[0\.25rem\]\! {
|
|
687
|
+
border-radius: 0.25rem !important;
|
|
688
|
+
}
|
|
689
689
|
.tw\:rounded-\[0\.1875rem\] {
|
|
690
690
|
border-radius: 0.1875rem;
|
|
691
691
|
}
|
|
@@ -822,15 +822,6 @@
|
|
|
822
822
|
.tw\:border-b-sq-theme-darker {
|
|
823
823
|
border-bottom-color: var(--theme-darker);
|
|
824
824
|
}
|
|
825
|
-
.tw\:\!bg-red-500 {
|
|
826
|
-
background-color: var(--tw-color-red-500) !important;
|
|
827
|
-
}
|
|
828
|
-
.tw\:\!bg-sq-disabled-gray {
|
|
829
|
-
background-color: var(--sqw-disabled-gray) !important;
|
|
830
|
-
}
|
|
831
|
-
.tw\:\!bg-sq-success {
|
|
832
|
-
background-color: var(--sqw-success-color) !important;
|
|
833
|
-
}
|
|
834
825
|
.tw\:bg-black {
|
|
835
826
|
background-color: var(--tw-color-black);
|
|
836
827
|
}
|
|
@@ -855,6 +846,9 @@
|
|
|
855
846
|
.tw\:bg-red-400 {
|
|
856
847
|
background-color: var(--tw-color-red-400);
|
|
857
848
|
}
|
|
849
|
+
.tw\:bg-red-500\! {
|
|
850
|
+
background-color: var(--tw-color-red-500) !important;
|
|
851
|
+
}
|
|
858
852
|
.tw\:bg-sq-bg-warning {
|
|
859
853
|
background-color: #fff3cd;
|
|
860
854
|
}
|
|
@@ -879,6 +873,9 @@
|
|
|
879
873
|
.tw\:bg-sq-disabled-gray {
|
|
880
874
|
background-color: var(--sqw-disabled-gray);
|
|
881
875
|
}
|
|
876
|
+
.tw\:bg-sq-disabled-gray\! {
|
|
877
|
+
background-color: var(--sqw-disabled-gray) !important;
|
|
878
|
+
}
|
|
882
879
|
.tw\:bg-sq-field-disabled-gray {
|
|
883
880
|
background-color: #efefef;
|
|
884
881
|
}
|
|
@@ -891,6 +888,9 @@
|
|
|
891
888
|
.tw\:bg-sq-overlay {
|
|
892
889
|
background-color: #eeedee;
|
|
893
890
|
}
|
|
891
|
+
.tw\:bg-sq-success\! {
|
|
892
|
+
background-color: var(--sqw-success-color) !important;
|
|
893
|
+
}
|
|
894
894
|
.tw\:bg-sq-text-color {
|
|
895
895
|
background-color: #3a3a3a;
|
|
896
896
|
}
|
|
@@ -1078,9 +1078,6 @@
|
|
|
1078
1078
|
.tw\:whitespace-nowrap {
|
|
1079
1079
|
white-space: nowrap;
|
|
1080
1080
|
}
|
|
1081
|
-
.tw\:\!text-sq-disabled-gray {
|
|
1082
|
-
color: var(--sqw-disabled-gray) !important;
|
|
1083
|
-
}
|
|
1084
1081
|
.tw\:text-gray-400 {
|
|
1085
1082
|
color: var(--tw-color-gray-400);
|
|
1086
1083
|
}
|
|
@@ -1105,6 +1102,9 @@
|
|
|
1105
1102
|
.tw\:text-sq-disabled-gray {
|
|
1106
1103
|
color: var(--sqw-disabled-gray);
|
|
1107
1104
|
}
|
|
1105
|
+
.tw\:text-sq-disabled-gray\! {
|
|
1106
|
+
color: var(--sqw-disabled-gray) !important;
|
|
1107
|
+
}
|
|
1108
1108
|
.tw\:text-sq-fairly-dark-gray {
|
|
1109
1109
|
color: var(--sqw-fairly-dark-gray);
|
|
1110
1110
|
}
|
|
@@ -1143,12 +1143,12 @@
|
|
|
1143
1143
|
color: var(--tw-color-gray-400);
|
|
1144
1144
|
}
|
|
1145
1145
|
}
|
|
1146
|
-
.tw\:\!opacity-30 {
|
|
1147
|
-
opacity: 30% !important;
|
|
1148
|
-
}
|
|
1149
1146
|
.tw\:opacity-0 {
|
|
1150
1147
|
opacity: 0%;
|
|
1151
1148
|
}
|
|
1149
|
+
.tw\:opacity-30\! {
|
|
1150
|
+
opacity: 30% !important;
|
|
1151
|
+
}
|
|
1152
1152
|
.tw\:opacity-50 {
|
|
1153
1153
|
opacity: 50%;
|
|
1154
1154
|
}
|
|
@@ -1753,11 +1753,6 @@
|
|
|
1753
1753
|
background-color: var(--tw-color-gray-700);
|
|
1754
1754
|
}
|
|
1755
1755
|
}
|
|
1756
|
-
.tw\:dark\:bg-sq-black {
|
|
1757
|
-
&:where(.tw-dark, .tw-dark *) {
|
|
1758
|
-
background-color: var(--sq-black);
|
|
1759
|
-
}
|
|
1760
|
-
}
|
|
1761
1756
|
.tw\:dark\:bg-sq-colored-hover-dark {
|
|
1762
1757
|
&:where(.tw-dark, .tw-dark *) {
|
|
1763
1758
|
background-color: #262c36;
|
|
@@ -1778,6 +1773,11 @@
|
|
|
1778
1773
|
background-color: #262c36;
|
|
1779
1774
|
}
|
|
1780
1775
|
}
|
|
1776
|
+
.tw\:dark\:bg-sq-multi-gray-dark\! {
|
|
1777
|
+
&:where(.tw-dark, .tw-dark *) {
|
|
1778
|
+
background-color: #262c36 !important;
|
|
1779
|
+
}
|
|
1780
|
+
}
|
|
1781
1781
|
.tw\:dark\:bg-sq-theme-dark {
|
|
1782
1782
|
&:where(.tw-dark, .tw-dark *) {
|
|
1783
1783
|
background-color: var(--theme-dark);
|