bord-design-system 0.0.47 → 0.0.49
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/components/BordAssignUsersButton/BordAssignUsersButton.d.ts +5 -2
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.d.ts.map +1 -1
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.types.d.ts +6 -0
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.types.d.ts.map +1 -1
- package/dist/components/BordAvatarStack/BordAvatarStack.d.ts +1 -0
- package/dist/components/BordAvatarStack/BordAvatarStack.d.ts.map +1 -1
- package/dist/components/BordAvatarStack/BordAvatarStack.types.d.ts +2 -0
- package/dist/components/BordAvatarStack/BordAvatarStack.types.d.ts.map +1 -1
- package/dist/components/BordInfoRow/BordInfoRow.d.ts +18 -0
- package/dist/components/BordInfoRow/BordInfoRow.d.ts.map +1 -0
- package/dist/components/BordInfoRow/BordInfoRow.types.d.ts +16 -0
- package/dist/components/BordInfoRow/BordInfoRow.types.d.ts.map +1 -0
- package/dist/components/BordLateralModal/BordLateralModal.d.ts +2 -1
- package/dist/components/BordLateralModal/BordLateralModal.d.ts.map +1 -1
- package/dist/components/BordLateralModal/BordLateralModal.types.d.ts +10 -0
- package/dist/components/BordLateralModal/BordLateralModal.types.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts +3 -2
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.d.ts +4 -0
- package/dist/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.d.ts.map +1 -0
- package/dist/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.d.ts +2 -2
- package/dist/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.d.ts.map +1 -1
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.d.ts +56 -7
- package/dist/index.esm.js +329 -279
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +329 -278
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +329 -279
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1890,8 +1890,8 @@ function styleInject(css, ref) {
|
|
|
1890
1890
|
}
|
|
1891
1891
|
}
|
|
1892
1892
|
|
|
1893
|
-
var css_248z$
|
|
1894
|
-
styleInject(css_248z$
|
|
1893
|
+
var css_248z$28 = ".bordButtonDS{align-items:center;border-radius:.6rem;border-style:none;color:var(--ds-c-primary-fg-default);display:flex;gap:.8rem;justify-content:center}.bordButtonDS.ht-42{height:4.2rem}.bordButtonDS.rectangular{padding:1.2rem .8rem}.bordButtonDS.squared{padding:.8rem}.bordButtonDS .bordOneToneIcon>svg>path{stroke:currentColor}.bordButtonDS.primary{background-color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary .textContainer{font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.primary:hover{background-color:var(--ds-c-primary-bg-hover);color:var(--ds-c-primary-fg-default)}.bordButtonDS.primary:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.primary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-primary-bg-default);border-style:solid;border-width:1px}.bordButtonDS.primary.bordButtonOutlined .textContainer{color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined:hover{background-color:var(--ds-c-primary-bg-secondary)}.bordButtonDS.primary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.secondary{background-color:var(--ds-c-secondary-bg-default)}.bordButtonDS.secondary .textContainer{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.secondary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.secondary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.secondary.bordButtonOutlined .textContainer{color:var(--ds-c-content-secondary)}.bordButtonDS.secondary.bordButtonOutlined:hover{border-color:var(--ds-c-stroke-interactive)}.bordButtonDS.secondary.bordButtonOutlined:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.secondary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.tertiary .textContainer{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:500;line-height:1.562rem}.bordButtonDS.tertiary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.tertiary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.tertiary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-secondary)}.bordButtonDS.danger{background-color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.danger:hover{opacity:.9}.bordButtonDS.danger:hover .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordButtonDS.danger:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.danger:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined{background-color:var(--ds-c-bool-danger-bg-op);border-color:var(--ds-c-bool-danger-fg);border-style:solid;border-width:1px}.bordButtonDS.danger.bordButtonOutlined .textContainer{color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined:hover{opacity:.9}.bordButtonDS.danger.bordButtonOutlined:disabled{background-color:transparent;border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.danger.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.warningFilled{background-color:var(--ds-c-bool-warning-bg);border-color:var(--ds-c-bool-warning-fg);border-radius:.8rem;border-style:solid;border-width:1px;min-width:3.2rem;padding:.8rem}.bordButtonDS.warningFilled .textContainer{color:var(--ds-c-bool-warning-fg);font-size:1.2rem;font-weight:500;line-height:1.6rem;line-height:normal;text-align:center}.bordButtonDS.warningFilled .bordOneToneIcon{align-items:center;display:flex;height:1.4rem;justify-content:center}.bordButtonDS.warningFilled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-warning-fg)}.bordButtonDS.warningFilled:hover{opacity:.9}.bordButtonDS.warningFilled:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.warningFilled:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.warningFilled:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonSkeletonLoader{background-color:var(--ds-c-stroke-default);border-radius:.6rem;height:4.2rem;pointer-events:none}";
|
|
1894
|
+
styleInject(css_248z$28);
|
|
1895
1895
|
|
|
1896
1896
|
/**
|
|
1897
1897
|
* @description A button component with different styles and loading state.
|
|
@@ -1940,8 +1940,8 @@ var STATUS_VARIANTS$1;
|
|
|
1940
1940
|
STATUS_VARIANTS["disabled"] = "disabled";
|
|
1941
1941
|
})(STATUS_VARIANTS$1 || (STATUS_VARIANTS$1 = {}));
|
|
1942
1942
|
|
|
1943
|
-
var css_248z$
|
|
1944
|
-
styleInject(css_248z$
|
|
1943
|
+
var css_248z$27 = ".bordCircleDS{border-radius:.4rem;height:.8rem;width:.8rem}";
|
|
1944
|
+
styleInject(css_248z$27);
|
|
1945
1945
|
|
|
1946
1946
|
const Circle = ({ variant = "default" }) => {
|
|
1947
1947
|
const renderVariants = {
|
|
@@ -1954,8 +1954,8 @@ const Circle = ({ variant = "default" }) => {
|
|
|
1954
1954
|
return jsx("div", { className: `bordCircleDS ${renderVariants[variant]}` });
|
|
1955
1955
|
};
|
|
1956
1956
|
|
|
1957
|
-
var css_248z$
|
|
1958
|
-
styleInject(css_248z$
|
|
1957
|
+
var css_248z$26 = ".bordStatusDS{align-items:center;border-radius:2.4rem;border-width:1px;color:var(--ds-c-content-default);display:inline-flex;font-size:1.2rem;gap:.4rem;justify-content:center;line-height:1.5rem;padding:.4rem .8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}";
|
|
1958
|
+
styleInject(css_248z$26);
|
|
1959
1959
|
|
|
1960
1960
|
const BordStatus = ({ variant = "default", label = "Label", }) => {
|
|
1961
1961
|
const renderVariants = {
|
|
@@ -1968,8 +1968,8 @@ const BordStatus = ({ variant = "default", label = "Label", }) => {
|
|
|
1968
1968
|
return (jsxs("div", { className: `bordStatusDS ${renderVariants[variant]}`, children: [jsx(Circle, { variant: variant }), jsx("span", { children: label })] }));
|
|
1969
1969
|
};
|
|
1970
1970
|
|
|
1971
|
-
var css_248z$
|
|
1972
|
-
styleInject(css_248z$
|
|
1971
|
+
var css_248z$25 = ".bordAccordionDS{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:1.6rem;border-width:1px;display:flex;flex-direction:column;overflow:hidden;width:100%}.bordAccordionDS .bordAccordionItem{transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordAccordionDS .bordAccordionItem:nth-child(odd){background:var(--ds-c-layout-l1)}.bordAccordionDS .bordAccordionItem:nth-child(2n){background:var(--ds-c-layout-l2)}.bordAccordionDS .bordAccordionItem:not(:last-child){border-bottom-width:1px;border-color:var(--ds-c-stroke-default)}.bordAccordionDS .bordAccordionItem.isOpen{background:var(--ds-c-layout-l3)}.bordAccordionDS .bordAccordionHeader{align-items:center;background-color:transparent;border-bottom-width:1px;border-color:var(--ds-c-stroke-default);border-style:none;cursor:pointer;display:flex;gap:1.2rem;justify-content:space-between;padding:.8rem 1.6rem;text-align:left;width:100%}.bordAccordionDS .bordAccordionHeaderText{display:flex;flex:1 1 0%;flex-direction:column;gap:.2rem;min-width:0}.bordAccordionDS .bordAccordionTitle{align-items:center;color:var(--ds-c-content-default);display:flex;font-size:1.4rem;font-weight:700;gap:.6rem;line-height:2rem}.bordAccordionDS .bordAccordionTitle,.bordAccordionDS .bordAccordionTitleText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAccordionDS .bordAccordionTitleIcon{flex-shrink:0}.bordAccordionDS .bordAccordionSubtitle{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:400;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAccordionDS .bordAccordionTrigger{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.bordAccordionDS .bordAccordionChevron{color:var(--ds-c-content-default);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordAccordionDS .bordAccordionChevron.isOpen{transform:rotate(180deg)}.bordAccordionDS .bordAccordionChevron>svg>path{stroke:currentColor}.bordAccordionDS .bordAccordionBody{background-color:transparent;border-color:var(--ds-c-stroke-default);border-top-width:1px;display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem}.bordAccordionDS .bordAccordionItem.isOpen .bordAccordionHeader{border-bottom-width:1px;border-color:var(--ds-c-stroke-default)}.bordAccordionDS .bordAccordionSubItems{display:flex;flex-direction:column;gap:1rem}.bordAccordionDS .bordAccordionSubItem{align-items:center;color:var(--ds-c-content-secondary);display:grid;font-size:1.2rem;gap:1.2rem;grid-template-columns:minmax(0,1fr) auto;line-height:1.6rem}.bordAccordionDS .bordAccordionSubItemTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAccordionDS .bordAccordionSubItemLabel{align-items:center;color:var(--ds-c-content-default);display:flex;flex-shrink:0;gap:.4rem;text-align:right}.bordAccordionDS .bordAccordionSubItemLabelIcon{flex-shrink:0}.bordAccordionDS .bordAccordionCtas{display:flex;flex-direction:row;padding-bottom:1.2rem;padding-top:1.2rem;width:100%}.bordAccordionDS .bordAccordionCtaButton{flex:1 1 0%}";
|
|
1972
|
+
styleInject(css_248z$25);
|
|
1973
1973
|
|
|
1974
1974
|
const BordAccordion = (props) => {
|
|
1975
1975
|
const { items, defaultOpenId = null, openId: controlledOpenId, onToggle, triggerLabel = 'Tabs', customClassName = '', ...restProps } = props;
|
|
@@ -4306,8 +4306,8 @@ const BordFlag = ({ country = 'zz', variant, standardSize = 12, customWidth, cus
|
|
|
4306
4306
|
return (jsx("div", { className: ['bordFlag', customClassName].filter(Boolean).join(' '), style: { width: flagWidth }, children: renderNamespacedFlag(flags[country || 'zz'], uniqueId) }));
|
|
4307
4307
|
};
|
|
4308
4308
|
|
|
4309
|
-
var css_248z$
|
|
4310
|
-
styleInject(css_248z$
|
|
4309
|
+
var css_248z$24 = ".bordToolModelMarkerDS{background-color:rgb(98 108 130/var(--tw-bg-opacity));position:relative}.bordToolModelMarkerDS,.bordToolModelMarkerDS .innerCircle{--tw-bg-opacity:1;align-items:center;border-radius:15998.4rem;display:flex;justify-content:center}.bordToolModelMarkerDS .innerCircle{background-color:rgb(38 43 57/var(--tw-bg-opacity));left:.1rem;position:absolute;top:.1rem}.bordToolModelMarkerDS.bordTool{--tw-gradient-from:#22cfab var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,207,171,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0057a7 var(--tw-gradient-to-position);background-image:linear-gradient(to right,var(--tw-gradient-stops));border-style:none;display:block}";
|
|
4310
|
+
styleInject(css_248z$24);
|
|
4311
4311
|
|
|
4312
4312
|
const BordToolModelMarker = ({ isBordTool, customSize, }) => {
|
|
4313
4313
|
const bordToolStyles = isBordTool ? 'bordTool' : '';
|
|
@@ -4329,8 +4329,8 @@ const BordToolModelMarker = ({ isBordTool, customSize, }) => {
|
|
|
4329
4329
|
return (jsx("div", { className: classnames, style: { width: size, height: size }, children: jsx("div", { className: "innerCircle", style: innerCircleStyles, children: jsx(BordOneToneIcon, { variant: "logoMaster", customWidth: iconWidth, fill: bordIconColor }) }) }));
|
|
4330
4330
|
};
|
|
4331
4331
|
|
|
4332
|
-
var css_248z$
|
|
4333
|
-
styleInject(css_248z$
|
|
4332
|
+
var css_248z$23 = ".bordPhotoWithDescription{align-items:center;display:inline-flex;gap:.8rem}.bordPhotoWithDescription .bordPhotoDS{border-color:var(--ds-c-stroke-default)}.bordPhotoWithDescription .bordPhotoDescription{color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.2rem;font-style:normal;font-weight:700;line-height:1.5rem;line-height:normal;margin:0;min-width:0;text-align:left}.bordPhotoDS{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(98 108 130/var(--tw-border-opacity));border-style:solid;border-width:.2rem;display:flex;justify-content:center;overflow-x:hidden;overflow-y:hidden}.bordPhotoDS img{height:auto;width:80%}.bordPhotoDS.circle{border-radius:15998.4rem}.bordPhotoDS.square{border-radius:1.2rem}.bordPhotoDS.s20{border-width:.1rem;height:2rem;width:2rem}.bordPhotoDS.s20.square{border-radius:.4rem}.bordPhotoDS.s32{border-width:.1rem;height:3.2rem;width:3.2rem}.bordPhotoDS.s32.square{border-radius:.4rem}.bordPhotoDS.s48{border-width:.1rem;height:4.8rem;width:4.8rem}.bordPhotoDS.s56{border-width:.1rem;height:5.6rem;width:5.6rem}.bordPhotoDS.s64{height:6.4rem;width:6.4rem}.bordPhotoDS.s100{height:10rem;width:10rem}.bordPhotoDS.avatarStyle{background-color:transparent;border-radius:0;border-style:none}.bordPhotoDS.additionalData{overflow-x:visible;overflow-y:visible;position:relative}.bordPhotoDS.additionalData .bordFlag{bottom:-12%;position:absolute;right:-12%}.bordPhotoDS.additionalData .bordToolModelMarkerDS{bottom:-12%;position:absolute;right:-12%;z-index:10}";
|
|
4333
|
+
styleInject(css_248z$23);
|
|
4334
4334
|
|
|
4335
4335
|
const BordPhoto = ({ url, size = 's100', variant = 'square', description, imageProps, avatarProps, oneToneIconProps, flagProps, toolModelMarkerProps, ...rest }) => {
|
|
4336
4336
|
const getPlaceholder = () => {
|
|
@@ -4384,21 +4384,22 @@ const BordPhoto = ({ url, size = 's100', variant = 'square', description, imageP
|
|
|
4384
4384
|
return (jsx("div", { className: photoClassNames, ...rest, children: photoBody }));
|
|
4385
4385
|
};
|
|
4386
4386
|
|
|
4387
|
-
var css_248z$
|
|
4388
|
-
styleInject(css_248z$
|
|
4387
|
+
var css_248z$22 = ".bordAvatarStack{align-items:center;display:flex}.bordAvatarStack .avatarStackItem{flex-shrink:0}.bordAvatarStack .avatarStackItem:not(:first-child){margin-left:-.8rem}.bordAvatarStack[data-size=s20] .avatarStackItem:not(:first-child){margin-left:-.4rem}.bordAvatarStack .remainingCount .bordPhotoDS{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(5 33 67/var(--tw-bg-opacity));border-color:var(--ds-c-stroke-interactive);color:rgb(198 199 203/var(--tw-text-opacity));font-size:1rem;font-weight:400}.bordAvatarStack .addChip{color:var(--ds-c-primary-bg-default)}.bordAvatarStack .addChip .bordPhotoDS{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}";
|
|
4388
|
+
styleInject(css_248z$22);
|
|
4389
4389
|
|
|
4390
4390
|
const DEFAULT_MAX_VISIBLE_AVATARS = 3;
|
|
4391
4391
|
const DEFAULT_SIZE$2 = 's32';
|
|
4392
4392
|
/**
|
|
4393
4393
|
* Grupo de usuarios como avatares apilados, con contador de los restantes.
|
|
4394
|
+
* Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
|
|
4394
4395
|
* Es puramente visual: no es interactivo ni abre ningún dropdown.
|
|
4395
4396
|
*/
|
|
4396
|
-
const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, customClassName = '', }) => {
|
|
4397
|
-
if (!users?.length)
|
|
4397
|
+
const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, showAddChip = false, customClassName = '', }) => {
|
|
4398
|
+
if (!users?.length && !showAddChip)
|
|
4398
4399
|
return null;
|
|
4399
4400
|
const visibleUsers = users.slice(0, maxVisibleAvatars);
|
|
4400
4401
|
const remainingCount = users.length - maxVisibleAvatars;
|
|
4401
|
-
return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 &&
|
|
4402
|
+
return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 && (jsx("div", { className: "avatarStackItem remainingCount", style: { zIndex: 0 }, children: jsxs("div", { className: `bordPhotoDS ${size} circle`, children: ["+", remainingCount] }) })), showAddChip && (jsx("div", { className: "avatarStackItem addChip", style: { zIndex: 0 }, children: jsx(BordPhoto, { variant: "circle", size: size, oneToneIconProps: { variant: 'plus', standardSize: 12, stroke: 'currentColor' } }) }))] }));
|
|
4402
4403
|
};
|
|
4403
4404
|
|
|
4404
4405
|
/**
|
|
@@ -4506,8 +4507,8 @@ function useDebounce(value, delay) {
|
|
|
4506
4507
|
return debouncedValue;
|
|
4507
4508
|
}
|
|
4508
4509
|
|
|
4509
|
-
var css_248z$
|
|
4510
|
-
styleInject(css_248z$
|
|
4510
|
+
var css_248z$21 = ".bordSearchBarHost{align-items:center;display:flex;gap:.8rem;max-width:100%;min-width:0;width:100%}.bordSearchBarHost>.bordSearchBarDSPackage{flex:1 1 0%;min-width:0}.bordSearchBarHost .bordSearchBarSelectRoot{max-width:100%;width:-moz-max-content;width:max-content}.bordSearchBarHost>.bordSearchBarSelectBlock{flex-shrink:0;min-width:0;width:auto}@media (min-width:1024px){.bordSearchBarHost>.bordSearchBarDSPackage{flex:none}.bordSearchBarHost>.bordSearchBarSelectBlock{flex-shrink:1;max-width:22rem;min-width:0}}.bordSearchBarDS{color:var(--ds-c-bool-disabled-sec-fg)}.bordSearchBarDS .bordSearchBarLabel{font-size:1.2rem;line-height:1.6rem;margin-bottom:.4rem}.bordSearchBarDS .bordSearchBarLabel .loaderLabel{border-radius:.4rem;height:1.6rem;width:10rem}.bordSearchBarDS .searchBarContainerSkeletor{border-radius:.6rem;border-style:none;border-width:1px;height:4rem;width:100%}.bordSearchBarDS .searchBarContainer{align-items:center;border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;height:4rem;justify-content:flex-start;width:100%}.bordSearchBarDS .searchBarContainer:focus-within{border-color:var(--ds-c-primary-bg-default)}.bordSearchBarDS .searchBarContainer{background-color:transparent}.bordSearchBarDS .searchBarContainer .searchBarMain{align-items:center;display:flex;flex:1 1 0%;min-width:0}.bordSearchBarDS .searchBarContainer .magnifierIconContainer{padding-left:1.6rem;width:3.8rem}.bordSearchBarDS .searchBarContainer .inputContainer{align-items:center;display:flex;flex:1 1 0%;gap:.1rem}.bordSearchBarDS .searchBarContainer .inputContainer:first-child{padding-left:1.6rem}.bordSearchBarDS .searchBarContainer .inputContainer input{background-color:transparent;border-radius:.6rem;border-style:none;font-size:1.4rem;height:3.8rem;line-height:.75rem;padding-bottom:.1rem;padding-right:.3rem;width:100%}.bordSearchBarDS .searchBarContainer .inputContainer input:focus{box-shadow:none;outline:none}.bordSearchBarDS .searchBarContainer .inputContainer input::-moz-placeholder{color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem}.bordSearchBarDS .searchBarContainer .inputContainer input::placeholder{color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem}.bordSearchBarDS .searchBarContainer .right{align-items:center;display:flex;height:100%;padding-left:.8rem;width:3.8rem}.bordSearchBarDS .searchBarContainer .right .deleteIconContainer{cursor:pointer;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordSearchBarDS.deleteButtonStyles{width:calc(100% - 7rem)}.bordSearchBarDS svg path{stroke:currentColor}.bordSearchBarDS.filled{color:var(--ds-c-content-default)}.bordSearchBarDS.filled svg path{stroke:currentColor}.bordSearchBarDS.deactivated .bordSearchBarLabel{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity))}.bordSearchBarDS.deactivated .searchBarContainer{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity));cursor:not-allowed}.bordSearchBarDS.deactivated .searchBarContainer input{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));cursor:not-allowed}.bordSearchBarDS.error label{color:red}";
|
|
4511
|
+
styleInject(css_248z$21);
|
|
4511
4512
|
|
|
4512
4513
|
const SEARCH_SELECT_DROPDOWN_WIDTH = 184;
|
|
4513
4514
|
const BordSearchBar = ({ handleChange, customClassName, placeholder, hasDeleteButton, label, isDeactivated, isFilled, includeMagnifierIcon = true, includeDropdownArrowIcon = false, selectOptions, customIcon, handleBlur, defaultValue, customInputClass, customSearchBarContainer, standardSize, loading, autoFocus = true, }) => {
|
|
@@ -4589,8 +4590,8 @@ const BordSearchBar = ({ handleChange, customClassName, placeholder, hasDeleteBu
|
|
|
4589
4590
|
return searchColumn;
|
|
4590
4591
|
};
|
|
4591
4592
|
|
|
4592
|
-
var css_248z$
|
|
4593
|
-
styleInject(css_248z$
|
|
4593
|
+
var css_248z$20 = ".bordAssignUsersDropdown{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:1.2rem;border-width:1px;box-shadow:0 .8rem 2.4rem 0 rgba(0,0,0,.1);width:32rem}.bordAssignUsersDropdown .dropdownSearchBar{margin-bottom:.8rem;padding:.8rem .8rem 0}.bordAssignUsersDropdown .customInputClass,.bordAssignUsersDropdown .dropdownSearchBar{font-size:1.4rem;line-height:2rem;width:100%}.bordAssignUsersDropdown .userList{max-height:26rem;overflow-y:auto;padding-bottom:.8rem}.bordAssignUsersDropdown .userList::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersDropdown .userList::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersDropdown .userList::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersDropdown .userList .userRow{align-items:center;display:flex;justify-content:space-between;padding:.8rem 1.2rem}.bordAssignUsersDropdown .userList .userRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersDropdown .userList .userRow .userInfo{align-items:center;display:flex;gap:.8rem;overflow:hidden}.bordAssignUsersDropdown .userList .userRow .userInfo .userDetails{display:flex;flex-direction:column;overflow:hidden}.bordAssignUsersDropdown .userList .userRow .userInfo .userDetails .userName{color:var(--ds-c-content-default);font-size:1.4rem;font-weight:500;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersDropdown .userList .userRow .userInfo .userDetails .userEmail{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:400;line-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersDropdown .userList .userRow .actionButton{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-primary-bg-default);border-radius:.8rem;border-width:1px;color:var(--ds-c-primary-bg-default);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:500;gap:.4rem;height:3.2rem;justify-content:center;line-height:1.6rem;margin-left:.8rem;min-width:9.5rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersDropdown .userList .userRow .actionButton:hover{--tw-text-opacity:1;background-color:var(--ds-c-primary-bg-default);color:rgb(255 255 255/var(--tw-text-opacity))}.bordAssignUsersDropdown .userList .userRow .actionButton:disabled{cursor:not-allowed;opacity:.5}.bordAssignUsersDropdown .userList .userRow .actionButton.assigned{border-color:var(--ds-c-bool-danger-fg);color:var(--ds-c-bool-danger-fg)}.bordAssignUsersDropdown .userList .userRow .actionButton.assigned:hover{--tw-text-opacity:1;background-color:var(--ds-c-bool-danger-fg);color:rgb(255 255 255/var(--tw-text-opacity))}";
|
|
4594
|
+
styleInject(css_248z$20);
|
|
4594
4595
|
|
|
4595
4596
|
/**
|
|
4596
4597
|
* Dropdown de búsqueda para asignar o desasignar usuarios.
|
|
@@ -4627,18 +4628,21 @@ const BordAssignUsersDropdown = ({ users, assignedUserIds, onAssign, onUnassign,
|
|
|
4627
4628
|
}) })] }));
|
|
4628
4629
|
};
|
|
4629
4630
|
|
|
4630
|
-
var css_248z$
|
|
4631
|
-
styleInject(css_248z$
|
|
4631
|
+
var css_248z$1$ = ".bordAssignUsersButtonWrapper{position:relative}.bordAssignUsersButtonWrapper .dropdownContainer{position:absolute;top:calc(100% + .4rem);z-index:30}.bordAssignUsersButtonWrapper .dropdownContainer.left{left:0}.bordAssignUsersButtonWrapper .dropdownContainer.right{right:0}.bordAssignUsersButtonWrapper .assignedUsersTooltip{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12);left:0;min-width:24rem;padding:.4rem 0;position:absolute;top:calc(100% + .4rem);z-index:20}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea{margin-right:.4rem;max-height:22rem;overflow-y:auto}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow{align-items:center;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:background-color .15s ease}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserEmail{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButton{align-items:center;cursor:pointer;display:flex;gap:.8rem}.bordAssignUsersButton.button{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;height:4.2rem;min-width:18.2rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersButton.button.withAssignedUsers{height:4.8rem}.bordAssignUsersButton.inline{background-color:transparent;border-style:none;gap:.4rem;padding:0}.bordAssignUsersButton.inline .buttonLabel{font-size:1.2rem}.bordAssignUsersButton.isActive.button,.bordAssignUsersButton:hover.button{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton.isActive .addIcon,.bordAssignUsersButton.isActive .buttonLabel,.bordAssignUsersButton:hover .addIcon,.bordAssignUsersButton:hover .buttonLabel{color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton:disabled{cursor:not-allowed;opacity:.5}.bordAssignUsersButton .avatarStack .bordPhotoDS{transition:border-color .15s ease}.bordAssignUsersButton .avatarStack:hover .bordPhotoDS{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton .buttonLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:2rem}.bordAssignUsersButton .addIcon{color:var(--ds-c-content-secondary)}";
|
|
4632
|
+
styleInject(css_248z$1$);
|
|
4632
4633
|
|
|
4633
4634
|
const MAX_VISIBLE_AVATARS = 3;
|
|
4634
4635
|
const AVATAR_SIZE_BY_VARIANT = { button: 's32', inline: 's20' };
|
|
4635
4636
|
/**
|
|
4636
4637
|
* Botón para asignar usuarios (p. ej. responsables de una cotización).
|
|
4637
4638
|
* Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
|
|
4638
|
-
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
4639
|
-
*
|
|
4639
|
+
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
4640
|
+
* (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
|
|
4641
|
+
* La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
|
|
4642
|
+
* con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
|
|
4643
|
+
* muestra ese mismo chip junto al label como afordancia de agregar.
|
|
4640
4644
|
*/
|
|
4641
|
-
const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
|
|
4645
|
+
const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', showAssignedUsersTooltip = true, label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
|
|
4642
4646
|
const [isHovered, setIsHovered] = useState(false);
|
|
4643
4647
|
const [showDropdown, setShowDropdown] = useState(false);
|
|
4644
4648
|
const [showAvatarTooltip, setShowAvatarTooltip] = useState(false);
|
|
@@ -4653,6 +4657,8 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
|
|
|
4653
4657
|
const showAddAffordance = !isInline || !hasAssignedUsers;
|
|
4654
4658
|
const buttonClassName = `bordAssignUsersButton ${variant}${hasAssignedUsers ? ' withAssignedUsers' : ''}${isActive ? ' isActive' : ''}`;
|
|
4655
4659
|
const handleAvatarMouseEnter = () => {
|
|
4660
|
+
if (!showAssignedUsersTooltip)
|
|
4661
|
+
return;
|
|
4656
4662
|
if (tooltipTimeoutRef.current)
|
|
4657
4663
|
clearTimeout(tooltipTimeoutRef.current);
|
|
4658
4664
|
setShowAvatarTooltip(true);
|
|
@@ -4674,7 +4680,7 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
|
|
|
4674
4680
|
if (tooltipTimeoutRef.current)
|
|
4675
4681
|
clearTimeout(tooltipTimeoutRef.current);
|
|
4676
4682
|
}, []);
|
|
4677
|
-
return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant] }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" })] }))] }), showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
|
|
4683
|
+
return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, "aria-label": label, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant], showAddChip: isInline }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), isInline ? (jsx(BordAvatarStack, { users: [], showAddChip: true, size: AVATAR_SIZE_BY_VARIANT[variant] })) : (jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" }))] }))] }), showAssignedUsersTooltip && showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
|
|
4678
4684
|
};
|
|
4679
4685
|
|
|
4680
4686
|
var FORM_COMPONENTS_STANDARD_SIZES;
|
|
@@ -4686,8 +4692,8 @@ var FORM_COMPONENTS_STANDARD_SIZES;
|
|
|
4686
4692
|
FORM_COMPONENTS_STANDARD_SIZES["W464"] = "w-464";
|
|
4687
4693
|
})(FORM_COMPONENTS_STANDARD_SIZES || (FORM_COMPONENTS_STANDARD_SIZES = {}));
|
|
4688
4694
|
|
|
4689
|
-
var css_248z$
|
|
4690
|
-
styleInject(css_248z$
|
|
4695
|
+
var css_248z$1_ = ".bordTextInputDS .labelSkeletonLoader,.bordTextInputDS label,.bordTextInputSkeletonLoader .labelSkeletonLoader,.bordTextInputSkeletonLoader label{color:var(--ds-c-content-default);display:block;font-size:1.2rem;line-height:1.5rem;margin-bottom:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordTextInputDS .inputContainer,.bordTextInputDS .inputSkeletonLoader,.bordTextInputSkeletonLoader .inputContainer,.bordTextInputSkeletonLoader .inputSkeletonLoader{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;font-size:1.4rem;height:4rem;line-height:1.8rem;padding-left:1.6rem;padding-right:1.6rem}.bordTextInputDS .inputContainer .bordOneToneIcon,.bordTextInputDS .inputSkeletonLoader .bordOneToneIcon,.bordTextInputSkeletonLoader .inputContainer .bordOneToneIcon,.bordTextInputSkeletonLoader .inputSkeletonLoader .bordOneToneIcon{margin-right:.8rem}.bordTextInputDS .inputContainer .bordOneToneIcon svg path,.bordTextInputDS .inputSkeletonLoader .bordOneToneIcon svg path,.bordTextInputSkeletonLoader .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader .inputSkeletonLoader .bordOneToneIcon svg path{stroke:var(--ds-c-content-secondary)}.bordTextInputDS .inputContainer .passwordToggle,.bordTextInputDS .inputSkeletonLoader .passwordToggle,.bordTextInputSkeletonLoader .inputContainer .passwordToggle,.bordTextInputSkeletonLoader .inputSkeletonLoader .passwordToggle{cursor:pointer}.bordTextInputDS .inputContainer input,.bordTextInputDS .inputSkeletonLoader input,.bordTextInputSkeletonLoader .inputContainer input,.bordTextInputSkeletonLoader .inputSkeletonLoader input{background-color:transparent;color:var(--ds-c-content-secondary);height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bordTextInputDS .inputContainer input:focus,.bordTextInputDS .inputSkeletonLoader input:focus,.bordTextInputSkeletonLoader .inputContainer input:focus,.bordTextInputSkeletonLoader .inputSkeletonLoader input:focus{outline:2px solid transparent;outline-offset:2px}.bordTextInputDS .inputContainer input::-moz-placeholder,.bordTextInputDS .inputSkeletonLoader input::-moz-placeholder,.bordTextInputSkeletonLoader .inputContainer input::-moz-placeholder,.bordTextInputSkeletonLoader .inputSkeletonLoader input::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS .inputContainer input::placeholder,.bordTextInputDS .inputSkeletonLoader input::placeholder,.bordTextInputSkeletonLoader .inputContainer input::placeholder,.bordTextInputSkeletonLoader .inputSkeletonLoader input::placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS .caption,.bordTextInputSkeletonLoader .caption{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem;margin-top:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordTextInputDS .errorText,.bordTextInputSkeletonLoader .errorText{color:var(--ds-c-bool-danger-fg);margin-top:.4rem}.bordTextInputDS.filled .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader.filled .inputContainer .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordTextInputDS.filled .inputContainer input,.bordTextInputSkeletonLoader.filled .inputContainer input{color:var(--ds-c-content-default)}.bordTextInputDS:hover .inputContainer,.bordTextInputSkeletonLoader:hover .inputContainer{border-color:var(--ds-c-stroke-interactive)}.bordTextInputDS:hover .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader:hover .inputContainer .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordTextInputDS:hover .inputContainer input,.bordTextInputSkeletonLoader:hover .inputContainer input{color:var(--ds-c-content-default)}.bordTextInputDS:hover .inputContainer input::-moz-placeholder,.bordTextInputSkeletonLoader:hover .inputContainer input::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS:hover .inputContainer input::placeholder,.bordTextInputSkeletonLoader:hover .inputContainer input::placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS:hover .inputContainer input:focus::-moz-placeholder,.bordTextInputSkeletonLoader:hover .inputContainer input:focus::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS:hover .inputContainer input:focus::placeholder,.bordTextInputSkeletonLoader:hover .inputContainer input:focus::placeholder{color:var(--ds-c-content-secondary)}.bordTextInputDS.focused .inputContainer,.bordTextInputSkeletonLoader.focused .inputContainer{border-color:var(--ds-c-primary-bg-default)}.bordTextInputDS.focused .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader.focused .inputContainer .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordTextInputDS.error label,.bordTextInputSkeletonLoader.error label{color:var(--ds-c-bool-danger-fg)}.bordTextInputDS.error .inputContainer,.bordTextInputSkeletonLoader.error .inputContainer{border-color:var(--ds-c-bool-danger-fg)}.bordTextInputDS.error .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader.error .inputContainer .bordOneToneIcon svg path{stroke:var(--ds-c-bool-danger-fg)}.bordTextInputDS.error .inputContainer input,.bordTextInputSkeletonLoader.error .inputContainer input{color:var(--ds-c-bool-danger-fg)}.bordTextInputDS.error .inputContainer input::-moz-placeholder,.bordTextInputSkeletonLoader.error .inputContainer input::-moz-placeholder{color:var(--ds-c-bool-danger-fg)}.bordTextInputDS.error .inputContainer input::placeholder,.bordTextInputSkeletonLoader.error .inputContainer input::placeholder{color:var(--ds-c-bool-danger-fg)}.bordTextInputDS.disabled,.bordTextInputSkeletonLoader.disabled{cursor:not-allowed}.bordTextInputDS.disabled label,.bordTextInputSkeletonLoader.disabled label{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordTextInputDS.disabled .inputContainer,.bordTextInputSkeletonLoader.disabled .inputContainer{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-stroke-default)}.bordTextInputDS.disabled .inputContainer .bordOneToneIcon svg path,.bordTextInputSkeletonLoader.disabled .inputContainer .bordOneToneIcon svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordTextInputDS.disabled .inputContainer input,.bordTextInputSkeletonLoader.disabled .inputContainer input{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordTextInputDS.disabled .inputContainer input::-moz-placeholder,.bordTextInputSkeletonLoader.disabled .inputContainer input::-moz-placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextInputDS.disabled .inputContainer input::placeholder,.bordTextInputSkeletonLoader.disabled .inputContainer input::placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextInputDS.disabled .inputContainer .passwordToggle,.bordTextInputSkeletonLoader.disabled .inputContainer .passwordToggle{cursor:not-allowed}.bordTextInputDS.disabled .caption,.bordTextInputDS.disabled .errorText,.bordTextInputSkeletonLoader.disabled .caption,.bordTextInputSkeletonLoader.disabled .errorText{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextInputSkeletonLoader .labelSkeletonLoader{border-radius:.4rem;height:1.4rem;width:66.666667%}.bordTextInputSkeletonLoader .inputSkeletonLoader{border-style:none}";
|
|
4696
|
+
styleInject(css_248z$1_);
|
|
4691
4697
|
|
|
4692
4698
|
const BordTextInput = ({ placeholder, currentText = '', setCurrentText, standardSize = FORM_COMPONENTS_STANDARD_SIZES.MD, label, caption, className = '', isFilled, style, inputProps, labelProps, leftIconVariant, errorText = '', disabled, showSkeletonLoader = false, autoComplete = 'off', hideErrorText, handleBlur, setIsPassword, isPassword, showPasswordIcon, }) => {
|
|
4693
4699
|
const [inputValue, setInputValue] = useState(() => currentText ?? '');
|
|
@@ -4775,6 +4781,11 @@ const BordTwoToneMenuSquareIcon = (props) => {
|
|
|
4775
4781
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("g", { stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", opacity: opacity1 || ".4", children: jsx("path", { d: "M2 18c0-1.5404 0-2.3107.34673-2.8765.19401-.3166.4602-.5828.7768-.7768C3.68934 14 4.45956 14 6 14c1.54044 0 2.31066 0 2.87647.3467.3166.194.58279.4602.7768.7768C10 15.6893 10 16.4596 10 18s0 2.3107-.34673 2.8765c-.19401.3166-.4602.5828-.7768.7768C8.31066 22 7.54044 22 6 22c-1.54044 0-2.31066 0-2.87647-.3467-.3166-.194-.58279-.4602-.7768-.7768C2 20.3107 2 19.5404 2 18ZM14 6c0-1.54044 0-2.31066.3467-2.87647.194-.3166.4602-.58279.7768-.7768C15.6893 2 16.4596 2 18 2s2.3107 0 2.8765.34673c.3166.19401.5828.4602.7768.7768C22 3.68934 22 4.45956 22 6c0 1.54044 0 2.31066-.3467 2.87647-.194.3166-.4602.58279-.7768.7768C20.3107 10 19.5404 10 18 10s-2.3107 0-2.8765-.34673c-.3166-.19401-.5828-.4602-.7768-.7768C14 8.31066 14 7.54044 14 6Z" }) }), jsx("path", { stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", d: "M14 18c0-1.5404 0-2.3107.3467-2.8765.194-.3166.4602-.5828.7768-.7768C15.6893 14 16.4596 14 18 14s2.3107 0 2.8765.3467c.3166.194.5828.4602.7768.7768C22 15.6893 22 16.4596 22 18s0 2.3107-.3467 2.8765c-.194.3166-.4602.5828-.7768.7768C20.3107 22 19.5404 22 18 22s-2.3107 0-2.8765-.3467c-.3166-.194-.5828-.4602-.7768-.7768C14 20.3107 14 19.5404 14 18ZM2 6c0-1.54044 0-2.31066.34673-2.87647.19401-.3166.4602-.58279.7768-.7768C3.68934 2 4.45956 2 6 2c1.54044 0 2.31066 0 2.87647.34673.3166.19401.58279.4602.7768.7768C10 3.68934 10 4.45956 10 6c0 1.54044 0 2.31066-.34673 2.87647-.19401.3166-.4602.58279-.7768.7768C8.31066 10 7.54044 10 6 10c-1.54044 0-2.31066 0-2.87647-.34673-.3166-.19401-.58279-.4602-.7768-.7768C2 8.31066 2 7.54044 2 6Z", opacity: opacity2 })] }));
|
|
4776
4782
|
};
|
|
4777
4783
|
|
|
4784
|
+
const BordTwoToneReloadIcon = ({ colorTones, ...props }) => {
|
|
4785
|
+
const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
|
|
4786
|
+
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [jsx("path", { opacity: opacity1 || ".4", d: "M7.36103 19.1664L6.86272 18.2349C6.52582 17.6052 6.35737 17.2903 6.46876 17.1554C6.58014 17.0206 6.947 17.1295 7.68066 17.3473C8.41416 17.5651 9.19294 17.6823 9.99992 17.6823C14.3722 17.6823 17.9166 14.2427 17.9166 9.99972C17.9166 8.60039 17.5311 7.28845 16.8575 6.15845", stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { opacity: opacity2, d: "M12.6386 0.833008L13.1369 1.76448C13.4738 2.39423 13.6422 2.7091 13.5308 2.84395C13.4194 2.9788 13.0526 2.86989 12.3189 2.65207C11.5854 2.43431 10.8067 2.31713 9.99967 2.31713C5.62742 2.31713 2.08301 5.75673 2.08301 9.99967C2.08301 11.399 2.46853 12.7109 3.14212 13.8409", stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
4787
|
+
};
|
|
4788
|
+
|
|
4778
4789
|
const BordTwoTonePieChartIcon = (props) => {
|
|
4779
4790
|
const { colorTones } = props;
|
|
4780
4791
|
const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
|
|
@@ -4908,6 +4919,7 @@ const listOfBordTwoToneIcons = {
|
|
|
4908
4919
|
moving: BordTwoToneMovingIcon,
|
|
4909
4920
|
timer: BordTwoToneTimerIcon,
|
|
4910
4921
|
hierarchy: BordTwoToneHierarchyIcon,
|
|
4922
|
+
reload: BordTwoToneReloadIcon,
|
|
4911
4923
|
};
|
|
4912
4924
|
|
|
4913
4925
|
const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
|
|
@@ -4918,8 +4930,8 @@ const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones,
|
|
|
4918
4930
|
return (jsx("div", { className: className, style: { width: iconWidth }, children: React__default.createElement(twoToneIcon, { colorTones }) }));
|
|
4919
4931
|
};
|
|
4920
4932
|
|
|
4921
|
-
var css_248z$
|
|
4922
|
-
styleInject(css_248z$
|
|
4933
|
+
var css_248z$1Z = ".bordBackButtonDS{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordBackButtonDS .buttonText{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.6rem}";
|
|
4934
|
+
styleInject(css_248z$1Z);
|
|
4923
4935
|
|
|
4924
4936
|
/**
|
|
4925
4937
|
* @param {IBordBackButtonProps} props - The properties for the BordBackButton component.
|
|
@@ -4931,8 +4943,8 @@ const BordBackButton = ({ buttonText, onClick, ...rest }) => {
|
|
|
4931
4943
|
return (jsxs("div", { className: "bordBackButtonDS", onClick: onClick, ...rest, children: [jsx(BordOneToneIcon, { variant: "arrowHeadLeft", customWidth: "1.2rem" }), jsx("div", { className: "buttonText", children: buttonText })] }));
|
|
4932
4944
|
};
|
|
4933
4945
|
|
|
4934
|
-
var css_248z$
|
|
4935
|
-
styleInject(css_248z$
|
|
4946
|
+
var css_248z$1Y = "@keyframes sonarPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.bordAttentionButtonDS{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.bordAttentionButtonDS .attentionDot{background-color:#fc3d5f;border-radius:15998.4rem;height:1.2rem;position:relative;width:1.2rem;z-index:2}.bordAttentionButtonDS .attentionDot.active:after,.bordAttentionButtonDS .attentionDot.active:before{animation:sonarPulse 2s ease-out infinite;background-color:#fc3d5f;border-radius:50%;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.bordAttentionButtonDS .attentionDot.active:after{animation-delay:1s}";
|
|
4947
|
+
styleInject(css_248z$1Y);
|
|
4936
4948
|
|
|
4937
4949
|
/**
|
|
4938
4950
|
* @description A component that displays a pulsating red attention indicator dot.
|
|
@@ -4945,8 +4957,8 @@ const BordAttentionButton = (props) => {
|
|
|
4945
4957
|
return (jsx("div", { className: `bordAttentionButtonDS ${customClassName}`, ...restProps, children: jsx("div", { className: `attentionDot ${isInactive ? '' : 'active'}` }) }));
|
|
4946
4958
|
};
|
|
4947
4959
|
|
|
4948
|
-
var css_248z$
|
|
4949
|
-
styleInject(css_248z$
|
|
4960
|
+
var css_248z$1X = ".bordInfoBanner{align-items:center;border-radius:.6rem;display:flex;font-size:1.2rem;padding:1.2rem 1.6rem;width:-moz-fit-content;width:fit-content}.bordInfoBanner.withBackground{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bordInfoBanner .infoBannerContent{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex-wrap:wrap}.bordInfoBanner .infoBannerContent .infoBannerIcon{align-items:center;display:flex;justify-content:center}.bordInfoBanner .infoBannerContent .infoBannerIcon path{stroke:currentColor}.bordInfoBanner .infoBannerContent .infoBannerTexts{align-items:center;display:flex;gap:.8rem;margin-left:5px}.bordInfoBanner .infoBannerContent .infoBannerTexts .infoBannerPrimaryText{font-weight:400;white-space:nowrap}.bordInfoBanner .infoBannerContent .infoBannerTexts .infoBannerRangeText{font-weight:700;white-space:nowrap}.bordInfoBanner .infoBannerDivider{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;height:2rem;margin-left:16px;margin-right:16px;width:.1rem}.bordInfoBanner .infoBannerAlert{align-items:center;display:flex;gap:.8rem}.bordInfoBanner .infoBannerAlert .alertLabel{color:var(--ds-c-content-secondary);margin-left:8px}@media (max-width:640px){.bordInfoBanner{flex-wrap:wrap;width:100%}.bordInfoBanner .infoBannerContent{align-items:flex-start;flex-wrap:wrap;gap:8px}.bordInfoBanner .infoBannerContent .infoBannerIcon,.bordInfoBanner .infoBannerContent .infoBannerTexts{flex-shrink:0}.bordInfoBanner .infoBannerDivider{display:none}.bordInfoBanner .infoBannerAlert{flex-basis:100%;justify-content:flex-start;width:100%}}";
|
|
4961
|
+
styleInject(css_248z$1X);
|
|
4950
4962
|
|
|
4951
4963
|
/**
|
|
4952
4964
|
* @description An informational banner component with icon, text, and optional alert indicator.
|
|
@@ -5557,8 +5569,8 @@ const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, c
|
|
|
5557
5569
|
return (jsx("div", { className: className, style: { ...style, width: iconWidth }, children: React__default.createElement(iconComponent, {}) }));
|
|
5558
5570
|
};
|
|
5559
5571
|
|
|
5560
|
-
var css_248z$
|
|
5561
|
-
styleInject(css_248z$
|
|
5572
|
+
var css_248z$1W = ".bordBanner{align-items:flex-start;border-radius:1.2rem;border-width:1px;color:var(--ds-c-content-default);display:flex;gap:1.2rem;justify-content:space-between;padding:1.2rem;position:relative}.bordBanner.informative{background-color:var(--ds-c-bool-info-bg-op);border-color:var(--ds-c-bool-info-fg)}.bordBanner.informative .bordBannerTitle{color:var(--ds-c-bool-info-fg)}.bordBanner.informativeStorage{background-color:var(--ds-c-tags-blue-surface);border-color:var(--ds-c-tags-blue-fg);border-style:solid;border-width:1px}.bordBanner.informativeStorage .bordBannerTitle{color:var(--ds-c-tags-blue-fg)}.bordBanner.warning{background-color:var(--ds-c-bool-warning-bg-op);border-color:var(--ds-c-bool-warning-fg)}.bordBanner.warning .bordBannerTitle{color:var(--ds-c-bool-warning-fg)}.bordBanner.danger{background-color:var(--ds-c-bool-danger-sec-bg);border-color:var(--ds-c-bool-danger-fg)}.bordBanner.danger .bordBannerTitle{color:var(--ds-c-bool-danger-fg)}.bordBanner.success{background-color:var(--ds-c-bool-success-bg-op);border-color:var(--ds-c-bool-success-fg)}.bordBanner.success .bordBannerTitle{color:var(--ds-c-bool-success-fg)}.bordBannerClose{background-color:transparent;border-radius:.6rem;border-style:none;color:var(--ds-c-content-secondary);cursor:pointer;flex-shrink:0;line-height:1;padding:.2rem;position:absolute;right:1rem;top:1rem}.bordBannerClose svg path{stroke:currentColor}.bordBannerText{flex:1 1 0%;max-width:48rem;min-width:0}.bordBannerTitle{font-weight:700}.bordBannerSubtitle,.bordBannerTitle{font-size:1.2rem;line-height:1.5rem}.bordBannerSubtitle{margin-top:.4rem}.bordBannerContent{flex-shrink:0;margin-top:2rem}";
|
|
5573
|
+
styleInject(css_248z$1W);
|
|
5562
5574
|
|
|
5563
5575
|
const BANNER_CONTENT_ICON = {
|
|
5564
5576
|
danger: 'danger',
|
|
@@ -5590,8 +5602,8 @@ const BordBanner = ({ children, customClassName = '', variant = 'informative', c
|
|
|
5590
5602
|
return (jsxs("section", { className: `bordBanner ${variant} ${customClassName}`, ...props, children: [showClose && (jsx("button", { type: "button", className: "bordBannerClose", onClick: onClose, "aria-label": closeButtonAriaLabel, children: jsx(BordOneToneIcon, { variant: "x", standardSize: 14 }) })), jsxs("div", { className: "bordBannerText", children: [jsx("div", { className: "bordBannerTitle", children: title }), !!subtitle && jsx("div", { className: "bordBannerSubtitle", children: subtitle })] }), !!content && jsx("div", { className: "bordBannerContent", children: content })] }));
|
|
5591
5603
|
};
|
|
5592
5604
|
|
|
5593
|
-
var css_248z$
|
|
5594
|
-
styleInject(css_248z$
|
|
5605
|
+
var css_248z$1V = ".bordCheckBoxDS{align-items:center;display:flex;gap:.4rem}.bordCheckBoxDS .bordCheckBoxLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordCheckBoxDS.active .bordCheckBoxLabel{color:var(--ds-c-primary-bg-default)}.bordCheckBoxDS.disabled .bordCheckBoxLabel,.bordCheckBoxDS.inactive .bordCheckBoxLabel{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordCheckBoxButtonSvg svg{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordCheckBoxButtonSvg svg .largeRect{fill:transparent;stroke:var(--ds-c-content-secondary)}.bordCheckBoxButtonSvg svg .smallRect{fill:none;stroke:transparent}.bordCheckBoxButtonSvg.active svg .largeRect{fill:var(--ds-c-primary-bg-secondary);stroke:var(--ds-c-primary-bg-default)}.bordCheckBoxButtonSvg.active svg .smallRect{stroke:var(--ds-c-primary-bg-default)}.bordCheckBoxButtonSvg.disabled svg{cursor:not-allowed}.bordCheckBoxButtonSvg.disabled svg .largeRect{fill:var(--ds-c-bool-disabled-sec-bg);stroke:var(--ds-c-bool-disabled-sec-fg)}.bordCheckBoxButtonSvg.inactive svg{cursor:not-allowed}.bordCheckBoxButtonSvg.inactive svg .largeRect,.bordCheckBoxButtonSvg.inactive svg .smallRect{stroke:var(--ds-c-bool-disabled-sec-fg)}";
|
|
5606
|
+
styleInject(css_248z$1V);
|
|
5595
5607
|
|
|
5596
5608
|
/**
|
|
5597
5609
|
* BordCheckBoxSvg component
|
|
@@ -5638,8 +5650,8 @@ const BordCheckBox = ({ label, isButtonActive, isButtonDisabled, handleClickButt
|
|
|
5638
5650
|
return (jsxs("div", { className: className.trim(), children: [jsx(BordCheckBoxButton, { isActive: isActive, isDisabled: isDisabled, isInactive: isInactive, customSize: customSize, handleClickButton: handleClickButton, isButtonActive: isButtonActive, isButtonDisabled: isButtonDisabled }), !!label && (jsx("div", { className: "bordCheckBoxLabel", ...labelProps, children: label }))] }));
|
|
5639
5651
|
};
|
|
5640
5652
|
|
|
5641
|
-
var css_248z$
|
|
5642
|
-
styleInject(css_248z$
|
|
5653
|
+
var css_248z$1U = ".cardBottomContentRoot{min-width:0;width:100%}.cardBottomContentRoot .cardBottomContent{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.cardBottomContentRoot .cardBottomContent .bordTextInputDS{min-width:0}";
|
|
5654
|
+
styleInject(css_248z$1U);
|
|
5643
5655
|
|
|
5644
5656
|
const buildFallbackFieldConfig = (index) => ({
|
|
5645
5657
|
placeholder: 'Placeholder',
|
|
@@ -5667,8 +5679,8 @@ const CardBottomContent = (props) => {
|
|
|
5667
5679
|
}) }) }));
|
|
5668
5680
|
};
|
|
5669
5681
|
|
|
5670
|
-
var css_248z$
|
|
5671
|
-
styleInject(css_248z$
|
|
5682
|
+
var css_248z$1T = ".bordTagDS{align-items:center;border-radius:.4rem;border-width:1px;display:inline-flex;font-weight:500;gap:.4rem;height:auto;justify-content:space-between}.bordTagDSSize-small{font-size:1rem;gap:.4rem;line-height:1.3rem;padding:0 .4rem;width:auto}.bordTagDSSize-medium{font-size:1.2rem;gap:.8rem;line-height:1.5rem;padding:.4rem .8rem;width:auto}.bordTagDSSize-large{font-size:1.4rem;gap:.8rem;line-height:1.8rem;min-width:24.8rem;padding:1rem 1.6rem}.bordTagDSColor-blue{background-color:var(--ds-c-tags-blue-surface);border-color:var(--ds-c-tags-blue-fg)}.bordTagDSColor-pink{background-color:var(--ds-c-tags-pink-surface);border-color:var(--ds-c-comp-pink)}.bordTagDSColor-purple{background-color:var(--ds-c-tags-purple-surface);border-color:var(--ds-c-comp-purple)}.bordTagDSColor-brown{background-color:var(--ds-c-tags-brown-surface);border-color:var(--ds-c-comp-brown)}.bordTagDSColor-yellow{background-color:var(--ds-c-tags-yellow-surface);border-color:var(--ds-c-bool-warning-fg)}.bordTagDSColor-green{background-color:var(--ds-c-tags-green-surface);border-color:var(--ds-c-bool-success-fg)}.bordTagDSColor-red{background-color:var(--ds-c-tags-red-surface);border-color:var(--ds-c-comp-red);color:var(--ds-c-comp-red)}.bordTagDSLabel{color:var(--ds-c-content-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordTagDSClose{align-items:center;background-color:transparent;border-width:0;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin:0;padding:0}.bordTagDSClose .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordTagDSClose:focus-visible{border-radius:.2rem;outline-color:currentColor;outline-offset:2px;outline-style:solid;outline-width:2px}";
|
|
5683
|
+
styleInject(css_248z$1T);
|
|
5672
5684
|
|
|
5673
5685
|
const SIZE_CLASS = {
|
|
5674
5686
|
small: 'bordTagDSSize-small',
|
|
@@ -5682,8 +5694,8 @@ const BordTag = ({ labelName, customClassName = '', customStyles = {}, standardS
|
|
|
5682
5694
|
return (jsxs("div", { className: rootClass, style: customStyles, children: [jsx("label", { className: "bordTagDSLabel", children: labelName }), onRemove && (jsx("button", { type: "button", className: "bordTagDSClose", onClick: onRemove, "aria-label": removeButtonAriaLabel, children: jsx(BordOneToneIcon, { variant: "x", standardSize: 14, className: "bordTagDSClose" }) }))] }));
|
|
5683
5695
|
};
|
|
5684
5696
|
|
|
5685
|
-
var css_248z$
|
|
5686
|
-
styleInject(css_248z$
|
|
5697
|
+
var css_248z$1S = ".cardLeftContentRoot{min-width:0;width:100%}.cardLeftContentRoot .cardLeftContent{align-items:flex-start;display:flex;gap:1.2rem}.cardLeftContentRoot .cardLeftText{min-width:0}.cardLeftContentRoot .cardLeftTitle{color:var(--ds-c-content-default);font-size:1.6rem;margin-bottom:.8rem}.cardLeftContentRoot .cardLeftTags{display:flex;flex-wrap:wrap;gap:.4rem}";
|
|
5698
|
+
styleInject(css_248z$1S);
|
|
5687
5699
|
|
|
5688
5700
|
const TAG_SIZE_FALLBACK = 'small';
|
|
5689
5701
|
const TAG_COLOR_FALLBACK = 'blue';
|
|
@@ -5699,8 +5711,8 @@ const CardLeftContent = (props) => {
|
|
|
5699
5711
|
}) }))] })] }) }));
|
|
5700
5712
|
};
|
|
5701
5713
|
|
|
5702
|
-
var css_248z$
|
|
5703
|
-
styleInject(css_248z$
|
|
5714
|
+
var css_248z$1R = ".cardRightCollapsedContentRoot{max-width:100%;min-width:0;width:100%}.cardRightCollapsedContentRoot .cardRightCollapsedContent{align-items:center;display:flex;flex-wrap:nowrap;gap:.8rem;max-width:100%;min-width:0}.cardRightCollapsedContentRoot .cardRightCollapsedIconSlot{flex-shrink:0}.cardRightCollapsedContentRoot .cardRightCollapsedText{color:var(--ds-c-content-default);cursor:default;flex:1 1 0%;font-size:1.2rem;min-width:0}";
|
|
5715
|
+
styleInject(css_248z$1R);
|
|
5704
5716
|
|
|
5705
5717
|
/**
|
|
5706
5718
|
* Bloque derecho con icono y texto (checkbox desmarcado en modo selección); `rootClassName` aplica a la envoltura exterior.
|
|
@@ -5712,8 +5724,8 @@ const CardRightCollapsedContent = (props) => {
|
|
|
5712
5724
|
return (jsx("div", { className: outerClass, children: jsxs("div", { className: "cardRightCollapsedContent", children: [jsx("span", { className: "cardRightCollapsedIconSlot", children: jsx(BordOneToneIcon, { variant: iconVariant, standardSize: 20, ...iconProps }) }), jsx("span", { className: textClass, title: text, children: text })] }) }));
|
|
5713
5725
|
};
|
|
5714
5726
|
|
|
5715
|
-
var css_248z$
|
|
5716
|
-
styleInject(css_248z$
|
|
5727
|
+
var css_248z$1Q = ".cardRightContentRoot{min-width:0;width:100%}.cardRightContentRoot .cardRightContent{align-items:center;display:flex;flex-direction:column;gap:.4rem}.cardRightContentRoot .cardRightLabel{color:var(--ds-c-content-default);font-size:1.2rem}.cardRightContentRoot .cardRightQuantityInput{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-radius:.8rem;border-width:1px;color:var(--ds-c-content-default);font-size:1.4rem;line-height:1.8rem;min-height:4rem;outline:2px solid transparent;outline-offset:2px;padding:.4rem .8rem;text-align:center;width:4.7rem}.cardRightContentRoot .cardRightQuantityInput:focus{--tw-border-opacity:1;--tw-ring-opacity:1;--tw-ring-color:rgb(0 177 136/var(--tw-ring-opacity));border-color:rgb(0 177 136/var(--tw-border-opacity))}";
|
|
5728
|
+
styleInject(css_248z$1Q);
|
|
5717
5729
|
|
|
5718
5730
|
/**
|
|
5719
5731
|
* Contenido derecho con envoltura de raíz, etiqueta de unidad e input numérico de cantidad.
|
|
@@ -5723,8 +5735,8 @@ const CardRightContent = (props) => {
|
|
|
5723
5735
|
return (jsx("div", { className: "cardRightContentRoot", children: jsxs("div", { className: "cardRightContent", children: [jsx("span", { className: "cardRightLabel", children: unitLabel }), jsx("input", { type: "number", className: "cardRightQuantityInput", value: quantityDraft, onChange: onQuantityInputChange, onBlur: onQuantityBlur, min: 0, "aria-label": unitLabel })] }) }));
|
|
5724
5736
|
};
|
|
5725
5737
|
|
|
5726
|
-
var css_248z$
|
|
5727
|
-
styleInject(css_248z$
|
|
5738
|
+
var css_248z$1P = ".bordCardDS{border-radius:.8rem;max-width:100%;min-width:0;padding:.8rem;width:100%}.bordCardDS .bordCardTopDS{flex-wrap:nowrap;justify-content:space-between;max-width:100%}.bordCardDS .bordCardLeftDS,.bordCardDS .bordCardTopDS{align-items:center;display:flex;gap:1.2rem;min-width:0}.bordCardDS .bordCardLeftDS{flex:1 1 0%}.bordCardDS .bordCardCheckSlotDS{flex-shrink:0}.bordCardDS .bordCardLeftBodyDS{flex:1 1 0%;min-width:0}.bordCardDS .bordCardRightDS{align-items:center;display:flex;flex-wrap:nowrap;gap:1.2rem;justify-content:flex-end;max-width:100%;min-width:0;overflow:hidden}.bordCardDS .bordCardBottomDS,.bordCardDS .bordCardBottomSlotDS{margin-top:1.2rem}.bordCardDS .bordCardBottomSlotDS:first-child{margin-top:0}";
|
|
5739
|
+
styleInject(css_248z$1P);
|
|
5728
5740
|
|
|
5729
5741
|
/**
|
|
5730
5742
|
* Tarjeta con tres regiones: bloque izquierdo, bloque derecho e inferior.
|
|
@@ -5833,8 +5845,8 @@ const BordCard = (props) => {
|
|
|
5833
5845
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsxs("div", { className: "bordCardTopDS", children: [jsxs("div", { className: "bordCardLeftDS", children: [showCheckbox && (jsx("div", { className: "bordCardCheckSlotDS", children: jsx(BordCheckBox, { isButtonActive: isCheckActive, isButtonDisabled: isCheckDisabled, handleClickButton: onCheckClick, customSize: "1.6rem" }) })), jsx("div", { className: "bordCardLeftBodyDS", children: resolvedLeftContent })] }), hasRightColumn && jsx("div", { className: "bordCardRightDS", children: resolvedRightContent })] }), hasBottomSection && showBottomContent && (jsx("div", { className: "bordCardBottomDS", children: bottomContent ? (jsx("div", { className: "bordCardBottomSlotDS", children: bottomContent })) : (jsx(CardBottomContent, { fieldCount: bottomInputFieldCount, ...bottomFields })) }))] }));
|
|
5834
5846
|
};
|
|
5835
5847
|
|
|
5836
|
-
var css_248z$
|
|
5837
|
-
styleInject(css_248z$
|
|
5848
|
+
var css_248z$1O = ".bordTabsDSRoot{align-items:stretch;display:flex;flex-direction:column;width:100%}.bordTabsDSContainer{background-color:var(--ds-c-layout-l1);border-bottom-width:1px;border-color:var(--ds-c-stroke-default);border-left-width:1px;border-radius:1.6rem;border-right-width:1px;border-top-left-radius:0;position:relative;width:100%}.bordTabsDSContainer.squareTopRight{border-top-right-radius:0}.bordTabsDSContainer.isFirstTabActive{margin-left:-.4rem}.bordTabsDSContainer.isLastTabActive{margin-right:-.4rem}.bordTabsDS{display:flex}.bordTabsDS.default{border-bottom-width:1px;border-color:var(--ds-c-stroke-default)}.bordTabsDS.grouped{align-items:flex-end}.bordTabsDS.grouped .bordTabsDSTrailingFiller{align-self:flex-end;background-color:var(--ds-c-stroke-default);flex:1 1 0%;height:.1rem;min-width:0}.bordTabsDS.grouped .bordTabsDSInactiveTrack{align-items:center;background-color:var(--ds-c-layout-l3);border-color:var(--ds-c-stroke-default);border-radius:2rem;border-width:1px;border-width:.1rem .1rem 0;display:flex;min-height:4.7rem;overflow:hidden;position:relative}.bordTabsDS.grouped .bordTabsDSInactiveTrack:after{background-color:var(--ds-c-stroke-default);bottom:0;content:\"\";height:.1rem;left:0;position:absolute;right:0}.bordTabsDS.grouped .bordTabsDSInactiveTrackStart{border-bottom-left-radius:0;padding-right:.4rem}.bordTabsDS.grouped .bordTabsDSInactiveTrackStart:after{right:2.5em}.bordTabsDS.grouped .bordTabsDSInactiveTrackStart .bordTabDS:first-child{border-bottom-left-radius:0}.bordTabsDS.grouped .bordTabsDSInactiveTrackEnd{border-bottom-right-radius:0;padding-left:.4rem}.bordTabsDS.grouped .bordTabsDSInactiveTrackEnd:after{left:2.5rem}.bordTabsDS.grouped .bordTabsDSInactiveTrackEnd .bordTabDS:last-child{border-bottom-right-radius:0}.bordTabsDS.grouped .bordTabDS{align-items:center;align-self:center;background-color:var(--ds-c-layout-l3);border-radius:2rem;border-width:0;color:var(--ds-c-content-secondary);display:flex;font-size:1.4rem;gap:.8rem;justify-content:center;line-height:1.6;min-width:-moz-fit-content;min-width:fit-content;overflow:visible;padding:1.2rem 1.6rem;position:relative;z-index:0}.bordTabsDS.grouped .bordTabDS.selected{background:transparent;border-width:0;color:var(--bord-tab-color);overflow:visible;z-index:2}.bordTabsDS.grouped .bordTabDS.selected:before{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:2rem 2rem 0 0;border-width:1px 0 0;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;z-index:-1}.bordTabsDS.grouped .bordTabDS.selected:first-child:before{left:-.4rem}.bordTabsDS.grouped .bordTabDS.selected:last-child:before{right:-.4rem}.bordTabsDS.grouped .bordTabDS .bordTabDS-notch{bottom:0;height:2.9457rem;pointer-events:none;position:absolute;width:2.9457rem;z-index:-1}.bordTabsDS.grouped .bordTabDS .bordTabDS-notch--start{background:radial-gradient(circle at top left,transparent 2.8rem,var(--ds-c-stroke-default) 2.8rem,var(--ds-c-stroke-default) 2.9rem,var(--ds-c-layout-l1) 2.9rem);left:-2.9rem}.bordTabsDS.grouped .bordTabDS .bordTabDS-notch--end{background:radial-gradient(circle at top right,transparent 2.8rem,var(--ds-c-stroke-default) 2.8rem,var(--ds-c-stroke-default) 2.9rem,var(--ds-c-layout-l1) 2.9rem);right:-2.9rem}.bordTabsDS.grouped .bordTabDS.selected:after{background-color:var(--bord-tab-color);border-radius:999px;bottom:.6rem;content:\"\";height:.4rem;left:1.6rem;position:absolute;right:1.6rem}.bordTabsDS.grouped .bordTabDS.disabled.selected:after{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.bordTabsDS.grouped:not(.hasLeftInactive)>.bordTabDS.selected .bordTabDS-notch--start,.bordTabsDS.grouped:not(.withContainer):not(.hasRightInactive)>.bordTabDS.selected .bordTabDS-notch--end{display:none}.bordTabsDS.grouped:not(.hasLeftInactive)>.bordTabDS.selected:before{border-left:.1rem solid var(--ds-c-stroke-default)}.bordTabsDS.grouped:not(.withContainer):not(.hasRightInactive)>.bordTabDS.selected:before{border-right:.1rem solid var(--ds-c-stroke-default)}";
|
|
5849
|
+
styleInject(css_248z$1O);
|
|
5838
5850
|
|
|
5839
5851
|
const TabsContext = createContext({
|
|
5840
5852
|
activeTab: undefined,
|
|
@@ -5901,8 +5913,8 @@ const BordTabs = ({ value, children, defaultValue, textColor, onChange, variant
|
|
|
5901
5913
|
return (jsx(TabsContext.Provider, { value: tabsContextValue, children: shouldRenderContainer ? (jsxs("div", { className: "bordTabsDSRoot", children: [tabsRow, jsx("div", { className: `bordTabsDSContainer ${squareContainerTopRight ? 'squareTopRight' : ''} ${isFirstTabActive ? 'isFirstTabActive' : ''} ${isLastTabActive ? 'isLastTabActive' : ''}`, children: containerContent })] })) : (tabsRow) }));
|
|
5902
5914
|
};
|
|
5903
5915
|
|
|
5904
|
-
var css_248z$
|
|
5905
|
-
styleInject(css_248z$
|
|
5916
|
+
var css_248z$1N = ".bordCellHeader{align-items:flex-start;display:flex;gap:1.2rem}.bordCellHeader .cellHeaderIcon{align-items:center;display:flex;font-size:2.4rem;justify-content:center;line-height:3.2rem}.bordCellHeader .cellHeaderContent{display:flex;flex-direction:column;gap:.4rem}.bordCellHeader .cellHeaderContent .cellHeaderTitleContainer{align-items:center;color:var(--ds-c-content-default);display:flex;font-size:16px;font-weight:700;gap:.8rem}.bordCellHeader .cellHeaderContent .cellHeaderSubtitleContainer{color:var(--ds-c-content-default)}.bordCellHeader .cellHeaderContent .cellHeaderSubtitleContainer .cellHeaderTitle{font-size:16px;font-weight:700}.bordCellHeader .cellHeaderContent .cellHeaderSubtitleContainer .cellHeaderSubtitle{font-size:1.4rem;font-weight:400;line-height:2rem}@media (max-width:640px){.bordCellHeader .cellHeaderContent .cellHeaderSubtitleContainer{align-items:center;display:flex;gap:8px}}.bordCellHeader .cellHeaderContent .cellHeaderDescription{font-size:1.2rem;font-weight:400;line-height:1.6rem}";
|
|
5917
|
+
styleInject(css_248z$1N);
|
|
5906
5918
|
|
|
5907
5919
|
/**
|
|
5908
5920
|
* @description A cell header component with icon, title, subtitle and description.
|
|
@@ -5918,8 +5930,8 @@ const BordCellHeader = (props) => {
|
|
|
5918
5930
|
return (jsx("div", { className: `bordCellHeader ${customClassName}`, ...restProps, children: jsxs("div", { className: "cellHeaderContent", children: [jsxs("div", { className: "cellHeaderTitleContainer", children: [icon && jsx("div", { className: "cellHeaderIcon", children: icon }), jsx("div", { className: "cellHeaderTitle", children: title })] }), jsxs("div", { className: "cellHeaderSubtitleContainer", children: [subtitle && jsx("div", { className: "cellHeaderSubtitle", children: subtitle }), description && jsx("div", { className: "cellHeaderDescription", children: description })] })] }) }));
|
|
5919
5931
|
};
|
|
5920
5932
|
|
|
5921
|
-
var css_248z$
|
|
5922
|
-
styleInject(css_248z$
|
|
5933
|
+
var css_248z$1M = ".bordCellItem{display:flex;flex-direction:column;flex-shrink:0;max-width:104px;min-width:104px}.bordCellItem .cellItemTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.6rem;margin-bottom:.8rem}.bordCellItem .cellItemContent{align-items:center;color:var(--ds-c-content-default);display:flex;gap:.8rem}.bordCellItem .cellItemContent .cellItemIcon{align-items:center;display:flex;font-size:1.6rem;justify-content:center;line-height:2.4rem}.bordCellItem .cellItemContent .cellItemLabel{font-size:1.2rem;font-weight:400;line-height:1.6rem}@media (max-width:640px){.bordCellItem{align-items:center;flex-direction:row;justify-content:space-between;max-width:100%;min-width:100%}.bordCellItem .cellItemTitle{margin-bottom:0}.bordCellItem .cellItemContent{align-items:center;display:flex;gap:.8rem}}";
|
|
5934
|
+
styleInject(css_248z$1M);
|
|
5923
5935
|
|
|
5924
5936
|
/**
|
|
5925
5937
|
* @description A cell item component with optional title, icon and label.
|
|
@@ -5937,8 +5949,8 @@ const BordCellItem = (props) => {
|
|
|
5937
5949
|
return (jsxs("div", { className: `bordCellItem ${customClassName}`, ...restProps, children: [title && titleElement, contentElement] }));
|
|
5938
5950
|
};
|
|
5939
5951
|
|
|
5940
|
-
var css_248z$
|
|
5941
|
-
styleInject(css_248z$
|
|
5952
|
+
var css_248z$1L = ".bordBadgeDS{border-radius:2.4rem;color:var(--ds-c-content-default);width:-moz-max-content;width:max-content}.bordBadgeDS.defaultStyles{background-color:var(--ds-c-layout-l1);padding:.4rem .8rem}.bordBadgeDS.outlined{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-width:1px;padding:.4rem .6rem}.bordBadgeDS.outlined.informativeBordBadge{border-color:var(--ds-c-bool-info-fg)}.bordBadgeDS.outlined.successBordBadge{border-color:var(--ds-c-bool-success-fg)}.bordBadgeDS.outlined.warningBordBadge{border-color:var(--ds-c-bool-warning-fg)}.bordBadgeDS.outlined.dangerBordBadge{border-color:var(--ds-c-bool-danger-fg);color:var(--ds-c-bool-danger-fg)}.bordBadgeDS.outlined.backlogBordBadge{border-color:var(--ds-c-bool-backlog-fg)}.bordBadgeDS .bordBadgeContent{align-items:center;display:inline-flex;gap:.4rem}.bordBadgeDS .bordBadgeBullet{background-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;display:inline-block;flex-shrink:0;height:.8rem;width:.8rem}.bordBadgeDS.dangerBordBadge .bordBadgeBullet{background-color:var(--ds-c-bool-danger-fg)}.bordBadgeDS.informativeBordBadge .bordBadgeBullet{background-color:var(--ds-c-bool-info-fg)}.bordBadgeDS.successBordBadge .bordBadgeBullet{background-color:var(--ds-c-bool-success-fg)}.bordBadgeDS.warningBordBadge .bordBadgeBullet{background-color:var(--ds-c-bool-warning-fg)}.bordBadgeDS.backlogBordBadge .bordBadgeBullet{background-color:var(--ds-c-bool-backlog-fg)}.bordBadgeDS.gradientStyles{--tw-gradient-from:#22cfab var(--tw-gradient-from-position);--tw-gradient-to:rgba(34,207,171,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0057a7 var(--tw-gradient-to-position);background-image:linear-gradient(to right,var(--tw-gradient-stops));padding:.1rem}.bordBadgeDS.small.defaultStyles,.bordBadgeDS.small.outlined{border-width:1px;padding:0 .6rem}.bordBadgeDS.small .gradientComponentStyles{padding:0 .6rem}.bordBadgeDS .gradientComponentStyles{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:2.4rem;height:100%;padding:.4rem .8rem;position:relative;width:100%}.bordBadgeDS .gradientComponentStyles:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(28 50 59/var(--tw-bg-opacity))}.bordBadgeDS .gradientComponentStyles:where([data-theme=dark],[data-theme=dark] *):before{content:var(--tw-content);display:none}.bordBadgeDS .gradientComponentStyles:before{--tw-content:\"\";background-color:var(--ds-c-primary-bg-secondary);border-radius:2.4rem;content:var(--tw-content);height:100%;inset:0;position:absolute;width:100%}.bordBadgeDS.bordBadge{display:flex;flex-direction:column;font-size:12px;height:24px;justify-content:center;min-width:24px;text-align:center}.bordBadgeDS.defaultBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgb(230 230 230/var(--tw-border-opacity));border-width:1px;color:rgb(198 199 203/var(--tw-text-opacity))}.bordBadgeDS.informativeBordBadge{background-color:var(--ds-c-bool-info-bg);color:var(--ds-c-bool-info-fg)}.bordBadgeDS.informativeBordBadge.filled{--tw-text-opacity:1;background-color:var(--ds-c-bool-info-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordBadgeDS.informativeBordBadge.disabled{--tw-text-opacity:1;background-color:var(--ds-c-bool-disabled-sec-bg);color:rgb(180 180 180/var(--tw-text-opacity))}.bordBadgeDS.successBordBadge{background-color:var(--ds-c-bool-success-bg);color:var(--ds-c-bool-success-fg)}.bordBadgeDS.successBordBadge.filled{--tw-text-opacity:1;background-color:var(--ds-c-bool-success-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordBadgeDS.successBordBadge.disabled{background-color:var(--ds-c-bool-disabled-sec-bg);color:var(--ds-c-bool-disabled-sec-fg)}.bordBadgeDS.warningBordBadge{background-color:var(--ds-c-bool-warning-bg-op);color:var(--ds-c-bool-warning-fg)}.bordBadgeDS.warningBordBadge.filled{--tw-text-opacity:1;background-color:var(--ds-c-bool-warning-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordBadgeDS.warningBordBadge.disabled{background-color:var(--ds-c-bool-disabled-sec-bg);color:var(--ds-c-bool-disabled-sec-fg)}.bordBadgeDS.dangerBordBadge{background-color:var(--ds-c-bool-danger-bg-op);color:var(--ds-c-bool-danger-fg)}.bordBadgeDS.dangerBordBadge.filled{--tw-text-opacity:1;background-color:var(--ds-c-bool-danger-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordBadgeDS.dangerBordBadge.disabled{background-color:var(--ds-c-bool-disabled-sec-bg);color:var(--ds-c-bool-disabled-sec-fg)}.bordBadgeDS.backlogBordBadge{background-color:var(--ds-c-bool-backlog-bg-op);color:var(--ds-c-bool-backlog-fg)}.bordBadgeDS.backlogBordBadge.filled{background-color:var(--ds-c-bool-backlog-fg);color:var(--ds-c-bool-backlog-sec-fg)}.bordBadgeDS.backlogBordBadge.disabled{background-color:var(--ds-c-bool-disabled-sec-bg);color:var(--ds-c-bool-disabled-sec-fg)}";
|
|
5953
|
+
styleInject(css_248z$1L);
|
|
5942
5954
|
|
|
5943
5955
|
var BADGE_VARIANTS;
|
|
5944
5956
|
(function (BADGE_VARIANTS) {
|
|
@@ -10133,8 +10145,8 @@ const BordTooltipCta = props => {
|
|
|
10133
10145
|
return (jsxs(Fragment, { children: [jsx("div", { className: "ctaDivider" }), ctaContent] }));
|
|
10134
10146
|
};
|
|
10135
10147
|
|
|
10136
|
-
var css_248z$
|
|
10137
|
-
styleInject(css_248z$
|
|
10148
|
+
var css_248z$1K = ".bordTooltipDS{color:var(--ds-c-content-default)}.bordTooltipMessageDS{align-items:center;background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:.5px;color:var(--ds-c-content-default);display:flex;font-size:1.2rem;justify-content:center;line-height:1.6rem;padding:.8rem;z-index:50}.bordTooltipMessageDS .bordTooltipMessageBody{display:flex;flex-direction:column;gap:.8rem;margin:0;min-width:0;padding:0;width:100%}.bordTooltipMessageDS .ctaDivider{background-color:var(--ds-c-stroke-interactive);height:1px;margin-bottom:.2rem;margin-top:.2rem;opacity:.3;width:100%}.bordTooltipMessageDS .oneCta{align-items:center;cursor:pointer;display:flex;gap:.2rem;justify-content:center}.bordTooltipMessageDS .oneCta svg path{stroke:var(--ds-c-primary-bg-default)}.bordTooltipMessageDS .twoCta{align-items:center;display:flex;justify-content:space-between}.bordTooltipMessageDS .title{color:var(--ds-c-content-default);font-size:1.4rem;font-weight:500;line-height:1.6rem;margin:0;padding:0}.bordTooltipMessageDS .messageText{align-items:center;display:flex;line-height:normal;margin:0;min-height:0;padding:0}.bordTooltipMessageDS .title+.messageText{opacity:.75}.bordTooltipKeyValueList{display:flex;flex-direction:column;gap:.8rem}";
|
|
10149
|
+
styleInject(css_248z$1K);
|
|
10138
10150
|
|
|
10139
10151
|
const BordTooltipNode = ({ title, message, position = 'top', children, ctaType = CTA_TYPE.noCta, ctaLabel, oneCtaVariant = 'arrowRightCircle', ctaAction, ctaButtonOneLabel, ctaButtonOneAction, ctaButtonTwoLabel, ctaButtonTwoAction, customClassName = '', customClassNameMessageContainer = '', customStylesMessageContainer = {}, messageContainerSize, followMouse = false, }) => {
|
|
10140
10152
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -10217,8 +10229,8 @@ const renderBordFooterBadgeIcon = (icon) => {
|
|
|
10217
10229
|
return (jsx(BordOneToneIcon, { ...rest, variant: variant, standardSize: standardSize, customWidth: customWidth, customClassName: customClassName, stroke: stroke }));
|
|
10218
10230
|
};
|
|
10219
10231
|
|
|
10220
|
-
var css_248z$
|
|
10221
|
-
styleInject(css_248z$
|
|
10232
|
+
var css_248z$1J = ".bordTrelloRowFooterTagList{align-items:center;border-color:var(--ds-c-stroke-default);border-top-width:1px;display:flex;padding-top:12px}.bordTrelloRowFooterTagList.mobile{align-items:flex-start;justify-content:flex-start}.bordTrelloRowFooterTagList.mobile .bordTrelloRowFooterTagListTitle{color:var(--ds-c-primary-bg-default)}.bordTrelloRowFooterTagList.mobile .bordTrelloRowFooterTagListTitle .bordOneToneIcon svg path{stroke:var(--ds-c-primary-bg-default)}.bordTrelloRowFooterTagList.mobile .bordTrelloRowFooterTagListTitle .bordTrelloRowFooterTagListTitleText{color:var(--ds-c-primary-bg-default)}.bordTrelloRowFooterTagList.mobile .bordTrelloRowFooterTagListTitle.clickable{cursor:pointer;transition:opacity .2s ease}.bordTrelloRowFooterTagList.mobile .bordTrelloRowFooterTagListTitle.clickable:hover{opacity:.75}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListTitle{align-items:center;color:var(--ds-c-content-secondary);display:flex;font-size:1.4rem;gap:4px;line-height:2rem}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListTitle .bordTrelloRowFooterTagListTitleIcon{width:12px}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListTitle .bordTrelloRowFooterTagListTitleText{text-wrap:nowrap;font-size:12px}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeList{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:8px}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel{align-items:center;color:var(--ds-c-content-default);display:flex;gap:4px;min-width:0}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel .bordTrelloRowFooterTagListBadgeLabelIcon{flex-shrink:0;width:9px}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel .bordTrelloRowFooterTagListBadgeLabelIcon svg path{stroke:var(--ds-c-content-default)}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel .bordTrelloRowFooterTagListBadgeLabelContent{align-items:center;display:flex;gap:4px;min-width:0}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel .bordTrelloRowFooterTagListBadgeLabelTitle{color:var(--ds-c-content-default);flex-shrink:0;font-size:10px}.bordTrelloRowFooterTagList .bordTrelloRowFooterTagListBadgeLabel .bordTrelloRowFooterTagListBadgeLabelText{color:var(--ds-c-content-default);font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordTrelloRowFooterTagListModal .modalOverlay{background-color:var(--ds-c-modal-overlay);inset:0;position:fixed;z-index:9998}.bordTrelloRowFooterTagListModal .modalContent{animation:slideUp .3s ease-out;background-color:var(--ds-c-layout-l1);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;display:flex;flex-direction:column;left:0;max-height:80vh;position:fixed;right:0;z-index:9999}.bordTrelloRowFooterTagListModal .modalContent .modalHeader{align-items:center;border-bottom-width:1px;border-color:var(--ds-c-stroke-default);display:flex;justify-content:space-between;padding:16px 24px}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .bordTrelloRowFooterTagListTitle{align-items:center;display:flex;gap:8px}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .bordTrelloRowFooterTagListTitle .bordOneToneIcon svg path{stroke:var(--ds-c-content-secondary)}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .bordTrelloRowFooterTagListTitle .bordTrelloRowFooterTagListTitleText{color:var(--ds-c-content-secondary);font-size:12px;font-weight:500}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .modalCloseButton{align-items:center;background-color:transparent;border-radius:15998.4rem;border-style:none;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .modalCloseButton:hover{background-color:var(--ds-c-layout-l2)}.bordTrelloRowFooterTagListModal .modalContent .modalHeader .modalCloseButton svg path{stroke:var(--ds-c-content-default)}.bordTrelloRowFooterTagListModal .modalContent .modalBody{flex:1 1 0%;overflow-x:visible;overflow-y:auto;padding:8px 24px}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem{align-items:center;box-sizing:border-box;display:flex;gap:8px;padding-bottom:12px;padding-top:12px}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem:not(:last-child){border-bottom-width:1px;border-color:var(--ds-c-stroke-default)}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .bordOneToneIcon{flex-shrink:0}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .modalBadgeContent{align-items:center;display:flex;flex:1 1 0%;gap:4px;height:100%;min-width:0}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .modalBadgeContent .modalBadgeTitle{color:var(--ds-c-content-default);flex-shrink:0;font-size:12px;font-weight:400}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .modalBadgeContent .modalBadgeTextWrapper{align-items:center;display:flex;flex:1;height:2rem;min-width:0;overflow:hidden}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .modalBadgeContent .modalBadgeTextWrapper>*{flex:1;min-width:0;overflow:hidden;width:100%}.bordTrelloRowFooterTagListModal .modalContent .modalBody .modalBadgeItem .modalBadgeContent .modalBadgeText{color:var(--ds-c-content-secondary);display:block;font-size:12px;font-weight:400;line-height:2rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bordTrelloRowFooterTagListModal .modalContent .modalCloseBottomButton{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-top-width:1px;color:var(--ds-c-content-default);cursor:pointer;font-size:16px;font-weight:500;padding-bottom:16px;padding-top:16px;transition:background-color .2s ease;width:100%}.bordTrelloRowFooterTagListModal .modalContent .modalCloseBottomButton:hover{background-color:var(--ds-c-layout-l2)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}";
|
|
10233
|
+
styleInject(css_248z$1J);
|
|
10222
10234
|
|
|
10223
10235
|
// mini componente para mostrar el tooltip en el badge del modal mobile
|
|
10224
10236
|
const ModalBadgeItemWithTooltip = ({ badge }) => {
|
|
@@ -10278,8 +10290,8 @@ const BordTrelloRowFooterBadgeList = ({ title, badgeList, children }) => {
|
|
|
10278
10290
|
return (jsxs("div", { className: "bordTrelloRowFooterTagList", children: [renderTitle(), jsx("div", { className: "bordTrelloRowFooterTagListBadgeList", children: renderBadgeList() })] }));
|
|
10279
10291
|
};
|
|
10280
10292
|
|
|
10281
|
-
var css_248z$
|
|
10282
|
-
styleInject(css_248z$
|
|
10293
|
+
var css_248z$1I = ".bordFloatDropdown{--tw-bg-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity));border:1px solid #e5e5e5;border-radius:.8rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);min-width:160px;position:fixed;z-index:9999}.bordFloatDropdown .dropdownContainer{padding-bottom:.8rem;padding-top:.8rem}.bordFloatDropdown .dropdownContainer .dropdownOption{align-items:flex-start;cursor:pointer;display:flex;gap:1.2rem;padding:1.2rem 1.6rem;transition:background-color .2s ease}.bordFloatDropdown .dropdownContainer .dropdownOption:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bordFloatDropdown .dropdownContainer .dropdownOption .optionIcon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.bordFloatDropdown .dropdownContainer .dropdownOption .optionContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem}.bordFloatDropdown .dropdownContainer .dropdownOption .optionContent .optionLabel{--tw-text-opacity:1;color:rgb(7 15 33/var(--tw-text-opacity));font-size:1.4rem;font-weight:400;line-height:2rem;line-height:1.25}.bordFloatDropdown .dropdownContainer .dropdownOption .optionContent .optionMessage{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));font-size:1.4rem;font-weight:400;line-height:2rem;line-height:1.25}.bordFloatDropdown.dark{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity));border-color:#374151}.bordFloatDropdown.dark .dropdownOption:hover{--tw-bg-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity))}.bordFloatDropdown.dark .dropdownOption .optionLabel{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}";
|
|
10294
|
+
styleInject(css_248z$1I);
|
|
10283
10295
|
|
|
10284
10296
|
/**
|
|
10285
10297
|
* @description A floating dropdown component that displays a list of options with icons, labels, and messages.
|
|
@@ -10368,8 +10380,8 @@ const BordFloatDropdown = ({ options, isOpen, onClose, customClassName = '', pos
|
|
|
10368
10380
|
return createPortal(dropdown, document.body);
|
|
10369
10381
|
};
|
|
10370
10382
|
|
|
10371
|
-
var css_248z$
|
|
10372
|
-
styleInject(css_248z$
|
|
10383
|
+
var css_248z$1H = ".bordInfoCard{background-color:var(--ds-c-layout-l1);border:.1rem solid;border-radius:1.2rem;max-width:118rem;overflow:hidden;padding:1.6rem 1.6rem 1.2rem;transition:all .3s ease}.bordInfoCard.success{border-color:var(--ds-c-stroke-default)}.bordInfoCard.danger{background-color:rgba(252,84,61,.05);border-color:#fc543d}.bordInfoCard.danger .header{border-color:rgba(252,84,61,.2)}.bordInfoCard.disabled{border-color:var(--ds-c-stroke-default);position:relative}.bordInfoCard.disabled .bordCellItem,.bordInfoCard.disabled .header{opacity:.4}.bordInfoCard .desktopContent .content{display:flex;gap:0;margin-bottom:1.2rem}@media (min-width:641px){.bordInfoCard .desktopContent .content{align-items:stretch;flex-direction:row}}.bordInfoCard .desktopContent .header{flex-shrink:0;max-width:15.6rem;min-width:15.6rem}.bordInfoCard .desktopContent .items{flex:1 1 0%}@media (min-width:1024px){.bordInfoCard .desktopContent .items{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2.4rem;overflow-x:auto;padding-right:.4rem}}.bordInfoCard .desktopContent .actions{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.bordInfoCard .tabletContent{display:flex;flex-direction:column;gap:0}.bordInfoCard .tabletContent .content{display:flex;gap:0}@media (max-width:640px){.bordInfoCard .tabletContent .content{flex-direction:column}}@media (min-width:641px){.bordInfoCard .tabletContent .content{align-items:stretch;flex-direction:row}}.bordInfoCard .tabletContent .headerContainer{align-items:stretch;display:flex;gap:2.4rem;justify-content:space-between;padding-bottom:1.6rem}.bordInfoCard .tabletContent .header{flex-shrink:0;max-width:15.6rem;min-width:15.6rem}.bordInfoCard .tabletContent .items{flex:1 1 0%}@media (min-width:821px) and (max-width:1024px){.bordInfoCard .tabletContent .items{justify-content:space-around}}@media (min-width:641px) and (max-width:1024px){.bordInfoCard .tabletContent .items{display:grid;gap:2.4rem;grid-template-columns:repeat(3,14.6rem)}}.bordInfoCard .tabletContent .actions{align-items:center;display:flex;gap:.8rem;margin-top:2.8rem}.bordInfoCard .tabletContent .actions .bordButton{width:100%}.bordInfoCard .mobileContent{display:flex;flex-direction:column;gap:1.6rem}.bordInfoCard .mobileContent .header{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity));border-bottom:.1rem solid #e5e5e5;padding:.8rem 1.6rem;width:100%}.bordInfoCard .mobileContent .items{display:flex;flex-direction:column;gap:1.6rem;padding:.8rem 1.6rem}.bordInfoCard .mobileContent .footer{padding:.8rem 1.6rem}.bordInfoCard .mobileContent .actions{align-items:center;display:flex;gap:.8rem;margin-top:2.8rem;padding:.8rem 1.6rem}.bordInfoCard .mobileContent .actions .bordButton{width:100%}@media (max-width:640px){.bordInfoCard{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:0 0 1.2rem}}";
|
|
10384
|
+
styleInject(css_248z$1H);
|
|
10373
10385
|
|
|
10374
10386
|
/**
|
|
10375
10387
|
* @description A card component that displays information in a horizontal layout (desktop): Header | Items (horizontal row) | Buttons.
|
|
@@ -10402,8 +10414,8 @@ const BordInfoCard = (props) => {
|
|
|
10402
10414
|
return (jsxs("div", { className: componentClassNames, ...restProps, children: [isDesktop && renderDesktopContent, isTablet && renderTabletContent, isMobile && renderMobileContent] }));
|
|
10403
10415
|
};
|
|
10404
10416
|
|
|
10405
|
-
var css_248z$
|
|
10406
|
-
styleInject(css_248z$
|
|
10417
|
+
var css_248z$1G = ".bordMetricCard{align-items:center;border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0}@media (max-width:1131px){.bordMetricCard{height:6.4rem}}@media (min-width:1132px){.bordMetricCard{height:8.4rem}}.bordMetricCard{min-width:0}.bordMetricCard.bordMetricCardWithIcon{overflow:hidden}.bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0 1.2rem}.bordMetricCardContent{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;justify-content:flex-end;min-width:0}@media (min-width:1132px){.bordMetricCardContent{gap:.4rem}}.bordMetricCardValueBlock{align-items:flex-start;display:flex;flex-direction:column;min-width:0;width:100%}@media (min-width:1132px){.bordMetricCardValueBlock{gap:.4rem}}.bordMetricCardIcon{align-items:center;border:none;border-radius:15998.4rem;display:flex;flex-shrink:0;justify-content:center}.bordMetricCardIcon,.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardIcon,.bordMetricCardWithIcon.bordMetricCard--sizeSm .bordMetricCardIcon{height:4.8rem;width:4.8rem}.bordMetricCardTitle{color:var(--ds-c-content-secondary);font-weight:400}.bordMetricCardValueRow{align-items:baseline;display:flex;gap:.4rem}.bordMetricCardValue{font-weight:700}.bordMetricCard--sizeLg .bordMetricCardValue{font-size:3.2rem;line-height:1.15}.bordMetricCard--sizeSm .bordMetricCardValue{font-size:1.6rem;line-height:1.25}@media (max-width:1131px){.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardWithIcon.bordMetricCard--sizeLg .bordMetricCardValue{font-size:1.6rem;line-height:1.25}}.bordMetricCardSubvalue{font-size:1.6rem;font-weight:700;line-height:1.25}.bordMetricCardDescription{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5}.bordMetricCard.bordMetricCard--legacyDefault{border-color:var(--ds-c-stroke-default);border-radius:.95rem;border-width:1px;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:0;min-width:23.3rem;padding-left:1.2rem;padding-right:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerSm{padding:.7rem 1.2rem}.bordMetricCard.bordMetricCard--legacyDefault.bordMetricCardContainerLg{gap:.4rem;padding:1.2rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleSm{font-size:1rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardTitleLg{font-size:1.4rem}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardMetricContent{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;min-width:0;padding:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:0;justify-content:flex-start;min-width:0}.bordMetricCard.bordMetricCard--legacyDefault .bordMetricCardValue{font-size:3.2rem;font-weight:700}";
|
|
10418
|
+
styleInject(css_248z$1G);
|
|
10407
10419
|
|
|
10408
10420
|
const BordMetricCard = ({ title, value, subvalue, description, icon, textColor, colorVariant = 'default', size = 'sm', titleProps, valueProps, isConcatenatedSecondary = false, customClassName = '', }) => {
|
|
10409
10421
|
const COLOR_VARIANT_MAP = {
|
|
@@ -10486,8 +10498,8 @@ const BordMetricCard = ({ title, value, subvalue, description, icon, textColor,
|
|
|
10486
10498
|
return (jsx("div", { style: bgStyle, className: containerClassName, children: jsxs("div", { className: "bordMetricCardMetricContent", children: [jsx("div", { className: "bordMetricCardIcon", style: { backgroundColor: iconCircleBg }, children: metricIconNode }), jsxs("div", { className: "bordMetricCardContent", children: [jsx("h3", { className: titleClassName, children: title }), jsxs("div", { className: "bordMetricCardValueBlock", children: [valueRow, descriptionEl] })] })] }) }));
|
|
10487
10499
|
};
|
|
10488
10500
|
|
|
10489
|
-
var css_248z$
|
|
10490
|
-
styleInject(css_248z$
|
|
10501
|
+
var css_248z$1F = ".bordTabBarContainer{align-items:center;background-color:var(--ds-c-layout-l2);border-radius:.857em;box-sizing:border-box;display:flex;font-size:1.4rem;gap:.571em;padding:.286em}.bordTabBarContainer.bordTabBarContainerGray{--tw-bg-opacity:1;background-color:rgb(235 235 235/var(--tw-bg-opacity))}.bordTabBarContainer .bordTabButton{border-width:1px;color:var(--ds-c-content-secondary);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap}.bordTabBarContainer .bordTabButton:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.bordTabBarContainer .bordTabButton{border-color:transparent;border-radius:.571em;box-sizing:border-box;font-size:inherit;min-width:0;padding:.571em 1.143em}.bordTabBarContainer .bordTabButton.bordTabButtonGray:not(.bordTabButtonActive){color:var(--ds-c-content-secondary)}.bordTabBarContainer .bordTabButton.bordTabButtonActive{--tw-shadow:0 5px 8px 0 rgba(0,0,0,.15);--tw-shadow-colored:0 5px 8px 0 var(--tw-shadow-color);background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--ds-c-content-default)}.bordTabBarDropdown{position:relative}.bordTabBarDropdown,.bordTabBarDropdownInner{border-radius:1.2rem;display:flex;flex-direction:column;padding:.4rem}.bordTabBarDropdownInner{background-color:var(--ds-c-layout-l2);overflow:hidden}.bordTabBarDropdownTrigger{--tw-shadow:0 0.5rem 0.8rem 0 rgba(0,0,0,.15);--tw-shadow-colored:0 0.5rem 0.8rem 0 var(--tw-shadow-color);align-items:center;background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--ds-c-content-default);display:flex;font-size:1.4rem;justify-content:space-between;padding:.4rem 1.6rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordTabBarDropdownTrigger:focus{outline:2px solid transparent;outline-offset:2px}.bordTabBarDropdownTriggerLabel{margin-left:.8rem}.bordTabBarDropdownChevron{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%23626C82' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-repeat:no-repeat;height:1.2rem;margin-left:1.2rem;transition:transform .2s;width:1.2rem}.bordTabBarDropdownChevron.isOpen{transform:rotate(180deg)}.bordTabBarDropdownList{border-color:var(--ds-c-stroke-default);border-radius:.8rem;border-width:1px;box-shadow:0 .4rem 1.2rem rgba(0,0,0,.08);margin-top:.8rem;overflow:hidden}.bordTabBarDropdownList,.bordTabBarDropdownOption{background-color:var(--ds-c-layout-l1)}.bordTabBarDropdownOption{align-items:center;color:#6f737d;cursor:pointer;display:flex;font-size:1.4rem;gap:.4rem;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordTabBarDropdownOption:hover{background-color:var(--ds-c-layout-l2)}.bordTabBarDropdownRadio{border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:.2rem;flex-shrink:0;height:1.8rem;transition:all .2s;width:1.8rem}.bordTabBarDropdownRadio.isSelected{background-color:var(--ds-c-primary-bg-default);border-color:var(--ds-c-primary-bg-default);box-shadow:inset 0 0 0 .3rem var(--ds-c-layout-l1)}";
|
|
10502
|
+
styleInject(css_248z$1F);
|
|
10491
10503
|
|
|
10492
10504
|
const BordTabBar = ({ tabs = [], defaultValue, activeTab: externalActiveTab, onChange, containerClassName = '', buttonClassName = '', activeTabClassName = '', width, height, fontSize, }) => {
|
|
10493
10505
|
const { isMobile, width: viewportWidth } = useViewport();
|
|
@@ -10541,8 +10553,8 @@ const BordTabBar = ({ tabs = [], defaultValue, activeTab: externalActiveTab, onC
|
|
|
10541
10553
|
}) }));
|
|
10542
10554
|
};
|
|
10543
10555
|
|
|
10544
|
-
var css_248z$
|
|
10545
|
-
styleInject(css_248z$
|
|
10556
|
+
var css_248z$1E = ".bordTabDS{align-items:center;border-bottom-width:1px;border-color:transparent;border-radius:.8rem .8rem 0 0;color:var(--ds-c-content-secondary);display:flex;font-size:1.4rem;font-weight:400;gap:.8rem;justify-content:center;min-width:10.8rem;padding:.8rem 2.4rem}.selected{background-color:var(--bord-tab-bgcolor);border-color:var(--bord-tab-color);color:var(--bord-tab-color)}.disabled{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.disabled:hover{cursor:not-allowed}";
|
|
10557
|
+
styleInject(css_248z$1E);
|
|
10546
10558
|
|
|
10547
10559
|
const positions = {
|
|
10548
10560
|
top: 'flex-col-reverse',
|
|
@@ -10618,8 +10630,8 @@ function BordTabsGroupWithBadge({ value, defaultValue, tabs = [], textColor, onC
|
|
|
10618
10630
|
}) }));
|
|
10619
10631
|
}
|
|
10620
10632
|
|
|
10621
|
-
var css_248z$
|
|
10622
|
-
styleInject(css_248z$
|
|
10633
|
+
var css_248z$1D = ".bordGenericSelectDS{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.6rem;font-size:1.2rem;height:-moz-max-content;height:max-content;left:0;line-height:1rem;margin-top:3.2rem;max-height:30rem;overflow-y:auto;padding:.8rem;position:absolute;top:1rem;width:-moz-max-content;width:max-content}.bordGenericSelectDS::-webkit-scrollbar{height:.2rem;width:.2rem}.bordGenericSelectDS::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordGenericSelectDS::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordGenericSelectDS .optionContainer{cursor:pointer;margin-bottom:.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordGenericSelectDS .optionContainer,.bordGenericSelectDS .optionContainer .optionText{align-items:center;display:flex;gap:1rem}";
|
|
10634
|
+
styleInject(css_248z$1D);
|
|
10623
10635
|
|
|
10624
10636
|
const BordGenericSelect = ({ selectOptions, changeSelectedOption, defaultValue, changeOpenStatusFunction, absolutePositionElement, containerStyles, }) => {
|
|
10625
10637
|
const refContainer = useRef(null);
|
|
@@ -10639,8 +10651,8 @@ const BordGenericSelect = ({ selectOptions, changeSelectedOption, defaultValue,
|
|
|
10639
10651
|
return (jsxs("div", { ref: refContainer, className: "bordGenericSelectDS", style: containerStyles, children: [jsx("div", { className: "containerAbsolute", children: selectOptions }), absolutePositionElement] }));
|
|
10640
10652
|
};
|
|
10641
10653
|
|
|
10642
|
-
var css_248z$
|
|
10643
|
-
styleInject(css_248z$
|
|
10654
|
+
var css_248z$1C = ".bordFiltersOptionsPanel{display:flex;flex-direction:column;width:100%}.bordFiltersOptionsPanelSearch{flex-shrink:0;padding-bottom:1.2rem;padding-top:1rem;width:100%}.bordFiltersOptionsPanelSearch .bordSearchBarDS{width:100%}.bordFiltersOptionsPanelList{flex-direction:column;min-height:0;overflow-y:auto}.bordFiltersOptionsPanelOption{align-items:center;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1.4rem;font-weight:400;justify-content:space-between;line-height:2rem;line-height:1.5;padding:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordFiltersOptionsPanelOptionDesktop{gap:.4rem;justify-content:flex-start}.bordFiltersOptionsPanelOptionText{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1.4rem;font-weight:400;line-height:2rem;min-width:0}.bordFiltersOptionsPanelOptionCheck{flex-shrink:0}.bordFiltersOptionsPanelOptionImg{flex-shrink:0;margin-left:.2rem;margin-right:.4rem;-o-object-fit:contain;object-fit:contain}";
|
|
10655
|
+
styleInject(css_248z$1C);
|
|
10644
10656
|
|
|
10645
10657
|
var COUNTRY_CODES;
|
|
10646
10658
|
(function (COUNTRY_CODES) {
|
|
@@ -10938,8 +10950,8 @@ const BordFiltersOptionsPanel = ({ options, onOptionToggle, isOpen, searchPlaceh
|
|
|
10938
10950
|
}, role: "button", tabIndex: 0, children: isDesktopVariant ? (jsxs(Fragment, { children: [renderOptionCheck(option.isActive), renderOptionText(option)] })) : (jsxs(Fragment, { children: [renderOptionText(option), renderOptionCheck(option.isActive)] })) }, `${filterTitle}-opt-${option.id ?? option.value ?? index}`))) })] }));
|
|
10939
10951
|
};
|
|
10940
10952
|
|
|
10941
|
-
var css_248z$
|
|
10942
|
-
styleInject(css_248z$
|
|
10953
|
+
var css_248z$1B = ".moduleFilterExpandableSelectDS{--tw-border-opacity:1;align-items:center;background-color:inherit;border-color:rgb(230 230 230/var(--tw-border-opacity));border-radius:.8rem;border-width:1px;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;gap:.8rem;justify-content:space-between;line-height:1.6rem;line-height:1.5;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.moduleFilterExpandableSelectDS:where([data-theme=dark],[data-theme=dark] *){border-color:var(--ds-c-stroke-interactive)}.moduleFilterExpandableSelectDS.opened{border-color:var(--ds-c-stroke-interactive);color:var(--ds-c-content-default)}.moduleFilterExpandableSelectDS.opened .moduleFilterExpandableSelectTrigger{color:var(--ds-c-content-default)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectTrigger{align-items:center;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;gap:.8rem;justify-content:space-between;line-height:1.6rem;line-height:1.5;padding:.8rem;width:100%}.moduleFilterExpandableSelectDS .closedSelect{color:var(--ds-c-content-secondary);flex-grow:1;font-weight:500}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge{--tw-text-opacity:1;align-items:center;border-radius:15998.4rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:1.8rem;justify-content:center;line-height:1.302rem;line-height:1;min-width:1.8rem;padding-left:.4rem;padding-right:.4rem;pointer-events:none;position:absolute;right:-.4rem;top:-.4rem}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgeBlue{background-color:var(--ds-c-tags-blue-fg)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgePink{background-color:var(--ds-c-comp-pink)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgePurple{background-color:var(--ds-c-comp-purple)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgeBrown{background-color:var(--ds-c-comp-brown)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgeYellow{background-color:var(--ds-c-bool-warning-fg)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgeGreen{background-color:var(--ds-c-bool-success-fg)}.moduleFilterExpandableSelectDS .moduleFilterExpandableSelectSelectionBadge.selectionBadgeRed{background-color:var(--ds-c-bool-danger-fg)}.moduleFilterExpandableSelectDS .arrowIcon .bordOneToneIcon svg path{stroke:currentColor}.moduleFilterExpandableSelectDS .bordGenericSelectDS{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;background-color:inherit;border-color:var(--ds-c-stroke-default);border-radius:6px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--ds-c-content-secondary);cursor:default;font-size:1rem;font-weight:400;height:-moz-fit-content;height:fit-content;left:0;line-height:1rem;margin-top:.8rem;max-height:min(50vh,320px);max-width:min(calc(100vw - 24px),320px);min-width:200px;overflow-y:auto;padding-left:.4rem;padding-right:.6rem;padding-top:.8rem;position:absolute;top:100%;width:-moz-max-content;width:max-content;z-index:20}.moduleFilterExpandableSelectDS .bordGenericSelectDS .optionContainer{cursor:pointer;display:flex;gap:.4rem;padding:.4rem}.moduleFilterExpandableSelectDS .bordGenericSelectDS .optionContainer .optionText{font-size:14px;font-weight:400}.moduleFilterExpandableSelectDS.active{border-color:var(--ds-c-stroke-interactive)}.moduleFilterExpandableSelectDS.active .closedSelect,.moduleFilterExpandableSelectDS.active .moduleFilterExpandableSelectTrigger{color:var(--ds-c-content-default);font-weight:500}";
|
|
10954
|
+
styleInject(css_248z$1B);
|
|
10943
10955
|
|
|
10944
10956
|
const BordFiltersExpandableSelect = ({ filterTitle, openSelectStatus, openSelectFunction, rawSelectOptions, handleChangeSelectedOption, isFilterActive, selectionBadgeColor = 'blue', optionsPanelVariant = 'desktop', dropdownBackgroundColor, searchPlaceholder = 'Buscar', }) => {
|
|
10945
10957
|
const activeSelectionCount = useMemo(() => rawSelectOptions.filter(option => option.isActive).length, [rawSelectOptions]);
|
|
@@ -10966,8 +10978,8 @@ const BordFiltersExpandableSelect = ({ filterTitle, openSelectStatus, openSelect
|
|
|
10966
10978
|
}, role: "button", tabIndex: 0, children: [jsx("div", { className: "closedSelect", children: filterTitle }), !openSelectStatus && (jsx("div", { className: "arrowIcon", children: jsx(BordOneToneIcon, { variant: "arrowHeadDown", customWidth: "1.2rem" }) })), openSelectStatus && (jsx("div", { className: "arrowIcon", children: jsx(BordOneToneIcon, { variant: "arrowHeadUp", customWidth: "1.2rem" }) }))] }), hasActiveSelections ? (jsx("span", { className: selectionBadgeClassName, "aria-hidden": "true", children: activeSelectionCount })) : (''), openSelectStatus && (jsx(BordGenericSelect, { selectOptions: [dropdownPanel], changeSelectedOption: handleChangeSelectedOption, changeOpenStatusFunction: changeOpenStatusFunction, defaultValue: "", containerStyles: dropdownContainerStyles }))] }));
|
|
10967
10979
|
};
|
|
10968
10980
|
|
|
10969
|
-
var css_248z$
|
|
10970
|
-
styleInject(css_248z$
|
|
10981
|
+
var css_248z$1A = ".bordFiltersDS{background-color:var(--ds-c-layout-l3);border-radius:1.2rem;max-width:100%;min-width:0}.bordFiltersDSToolbar{--tw-text-opacity:1;background-color:inherit;border-radius:1.2rem;color:rgb(255 255 255/var(--tw-text-opacity));flex-wrap:wrap;line-height:1.6rem;max-width:100%;min-width:0;padding:.4rem .8rem}.bordFiltersDSToolbar,.bordFiltersDSToolbar .bordFiltersIconContainer{align-items:center;display:flex;font-size:1.2rem;gap:.8rem}.bordFiltersDSToolbar .bordFiltersIconContainer{color:var(--ds-c-content-secondary);cursor:pointer;justify-content:center;line-height:.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordFiltersDSToolbar .bordFiltersIconContainer path{stroke:currentColor}.bordFiltersDSToolbar .filtersContainer{align-items:center;background-color:inherit;display:flex;flex-wrap:wrap;gap:.8rem}.bordFiltersDSToolbar .filtersContainer .filtersListExpandableSelects{align-items:center;background-color:inherit;display:flex;flex:1 1 0%;flex-wrap:wrap;gap:.8rem;min-width:0}.bordFiltersCompact{justify-content:space-between}.bordFiltersCompact,.bordFiltersCompactBar,.bordFiltersCompactTrigger{align-items:center;display:flex;min-width:0;width:100%}.bordFiltersCompactTrigger{background-color:inherit;border-color:var(--ds-c-stroke-default);border-radius:.8rem;border-width:1px;color:var(--ds-c-content-secondary);cursor:pointer;flex-shrink:0;justify-content:center;padding:.8rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordFiltersCompactTrigger path{stroke:currentColor}.bordFiltersCompactTriggerActive{background-color:var(--ds-c-primary-bg-default);border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-primary-fg-default)}.bordFiltersCompactTriggerActive path{stroke:currentColor}.bordFiltersCompactBadge{align-items:center;background-color:var(--ds-c-primary-fg-default);border-radius:15998.4rem;color:var(--ds-c-primary-bg-default);display:flex;font-size:1rem;font-weight:700;height:1.8rem;justify-content:center;line-height:1.302rem;line-height:1;min-width:1.8rem;padding-left:.4rem;padding-right:.4rem;position:absolute;right:-.4rem;top:-.4rem}.bordFiltersMobileSheet{display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:fixed;z-index:200}.bordFiltersMobileSheetBackdrop{background-color:var(--ds-c-modal-overlay);border-width:0;cursor:default;inset:0;padding:0;position:absolute}.bordFiltersMobileSheetPanel{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-height:min(100dvh,105rem);min-height:min(88dvh,105rem);position:relative;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);width:100%;will-change:transform;z-index:10}.bordFiltersMobileSheetPanelVisible{transform:translateY(0)}.bordFiltersMobileSheetHeader{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:1.6rem 2rem .8rem}.bordFiltersMobileSheetHeaderTitle{align-items:center;color:var(--ds-c-content-default);display:flex;font-size:1.6rem;font-weight:600;gap:1rem;line-height:2.4rem}.bordFiltersMobileSheetHeaderTitle path{stroke:currentColor}.bordFiltersMobileSheetClose{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:var(--ds-c-layout-l3);border-radius:15998.4rem;border-width:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--ds-c-content-secondary);cursor:pointer;display:flex;flex-shrink:0;height:1.8rem;justify-content:center;width:1.8rem}.bordFiltersMobileSheetClose path{stroke:currentColor}.bordFiltersMobileSheetBody{flex:1 1 0%;min-height:0;overflow-y:auto;padding-bottom:1.2rem;padding-left:2rem;padding-right:2rem}.bordFiltersMobileSheetSection{border-bottom-width:1px;border-color:var(--ds-c-stroke-default)}.bordFiltersMobileSheetSection:last-child{border-bottom-width:0}.bordFiltersMobileSheetSectionHeader{align-items:center;background-color:transparent;border-width:0;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;gap:1.2rem;justify-content:space-between;line-height:2rem;padding-bottom:1rem;padding-top:1rem;text-align:left;width:100%}.bordFiltersMobileSheetSectionHeader path{stroke:currentColor}.bordFiltersMobileSheetSectionHeaderOpen{color:var(--ds-c-content-default)}.bordFiltersMobileSheetSectionTitle{flex:1 1 0%}.bordFiltersMobileSheetSectionCount{color:var(--ds-c-content-default);font-weight:500}.bordFiltersMobileSheetSectionPanel{padding-bottom:1.6rem}.bordFiltersMobileSheetFooter{align-items:center;display:flex;flex-shrink:0;gap:1.2rem;justify-content:space-between;padding:1.6rem 2rem 2.4rem}.bordFiltersMobileSheetFooterNoActiveSelections{cursor:default}.bordFiltersMobileSheetFooterApply,.bordFiltersMobileSheetFooterClear{flex:1 1 0%}.bordFiltersMobileSheetFooterClear.bordButton.secondary.bordButtonOutlined:enabled .textContainer{color:var(--ds-c-content-default)}.bordFiltersMobileSheetFooterClear.bordButton.secondary.bordButtonOutlined:enabled .bordCustomTOneIcon svg>path{stroke:var(--ds-c-content-secondary)}@media (prefers-reduced-motion:reduce){.bordFiltersMobileSheetPanel{transition-duration:.01ms}}.bordFiltersSkeletonLoader{background-color:transparent;border-radius:.6rem;height:4.2rem;pointer-events:none}";
|
|
10982
|
+
styleInject(css_248z$1A);
|
|
10971
10983
|
|
|
10972
10984
|
const BordFilters = ({ filtersList, filtersTitle, handleResetFilters, filtersActiveStyle, filtersContainerStyles, filterIcon = 'filter', isLoading, flexDirection = 'row', filterSearchPlaceholder = 'Buscar', mobileSheetTitle = 'Filtros', mobileApplyLabel = 'Aplicar', mobileClearLabel = 'Limpiar', onMobileFiltersApply, dropdownBackgroundColor, customClassNameForFiltersExpandableSelects, }) => {
|
|
10973
10985
|
const { isDesktop } = useViewport();
|
|
@@ -11049,8 +11061,8 @@ const BordFilters = ({ filtersList, filtersTitle, handleResetFilters, filtersAct
|
|
|
11049
11061
|
return (jsx("section", { className: `bordFiltersDS${isDesktop ? '' : ' bordFiltersCompact'}`, children: isDesktop ? renderDesktop() : renderCompact() }));
|
|
11050
11062
|
};
|
|
11051
11063
|
|
|
11052
|
-
var css_248z$
|
|
11053
|
-
styleInject(css_248z$
|
|
11064
|
+
var css_248z$1z = ".bordModalDS{--tw-backdrop-blur:blur(12px);align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:var(--ds-c-modal-overlay);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100vw;z-index:90}";
|
|
11065
|
+
styleInject(css_248z$1z);
|
|
11054
11066
|
|
|
11055
11067
|
const BordModal = ({ modalContent, closesOnClickOutside = true, closeModalCallback, clickOutsideCallback, shouldCloseModal, customZIndex, customClassName = '', }) => {
|
|
11056
11068
|
const [isModalOpened, setIsModalOpened] = useState(true);
|
|
@@ -11084,8 +11096,8 @@ const BordGradientModalHeaderIcon = () => {
|
|
|
11084
11096
|
return (jsxs("svg", { viewBox: "0 0 721 332", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { position: 'absolute', top: '-135px', width: '180%', left: '-40%' }, children: [jsx("g", { opacity: "0.2", filter: "url(#filter0_f_6652_47818)", children: jsx("ellipse", { cx: "235.557", cy: "166.574", rx: "177", ry: "95", transform: "rotate(-15 235.557 166.574)", fill: "url(#paint0_linear_6652_47818)" }) }), jsx("g", { opacity: "0.2", filter: "url(#filter1_f_6652_47818)", children: jsx("ellipse", { cx: "485.557", cy: "165.574", rx: "177", ry: "95", transform: "rotate(15 485.557 165.574)", fill: "url(#paint1_linear_6652_47818)" }) }), jsxs("defs", { children: [jsxs("filter", { id: "filter0_f_6652_47818", x: "0.406639", y: "1.58926", width: "470.3", height: "329.97", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsx("feGaussianBlur", { stdDeviation: "31.2", result: "effect1_foregroundBlur_6652_47818" })] }), jsxs("filter", { id: "filter1_f_6652_47818", x: "250.407", y: "0.589256", width: "470.3", height: "329.97", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), jsx("feGaussianBlur", { stdDeviation: "31.2", result: "effect1_foregroundBlur_6652_47818" })] }), jsxs("linearGradient", { id: "paint0_linear_6652_47818", x1: "235.557", y1: "38.5741", x2: "235.557", y2: "273.574", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#22CFAB" }), jsx("stop", { offset: "0.472518", stopColor: "#116957" }), jsx("stop", { offset: "1", stopColor: "#070F21" })] }), jsxs("linearGradient", { id: "paint1_linear_6652_47818", x1: "485.557", y1: "37.5739", x2: "485.557", y2: "272.574", gradientUnits: "userSpaceOnUse", children: [jsx("stop", { stopColor: "#FF6175" }), jsx("stop", { offset: "0.472518", stopColor: "#9C3A46" }), jsx("stop", { offset: "1", stopColor: "#070F21" })] })] })] }));
|
|
11085
11097
|
};
|
|
11086
11098
|
|
|
11087
|
-
var css_248z$
|
|
11088
|
-
styleInject(css_248z$
|
|
11099
|
+
var css_248z$1y = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:1024px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:1024px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:1024px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:1024px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
|
11100
|
+
styleInject(css_248z$1y);
|
|
11089
11101
|
|
|
11090
11102
|
const ModalContent = ({ CustomModalComponent, toCloseModal, customWidth = '', customHeight = '', leftAlignmentTitle, customHeaderClass, excludeHeader = false, title = '', subTitle = '', showButtonOne = false, showButtonTwo = false, sizeButtonOne = 'w-180', sizeButtonTwo = 'w-180', textButtonOne = 'Button Text', textButtonTwo = 'Button Text', modalSize = 'md', onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne = '', customClassButtonTwo = '', customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton = false, stylesCustomHeaderProps, gradientBackground = false, customIconContainerClass, iconIllustration = false, iconIllustrationVariant = 'warning', iconIllustrationWidth = '5.8rem', customButtonsContainerClass = '', textBackButton }) => {
|
|
11091
11103
|
const defaultModalSize = 'md';
|
|
@@ -11111,8 +11123,8 @@ var TOAST_VARIANTS;
|
|
|
11111
11123
|
TOAST_VARIANTS["danger"] = "xCircle";
|
|
11112
11124
|
})(TOAST_VARIANTS || (TOAST_VARIANTS = {}));
|
|
11113
11125
|
|
|
11114
|
-
var css_248z$
|
|
11115
|
-
styleInject(css_248z$
|
|
11126
|
+
var css_248z$1x = ".bordToastDS{align-items:center;-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);border-radius:.6rem;border-width:1px;color:var(--ds-c-content-default);display:flex;font-size:1.4rem;gap:1.6rem;justify-content:flex-start;line-height:2rem;padding:1.6rem;position:absolute;right:0;top:0;width:48rem}.bordToastDS.informative{--tw-border-opacity:1;background-color:#23a5ff1a;border-color:rgb(35 165 255/var(--tw-border-opacity))}.bordToastDS.informative .toastTitle{--tw-text-opacity:1;color:rgb(35 165 255/var(--tw-text-opacity))}.bordToastDS.informative svg path:not(.closeIcon path){stroke:#23a5ff}.bordToastDS.success{--tw-border-opacity:1;background-color:#09a4321a;border-color:rgb(0 153 79/var(--tw-border-opacity))}.bordToastDS.success .toastTitle{--tw-text-opacity:1;color:rgb(0 153 79/var(--tw-text-opacity))}.bordToastDS.success svg path:not(.closeIcon path){stroke:#00994f}.bordToastDS.warning{--tw-border-opacity:1;background-color:#dcc4101a;border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordToastDS.warning .toastTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordToastDS.warning svg path:not(.closeIcon path){stroke:#dcc410}.bordToastDS.danger{--tw-border-opacity:1;background-color:#fc543d1a;border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordToastDS.danger .toastTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordToastDS.danger svg path:not(.closeIcon path){stroke:#fc543d}.bordToastDS .twoButtonsContainer{align-items:center;display:flex;gap:.3rem;margin-top:1.6rem}.bordToastDS .toastTitle{color:var(--ds-c-content-default);font-size:1.6rem;font-weight:700;line-height:2.1rem;margin-bottom:.4rem}.bordToastDS .toastDescription{color:var(--ds-c-content-default);font-weight:400}.bordToastDS .toastData{display:flex;flex:1 1 0%;gap:1.6rem;justify-content:space-between;min-width:0}.bordToastDS .toastBody,.bordToastDS .toastTextBlock{flex:1 1 0%;min-width:0}.bordToastDS .toastTextBlock{overflow-wrap:break-word;word-break:break-word}.bordToastDS .toastVariantIcon{flex-shrink:0}.bordToastDS .toastCloseIcon{cursor:pointer;flex-shrink:0;height:1.8rem;min-width:1.8rem;width:1.8rem}@keyframes slideIn{0%{transform:translateX(336px)}to{transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;z-index:-1}}.toastAnimation{-webkit-tap-highlight-color:transparent;animation:slideIn .5s ease-out,fadeOut .2s ease-out var(--toast-fadeout-start,2.3s) forwards;margin:16px;width:320px}.toastExit{animation:fadeOut .2s ease-out forwards}";
|
|
11127
|
+
styleInject(css_248z$1x);
|
|
11116
11128
|
|
|
11117
11129
|
const BordToast = ({ variant = 'informative', title = '', description = '', onClose, action, actionLabelTwo, actionTwo, hideAction = true, actionLabel = 'action', customJSXMessage, animationTime = 2500, showAnimation = true }) => {
|
|
11118
11130
|
const handleClose = (e) => {
|
|
@@ -11140,8 +11152,8 @@ const BordToast = ({ variant = 'informative', title = '', description = '', onCl
|
|
|
11140
11152
|
return (jsxs("div", { className: className, style: animationStyle, onAnimationEnd: onAnimationEnd, onClick: handleClose, children: [jsx(BordOneToneIcon, { variant: TOAST_VARIANTS[variant], customWidth: "2.4rem", className: "toastVariantIcon h-full w-24 mb-auto flex-shrink-0" }), jsxs("div", { className: `toastData ${renderItemsPosition}`, children: [jsxs("div", { className: `toastBody ${renderStyles}`, children: [jsxs("div", { className: "toastTextBlock", children: [!!customJSXMessage && customJSXMessage, !customJSXMessage && (jsxs(Fragment, { children: [jsx("div", { className: "toastTitle", children: title }), jsx("div", { className: "toastDescription", children: description })] }))] }), !hideAction && renderButtons] }), jsx(BordOneToneIcon, { variant: "x", customWidth: "1.8rem", className: "closeIcon toastCloseIcon" })] })] }));
|
|
11141
11153
|
};
|
|
11142
11154
|
|
|
11143
|
-
var css_248z$
|
|
11144
|
-
styleInject(css_248z$
|
|
11155
|
+
var css_248z$1w = ".bordMetricCards{display:flex;flex-wrap:wrap;gap:.4rem}.bordMetricCards.bordMetricCardsConcatenatedRoot{box-sizing:border-box;flex:1 1 auto;flex-wrap:nowrap;max-width:100%;min-width:0;width:100%}@media (min-width:1132px){.bordMetricCards.bordMetricCardsConcatenatedRoot{max-width:118rem}}@media (max-width:1131px){.bordMetricCards.bordMetricCardsConcatenatedRoot{flex:0 0 auto}}.bordMetricCardsGroup{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.8rem;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.bordMetricCardsGroup::-webkit-scrollbar{display:none}@media (min-width:1132px){.bordMetricCardsGroup{align-items:stretch;max-width:180rem;padding:1px 2px}}.bordMetricCardsGroupParent{flex:0 0 auto;height:6.4rem;min-width:33.6rem;width:33.6rem}@media (min-width:1132px){.bordMetricCardsGroupParent{height:8.4rem}}.bordMetricCardsGroupParent>.bordMetricCard{height:100%;width:100%}.bordMetricCardsGroupCards{display:flex;flex:1 1 auto;min-width:0}@media (min-width:1132px){.bordMetricCardsGroupCards{align-self:stretch;min-height:8.4rem}}@media (max-width:1131px){.bordMetricCardsGroupCards{align-self:center;max-height:6.4rem}}.bordMetricCardsConcatenatedInner{background-color:var(--ds-c-layout-l1);border:1px solid var(--ds-c-stroke-default);border-radius:.8rem;box-sizing:border-box;display:flex;flex:1 1 auto;min-width:-moz-min-content;min-width:min-content;overflow:hidden}@media (min-width:1132px){.bordMetricCardsConcatenatedInner{align-items:stretch;align-self:stretch}}@media (max-width:1131px){.bordMetricCardsConcatenatedInner{height:6.4rem;padding:0 .8rem;width:-moz-max-content;width:max-content}}.bordMetricCard.bordMetricCardConcatenatedSecondary{border:none;border-radius:0;box-shadow:none;flex:0 0 auto;height:100%;min-width:20.4rem;overflow:hidden;position:relative}@media (min-width:1132px){.bordMetricCard.bordMetricCardConcatenatedSecondary{flex:1 0 20.4rem}}@media (max-width:1131px){.bordMetricCard.bordMetricCardConcatenatedSecondary{flex:1 0 16.4rem}}.bordMetricCard.bordMetricCardConcatenatedSecondary:not(:last-child):after{background-color:var(--ds-c-stroke-default);content:\"\";height:70%;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardIcon{height:3.2rem;width:3.2rem}.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardSubvalue,.bordMetricCard.bordMetricCardConcatenatedSecondary .bordMetricCardValue{font-size:1.6rem;line-height:1.25}";
|
|
11156
|
+
styleInject(css_248z$1w);
|
|
11145
11157
|
|
|
11146
11158
|
const resolveConcatenatedParentColorVariant = (item) => {
|
|
11147
11159
|
const { icon, colorVariant } = item;
|
|
@@ -11173,16 +11185,16 @@ const BordMetricCards = ({ items = [], customClassName = '', variant = 'default'
|
|
|
11173
11185
|
}) }));
|
|
11174
11186
|
};
|
|
11175
11187
|
|
|
11176
|
-
var css_248z$
|
|
11177
|
-
styleInject(css_248z$
|
|
11188
|
+
var css_248z$1v = ".bordTooltipKeyValueMessage{align-items:center;display:flex;gap:.4rem;margin:0;white-space:nowrap}.bordTooltipKeyValueMessage dt{font-size:1.2rem;font-weight:400;line-height:1.2rem;margin:0;opacity:.75;padding:0}.bordTooltipKeyValueMessage dd{font-size:1.2rem;font-weight:600;line-height:1.2rem;margin:0;padding:0}";
|
|
11189
|
+
styleInject(css_248z$1v);
|
|
11178
11190
|
|
|
11179
11191
|
/**
|
|
11180
11192
|
* Mensaje clave-valor para `BordTooltip`
|
|
11181
11193
|
*/
|
|
11182
11194
|
const BordTooltipKeyValueMessage = ({ label, value }) => (jsxs("dl", { className: "bordTooltipKeyValueMessage", children: [jsxs("dt", { children: [label, ":"] }), jsx("dd", { children: value })] }));
|
|
11183
11195
|
|
|
11184
|
-
var css_248z$
|
|
11185
|
-
styleInject(css_248z$
|
|
11196
|
+
var css_248z$1u = ".bordRadioButtonDS{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordRadioButtonDS .bordRadioButtonLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem}.bordRadioButtonDS .bordRadioButtonSvg .largeRect{fill:var(--ds-c-content-secondary)}.bordRadioButtonDS .bordRadioButtonSvg .innerCircle,.bordRadioButtonDS .bordRadioButtonSvg .smallRect{fill:var(--ds-c-layout-bg)}.bordRadioButtonDS.active:not(.disabled) .bordRadioButtonSvg .largeRect{fill:var(--ds-c-primary-bg-default)}.bordRadioButtonDS.active:not(.disabled) .bordRadioButtonSvg .smallRect{fill:var(--ds-c-layout-bg)}.bordRadioButtonDS.active:not(.disabled) .bordRadioButtonSvg .innerCircle{fill:var(--ds-c-primary-bg-default)}.bordRadioButtonDS.active:not(.disabled) .bordRadioButtonLabel{color:var(--ds-c-primary-bg-default)}.bordRadioButtonDS.inactive{cursor:not-allowed}.bordRadioButtonDS.inactive .bordRadioButtonSvg .largeRect{fill:var(--ds-c-bool-disabled-sec-fg)}.bordRadioButtonDS.inactive .bordRadioButtonSvg .smallRect{fill:var(--ds-c-bool-disabled-sec-bg)}.bordRadioButtonDS.inactive .bordRadioButtonSvg .innerCircle{fill:var(--ds-c-bool-disabled-sec-fg)}.bordRadioButtonDS.inactive .bordRadioButtonLabel{color:var(--ds-c-bool-disabled-sec-fg)}.bordRadioButtonDS.disabled:not(.active){cursor:not-allowed}.bordRadioButtonDS.disabled:not(.active) .bordRadioButtonSvg .largeRect{fill:var(--ds-c-bool-disabled-sec-fg)}.bordRadioButtonDS.disabled:not(.active) .bordRadioButtonSvg .innerCircle,.bordRadioButtonDS.disabled:not(.active) .bordRadioButtonSvg .smallRect{fill:var(--ds-c-bool-disabled-sec-bg)}.bordRadioButtonDS.disabled:not(.active) .bordRadioButtonLabel{color:var(--ds-c-bool-disabled-sec-fg)}";
|
|
11197
|
+
styleInject(css_248z$1u);
|
|
11186
11198
|
|
|
11187
11199
|
/**
|
|
11188
11200
|
* RadioButtonSvg component
|
|
@@ -11232,8 +11244,8 @@ const BordRadioButton = ({ onClick, componentSize, isButtonActive, label, custom
|
|
|
11232
11244
|
return (jsxs("div", { className: classnames, onClick: handleClick, ...rest, children: [jsx(RadioButtonSvg, { customSize: customWidth, isActive: styleIsButtonActive, isDisabled: styleIsDisabled, isInactive: styleIsButtonActiveAndDisabled, svgProps: svgProps }), label && (jsx("div", { ...labelProps, className: `bordRadioButtonLabel ${labelProps?.className ?? ""}`, children: label }))] }));
|
|
11233
11245
|
};
|
|
11234
11246
|
|
|
11235
|
-
var css_248z$
|
|
11236
|
-
styleInject(css_248z$
|
|
11247
|
+
var css_248z$1t = ".bordSortSelect{align-items:flex-start;color:var(--ds-c-content-secondary);display:inline-flex;flex-direction:column;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordSortSelect.active .bordSortSelectTrigger,.bordSortSelect.opened .bordSortSelectTrigger{color:var(--ds-c-content-default)}.bordSortSelect.disabled{cursor:not-allowed;opacity:.5}.bordSortSelect .bordSortSelectTrigger{align-items:center;background-color:transparent;border-width:0;cursor:pointer;display:inline-flex;outline:2px solid transparent;outline-offset:2px;padding:0;text-align:left}.bordSortSelect .bordSortSelectTriggerLabel{align-items:center;color:var(--ds-c-content-default);display:inline-flex;font-size:1.4rem;font-weight:500;gap:.6rem;line-height:1.25rem}.bordSortSelect .bordSortSelectDirectionIcon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.bordSortSelect .bordSortSelectDirectionIcon .bordOneToneIcon svg path{stroke:currentColor}.bordSortSelect .bordSortSelectPanel{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;left:0;margin-top:.8rem;padding:.8rem .6rem .8rem .4rem;position:absolute;top:100%;width:21.6rem;z-index:20}.bordSortSelect .bordSortSelectPanel--alignEnd{left:auto;right:0}.bordSortSelect .bordSortSelectSection{display:flex;flex-direction:column}.bordSortSelect .bordSortSelectSectionTitle{color:var(--ds-c-content-default);font-style:normal;font-weight:500;line-height:normal;padding:.4rem}.bordSortSelect .bordSortSelectRadios{display:flex;flex-direction:column;gap:.8rem;padding:.4rem}.bordSortSelect .bordSortSelectPanel .bordRadioButton:not(.active) .bordRadioButtonLabel{color:var(--ds-c-content-secondary)}.bordSortSelect .bordSortSelectPanel .bordRadioButton.active .bordRadioButtonLabel{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordSortSelect .bordSortSelectPanel .bordRadioButton.disabled .bordRadioButtonLabel{color:var(--ds-c-bool-disabled-fg)}.bordSortSelect .bordSortSelectPanel .bordRadioButton:not(.active):not(.disabled) .bordRadioButtonSvg .largeRect{fill:var(--ds-c-content-secondary)}.bordSortSelect .bordSortSelectPanel .bordRadioButton:not(.active):not(.disabled) .bordRadioButtonSvg .innerCircle,.bordSortSelect .bordSortSelectPanel .bordRadioButton:not(.active):not(.disabled) .bordRadioButtonSvg .smallRect{fill:var(--ds-c-layout-l1)}.bordSortSelect .bordSortSelectPanel .bordRadioButton.active:not(.disabled) .bordRadioButtonSvg .largeRect{fill:#22cfab}.bordSortSelect .bordSortSelectPanel .bordRadioButton.active:not(.disabled) .bordRadioButtonSvg .smallRect{fill:var(--ds-c-layout-l1)}.bordSortSelect .bordSortSelectPanel .bordRadioButton.active:not(.disabled) .bordRadioButtonSvg .innerCircle{fill:#22cfab}";
|
|
11248
|
+
styleInject(css_248z$1t);
|
|
11237
11249
|
|
|
11238
11250
|
const BordSortSelect = ({ triggerLabel, sortByOptions, selectedSortById, order, isOpen, onOpenChange, onSortByChange, onOrderChange, sortBySectionLabel = 'Ordenar por:', orderSectionLabel = 'Orden:', orderAscLabel = 'Ascendente (A-Z)', orderDescLabel = 'Descendente (Z-A)', isActive, disabled = false, className = '', panelAlign = 'start', }) => {
|
|
11239
11251
|
const rootRef = useRef(null);
|
|
@@ -11267,8 +11279,8 @@ const BordSortSelect = ({ triggerLabel, sortByOptions, selectedSortById, order,
|
|
|
11267
11279
|
return (jsxs("div", { ref: rootRef, className: classnames, children: [jsx("button", { type: "button", className: "bordSortSelectTrigger", onClick: toggleOpen, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "dialog", "aria-disabled": disabled, children: jsxs("span", { className: "bordSortSelectTriggerLabel", children: [jsx("span", { className: "truncate", children: triggerLabel }), jsx("span", { className: "bordSortSelectDirectionIcon", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: directionIconVariant, standardSize: 18 }) })] }) }), isOpen && (jsxs("div", { className: `bordSortSelectPanel ${panelAlign === 'end' ? 'bordSortSelectPanel--alignEnd' : ''}`, role: "presentation", onMouseDown: (e) => e.stopPropagation(), children: [jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: sortBySectionLabel }), jsx("div", { className: "bordSortSelectRadios", children: sortByOptions.map((option) => (jsx(BordRadioButton, { componentSize: "small", label: option.label, isButtonActive: selectedSortById === option.id, onClick: () => onSortByChange(option.id) }, option.id))) })] }), jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: orderSectionLabel }), jsxs("div", { className: "bordSortSelectRadios", children: [jsx(BordRadioButton, { componentSize: "small", label: orderAscLabel, isButtonActive: order === 'asc', onClick: () => onOrderChange('asc') }), jsx(BordRadioButton, { componentSize: "small", label: orderDescLabel, isButtonActive: order === 'desc', onClick: () => onOrderChange('desc') })] })] })] }))] }));
|
|
11268
11280
|
};
|
|
11269
11281
|
|
|
11270
|
-
var css_248z$
|
|
11271
|
-
styleInject(css_248z$
|
|
11282
|
+
var css_248z$1s = "@keyframes bordCommentIn{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}.bordCommentDS{animation:bordCommentIn .22s ease both;display:flex;flex-direction:column;gap:1.2rem;width:100%}@media (prefers-reduced-motion:reduce){.bordCommentDS{animation:none}}.bordCommentDS.withDivider{border-bottom-width:1px;border-color:var(--ds-c-stroke-default);border-style:solid;padding-bottom:1.2rem}.bordCommentDS .bordCommentContent{display:flex;flex-direction:column;gap:.6rem;width:100%}.bordCommentDS .bordCommentAuthor{align-items:center;display:flex;gap:.4rem}.bordCommentDS .bordCommentAuthor .bordCommentAvatar{border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-style:solid;border-width:1px;flex-shrink:0;height:1.4rem;overflow:hidden;width:1.4rem}.bordCommentDS .bordCommentAuthor .bordCommentAvatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.bordCommentDS .bordCommentAuthor .bordCommentAuthorName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:700;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordCommentDS .bordCommentMentions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.2rem;width:100%}.bordCommentDS .bordCommentMentions .bordCommentMention{color:var(--ds-c-bool-info-fg);font-size:1rem;line-height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordCommentDS .bordCommentMessage{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;overflow-wrap:anywhere;width:100%}.bordCommentDS .bordCommentImage{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem}.bordCommentDS .bordCommentImage img{border-color:var(--ds-c-stroke-interactive);border-radius:1.2rem;border-style:solid;border-width:1px;height:12rem;-o-object-fit:cover;object-fit:cover;width:12rem}.bordCommentDS .bordCommentImage a{align-items:center;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1rem;gap:.2rem;line-height:1.3rem;text-decoration-line:none}.bordCommentDS .bordCommentImage a:hover{color:var(--ds-c-content-default)}.bordCommentDS .bordCommentImage a:hover svg path{stroke:var(--ds-c-content-default)}.bordCommentDS .bordCommentImage a svg path{stroke:var(--ds-c-content-secondary)}.bordCommentDS .bordCommentTimestamp{align-items:center;color:var(--ds-c-content-secondary);display:flex;font-size:1rem;gap:.8rem;justify-content:space-between;line-height:1.3rem;white-space:nowrap;width:100%}.bordCommentDS .bordCommentTimestamp .bordCommentDate{align-items:center;display:flex;gap:.4rem}";
|
|
11283
|
+
styleInject(css_248z$1s);
|
|
11272
11284
|
|
|
11273
11285
|
/**
|
|
11274
11286
|
* Comentario individual de un hilo interno: autor, menciones, mensaje,
|
|
@@ -11287,8 +11299,8 @@ const BordComment = ({ authorName, authorType = 'customer', authorPhotoUrl, mess
|
|
|
11287
11299
|
return (jsx("div", { className: rootClassName, style: style, children: jsxs("div", { className: "bordCommentContent", children: [jsxs("div", { className: "bordCommentAuthor", children: [getAuthorAvatar(), jsx("p", { className: "bordCommentAuthorName", children: authorName })] }), !!mentions?.length && (jsx("div", { className: "bordCommentMentions", children: mentions?.map(({ uid, username }) => (jsxs("p", { className: "bordCommentMention", children: ["@", username] }, uid))) })), jsx("p", { className: "bordCommentMessage", children: message }), !!imageUrl && (jsxs("div", { className: "bordCommentImage", children: [jsx("img", { src: imageUrl, alt: imageDownloadLabel }), jsxs("a", { href: imageUrl, download: true, target: "_blank", rel: "noreferrer", onClick: onDownloadImage, children: [imageDownloadLabel, jsx(BordOneToneIcon, { variant: "download", standardSize: 12 })] })] })), jsxs("div", { className: "bordCommentTimestamp", children: [jsxs("div", { className: "bordCommentDate", children: [jsx("p", { children: dateLabel }), jsx("p", { children: timeLabel })] }), !!timezoneLabel && jsx("p", { children: timezoneLabel })] })] }) }));
|
|
11288
11300
|
};
|
|
11289
11301
|
|
|
11290
|
-
var css_248z$
|
|
11291
|
-
styleInject(css_248z$
|
|
11302
|
+
var css_248z$1r = ".bordCommentBubbleDS{align-items:center;background-color:var(--ds-c-bool-info-fg);border-radius:15998.4rem;border-style:none;box-shadow:.6rem .8rem .6rem rgba(0,0,0,.08);cursor:pointer;display:flex;flex-shrink:0;gap:.8rem;height:4.8rem;justify-content:center;padding:.8rem;position:relative;width:4.8rem}.bordCommentBubbleDS svg path{stroke:#fff}.bordCommentBubbleDS:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordCommentBubbleDS:disabled svg path{stroke:var(--ds-c-bool-disabled-fg)}.bordCommentBubbleDS .bordCommentBubbleBadge{--tw-text-opacity:1;align-items:center;background-color:var(--ds-c-bool-danger-fg);border-radius:15998.4rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1rem;height:2rem;justify-content:center;left:3.4rem;line-height:1.3rem;padding:.4rem;position:absolute;text-align:center;top:-.2rem;width:2rem}.bordCommentBubbleDS .bordCommentBubbleIcon svg path{fill:#fff}";
|
|
11303
|
+
styleInject(css_248z$1r);
|
|
11292
11304
|
|
|
11293
11305
|
const BordCommentBubble = ({ unreadCount = 0, maxUnreadCount = 99, customClassName = '', type = 'button', ...restProps }) => {
|
|
11294
11306
|
const hasUnreadComments = unreadCount > 0;
|
|
@@ -11296,8 +11308,8 @@ const BordCommentBubble = ({ unreadCount = 0, maxUnreadCount = 99, customClassNa
|
|
|
11296
11308
|
return (jsxs("button", { className: `bordCommentBubbleDS ${customClassName}`, type: type, "aria-label": hasUnreadComments ? `Comentarios, ${unreadLabel} sin leer` : 'Comentarios', ...restProps, children: [jsx(BordOneToneIcon, { variant: "messageCircle", standardSize: 24, customClassName: 'bordCommentBubbleIcon' }), hasUnreadComments && jsx("span", { className: "bordCommentBubbleBadge", children: unreadLabel })] }));
|
|
11297
11309
|
};
|
|
11298
11310
|
|
|
11299
|
-
var css_248z$
|
|
11300
|
-
styleInject(css_248z$
|
|
11311
|
+
var css_248z$1q = "@keyframes commentMentionableUserIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.commentMentionableUser{align-items:center;animation:commentMentionableUserIn .19s ease both;background-color:transparent;border-radius:.2rem;border-style:none;cursor:pointer;display:flex;gap:.4rem;padding:.4rem;text-align:left;transition:background-color .12s ease;width:100%}.commentMentionableUser:first-of-type{animation-delay:0ms}.commentMentionableUser:nth-of-type(2){animation-delay:22ms}.commentMentionableUser:nth-of-type(3){animation-delay:44ms}.commentMentionableUser:nth-of-type(4){animation-delay:66ms}.commentMentionableUser:nth-of-type(5){animation-delay:88ms}.commentMentionableUser:nth-of-type(6){animation-delay:.11s}.commentMentionableUser:nth-of-type(n+7){animation-delay:132ms}.commentMentionableUser.active,.commentMentionableUser:hover{background-color:var(--ds-c-primary-bg-secondary)}.commentMentionableUser .commentMentionableUserEmail{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:700;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.commentMentionableUser{animation:none;transition:none}}";
|
|
11312
|
+
styleInject(css_248z$1q);
|
|
11301
11313
|
|
|
11302
11314
|
const CommentMentionableUser = ({ user, isActive = false, onSelect }) => {
|
|
11303
11315
|
const bord = useContext(ThemeContext);
|
|
@@ -11309,8 +11321,8 @@ const CommentMentionableUser = ({ user, isActive = false, onSelect }) => {
|
|
|
11309
11321
|
return (jsxs("button", { ref: buttonRef, className: ['commentMentionableUser', isActive && 'active'].filter(Boolean).join(' '), type: "button", onClick: () => onSelect(user), children: [jsx(BordOneToneIcon, { variant: "bord", standardSize: 18, stroke: bord.theme.content.DEFAULT }), jsx("span", { className: "commentMentionableUserEmail", children: user?.email })] }));
|
|
11310
11322
|
};
|
|
11311
11323
|
|
|
11312
|
-
var css_248z$
|
|
11313
|
-
styleInject(css_248z$
|
|
11324
|
+
var css_248z$1p = "@keyframes commentMentionableUsersListIn{0%{opacity:0;transform:translateY(.8rem) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.commentMentionableUsersList{animation:commentMentionableUsersListIn .17s cubic-bezier(.2,.7,.3,1) both;transform-origin:bottom center}@media (prefers-reduced-motion:reduce){.commentMentionableUsersList{animation:none}}.commentMentionableUsersList{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;bottom:calc(100% + .4rem);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:.4rem;left:0;max-height:18rem;overflow-y:auto;padding:1.2rem;position:absolute;right:0;z-index:10}.commentMentionableUsersList::-webkit-scrollbar{height:.2rem;width:.2rem}.commentMentionableUsersList::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.commentMentionableUsersList::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.commentMentionableUsersList .commentMentionableUsersListGroup{display:flex;flex-direction:column;gap:.4rem}.commentMentionableUsersList .commentMentionableUsersListGroupLabel{text-transform:uppercase}.commentMentionableUsersList .commentMentionableUsersListEmpty,.commentMentionableUsersList .commentMentionableUsersListGroupLabel{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commentMentionableUsersList .commentMentionableUsersListEmpty{text-align:center}";
|
|
11325
|
+
styleInject(css_248z$1p);
|
|
11314
11326
|
|
|
11315
11327
|
const CommentMentionableUsersList = ({ users, search, activeUid, resultsLabel, responsiblesLabel, teamLabel, emptyLabel, onSelectUser, }) => {
|
|
11316
11328
|
const groups = search
|
|
@@ -11326,8 +11338,8 @@ const CommentMentionableUsersList = ({ users, search, activeUid, resultsLabel, r
|
|
|
11326
11338
|
?.map(({ label, users: groupUsers }) => (jsxs("div", { className: "commentMentionableUsersListGroup", children: [jsx("p", { className: "commentMentionableUsersListGroupLabel", children: label }), groupUsers?.map((user) => (jsx(CommentMentionableUser, { user: user, isActive: user?.uid === activeUid, onSelect: onSelectUser }, user?.uid)))] }, label))) }));
|
|
11327
11339
|
};
|
|
11328
11340
|
|
|
11329
|
-
var css_248z$
|
|
11330
|
-
styleInject(css_248z$
|
|
11341
|
+
var css_248z$1o = "@keyframes commentMentionChipPop{0%{opacity:0;transform:scale(.55)}68%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.commentMentionChip{align-items:center;animation:commentMentionChipPop .2s cubic-bezier(.2,.8,.3,1.25) both;color:var(--ds-c-bool-info-fg);display:flex;font-size:1rem;gap:.2rem;line-height:1.3rem}@media (prefers-reduced-motion:reduce){.commentMentionChip{animation:none}}.commentMentionChip.blocked{cursor:not-allowed}.commentMentionChip button{align-items:center;background-color:transparent;border-style:none;cursor:pointer;display:flex;padding:0}";
|
|
11342
|
+
styleInject(css_248z$1o);
|
|
11331
11343
|
|
|
11332
11344
|
const CommentMentionChip = ({ email, onRemove }) => {
|
|
11333
11345
|
const bord = useContext(ThemeContext);
|
|
@@ -11335,8 +11347,8 @@ const CommentMentionChip = ({ email, onRemove }) => {
|
|
|
11335
11347
|
return (jsxs("span", { className: chipClassName, children: ["@", email, !!onRemove && (jsx("button", { type: "button", onClick: onRemove, "aria-label": `Quitar la mención a ${email}`, children: jsx(BordOneToneIcon, { variant: "xSquare", standardSize: 10, stroke: bord.theme.content.secondary }) }))] }));
|
|
11336
11348
|
};
|
|
11337
11349
|
|
|
11338
|
-
var css_248z$
|
|
11339
|
-
styleInject(css_248z$
|
|
11350
|
+
var css_248z$1n = ".commentMentionChips{align-items:center;-moz-column-gap:1.2rem;column-gap:1.2rem;display:flex;flex-wrap:wrap;width:100%}";
|
|
11351
|
+
styleInject(css_248z$1n);
|
|
11340
11352
|
|
|
11341
11353
|
const CommentMentionChips = ({ mentions, isDisabled = false, onRemoveMention }) => {
|
|
11342
11354
|
return (jsx("div", { className: "commentMentionChips", children: mentions?.map(({ uid, email, isRemovable = true }) => {
|
|
@@ -11345,8 +11357,8 @@ const CommentMentionChips = ({ mentions, isDisabled = false, onRemoveMention })
|
|
|
11345
11357
|
}) }));
|
|
11346
11358
|
};
|
|
11347
11359
|
|
|
11348
|
-
var css_248z$
|
|
11349
|
-
styleInject(css_248z$
|
|
11360
|
+
var css_248z$1m = "@keyframes bordCommentInputTooltipIn{0%{opacity:0;transform:translateY(.8rem) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}.bordCommentInputDS{display:flex;flex-direction:column;gap:.4rem;width:100%}.bordCommentInputDS .bordCommentInputRow{align-items:flex-end;display:flex;gap:.4rem;width:100%}.bordCommentInputDS .bordCommentInputField{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;flex:1 1 0%;flex-direction:column;gap:.8rem;min-height:3.6rem;min-width:0;padding:.8rem 1.6rem;position:relative}.bordCommentInputDS .bordCommentInputField .separator{background-color:var(--ds-c-stroke-default)}.bordCommentInputDS .bordCommentInputFile{display:none}.bordCommentInputDS .bordCommentInputContent{align-items:flex-start;display:flex;gap:.8rem;width:100%}.bordCommentInputDS .bordCommentInputContent.withImage{align-items:flex-end}.bordCommentInputDS .bordCommentInputAttachWrapper{align-items:center;display:flex;flex-shrink:0;position:relative}.bordCommentInputDS .bordCommentInputAttach{align-items:center;background-color:transparent;border-style:none;cursor:pointer;display:flex;flex-shrink:0;padding:0}.bordCommentInputDS .bordCommentInputAttach svg{transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordCommentInputDS .bordCommentInputAttach svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordCommentInputDS .bordCommentInputAttach.open svg{transform:rotate(45deg)}.bordCommentInputDS .bordCommentInputAttach:disabled{cursor:default}.bordCommentInputDS .bordCommentInputAttachTooltip{align-items:center;animation:bordCommentInputTooltipIn .17s cubic-bezier(.2,.7,.3,1) both;background-color:var(--ds-c-layout-l1);border-radius:.6rem;border-style:none;bottom:calc(100% + .8rem);box-shadow:0 .2rem .8rem rgba(0,0,0,.12);color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1rem;gap:.4rem;left:0;line-height:1.3rem;padding:.8rem;position:absolute;transform-origin:bottom left;white-space:nowrap;z-index:10}@media (prefers-reduced-motion:reduce){.bordCommentInputDS .bordCommentInputAttachTooltip{animation:none}}.bordCommentInputDS .bordCommentInputAttachTooltip svg path{stroke:var(--ds-c-content-default)}.bordCommentInputDS .bordCommentInputImage{animation:bordCommentInputImageIn .2s ease-out;flex-shrink:0;height:5.2rem;position:relative;width:5.3rem}@media (prefers-reduced-motion:reduce){.bordCommentInputDS .bordCommentInputImage{animation:none}}.bordCommentInputDS .bordCommentInputImage img{border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-style:solid;border-width:.05rem;bottom:0;height:4.8rem;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:4.8rem}.bordCommentInputDS .bordCommentInputImage button{align-items:center;background-color:var(--ds-c-bool-danger-fg);border-radius:2rem;border-style:none;cursor:pointer;display:flex;justify-content:center;padding:.4rem;position:absolute;right:0;top:0}.bordCommentInputDS .bordCommentInputImage button svg path{stroke:#fff}@keyframes bordCommentInputImageIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.bordCommentInputDS .bordCommentInputTextarea{align-self:flex-start;background-color:transparent;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;max-height:13.6rem;min-height:0;min-width:0;padding:0;resize:none}.bordCommentInputDS .bordCommentInputTextarea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordCommentInputDS .bordCommentInputTextarea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordCommentInputDS .bordCommentInputTextarea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordCommentInputDS .bordCommentInputTextarea::-moz-placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordCommentInputDS .bordCommentInputTextarea::placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordCommentInputDS .bordCommentInputTextarea:focus-visible{outline:2px solid transparent;outline-offset:2px}.bordCommentInputDS .bordButtonSkeletonLoader,.bordCommentInputDS .bordCommentInputSubmit{border-radius:.8rem;flex-shrink:0;height:3.6rem;min-width:6.4rem;transition:transform .08s ease,background-color .12s ease}.bordCommentInputDS .bordButtonSkeletonLoader:active:not(:disabled),.bordCommentInputDS .bordCommentInputSubmit:active:not(:disabled){transform:translateY(.1rem)}@media (prefers-reduced-motion:reduce){.bordCommentInputDS .bordButtonSkeletonLoader,.bordCommentInputDS .bordCommentInputSubmit{transition:none}}.bordCommentInputDS .bordButtonSkeletonLoader .textContainer,.bordCommentInputDS .bordCommentInputSubmit .textContainer{font-size:1.2rem;line-height:1.6rem}.bordCommentInputDS .bordButtonSkeletonLoader .bordTickSpinnerDS,.bordCommentInputDS .bordCommentInputSubmit .bordTickSpinnerDS{--bord-tick-spinner-color:currentColor}.bordCommentInputDS .bordCommentInputError{color:var(--ds-c-bool-danger-fg);font-size:1rem;line-height:1.3rem}.bordCommentInputDS:not(.disabled):not(.error) .bordCommentInputField:not(:focus-within):hover{border-color:var(--ds-c-content-default)}.bordCommentInputDS:not(.disabled):not(.error) .bordCommentInputField:focus-within{border-color:var(--ds-c-primary-bg-default)}.bordCommentInputDS.error .bordCommentInputField{border-color:var(--ds-c-bool-danger-fg)}.bordCommentInputDS.error .bordCommentInputField .bordCommentInputTextarea::-moz-placeholder{color:var(--ds-c-bool-danger-fg)}.bordCommentInputDS.error .bordCommentInputField .bordCommentInputTextarea,.bordCommentInputDS.error .bordCommentInputField .bordCommentInputTextarea::placeholder{color:var(--ds-c-bool-danger-fg)}.bordCommentInputDS.error .bordCommentInputField .bordCommentInputAttach svg path{stroke:var(--ds-c-bool-danger-fg)}.bordCommentInputDS.disabled .bordCommentInputField{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordCommentInputDS.disabled .bordCommentInputField .bordCommentInputTextarea{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordCommentInputDS.disabled .bordCommentInputField .commentMentionChip{color:var(--ds-c-bool-disabled-sec-fg)}";
|
|
11361
|
+
styleInject(css_248z$1m);
|
|
11350
11362
|
|
|
11351
11363
|
const MAX_TEXTAREA_HEIGHT = 136;
|
|
11352
11364
|
const ATTACH_IMAGE_LABEL = 'Adjuntar una imagen';
|
|
@@ -11492,8 +11504,8 @@ const BordCommentInput = ({ value, setInputValue, onSubmit, placeholder = 'Escri
|
|
|
11492
11504
|
return (jsxs("div", { ref: rootRef, className: rootClassName, children: [jsxs("div", { className: "bordCommentInputRow", children: [jsxs("div", { className: "bordCommentInputField", children: [areMentionsOpen && (jsx(CommentMentionableUsersList, { users: filteredMentionableUsers, search: mentionSearch, activeUid: filteredMentionableUsers?.[activeMentionIndex]?.uid, resultsLabel: mentionsResultsLabel, responsiblesLabel: mentionsResponsiblesLabel, teamLabel: mentionsTeamLabel, emptyLabel: mentionsEmptyLabel, onSelectUser: handleSelectMentionableUser })), jsxs("div", { className: contentClassName, children: [imagePreviewUrl ? (jsxs("div", { className: "bordCommentInputImage", children: [jsx("img", { src: imagePreviewUrl, alt: IMAGE_PREVIEW_LABEL }), !!onRemoveImage && (jsx("button", { type: "button", onClick: onRemoveImage, disabled: isDisabled, "aria-label": REMOVE_IMAGE_LABEL, children: jsx(BordOneToneIcon, { variant: "trash2", standardSize: 10 }) }))] })) : (jsxs("div", { className: "bordCommentInputAttachWrapper", children: [jsx("button", { className: ['bordCommentInputAttach', isAttachMenuOpen && 'open'].filter(Boolean).join(' '), type: "button", onClick: handleAttachClick, disabled: isDisabled, "aria-label": ATTACH_IMAGE_LABEL, "aria-expanded": isAttachMenuOpen, children: jsx(BordOneToneIcon, { variant: "plus", standardSize: 14 }) }), isAttachMenuOpen && (jsxs("button", { className: "bordCommentInputAttachTooltip", type: "button", onClick: handleUploadImageClick, children: [jsx(BordOneToneIcon, { variant: "image", standardSize: 16 }), UPLOAD_IMAGE_LABEL] }))] })), jsx("input", { ref: fileInputRef, className: "bordCommentInputFile", type: "file", "aria-label": ATTACH_IMAGE_LABEL, accept: acceptImageExtensions, onChange: handleFileChange, disabled: isDisabled }), jsx("textarea", { ref: textareaRef, className: "bordCommentInputTextarea", rows: 1, value: value, placeholder: placeholder, maxLength: maxCharacters, disabled: isDisabled, onChange: handleInputChange, onKeyDown: handleKeyDown, onPaste: handlePaste })] }), !!selectedMentions?.length && (jsxs(Fragment, { children: [jsx("hr", { className: "separator" }), jsx(CommentMentionChips, { mentions: selectedMentions, isDisabled: isDisabled, onRemoveMention: onRemoveMention })] }))] }), jsx(BordButton, { customClassName: "bordCommentInputSubmit", customHeight: "auto", label: submitLabel, isLoading: isLoading, onClick: onSubmit, disabled: isSubmitDisabled || isLoading })] }), hasError && !!errorMessage && jsx("p", { className: "bordCommentInputError", children: errorMessage })] }));
|
|
11493
11505
|
};
|
|
11494
11506
|
|
|
11495
|
-
var css_248z$
|
|
11496
|
-
styleInject(css_248z$
|
|
11507
|
+
var css_248z$1l = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:29rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordEmptyStateDS :where(.title){color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS :where(.subTitle){color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
|
|
11508
|
+
styleInject(css_248z$1l);
|
|
11497
11509
|
|
|
11498
11510
|
const mergeClassNames = (...classNames) => classNames.filter(Boolean).join(' ');
|
|
11499
11511
|
const BordEmptyState = ({ title = 'title', subTitle, customClassName = '', customClassNameTitle = '', customClassNameSubTitle = '', customClassNameIlustration = '', customStyles, buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
|
|
@@ -11518,8 +11530,8 @@ const BordEmptyState = ({ title = 'title', subTitle, customClassName = '', custo
|
|
|
11518
11530
|
return (jsxs("div", { className: rootClassName, style: customStyles, children: [ilustration, jsxs("div", { className: titleAndSubTitleContainerClassName, children: [jsx("div", { className: mergeClassNames('title', customClassNameTitle), children: title }), subTitle && jsx("div", { className: mergeClassNames('subTitle', customClassNameSubTitle), children: subTitle })] }), jsxs("div", { className: buttonsContainerClassName, children: [buttonOneProps && jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsx(BordButton, { ...buttonTwoProps })] })] }));
|
|
11519
11531
|
};
|
|
11520
11532
|
|
|
11521
|
-
var css_248z$
|
|
11522
|
-
styleInject(css_248z$
|
|
11533
|
+
var css_248z$1k = ".bordTickSpinnerDS{display:inline-block;height:var(--bord-tick-spinner-size,4rem);position:relative;width:var(--bord-tick-spinner-size,4rem)}.bordTickSpinnerDS .bordTickSpinnerDStick{animation:bordTickSpinnerFade 1.2s linear infinite;animation-delay:calc(var(--bord-tick-spinner-index)/var(--bord-tick-spinner-count, 6)*1.2s - 1.2s);background-color:var(--bord-tick-spinner-color,var(--ds-c-primary-bg-default));border-radius:.2rem;height:25%;left:calc(50% - .15rem);position:absolute;top:0;transform:rotate(calc(var(--bord-tick-spinner-index)*1turn/var(--bord-tick-spinner-count, 6)));transform-origin:50% calc(var(--bord-tick-spinner-size, 4rem)/2);width:.3rem}@keyframes bordTickSpinnerFade{0%,39%,to{opacity:.15}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.bordTickSpinnerDS .bordTickSpinnerDStick{animation:none;opacity:.6}}";
|
|
11534
|
+
styleInject(css_248z$1k);
|
|
11523
11535
|
|
|
11524
11536
|
const DEFAULT_SIZE$1 = '4rem';
|
|
11525
11537
|
const DEFAULT_TICK_COUNT = 6;
|
|
@@ -11540,8 +11552,8 @@ const BordTickSpinner = ({ size = DEFAULT_SIZE$1, color, tickCount = DEFAULT_TIC
|
|
|
11540
11552
|
} }, i))) }));
|
|
11541
11553
|
};
|
|
11542
11554
|
|
|
11543
|
-
var css_248z$
|
|
11544
|
-
styleInject(css_248z$
|
|
11555
|
+
var css_248z$1j = "@keyframes bordCommentsPanelAppear{0%{opacity:0;transform:translateY(1.6rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bordCommentsPanelDS{animation:bordCommentsPanelAppear .2s ease-out;background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.8rem .8rem 0 0;border-style:solid;border-width:1px;box-shadow:0 .5rem .8rem rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right}@media (prefers-reduced-motion:reduce){.bordCommentsPanelDS{animation:none}}.bordCommentsPanelDS .bordCommentsPanelIconWrapper{--tw-bg-opacity:1;background-color:rgb(223 242 255/var(--tw-bg-opacity));border-radius:15998.4rem;display:grid;height:2rem;place-content:center;position:relative;width:2rem}.bordCommentsPanelDS .bordCommentsPanelIcon{background-color:#23a5ff1a;border-radius:15998.4rem;display:grid;height:1.6rem;place-content:center;width:1.6rem}.bordCommentsPanelDS .bordCommentsPanelIcon svg path{stroke:#4096f0}.bordCommentsPanelDS .bordCommentsPanelHeader{align-items:center;border-bottom-width:1px;border-color:var(--ds-c-stroke-default);border-style:solid;display:flex;flex-shrink:0;gap:.8rem;padding:.8rem 1.2rem}.bordCommentsPanelDS .bordCommentsPanelHeader .bordCommentsPanelTitle{color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;font-weight:500;line-height:1.8rem;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordCommentsPanelDS .bordCommentsPanelHeader .bordCommentsPanelClose{align-items:center;background-color:transparent;border-style:none;cursor:pointer;display:flex;flex-shrink:0;padding:0}.bordCommentsPanelDS .bordCommentsPanelHeader .bordCommentsPanelClose svg path{stroke:var(--ds-c-content-default)}.bordCommentsPanelDS .bordCommentsPanelThread{background-color:var(--ds-c-layout-bg);border-right:1.2rem solid transparent;display:flex;flex:1 1 0%;flex-direction:column;gap:1.2rem;min-height:0;overflow-y:auto;padding:1.2rem}.bordCommentsPanelDS .bordCommentsPanelThread::-webkit-scrollbar{width:.4rem}.bordCommentsPanelDS .bordCommentsPanelThread::-webkit-scrollbar-track{background-color:transparent;margin:1.2rem 0}.bordCommentsPanelDS .bordCommentsPanelThread::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);border-radius:.2rem}.bordCommentsPanelDS .bordCommentsPanelThread .bordCommentsPanelEmptyState{flex:1 1 0%;justify-content:center}.bordCommentsPanelDS .bordCommentsPanelThread .bordCommentsPanelEmptyState .title{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem}.bordCommentsPanelDS .bordCommentsPanelDropzone,.bordCommentsPanelDS .bordCommentsPanelThread .bordCommentsPanelLoader{align-items:center;display:flex;flex:1 1 0%;justify-content:center}.bordCommentsPanelDS .bordCommentsPanelDropzone{border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:dashed;border-width:1px;flex-direction:column;gap:.8rem}.bordCommentsPanelDS .bordCommentsPanelDropzone .bordCommentsPanelIcon{height:3.2rem;width:3.2rem}.bordCommentsPanelDS .bordCommentsPanelDropzone p{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;text-align:center}.bordCommentsPanelDS .bordCommentsPanelFooter{align-items:flex-start;background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-style:solid;border-top-width:1px;display:flex;flex-shrink:0;padding:.8rem}";
|
|
11556
|
+
styleInject(css_248z$1j);
|
|
11545
11557
|
|
|
11546
11558
|
/**
|
|
11547
11559
|
* Panel del hilo de comentarios internos: encabezado, listado de comentarios
|
|
@@ -11564,18 +11576,18 @@ const BordCommentsPanel = ({ title = 'Comentarios', comments, onClose, inputProp
|
|
|
11564
11576
|
return (jsxs("div", { className: `bordCommentsPanelDS ${customClassName}`, style: { width: customWidth, height: customHeight }, children: [jsxs("div", { className: "bordCommentsPanelHeader", children: [jsx("div", { className: "bordCommentsPanelIconWrapper", children: jsx("div", { className: "bordCommentsPanelIcon", children: jsx(BordOneToneIcon, { variant: "messageCircle", standardSize: 12 }) }) }), jsx("p", { className: "bordCommentsPanelTitle", children: title }), jsx("button", { className: "bordCommentsPanelClose", type: "button", onClick: onClose, "aria-label": closeLabel, children: jsx(BordOneToneIcon, { variant: "x", standardSize: 16 }) })] }), jsx("div", { className: "bordCommentsPanelThread", children: getThreadContent() }), !isDraggingImage && (jsx("div", { className: "bordCommentsPanelFooter", children: jsx(BordCommentInput, { ...inputProps }) }))] }));
|
|
11565
11577
|
};
|
|
11566
11578
|
|
|
11567
|
-
var css_248z$
|
|
11568
|
-
styleInject(css_248z$
|
|
11579
|
+
var css_248z$1i = ".dsSwitchVariant-default{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;padding:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:5.6rem}.dsSwitchVariant-default,.dsSwitchVariant-default .dsSwitchThumb{position:relative}.dsSwitchVariant-default .dsSwitchThumb{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;color:var(--ds-c-content-secondary);display:grid;flex-shrink:0;height:2rem;margin-left:.2rem;place-items:center;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.dsSwitchVariant-default.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);color:var(--ds-c-layout-l1);transform:translateX(3.1rem)}.dsSwitchVariant-default:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-default:disabled .dsSwitchThumb,.dsSwitchVariant-default:disabled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg);color:var(--ds-c-bool-disabled-sec-bg)}.dsSwitchSkeleton.dsSwitchVariant-default{width:5.6rem}";
|
|
11580
|
+
styleInject(css_248z$1i);
|
|
11569
11581
|
|
|
11570
11582
|
const DefaultSwitch = ({ checked, disabled, className, toggleSwitch, restProps }) => (jsx("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: jsx("span", { className: "dsSwitchThumb" }) }));
|
|
11571
11583
|
|
|
11572
|
-
var css_248z$
|
|
11573
|
-
styleInject(css_248z$
|
|
11584
|
+
var css_248z$1h = ".dsSwitchVariant-labeled{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;padding:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:5.6rem}.dsSwitchVariant-labeled,.dsSwitchVariant-labeled .dsSwitchThumb{position:relative}.dsSwitchVariant-labeled .dsSwitchThumb{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;color:var(--ds-c-content-secondary);display:grid;flex-shrink:0;height:2rem;margin-left:.2rem;place-items:center;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.dsSwitchVariant-labeled .dsSwitchThumbLabel{align-items:center;display:flex;font-size:1rem;font-weight:400;height:100%;justify-content:center;line-height:1;padding-top:.1rem;width:100%}.dsSwitchVariant-labeled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);color:var(--ds-c-layout-l1);transform:translateX(3.1rem)}.dsSwitchVariant-labeled:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-labeled:disabled .dsSwitchThumb,.dsSwitchVariant-labeled:disabled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg);color:var(--ds-c-bool-disabled-sec-bg)}.dsSwitchVariant-labeled:disabled .dsSwitchThumbLabel{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-labeled{width:5.6rem}";
|
|
11585
|
+
styleInject(css_248z$1h);
|
|
11574
11586
|
|
|
11575
11587
|
const LabeledSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsx("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: jsx("span", { className: "dsSwitchThumb", children: jsx("span", { className: "dsSwitchThumbLabel", children: checked ? onLabel : offLabel }) }) }));
|
|
11576
11588
|
|
|
11577
|
-
var css_248z$
|
|
11578
|
-
styleInject(css_248z$
|
|
11589
|
+
var css_248z$1g = ".dsSwitchVariant-segmented{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:2.6rem;padding:0;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:6.4rem}.dsSwitchVariant-segmented .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);border-radius:15998.4rem;height:2rem;left:0;margin-left:.2rem;position:absolute;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3rem;z-index:1}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;font-size:1rem;height:100%;justify-content:center;line-height:1.3rem;text-align:center;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}.dsSwitchVariant-segmented .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-primary-fg-default)}.dsSwitchVariant-segmented.dsSwitchRootOn .dsSwitchThumb{transform:translateX(2.8rem)}.dsSwitchVariant-segmented:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-segmented:disabled .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg)}.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel,.dsSwitchVariant-segmented:disabled .dsSwitchSegmentedLabel.isActive{color:var(--ds-c-bool-disabled-bg)}.dsSwitchSkeleton.dsSwitchVariant-segmented{height:2.6rem;width:6.4rem}";
|
|
11590
|
+
styleInject(css_248z$1g);
|
|
11579
11591
|
|
|
11580
11592
|
const SegmentedSwitch = ({ checked, disabled, onLabel, offLabel, className, toggleSwitch, restProps }) => (jsxs("button", { type: "button", role: "switch", "aria-checked": checked, className: className, disabled: disabled, onClick: toggleSwitch, ...restProps, children: [jsx("span", { className: "dsSwitchThumb" }), jsx("span", { className: `dsSwitchSegmentedLabel ${!checked ? 'isActive' : ''}`, children: offLabel }), jsx("span", { className: `dsSwitchSegmentedLabel ${checked ? 'isActive' : ''}`, children: onLabel })] }));
|
|
11581
11593
|
|
|
@@ -11592,8 +11604,8 @@ const BordSwitchRender = ({ variant, checked, disabled, onLabel, offLabel, toggl
|
|
|
11592
11604
|
}
|
|
11593
11605
|
};
|
|
11594
11606
|
|
|
11595
|
-
var css_248z$
|
|
11596
|
-
styleInject(css_248z$
|
|
11607
|
+
var css_248z$1f = ".dsSwitchContainer{align-items:center;display:flex;gap:2rem;padding-bottom:1.2rem;padding-top:1.2rem;width:12rem}.dsSwitchTextContainer{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem;justify-content:center}.dsSwitchTextContainer .dsSwitchTitle{color:var(--ds-c-content-default);font-size:1.4rem;font-weight:700}.dsSwitchTextContainer .dsSwitchSubtitle{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5rem}.dsSwitchSkeleton{background-color:var(--ds-c-stroke-default);border-radius:4rem;border-style:none;flex-shrink:0;height:2.4rem;pointer-events:none;width:5.6rem}";
|
|
11608
|
+
styleInject(css_248z$1f);
|
|
11597
11609
|
|
|
11598
11610
|
const BordSwitch = ({ checked = false, onChange, disabled = false, isLoading = false, variant = 'labeled', onLabel = 'Si', offLabel = 'No', onClick, customContainerClassName = '', customTextContainerClassName = '', title, subtitle, customStyle, ...rest }) => {
|
|
11599
11611
|
const toggleSwitch = (event) => {
|
|
@@ -11625,8 +11637,8 @@ const getDropdownVariantClass = (triggerVariant, optionRowVariant) => {
|
|
|
11625
11637
|
}
|
|
11626
11638
|
};
|
|
11627
11639
|
|
|
11628
|
-
var css_248z$
|
|
11629
|
-
styleInject(css_248z$
|
|
11640
|
+
var css_248z$1e = ".bordSelectLabel{display:block;font-size:1.2rem;line-height:1.5rem;margin-bottom:.4rem}.bordSelectLabel,.bordSelectRoot--filled .bordSelectLabel{color:var(--ds-c-content-default)}.bordSelectRoot--danger .bordSelectLabel{color:var(--ds-c-bool-danger-fg)}.bordSelectRoot:has(.bordSelectTriggerDefault:disabled) .bordSelectLabel{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectCaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem;max-width:100%;min-width:0;overflow-wrap:break-word;width:100%}.bordSelectRoot--danger .bordSelectCaption{color:var(--ds-c-bool-danger-fg)}.bordSelectRoot:has(.bordSelectTriggerDefault:disabled) .bordSelectCaption{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectTriggerContent{align-items:center;display:flex;flex:1 1 0%;gap:.6rem;min-width:0}.bordSelectTriggerEnd{align-items:center;background-color:transparent;border-width:0;cursor:pointer;display:flex;flex-shrink:0;gap:.8rem;padding:0}.bordSelectTriggerEnd:disabled{cursor:not-allowed}.bordSelectTriggerDefault{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1.4rem;font-weight:400;gap:.8rem;height:4rem;justify-content:space-between;line-height:1.8rem;padding:0 1.6rem;text-align:left;width:100%}.bordSelectTriggerDefault:hover:not(:disabled){border-color:var(--ds-c-content-default);color:var(--ds-c-content-default)}.bordSelectTriggerDefault:hover:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-default)}.bordSelectTriggerDefault:focus:not(:disabled){border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-content-default)}.bordSelectTriggerDefault:focus:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectTriggerDefault:disabled{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordSelectTriggerDefault:disabled,.bordSelectTriggerDefault:disabled .bordSelectTriggerPlaceholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled){border-color:var(--ds-c-stroke-interactive);color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled):hover{border-color:var(--ds-c-content-default);color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled):hover .bordSelectTriggerPlaceholder{color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled):focus{border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled):focus .bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectRoot--filled .bordSelectTriggerDefault:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-default)}.bordSelectRoot--danger .bordSelectTriggerDefault:not(:disabled),.bordSelectRoot--danger .bordSelectTriggerDefault:not(:disabled):focus,.bordSelectRoot--danger .bordSelectTriggerDefault:not(:disabled):hover{border-color:var(--ds-c-bool-danger-fg);color:var(--ds-c-bool-danger-fg)}.bordSelectRoot--danger .bordSelectTriggerDefault:not(:disabled) .bordSelectTriggerPlaceholder,.bordSelectRoot--danger .bordSelectTriggerDefault:not(:disabled):focus .bordSelectTriggerPlaceholder{color:var(--ds-c-bool-danger-fg)}.bordSelectTriggerBare{align-items:center;background-color:transparent;border-width:0;color:var(--ds-c-content-secondary);cursor:pointer;display:flex;font-size:1.4rem;gap:.4rem;line-height:1.8rem;overflow:hidden;padding:0;text-align:left;width:100%}.bordSelectTriggerBare:hover:not(:disabled){color:var(--ds-c-content-default)}.bordSelectTriggerBare:hover:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectTriggerBare:focus:not(:disabled){color:var(--ds-c-content-default)}.bordSelectTriggerBare:focus:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectTriggerBare:disabled{cursor:not-allowed}.bordSelectTriggerBare:disabled,.bordSelectTriggerBare:disabled .bordSelectTriggerPlaceholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled),.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled):focus,.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled):hover,.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled):hover .bordSelectTriggerPlaceholder{color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled):focus .bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectRoot--filled .bordSelectTriggerBare:not(:disabled) .bordSelectTriggerPlaceholder{color:var(--ds-c-content-default)}.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled),.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled) .bordSelectTriggerPlaceholder,.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled):focus,.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled):focus .bordSelectTriggerPlaceholder,.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled):hover,.bordSelectRoot--danger .bordSelectTriggerBare:not(:disabled):hover .bordSelectTriggerPlaceholder{color:var(--ds-c-bool-danger-fg)}.bordSelectTriggerGradient{align-items:center;background:linear-gradient(95deg,rgba(34,207,171,.3) .3%,rgba(0,87,167,.3) 41.04%,rgba(7,15,33,.3) 81.79%);border:1px solid #60ddc3;border-radius:1.2rem;color:var(--ds-c-content-default);display:flex;font-size:1.2rem;font-weight:400;gap:.8rem;height:5.6rem;justify-content:space-between;line-height:1.5rem;padding:1.2rem .8rem 1.2rem 1.6rem;text-align:left;width:100%;width:77rem}.bordSelectTriggerGradient:has(.bordSelectTriggerEnd:disabled){opacity:.6}.bordSelectTriggerGradient .bordSelectTriggerEnd .bordConditionBadge--new{background:linear-gradient(95deg,#22cfab .3%,#0057a7 93.7%);border:1px solid;border-color:var(--ds-c-content-default);border-radius:1.0667rem;color:var(--ds-c-content-default);font-family:Causten Round,sans-serif;font-size:1.2rem;font-weight:800;gap:.5333rem;height:3.2rem;line-height:1.3333rem;overflow:hidden;padding:0 .5333rem;text-overflow:ellipsis;white-space:nowrap;width:4.8rem}.bordSelectTriggerGradient--blue{background:linear-gradient(90deg,rgba(35,165,255,.1),rgba(7,15,33,.1));border-color:rgba(35,165,255,.1)}.bordSelectTriggerGradient--green{background:linear-gradient(90deg,rgba(9,164,50,.1),rgba(7,15,33,.1));border-color:rgba(9,164,50,.1)}.bordSelectTriggerGradient--yellow{background:linear-gradient(90deg,rgba(220,196,16,.1),rgba(7,15,33,.1));border-color:rgba(220,196,16,.1)}.bordSelectTriggerGradient--red{background:linear-gradient(90deg,rgba(252,84,61,.1) 11.49%,rgba(7,15,33,.1));border-color:rgba(252,84,61,.1)}.bordSelectTriggerSearch{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;gap:.8rem;height:4rem;justify-content:space-between;padding:0 1.6rem;width:100%}.bordSelectTriggerSearch:hover:not(:has(input:disabled)){border-color:var(--ds-c-content-default)}.bordSelectTriggerSearch:focus-within:not(:has(input:disabled)){border-color:var(--ds-c-primary-bg-default)}.bordSelectTriggerSearch:has(input:disabled){background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordSelectRoot--filled .bordSelectTriggerSearch:not(:has(input:disabled)){border-color:var(--ds-c-stroke-interactive)}.bordSelectRoot--filled .bordSelectTriggerSearch:not(:has(input:disabled)):hover{border-color:var(--ds-c-content-default)}.bordSelectRoot--filled .bordSelectTriggerSearch:not(:has(input:disabled)):focus-within{border-color:var(--ds-c-primary-bg-default)}.bordSelectRoot--danger .bordSelectTriggerSearch:not(:has(input:disabled)){border-color:var(--ds-c-bool-danger-fg)}.bordSelectRoot--danger .bordSelectTriggerSearch:not(:has(input:disabled)):focus-within,.bordSelectRoot--danger .bordSelectTriggerSearch:not(:has(input:disabled)):hover{border-color:var(--ds-c-bool-danger-fg)}.bordSelectTriggerSearchIcon{align-items:center;color:var(--ds-c-stroke-interactive);display:flex;flex-shrink:0;height:1.4rem;justify-content:center;width:1.4rem}.bordSelectTriggerSearchInput{background-color:transparent;border-width:0;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.2rem;font-weight:400;line-height:1.5rem;min-width:0;outline:2px solid transparent;outline-offset:2px;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.bordSelectTriggerSearchInput::-moz-placeholder{color:var(--ds-c-stroke-interactive)}.bordSelectTriggerSearchInput::placeholder{color:var(--ds-c-stroke-interactive)}.bordSelectTriggerSearchInput:disabled{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordSelectTriggerSearchInput:disabled::-moz-placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectTriggerSearchInput:disabled::placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordSelectTriggerBareText,.bordSelectTriggerText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordSelectTriggerBareText{flex:1 1 0%;text-align:end}.bordSelectTriggerPlaceholder{color:var(--ds-c-content-secondary)}.bordSelectTriggerIcon{flex-shrink:0;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordSelectTriggerIcon svg path{stroke:currentColor}";
|
|
11641
|
+
styleInject(css_248z$1e);
|
|
11630
11642
|
|
|
11631
11643
|
const BordSelectTriggerDefault = ({ triggerRef, isOpen, onToggle, disabled, displayLabel, isPlaceholder, label, caption, resolvedSide = 'bottom', triggerWidth, triggerClassName, }) => (jsxs(Fragment, { children: [label ? jsx("span", { className: "bordSelectLabel", children: label }) : null, jsxs("button", { ref: triggerRef, type: "button", className: ['bordSelectTriggerDefault', triggerClassName].filter(Boolean).join(' '), style: triggerWidth ? { width: triggerWidth, maxWidth: triggerWidth } : undefined, disabled: disabled, onClick: onToggle, "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [jsx("span", { className: `bordSelectTriggerText ${isPlaceholder ? 'bordSelectTriggerPlaceholder' : ''}`, children: displayLabel }), jsx(BordOneToneIcon, { variant: getArrowVariant(isOpen, resolvedSide), standardSize: 14, customClassName: "bordSelectTriggerIcon" })] }), caption ? jsx("span", { className: "bordSelectCaption", children: caption }) : null] }));
|
|
11632
11644
|
const BordSelectTriggerBare = ({ triggerRef, isOpen, onToggle, disabled, displayLabel, isPlaceholder, resolvedSide = 'bottom', triggerWidth, triggerClassName, }) => (jsxs("button", { ref: triggerRef, type: "button", className: ['bordSelectTriggerBare', triggerClassName].filter(Boolean).join(' '), style: triggerWidth ? { width: triggerWidth, maxWidth: triggerWidth } : undefined, disabled: disabled, onClick: onToggle, "aria-haspopup": "listbox", "aria-expanded": isOpen, children: [jsx("span", { className: `bordSelectTriggerBareText ${isPlaceholder ? 'bordSelectTriggerPlaceholder' : ''}`, children: displayLabel }), jsx(BordOneToneIcon, { variant: getArrowVariant(isOpen, resolvedSide), standardSize: 14, customClassName: "bordSelectTriggerIcon" })] }));
|
|
@@ -11735,8 +11747,8 @@ const useFloatingMenu = ({ triggerRef, isOpen, onClose, gap = 4, side = 'bottom'
|
|
|
11735
11747
|
return { listRect, portalRef };
|
|
11736
11748
|
};
|
|
11737
11749
|
|
|
11738
|
-
var css_248z$
|
|
11739
|
-
styleInject(css_248z$
|
|
11750
|
+
var css_248z$1d = "@keyframes bordSelectFadeIn{0%{opacity:0;transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}.bordSelectDropdownListFloating{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);animation:bordSelectFadeIn .3s ease;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-sizing:border-box;overflow:hidden;padding:.8rem .6rem .8rem .4rem;position:fixed;transform-origin:top center}.bordSelectDropdownListFloating--gradient,.bordSelectDropdownListFloating--select{border-width:1px;padding:.8rem .6rem 1.2rem .8rem}.bordSelectDropdownListFloating--select{border-radius:.6rem}.bordSelectDropdownListFloating--gradient{border-radius:.8rem}.bordSelectDropdownListFloating--search{align-items:flex-start;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);display:flex}.bordSelectDropdownListFloatingList{overflow-y:auto;width:100%}.bordSelectDropdownListFloatingList:not(.bordSelectDropdownListFloatingList--bare){display:grid;gap:0;list-style-type:none}.bordSelectDropdownListFloatingList:not(.bordSelectDropdownListFloatingList--bare)::-webkit-scrollbar{height:.2rem;width:.2rem}.bordSelectDropdownListFloatingList:not(.bordSelectDropdownListFloatingList--bare)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordSelectDropdownListFloatingList:not(.bordSelectDropdownListFloatingList--bare)::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}";
|
|
11751
|
+
styleInject(css_248z$1d);
|
|
11740
11752
|
|
|
11741
11753
|
const LIST_PORTAL_Z_INDEX = 10000;
|
|
11742
11754
|
const BordSelectDropdown = ({ isOpen, onClose, triggerRef, children, width, maxHeight = 320, align = 'start', side = 'bottom', className = '', }) => {
|
|
@@ -11777,13 +11789,13 @@ const BordSelectDropdown = ({ isOpen, onClose, triggerRef, children, width, maxH
|
|
|
11777
11789
|
}, children: jsx("ul", { className: "bordSelectDropdownListFloatingList", style: { maxHeight }, children: children }) }), document.body);
|
|
11778
11790
|
};
|
|
11779
11791
|
|
|
11780
|
-
var css_248z$
|
|
11781
|
-
styleInject(css_248z$
|
|
11792
|
+
var css_248z$1c = ".bordSelectSearchState{display:grid;gap:.8rem;padding-bottom:.4rem;padding-top:.4rem;text-align:left;width:100%}.bordSelectSearchState--spacious{gap:2.4rem}.bordSelectSearchState .bordSelectSearchStateMessage{color:var(--ds-c-content-secondary);font-family:DM Sans,sans-serif;font-size:1.2rem;font-style:normal;font-weight:500;line-height:normal;overflow:hidden;padding-left:.4rem;text-overflow:ellipsis;white-space:nowrap}.bordSelectSearchState .bordSelectSearchStateButton{align-self:stretch;height:3.2rem}.bordSelectSearchState .bordSelectSearchStateButtonAction{color:var(--ds-c-content-secondary);font-family:DM Sans,sans-serif;font-size:1.2rem;font-style:normal;font-weight:700;line-height:normal;text-align:center}";
|
|
11793
|
+
styleInject(css_248z$1c);
|
|
11782
11794
|
|
|
11783
11795
|
const BordSelectSearchState = ({ message, spacious = false, noMatchActionLabel, onAction }) => (jsxs("li", { className: `bordSelectSearchState ${spacious ? 'bordSelectSearchState--spacious' : ''}`, children: [jsx("span", { className: "bordSelectSearchStateMessage", children: message }), noMatchActionLabel && onAction ? (jsx(BordButton, { label: jsx("span", { className: "bordSelectSearchStateButtonAction", children: noMatchActionLabel }), modeButton: "tertiary", customHeight: "auto", standardPaddingSize: "squared", customWidth: "w-full", customClassName: "bordSelectSearchStateButton", onClick: onAction })) : null] }));
|
|
11784
11796
|
|
|
11785
|
-
var css_248z$
|
|
11786
|
-
styleInject(css_248z$
|
|
11797
|
+
var css_248z$1b = ".bordSelectIndicatorSlot{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;pointer-events:none}.bordSelectIndicatorSlot .bordCheckBoxButtonSvg svg,.bordSelectIndicatorSlot .bordCheckBoxDS,.bordSelectIndicatorSlot .bordRadioButtonDS{cursor:default}";
|
|
11798
|
+
styleInject(css_248z$1b);
|
|
11787
11799
|
|
|
11788
11800
|
const SelectIndicator = ({ multiple, isSelected, placement, disabled = false }) => {
|
|
11789
11801
|
if (placement === 'none')
|
|
@@ -11794,8 +11806,8 @@ const SelectIndicator = ({ multiple, isSelected, placement, disabled = false })
|
|
|
11794
11806
|
return (jsx("span", { className: "bordSelectIndicatorSlot", "aria-hidden": true, children: jsx(BordRadioButton, { isButtonActive: isSelected, disabled: disabled, customWidth: "1.6rem", componentSize: "medium" }) }));
|
|
11795
11807
|
};
|
|
11796
11808
|
|
|
11797
|
-
var css_248z$
|
|
11798
|
-
styleInject(css_248z$
|
|
11809
|
+
var css_248z$1a = ".bordSelectRoot{position:relative;width:100%}.bordSelectSkeletonText{background-color:var(--ds-c-stroke-default);border-radius:.4rem;display:block;height:1.2rem;width:4rem}.bordSelectSkeletonTrigger{border-radius:.6rem;height:4rem;width:100%}.bordSelectOption{margin:0;padding:0}.bordSelectOptionButton{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.6rem;cursor:pointer;display:flex;gap:.8rem;justify-content:space-between;padding:.4rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordSelectOptionButton:hover{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default)}.bordSelectOptionButtonDisabled{cursor:not-allowed;opacity:.4}.bordSelectOptionButtonDisabled:hover{background-color:transparent;border-color:transparent}.bordSelectOptionButtonList,.bordSelectOptionButtonSearch{background-color:transparent;border-radius:.8rem;min-height:2.8rem;padding:.4rem}.bordSelectOptionButtonSearch{gap:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordSelectOptionContent{align-items:center;display:flex;flex:1 1 0%;gap:.4rem;min-width:0}.bordSelectOptionPrefixSlot,.bordSelectOptionSuffixSlot{align-items:center;display:flex;flex-shrink:0}.bordSelectOptionTexts{display:grid;flex:1 1 0%;gap:.2rem;min-width:0}.bordSelectOptionTitle{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:1.8rem}.bordSelectOptionButtonSelected:not(.bordSelectOptionButtonList):not(.bordSelectOptionButtonSearch) .bordSelectOptionTitle{color:var(--ds-c-primary-bg-default)}.bordSelectOptionTextsWithDescription .bordSelectOptionTitle{color:var(--ds-c-content-default)}.bordSelectOptionButtonSelected:not(.bordSelectOptionButtonList):not(.bordSelectOptionButtonSearch) .bordSelectOptionTextsWithDescription .bordSelectOptionTitle{color:var(--ds-c-primary-bg-default)}.bordSelectOptionDescription{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:400;line-height:1.8rem}.bordSelectDropdownListFloating--gradient .bordSelectOptionDescription,.bordSelectDropdownListFloating--gradient .bordSelectOptionTitle,.bordSelectDropdownListFloating--select .bordSelectOptionDescription,.bordSelectDropdownListFloating--select .bordSelectOptionTitle{font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:normal}.bordSelectDropdownListFloating--search .bordSelectOptionTitle{color:var(--ds-c-content-default);font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:500;line-height:normal}.bordConditionBadgeSlot{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:3.6rem}";
|
|
11810
|
+
styleInject(css_248z$1a);
|
|
11799
11811
|
|
|
11800
11812
|
const DEFAULT_SEARCH_EMPTY_OPTIONS_TEXT = 'No hay opciones disponibles.';
|
|
11801
11813
|
const DEFAULT_SEARCH_NO_EXACT_MATCH_TEXT = (searchedText) => `No existe una opción llamada "${searchedText}".`;
|
|
@@ -11936,8 +11948,8 @@ const BordSelect = props => {
|
|
|
11936
11948
|
return (jsxs("div", { className: ['bordSelectRoot', rootStateClass, className].filter(Boolean).join(' '), style: { width: triggerWidth, maxWidth: '100%' }, children: [jsx(TriggerComponent, { triggerRef: triggerRef, isOpen: isOpen, onToggle: handleToggle, disabled: disabled, displayLabel: displayLabel, isPlaceholder: isPlaceholder, label: supportsLabelAndCaption ? label : undefined, caption: supportsLabelAndCaption ? caption : undefined, resolvedSide: resolvedSide, triggerWidth: triggerWidth, triggerClassName: triggerClassName, labelPrefix: selectedOption?.labelPrefix, labelSuffix: selectedOption?.labelSuffix, triggerAccent: selectedOption?.triggerAccent, searchPlaceholder: searchPlaceholder, searchValue: searchText, onSearchChange: setSearchText, onSearchFocus: handleSearchFocus }), jsx(BordSelectDropdown, { isOpen: isOpen, onClose: closeDropdown, triggerRef: triggerRef, width: resolvedDropdownWidth, maxHeight: resolvedDropdownMaxHeight, align: dropdownAlign, side: dropdownSide, className: dropdownVariantClass, children: isSearchVariant ? renderSearchDropdownContent() : optionsList })] }));
|
|
11937
11949
|
};
|
|
11938
11950
|
|
|
11939
|
-
var css_248z$
|
|
11940
|
-
styleInject(css_248z$
|
|
11951
|
+
var css_248z$19 = ".bordUploaderButtonDS .loaderTextClass{border-radius:.2rem;height:1.6rem;width:10rem}.bordUploaderButtonDS .labelBordUploaderButton{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploaderButtonDS .labelBordUploaderButton.error{color:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .labelBordUploaderButton.disabled{color:var(--ds-c-bool-disabled-sec-fg)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer{height:6.4rem;position:relative;width:100%}.bordUploaderButtonDS .bordFilledUploaderButtonContainer .bordUploaderButtonSkeletonLoader{background-color:transparent;border-radius:.6rem;height:100%;pointer-events:none}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates{align-content:center;align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;justify-content:flex-start;overflow:hidden;padding-left:1.6rem;padding-right:1.6rem}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .fileName{font-size:1.4rem;line-height:2rem;margin-left:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .buttonItemsContainer{align-content:center;align-items:center;cursor:pointer;display:flex;flex:1 1 0%;min-width:0}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .uploadingFileName{cursor:default}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .actionsIconGroup{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .floatIconContainer{align-content:center;align-items:center;cursor:pointer;display:flex;justify-content:center}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .bordUploaderFileActionButton{flex-shrink:0}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates.uploadingRow{border-color:var(--ds-c-stroke-interactive);cursor:default}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates.uploadingRow .fileName{color:var(--ds-c-content-default);margin-left:0}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .uploadProgressTrack{background-color:var(--ds-c-stroke-default);bottom:0;height:.4rem;left:0;position:absolute;right:0}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates .uploadProgressFill{background-color:var(--ds-c-primary-bg-default);height:100%;transition-duration:.2s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.stylesSharedBetweenStates.withUploadProgressBar .buttonItemsContainer{padding-bottom:.6rem}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.disabled{border-color:var(--ds-c-stroke-interactive);cursor:not-allowed}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.disabled .fileName{color:var(--ds-c-bool-disabled-sec-fg)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.disabled .floatIconContainer svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.default{border-color:var(--ds-c-primary-bg-default);cursor:pointer}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.default .fileName{color:var(--ds-c-content-default)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.default svg path{stroke:var(--ds-c-content-default)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.default .floatIconContainer{z-index:10}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.default .floatIconContainer svg path{stroke:var(--ds-c-content-secondary)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.error{border-color:var(--ds-c-bool-danger-fg);cursor:pointer}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.error .fileName{color:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .bordFilledUploaderButtonContainer.error .floatIconContainer svg path,.bordUploaderButtonDS .bordFilledUploaderButtonContainer.error svg path{stroke:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .bordUploaderButtonContainer{height:6.4rem;position:relative;width:100%}.bordUploaderButtonDS .bordUploaderButtonContainer .hideSystemInput{cursor:pointer;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.bordUploaderButtonDS .bordUploaderButtonContainer .hideSystemInput::-webkit-file-upload-button{cursor:pointer}.bordUploaderButtonDS .bordUploaderButtonContainer .hideSystemInput.disabledFileButton{cursor:not-allowed}.bordUploaderButtonDS .bordUploaderButtonContainer .hideSystemInput.disabledFileButton::-webkit-file-upload-button{cursor:not-allowed}.bordUploaderButtonDS .bordUploaderButtonContainer .uploaderEmptyFrontLayer{align-items:center;display:flex;flex:1 1 0%;min-height:0;min-width:0;pointer-events:none;position:relative;z-index:2}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates{align-content:center;align-items:center;border-radius:.6rem;border-style:dashed;border-width:1px;display:flex;justify-content:flex-start;padding-left:1.6rem;padding-right:1.6rem}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .infoDetailsContainer{min-width:0;padding-left:1.6rem;width:calc(100% - 14px)}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .infoDetailsContainer .title{font-size:1.4rem;line-height:1.8rem;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .infoDetailsContainer .subtitle{font-size:1.2rem;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .subtitleTooltipTrigger{cursor:default;display:block;max-width:100%;pointer-events:auto;position:relative;z-index:3}.bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .subtitleTooltipTrigger .bordTooltipMessageDS{pointer-events:none}.group:hover .bordUploaderButtonDS .bordUploaderButtonContainer.stylesSharedBetweenStates .subtitleTooltipTrigger .bordTooltipMessageDS{pointer-events:auto}.bordUploaderButtonDS .bordUploaderButtonContainer.default{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive)}.bordUploaderButtonDS .bordUploaderButtonContainer.default .infoDetailsContainer .title{color:var(--ds-c-content-default)}.bordUploaderButtonDS .bordUploaderButtonContainer.default .infoDetailsContainer .title .highlightedTitle{color:var(--ds-c-primary-bg-default)}.bordUploaderButtonDS .bordUploaderButtonContainer.default .infoDetailsContainer .subtitle{color:var(--ds-c-content-secondary)}.bordUploaderButtonDS .bordUploaderButtonContainer.default:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordUploaderButtonDS .bordUploaderButtonContainer.error{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .bordUploaderButtonContainer.error svg path{stroke:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .bordUploaderButtonContainer.error .infoDetailsContainer .subtitle,.bordUploaderButtonDS .bordUploaderButtonContainer.error .infoDetailsContainer .title{color:var(--ds-c-bool-danger-fg)}.bordUploaderButtonDS .bordUploaderButtonContainer.disabled{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-stroke-default)}.bordUploaderButtonDS .bordUploaderButtonContainer.disabled svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordUploaderButtonDS .bordUploaderButtonContainer.disabled .infoDetailsContainer .subtitle,.bordUploaderButtonDS .bordUploaderButtonContainer.disabled .infoDetailsContainer .title{color:var(--ds-c-bool-disabled-sec-fg)}.bordUploaderButtonDS .textError{color:var(--ds-c-bool-danger-fg);font-size:1rem;height:1.3rem;line-height:1.3rem;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
11952
|
+
styleInject(css_248z$19);
|
|
11941
11953
|
|
|
11942
11954
|
const BordUploaderButton = ({ label, isFilled, bordUploaderButtonType, disabledBordUploaderButton, loading, errorText, emptyBordUploaderButtonTitle, emptyBordUploaderButtonSubtitle, emptyBordUploaderButtonSubtitleTooltip, emptyBordUploaderButtonSubtitleTooltipPosition = 'bottom', defaultFile, handleChangeFile, handleDeleteFile, handleDownloadFile, handleSecondaryFileAction, secondaryFileActionIcon = 'refreshCw', primaryFileActionIcon = 'trash', actionIconPresentation = 'tertiary', isUploading, uploadProgress, onCancelUpload, customWidth, customClassName, styles, acceptFileExtension = ['.doc'], }) => {
|
|
11943
11955
|
const classnames = `bordUploaderButtonDS ${customWidth || 'w-380'} ${customClassName || ''}`;
|
|
@@ -12017,16 +12029,16 @@ const BordUploaderButton = ({ label, isFilled, bordUploaderButtonType, disabledB
|
|
|
12017
12029
|
}, accept: acceptFileExtension.join(',') }), jsxs("div", { className: "uploaderEmptyFrontLayer", children: [jsx(BordOneToneIcon, { variant: "upload", standardSize: 14 }), jsxs("div", { className: "infoDetailsContainer", children: [jsxs("div", { className: "title", children: [jsx("span", { className: "highlightedTitle", children: "Busca" }), " o arrastra", ` ${emptyBordUploaderButtonTitle || '[nombre]'} `] }), renderSubtitleEmpty()] })] })] }))] }));
|
|
12018
12030
|
};
|
|
12019
12031
|
|
|
12020
|
-
var css_248z$
|
|
12021
|
-
styleInject(css_248z$
|
|
12032
|
+
var css_248z$18 = ".bordActionButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;border-color:rgb(98 108 130/var(--tw-border-opacity));border-radius:.6rem;border-width:2px;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.8rem;width:14rem}.bordActionButtonDS:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(28 50 59/var(--tw-bg-opacity));border-color:rgb(34 207 171/var(--tw-border-opacity));border-width:2px;color:rgb(34 207 171/var(--tw-text-opacity))}.bordActionButtonDS:hover svg path{stroke:#22cfab}.bordActionButtonDS:disabled{--tw-text-opacity:1;cursor:not-allowed}.bordActionButtonDS:disabled,.bordActionButtonDS:disabled:hover{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity));color:rgb(98 108 130/var(--tw-text-opacity))}.bordActionButtonDS:disabled:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bordActionButtonDS:disabled:hover svg path{stroke:#626c82}.bordActionButtonSubTitle{text-wrap:wrap;font-size:1.2rem;font-weight:400;line-height:1.5rem;margin-bottom:.2rem;margin-top:.8rem}.bordActionButtonTitle{text-wrap:wrap;font-size:1.4rem;font-weight:700;line-height:1.8rem}";
|
|
12033
|
+
styleInject(css_248z$18);
|
|
12022
12034
|
|
|
12023
12035
|
const BordActionButton = ({ variant = "figma", subTitle = "subTitle", title = "title", ...rest }) => {
|
|
12024
12036
|
const iconDefault = "figma";
|
|
12025
12037
|
return (jsxs("button", { className: "bordActionButtonDS", ...rest, children: [jsx(BordOneToneIcon, { variant: variant ?? iconDefault }), jsx("span", { className: "bordActionButtonSubTitle", children: subTitle }), jsx("span", { className: "bordActionButtonTitle", children: title })] }));
|
|
12026
12038
|
};
|
|
12027
12039
|
|
|
12028
|
-
var css_248z$
|
|
12029
|
-
styleInject(css_248z$
|
|
12040
|
+
var css_248z$17 = ".bordBreadCrumbDS{align-items:center;cursor:pointer;display:flex;line-height:0}.bordBreadCrumbDS .bordHeaderBreadCrumb{align-items:center;display:flex;gap:.2rem;line-height:1.4rem}.bordBreadCrumbDS .bordHeaderBreadCrumb .bordFirstSectionTitle,.bordBreadCrumbDS .bordHeaderBreadCrumb .bordSecondSectionTitle{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.4rem;line-height:1.8rem}.bordBreadCrumbDS .headerBordSubtitle{font-weight:500;line-height:1.4rem}.bordBreadCrumbDS .headerBordSubtitle,.bordBreadCrumbDS .separatorCharacter{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.4rem}.bordBreadCrumbDS .separatorCharacter{line-height:1.8rem;margin-right:.2rem}";
|
|
12041
|
+
styleInject(css_248z$17);
|
|
12030
12042
|
|
|
12031
12043
|
const BordBreadCrumb = ({ headerNavigationTitle: title, headerNavigationSubtitle: subtitle, }) => {
|
|
12032
12044
|
const separator = subtitle ? ' / ' : '';
|
|
@@ -12036,8 +12048,8 @@ const BordBreadCrumb = ({ headerNavigationTitle: title, headerNavigationSubtitle
|
|
|
12036
12048
|
return (jsxs("div", { className: "bordBreadCrumbDS", children: [jsxs("div", { className: "bordHeaderBreadCrumb", children: [jsx("span", { className: "bordFirstSectionTitle", children: firstSection }), jsx("span", { className: "bordSecondSectionTitle", children: secondSection })] }), jsx("span", { className: "separatorCharacter", children: separator }), jsx("span", { className: "headerBordSubtitle", children: subtitle })] }));
|
|
12037
12049
|
};
|
|
12038
12050
|
|
|
12039
|
-
var css_248z$
|
|
12040
|
-
styleInject(css_248z$
|
|
12051
|
+
var css_248z$16 = ".bordCellCard{overflow:hidden}";
|
|
12052
|
+
styleInject(css_248z$16);
|
|
12041
12053
|
|
|
12042
12054
|
/**
|
|
12043
12055
|
* @description A card container component for cell items.
|
|
@@ -12112,8 +12124,8 @@ const formatDateToPicker = (dateValueIsoFormat, utcTimeOffset) => {
|
|
|
12112
12124
|
return formattedDate;
|
|
12113
12125
|
};
|
|
12114
12126
|
|
|
12115
|
-
var css_248z$
|
|
12116
|
-
styleInject(css_248z$
|
|
12127
|
+
var css_248z$15 = ".bordDatePickerDS .bordDatePickerLabel{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));display:block;font-size:1.2rem;line-height:1.5rem;margin-bottom:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordDatePickerDS input{--tw-border-opacity:1;--tw-text-opacity:1;background-color:transparent;border-color:rgb(98 108 130/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.4rem;height:4rem;line-height:1.8rem;line-height:1;padding-left:1.6rem;padding-right:1.6rem;width:100%}.bordDatePickerDS input::-moz-placeholder{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.4rem;line-height:.75rem}.bordDatePickerDS input::placeholder{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.4rem;line-height:.75rem}.bordDatePickerDS input:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer}.bordDatePickerDS input:focus{outline:2px solid transparent;outline-offset:2px}.bordDatePickerDS input:active,.bordDatePickerDS input:focus{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(34 207 171/var(--tw-border-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.bordDatePickerDS input::-webkit-calendar-picker-indicator{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23C6C7CB' stroke-linecap='round' stroke-linejoin='round' d='M1.75 5.834h10.5M9.333 1.167V3.5M4.667 1.167V3.5m-1.75-1.166h8.166c.645 0 1.167.522 1.167 1.166v8.167c0 .644-.522 1.167-1.167 1.167H2.917a1.167 1.167 0 0 1-1.167-1.167V3.5c0-.644.522-1.166 1.167-1.166Z'/%3E%3C/svg%3E\")}.bordDatePickerDS .errorText{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity));font-size:1rem;line-height:1.302rem;margin-top:.2rem}.bordDatePickerDS.filled .bordDatePickerLabel{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity))}.bordDatePickerDS.filled input{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(38 43 57/var(--tw-border-opacity));color:rgb(98 108 130/var(--tw-text-opacity))}.bordDatePickerDS.filled input::-webkit-calendar-picker-indicator{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23C6C7CB' stroke-linecap='round' stroke-linejoin='round' d='M1.75 5.834h10.5M9.333 1.167V3.5M4.667 1.167V3.5m-1.75-1.166h8.166c.645 0 1.167.522 1.167 1.166v8.167c0 .644-.522 1.167-1.167 1.167H2.917a1.167 1.167 0 0 1-1.167-1.167V3.5c0-.644.522-1.166 1.167-1.166Z'/%3E%3C/svg%3E\")}.bordDatePickerDS.error .bordDatePickerLabel{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordDatePickerDS.error input{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity))}.bordDatePickerDS.error input::-webkit-calendar-picker-indicator{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23FC543D' stroke-linecap='round' stroke-linejoin='round' d='M1.75 5.834h10.5M9.333 1.167V3.5M4.667 1.167V3.5m-1.75-1.166h8.166c.645 0 1.167.522 1.167 1.166v8.167c0 .644-.522 1.167-1.167 1.167H2.917a1.167 1.167 0 0 1-1.167-1.167V3.5c0-.644.522-1.166 1.167-1.166Z'/%3E%3C/svg%3E\")}.bordDatePickerDS.disabled .bordDatePickerLabel{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity))}.bordDatePickerDS.disabled input{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-color:rgb(98 108 130/var(--tw-border-opacity));color:rgb(98 108 130/var(--tw-text-opacity))}.bordDatePickerDS.disabled input::-webkit-calendar-picker-indicator{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath stroke='%23C6C7CB' stroke-linecap='round' stroke-linejoin='round' d='M1.75 5.834h10.5M9.333 1.167V3.5M4.667 1.167V3.5m-1.75-1.166h8.166c.645 0 1.167.522 1.167 1.166v8.167c0 .644-.522 1.167-1.167 1.167H2.917a1.167 1.167 0 0 1-1.167-1.167V3.5c0-.644.522-1.166 1.167-1.166Z'/%3E%3C/svg%3E\")}";
|
|
12128
|
+
styleInject(css_248z$15);
|
|
12117
12129
|
|
|
12118
12130
|
const BordDatePicker = ({ updateCurrentValueCallback, isFilled, defaultValue, desiredTimeZone, label, errorText, isDisabled, hideErrorText, debounceTime, handleFocus, customWidth = "100%", }) => {
|
|
12119
12131
|
const [currentDate, setCurrentDate] = useState("");
|
|
@@ -12161,8 +12173,8 @@ const BordDatePicker = ({ updateCurrentValueCallback, isFilled, defaultValue, de
|
|
|
12161
12173
|
return (jsxs("div", { className: classNameStyle, style: { width: customWidth }, children: [label && jsx("label", { className: "bordDatePickerLabel", children: label }), jsx("input", { type: "date", value: currentDate, readOnly: isDisabled, onChange: handleInputChange, onFocus: handleFocus }), errorText && !hideErrorText && errorText.length > 0 && (jsx("div", { className: "errorText", children: errorText }))] }));
|
|
12162
12174
|
};
|
|
12163
12175
|
|
|
12164
|
-
var css_248z$13 = ".bordDropdownDS,.bordDropdownSkeletonLoader{color:var(--ds-c-content-secondary);width:100%}.bordDropdownDS .componentLabel,.bordDropdownSkeletonLoader .componentLabel{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.5rem;margin-bottom:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .componentDropdown,.bordDropdownSkeletonLoader .componentDropdown{position:relative;width:100%}.bordDropdownDS .componentDropdown .closedDropdown,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-size:1.4rem;gap:.8rem;height:4rem;justify-content:space-between;line-height:1.8rem;padding-left:1.6rem;padding-right:1.6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .currentValueOrplaceholder,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .currentValueOrplaceholder,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder{align-items:center;display:flex;gap:.8rem;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .currentValueOrplaceholder .optionContainer,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .currentValueOrplaceholder .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder .optionContainer{align-items:center;display:flex;gap:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .bordOneToneIcon svg path,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .bordOneToneIcon svg path{stroke:var(--ds-c-content-secondary)}.bordDropdownDS .componentDropdown .openDropdownInput,.bordDropdownSkeletonLoader .componentDropdown .openDropdownInput{background-color:var(--ds-c-layout-bg)}.bordDropdownDS .componentDropdown .openDropdown,.bordDropdownSkeletonLoader .componentDropdown .openDropdown{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;flex-direction:column;margin-top:.4rem;max-height:22rem;overflow-y:hidden;padding:.8rem .6rem 1.2rem .8rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:30}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList{flex:1 1 0%;min-height:0;overflow-y:auto;position:relative}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:.2px;width:.2rem}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar-thumb,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:.2px}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction{display:flex;justify-content:center;padding-right:.8rem}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction .dropdownNotFoundButton,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction .dropdownNotFoundButton{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.6rem;padding-right:.4rem;width:100%}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .optionContainer{align-items:center;border:1px solid transparent;border-radius:.8rem;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;gap:.8rem;line-height:1.8rem;min-height:4rem;overflow:hidden;padding:.4rem .8rem;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .optionContainer:hover,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .optionContainer:hover{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default)}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .noOptionContainer,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .noOptionContainer{align-items:center;color:var(--ds-c-content-secondary);display:flex;font-size:1.2rem;justify-content:center;line-height:1.5rem;padding:.8rem;text-align:center}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover{border-color:var(--ds-c-content-default)}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .currentValueOrplaceholder,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .currentValueOrplaceholder{color:var(--ds-c-content-default)}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .bordOneToneIcon svg path,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordDropdownDS .caption,.bordDropdownDS .errorText,.bordDropdownSkeletonLoader .caption,.bordDropdownSkeletonLoader .errorText{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem;margin-top:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .errorText,.bordDropdownDS.error .componentLabel,.bordDropdownSkeletonLoader .errorText,.bordDropdownSkeletonLoader.error .componentLabel{color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown{border-color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown .bordOneToneIcon svg path{stroke:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown:hover,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown:hover{border-color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.deactivated,.bordDropdownSkeletonLoader.deactivated{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordDropdownDS.deactivated .caption,.bordDropdownDS.deactivated .componentLabel,.bordDropdownSkeletonLoader.deactivated .caption,.bordDropdownSkeletonLoader.deactivated .componentLabel{color:var(--ds-c-bool-disabled-sec-fg)}.bordDropdownDS.deactivated .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.deactivated .componentDropdown .closedDropdown{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.bordDropdownDS.deactivated .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader.deactivated .componentDropdown .closedDropdown .bordOneToneIcon svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordDropdownDS.extraSmall,.bordDropdownSkeletonLoader.extraSmall{max-width:8rem;min-width:8rem}.bordDropdownDS.small,.bordDropdownSkeletonLoader.small{max-width:18rem;min-width:18rem}.bordDropdownDS.small-184,.bordDropdownSkeletonLoader.small-184{max-width:18.4rem;min-width:8.4rem}.bordDropdownDS.medium,.bordDropdownSkeletonLoader.medium{max-width:28rem;min-width:28rem}.bordDropdownDS.large,.bordDropdownSkeletonLoader.large{max-width:38rem;min-width:38rem}.bordDropdownDS.w-80,.bordDropdownSkeletonLoader.w-80{max-width:8rem}.bordDropdownDS.w-180,.bordDropdownSkeletonLoader.w-180{max-width:18rem}.bordDropdownDS.w-280,.bordDropdownSkeletonLoader.w-280{max-width:28rem}.bordDropdownDS.w-380,.bordDropdownSkeletonLoader.w-380{max-width:38rem;min-width:38rem}.bordDropdownDS.matchingBackground .componentDropdown .closedDropdown,.bordDropdownDS.matchingBackground .componentDropdown .closedDropdownSkeletonLoader,.bordDropdownSkeletonLoader.matchingBackground .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.matchingBackground .componentDropdown .closedDropdownSkeletonLoader{background-color:transparent;border-style:none;font-size:1rem;line-height:.75rem;max-height:.3rem;padding:0}.bordDropdownSkeletonLoader .componentDropdown .currentValueOrplaceholder .selectedOption{font-size:1.2rem;line-height:1rem}.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader{border-style:none;cursor:default}";
|
|
12165
|
-
styleInject(css_248z$
|
|
12176
|
+
var css_248z$14 = ".bordDropdownDS,.bordDropdownSkeletonLoader{color:var(--ds-c-content-secondary);width:100%}.bordDropdownDS .componentLabel,.bordDropdownSkeletonLoader .componentLabel{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.5rem;margin-bottom:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .componentDropdown,.bordDropdownSkeletonLoader .componentDropdown{position:relative;width:100%}.bordDropdownDS .componentDropdown .closedDropdown,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader{align-items:center;background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-size:1.4rem;gap:.8rem;height:4rem;justify-content:space-between;line-height:1.8rem;padding-left:1.6rem;padding-right:1.6rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .currentValueOrplaceholder,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .currentValueOrplaceholder,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder{align-items:center;display:flex;gap:.8rem;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .currentValueOrplaceholder .optionContainer,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .currentValueOrplaceholder .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .currentValueOrplaceholder .optionContainer{align-items:center;display:flex;gap:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bordDropdownDS .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownDS .componentDropdown .closedDropdownSkeletonLoader .bordOneToneIcon svg path,.bordDropdownSkeletonLoader .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader .bordOneToneIcon svg path{stroke:var(--ds-c-content-secondary)}.bordDropdownDS .componentDropdown .openDropdownInput,.bordDropdownSkeletonLoader .componentDropdown .openDropdownInput{background-color:var(--ds-c-layout-bg)}.bordDropdownDS .componentDropdown .openDropdown,.bordDropdownSkeletonLoader .componentDropdown .openDropdown{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;flex-direction:column;margin-top:.4rem;max-height:22rem;overflow-y:hidden;padding:.8rem .6rem 1.2rem .8rem;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:30}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList{flex:1 1 0%;min-height:0;overflow-y:auto;position:relative}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:.2px;width:.2rem}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar-thumb,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:.2px}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction{display:flex;justify-content:center;padding-right:.8rem}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction .dropdownNotFoundButton,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .dropdownNotFoundAction .dropdownNotFoundButton{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.6rem;padding-right:.4rem;width:100%}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .optionContainer,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .optionContainer{align-items:center;border:1px solid transparent;border-radius:.8rem;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.4rem;font-weight:500;gap:.8rem;line-height:1.8rem;min-height:4rem;overflow:hidden;padding:.4rem .8rem;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:100%}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .optionContainer:hover,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .optionContainer:hover{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default)}.bordDropdownDS .componentDropdown .openDropdown .dropdownOptionsList .noOptionContainer,.bordDropdownSkeletonLoader .componentDropdown .openDropdown .dropdownOptionsList .noOptionContainer{align-items:center;color:var(--ds-c-content-secondary);display:flex;font-size:1.2rem;justify-content:center;line-height:1.5rem;padding:.8rem;text-align:center}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover{border-color:var(--ds-c-content-default)}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .currentValueOrplaceholder,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .currentValueOrplaceholder{color:var(--ds-c-content-default)}.bordDropdownDS:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .bordOneToneIcon svg path,.bordDropdownSkeletonLoader:not(.error):not(.deactivated) .componentDropdown .closedDropdown:hover .bordOneToneIcon svg path{stroke:var(--ds-c-content-default)}.bordDropdownDS .caption,.bordDropdownDS .errorText,.bordDropdownSkeletonLoader .caption,.bordDropdownSkeletonLoader .errorText{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem;margin-top:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.bordDropdownDS .errorText,.bordDropdownDS.error .componentLabel,.bordDropdownSkeletonLoader .errorText,.bordDropdownSkeletonLoader.error .componentLabel{color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown{border-color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown .bordOneToneIcon svg path{stroke:var(--ds-c-bool-danger-fg)}.bordDropdownDS.error .componentDropdown .closedDropdown:hover,.bordDropdownSkeletonLoader.error .componentDropdown .closedDropdown:hover{border-color:var(--ds-c-bool-danger-fg)}.bordDropdownDS.deactivated,.bordDropdownSkeletonLoader.deactivated{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordDropdownDS.deactivated .caption,.bordDropdownDS.deactivated .componentLabel,.bordDropdownSkeletonLoader.deactivated .caption,.bordDropdownSkeletonLoader.deactivated .componentLabel{color:var(--ds-c-bool-disabled-sec-fg)}.bordDropdownDS.deactivated .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.deactivated .componentDropdown .closedDropdown{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.bordDropdownDS.deactivated .componentDropdown .closedDropdown .bordOneToneIcon svg path,.bordDropdownSkeletonLoader.deactivated .componentDropdown .closedDropdown .bordOneToneIcon svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordDropdownDS.extraSmall,.bordDropdownSkeletonLoader.extraSmall{max-width:8rem;min-width:8rem}.bordDropdownDS.small,.bordDropdownSkeletonLoader.small{max-width:18rem;min-width:18rem}.bordDropdownDS.small-184,.bordDropdownSkeletonLoader.small-184{max-width:18.4rem;min-width:8.4rem}.bordDropdownDS.medium,.bordDropdownSkeletonLoader.medium{max-width:28rem;min-width:28rem}.bordDropdownDS.large,.bordDropdownSkeletonLoader.large{max-width:38rem;min-width:38rem}.bordDropdownDS.w-80,.bordDropdownSkeletonLoader.w-80{max-width:8rem}.bordDropdownDS.w-180,.bordDropdownSkeletonLoader.w-180{max-width:18rem}.bordDropdownDS.w-280,.bordDropdownSkeletonLoader.w-280{max-width:28rem}.bordDropdownDS.w-380,.bordDropdownSkeletonLoader.w-380{max-width:38rem;min-width:38rem}.bordDropdownDS.matchingBackground .componentDropdown .closedDropdown,.bordDropdownDS.matchingBackground .componentDropdown .closedDropdownSkeletonLoader,.bordDropdownSkeletonLoader.matchingBackground .componentDropdown .closedDropdown,.bordDropdownSkeletonLoader.matchingBackground .componentDropdown .closedDropdownSkeletonLoader{background-color:transparent;border-style:none;font-size:1rem;line-height:.75rem;max-height:.3rem;padding:0}.bordDropdownSkeletonLoader .componentDropdown .currentValueOrplaceholder .selectedOption{font-size:1.2rem;line-height:1rem}.bordDropdownSkeletonLoader .componentDropdown .closedDropdownSkeletonLoader{border-style:none;cursor:default}";
|
|
12177
|
+
styleInject(css_248z$14);
|
|
12166
12178
|
|
|
12167
12179
|
/**
|
|
12168
12180
|
* IMPORTANT: if the styles of the implementation you are going to make of this component differs significantly from the design system options, DONT MODIFY THIS COMPONENT, use the customClassname, componentStyles, dropdownStyles, dropdownOptionsListStyles properties to customized it.
|
|
@@ -12255,8 +12267,8 @@ const BordDropdown = ({ label, caption, isFilled, errorText, isFocused, rawOptio
|
|
|
12255
12267
|
return (jsxs(Fragment, { children: [showSkeletonLoader && getSkeletonLoader(), !showSkeletonLoader && (jsxs("div", { className: componentClassnames, children: [label && jsx("div", { className: `componentLabel truncate ${customLabel || ''}`, children: label }), jsxs("div", { className: "componentDropdown", ref: refContainer, onClick: handleClickSelect, children: [!isDropdownOpen && (jsxs("div", { className: "closedDropdown", style: componentStyles, children: [jsxs("div", { className: "currentValueOrplaceholder", style: includeMagnifierIconStyles, children: [includeMagnifierIcon && !customIcon && jsx(BordOneToneIcon, { variant: "search", standardSize: 14 }), customIcon || null, currentValueUI || customPlaceholder || 'Elige una opción'] }), !isDropdownOpen && jsx(BordOneToneIcon, { variant: "arrowHeadDown", standardSize: 14 })] })), isDropdownOpen && !isDeactivated && (jsxs("div", { className: "openDropdownInput", style: componentStyles, children: [jsx(BordSearchBar, { customInputClass: customInputClass, handleChange: setSearchString, placeholder: customPlaceholder ?? placeholderDefault, defaultValue: searchString, isFilled: !!searchString, customIcon: customIcon, includeMagnifierIcon: includeMagnifierIcon, includeDropdownArrowIcon: true, isDeactivated: isDeactivated, label: "" }), jsx("div", { className: "openDropdown", style: dropdownStyles, children: jsx("div", { className: "dropdownOptionsList", style: dropdownOptionsListStyles, children: dropdownSelectOptions }) })] }))] }), errorText && !hideErrorText && errorText.length > 0 && jsx("div", { className: "errorText", children: errorText }), caption && !errorText && jsx("div", { className: "caption", children: caption })] }))] }));
|
|
12256
12268
|
};
|
|
12257
12269
|
|
|
12258
|
-
var css_248z$
|
|
12259
|
-
styleInject(css_248z$
|
|
12270
|
+
var css_248z$13 = ".bordFeedbackAlertDS{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);border-radius:8px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;gap:12px;padding:12px;width:100%}.bordFeedbackAlertDS .bordFeedbackAlertDescription{color:var(--ds-c-content-default)}.bordFeedbackAlertDS.info{background-color:var(--ds-c-bool-info-bg-op);border-color:var(--ds-c-bool-info-fg);color:var(--ds-c-bool-info-fg)}.bordFeedbackAlertDS.success{background-color:var(--ds-c-bool-success-bg-op);border-color:var(--ds-c-bool-success-fg);color:var(--ds-c-bool-success-fg)}.bordFeedbackAlertDS.warning{background-color:var(--ds-c-bool-warning-bg-op);border-color:var(--ds-c-bool-warning-fg);color:var(--ds-c-bool-warning-fg)}.bordFeedbackAlertDS.error{background-color:var(--ds-c-bool-danger-bg-op);border-color:var(--ds-c-bool-danger-fg);color:var(--ds-c-bool-danger-fg)}.bordFeedbackAlertDS .bordFeedbackAlertIcon svg path{stroke:currentColor}.bordFeedbackAlertDS .bordFeedbackAlertContent{display:flex;flex-direction:column;font-size:10px;gap:4px}";
|
|
12271
|
+
styleInject(css_248z$13);
|
|
12260
12272
|
|
|
12261
12273
|
const alertConfig = {
|
|
12262
12274
|
info: { icon: 'info', class: 'info' },
|
|
@@ -12269,8 +12281,8 @@ const BordFeedbackAlert = ({ type, title, description, icon, iconProps, classNam
|
|
|
12269
12281
|
return (jsxs("div", { className: `bordFeedbackAlertDS ${config?.class} ${className}`, children: [jsx("div", { className: "bordFeedbackAlertIcon", children: icon ?? jsx(BordOneToneIcon, { variant: config?.icon, customWidth: "15px", ...iconProps }) }), jsxs("div", { className: "bordFeedbackAlertContent", children: [title && jsx("h3", { className: "bordFeedbackAlertTitle", children: title }), description && jsx("div", { className: "bordFeedbackAlertDescription", children: description })] })] }));
|
|
12270
12282
|
};
|
|
12271
12283
|
|
|
12272
|
-
var css_248z$
|
|
12273
|
-
styleInject(css_248z$
|
|
12284
|
+
var css_248z$12 = ".bordGlassContainer{align-items:center;background-color:#1b202fcc;display:flex;height:100%;justify-content:center;position:absolute;width:100%}";
|
|
12285
|
+
styleInject(css_248z$12);
|
|
12274
12286
|
|
|
12275
12287
|
const BordGlass = ({ children, customClassName = "bordGlassContainer", }) => {
|
|
12276
12288
|
return jsx("div", { className: `${customClassName} backdrop-blur`, children: children });
|
|
@@ -12294,8 +12306,8 @@ const BordLogo = ({ standardSize = 80, customWidth, colorLetters = "#fff", color
|
|
|
12294
12306
|
return (jsx("div", { className: "bordLogo", style: { width: logoWidth }, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 380 120", children: [jsx("path", { className: "bordLogoLetters", fill: colorLetters, d: "M82.37 33.363c-10.577 0-19.447 3.113-26.286 8.713V2.482A1.57 1.57 0 0 0 54.513.91h-6.596a8.156 8.156 0 0 0-8.157 8.167V109.42c0 4.507 3.581 8.235 8.089 8.235 4.195 0 7.776-3.269 8.235-7.308 6.84 5.6 15.709 8.713 26.285 8.713 25.349 0 43.39-18.353 43.39-42.922 0-24.568-18.197-42.765-43.39-42.765v-.01Zm0 69.519c-14.656 0-25.994-10.732-25.994-26.754 0-16.02 11.338-26.597 25.993-26.597 14.656 0 25.837 10.732 25.837 26.598 0 15.864-11.338 26.753-25.837 26.753ZM379.99 2.482A1.57 1.57 0 0 0 378.419.91h-6.586a8.156 8.156 0 0 0-8.157 8.167v32.998c-6.839-5.6-15.709-8.713-26.285-8.713-25.193 0-43.39 18.353-43.39 42.766 0 24.412 18.041 42.921 43.39 42.921 10.576 0 19.446-3.103 26.285-8.713.469 4.049 4.05 7.308 8.245 7.308 4.508 0 8.079-3.727 8.079-8.235V2.472l-.01.01Zm-42.609 100.4c-14.519 0-25.866-10.742-25.866-26.763S322.862 49.5 337.381 49.5s26.012 10.743 26.012 26.618c0 15.874-11.347 26.763-26.012 26.763ZM284.888 33.363h-13.524c-9.64 0-16.635 3.727-20.372 8.557v-.468c0-.313-.02-.625-.059-.937v-5.571a1.58 1.58 0 0 0-1.581-1.58h-6.634c-.274 0-.537.019-.8.038h-.059c-.244.02-.478.059-.712.108a.994.994 0 0 0-.166.038 6.232 6.232 0 0 0-.576.147c-.088.02-.166.049-.244.078a8.22 8.22 0 0 0-.439.156c-.117.049-.224.088-.341.146-.088.04-.186.088-.274.127-.156.078-.312.156-.458.244-.02.01-.039.02-.049.04-2.429 1.394-4.088 3.98-4.088 6.976v69.363c0 4.508 3.727 8.235 8.235 8.235 4.508 0 8.245-3.727 8.245-8.235v-38.19c0-11.347 6.069-23.085 19.592-23.085h7.776c.225 0 .439-.02.654-.039h.059c.263-.02.517-.058.78-.107.02 0 .049 0 .078-.01.205-.039.4-.088.595-.146.117-.04.244-.069.361-.108.098-.029.186-.058.283-.097 2.908-1.035 4.967-3.571 5.25-6.83.019-.254.039-.508.039-.752v-6.527c0-.859-.703-1.551-1.561-1.551h-.02l.01-.02ZM210.861 33.363h-34.599a42.637 42.637 0 0 0-27.252 9.787c-9.523 7.854-15.591 19.748-15.591 33.057a42.632 42.632 0 0 0 9.786 27.251 42.981 42.981 0 0 0 5.805 5.806 42.691 42.691 0 0 0 27.252 9.786c13.309 0 25.203-6.069 33.057-15.592a42.688 42.688 0 0 0 9.786-27.251v-34.6a8.243 8.243 0 0 0-8.254-8.244h.01Zm-8.089 42.844c0 6.44-2.283 12.352-6.088 16.967-4.889 5.932-12.294 9.708-20.578 9.708a26.585 26.585 0 0 1-16.968-6.088 27.018 27.018 0 0 1-3.62-3.62 26.564 26.564 0 0 1-6.088-16.968c0-8.283 3.776-15.689 9.708-20.577a26.563 26.563 0 0 1 16.968-6.089c14.723 0 26.666 11.943 26.666 26.667Z" }), jsx("path", { className: "bordLogoDot", fill: colorDot, d: "M12.177 119.089c6.732 0 12.177-5.454 12.177-12.177S18.9 94.735 12.177 94.735 0 100.19 0 106.912s5.454 12.177 12.177 12.177Z" })] }) }));
|
|
12295
12307
|
};
|
|
12296
12308
|
|
|
12297
|
-
var css_248z$
|
|
12298
|
-
styleInject(css_248z$
|
|
12309
|
+
var css_248z$11 = ".bordMarketplaceButtonDS{border-radius:.8rem;box-shadow:0 0 8px 0 #22cfab;font-size:1.4rem;font-weight:500;height:4.2rem;line-height:2rem;margin:auto;max-width:14rem;padding:.2rem;width:-moz-max-content;width:max-content}.bordMarketplaceButtonDS.light{--tw-text-opacity:1;background:linear-gradient(95.49deg,#60ddc3 .3%,#23a5ff 93.7%);color:rgb(9 131 129/var(--tw-text-opacity))}.bordMarketplaceButtonDS.light .bordMarketplaceButtonContainer:hover{--tw-text-opacity:1;background:transparent;color:rgb(7 15 33/var(--tw-text-opacity))}.bordMarketplaceButtonDS.light .bordMarketplaceButtonContainer:hover .bordOneToneIcon svg path{stroke:#070f21}.bordMarketplaceButtonDS.light .bordOneToneIcon svg path{stroke:#098381}.bordMarketplaceButtonDS.dark{--tw-text-opacity:1;background:linear-gradient(95.49deg,#22cfab .3%,#0057a7 93.7%);color:rgb(34 207 171/var(--tw-text-opacity))}.bordMarketplaceButtonDS.dark .bordMarketplaceButtonContainer:hover{--tw-text-opacity:1;background:transparent;color:rgb(255 255 255/var(--tw-text-opacity))}.bordMarketplaceButtonDS.dark .bordMarketplaceButtonContainer:hover .bordOneToneIcon svg path{stroke:#fff}.bordMarketplaceButtonDS.dark .bordOneToneIcon svg path{stroke:#22cfab}.bordMarketplaceButtonDS .bordMarketplaceButtonContainer{--tw-bg-opacity:1;align-items:center;background-color:rgb(7 15 33/var(--tw-bg-opacity));border-radius:.8rem;display:flex;gap:.8rem;height:3.8rem;padding:1rem}.bordMarketplaceButtonDS:active{opacity:.75}";
|
|
12310
|
+
styleInject(css_248z$11);
|
|
12299
12311
|
|
|
12300
12312
|
/**
|
|
12301
12313
|
* @param {Object} props - The properties object.
|
|
@@ -12308,8 +12320,8 @@ const BordMarketplaceButton = ({ buttonColor, buttonText, onClick, ...rest }) =>
|
|
|
12308
12320
|
return (jsx("button", { className: `bordMarketplaceButtonDS ${buttonColor}`, onClick: onClick, ...rest, children: jsxs("div", { className: "bordMarketplaceButtonContainer", children: [jsx(BordOneToneIcon, { variant: "shoppingCart", customWidth: "1.4rem", stroke: "#22CFAB" }), jsx("div", { children: buttonText })] }) }));
|
|
12309
12321
|
};
|
|
12310
12322
|
|
|
12311
|
-
var css_248z
|
|
12312
|
-
styleInject(css_248z
|
|
12323
|
+
var css_248z$10 = ".mentionableUserDS{align-items:center;border-radius:.2rem;cursor:pointer;display:flex;gap:.4rem;margin-bottom:.4rem;padding:.2rem}.mentionableUserDS .mentionableUserInfo .mentionableUserInfoName{font-size:1rem;font-weight:700;line-height:1.302rem;margin-bottom:-.2rem}.mentionableUserDS .mentionableUserInfo .mentionableUserInfoEmail{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));font-size:1rem;line-height:1.302rem}.mentionableUserDS:last-child{margin-bottom:0}.mentionableUserDS:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}";
|
|
12324
|
+
styleInject(css_248z$10);
|
|
12313
12325
|
|
|
12314
12326
|
const MentionableUser = ({ user, handleSelectUser, hideOptionsCallback }) => {
|
|
12315
12327
|
const { firstName, lastName, email, photoUrl } = user;
|
|
@@ -12329,22 +12341,22 @@ const MentionableUser = ({ user, handleSelectUser, hideOptionsCallback }) => {
|
|
|
12329
12341
|
} }), jsxs("div", { className: "mentionableUserInfo", children: [jsx("div", { className: "mentionableUserInfoName", children: fullName }), jsx("div", { className: "mentionableUserInfoEmail", children: email })] })] }));
|
|
12330
12342
|
};
|
|
12331
12343
|
|
|
12332
|
-
var css_248z
|
|
12333
|
-
styleInject(css_248z
|
|
12344
|
+
var css_248z$$ = ".mentionedUsersDS{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.6rem;-moz-column-gap:.4rem;column-gap:.4rem;display:flex;overflow-x:auto;padding:.2rem;row-gap:.2rem}.mentionedUsersDS::-webkit-scrollbar{height:.2rem;width:.2rem}.mentionedUsersDS::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.mentionedUsersDS::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.mentionedUsersDS .mentionedUser{z-index:10}.mentionedUsersDS .mentionedUser .mentionedUserSummary{--tw-text-opacity:1;color:rgb(0 87 167/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;gap:.1rem}.mentionedUsersDS .mentionedUser .mentionedUserSummary .mentionedUserEmail{width:-moz-max-content;width:max-content}.mentionedUsersDS .mentionedUser .mentionedUserSummary .bordOneToneIcon{cursor:pointer}.mentionedUsersDS .mentionedUser .mentionableUser{display:none}.mentionedUsersDS .mentionedUser .mentionableUser:hover{display:block}";
|
|
12345
|
+
styleInject(css_248z$$);
|
|
12334
12346
|
|
|
12335
12347
|
const MentionedUsers = ({ mentionedUsers, handleRemoveUser }) => {
|
|
12336
12348
|
return (jsx("div", { className: "mentionedUsersDS", children: mentionedUsers.map((user, index) => (jsxs("div", { className: "mentionedUser", children: [jsxs("div", { className: "mentionedUserSummary", children: [jsx("div", { className: "mentionedUserEmail", children: user.email }), jsx("div", { className: "bordOneToneIcon", onClick: () => handleRemoveUser(user), children: jsx(BordOneToneIcon, { customWidth: "1rem", variant: "xSquare" }) })] }), jsx(MentionableUser, { user: user })] }, `${user.userId}${index}`))) }));
|
|
12337
12349
|
};
|
|
12338
12350
|
|
|
12339
|
-
var css_248z$
|
|
12340
|
-
styleInject(css_248z$
|
|
12351
|
+
var css_248z$_ = ".mentionableUsersListDS{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.6rem;height:100%;overflow-y:auto;padding:.8rem;position:absolute;width:100%;z-index:30}.mentionableUsersListDS::-webkit-scrollbar{height:.2rem;width:.2rem}.mentionableUsersListDS::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.mentionableUsersListDS::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.mentionableUsersListDS .mentionableUsersListSearch{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity));font-size:1.4rem;line-height:2rem;margin-bottom:.4rem}";
|
|
12352
|
+
styleInject(css_248z$_);
|
|
12341
12353
|
|
|
12342
12354
|
const MentionableUsersList = ({ users, hideOptionsCallback, handleSelectUser, search, ...rest }) => {
|
|
12343
12355
|
return (jsxs("div", { className: "mentionableUsersListDS", ...rest, children: [search && jsxs("div", { className: "mentionableUsersListSearch", children: ["Buscando: ", search] }), users.map(user => (jsx(MentionableUser, { user: user, handleSelectUser: handleSelectUser, hideOptionsCallback: hideOptionsCallback }, user.userId)))] }));
|
|
12344
12356
|
};
|
|
12345
12357
|
|
|
12346
|
-
var css_248z$
|
|
12347
|
-
styleInject(css_248z$
|
|
12358
|
+
var css_248z$Z = ".bordMentionsDS{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.6rem;border-width:1px;position:relative}.bordMentionsDS .bordMentionsInputContainer{height:100%;height:calc(100% - 2.4rem);overflow-y:auto;width:100%}.bordMentionsDS .bordMentionsInputContainer .bordMentionsInput{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));height:-moz-max-content;height:max-content;margin-left:auto;margin-right:auto;padding:.8rem;width:100%}.bordMentionsDS .bordMentionsInputContainer .bordMentionsInput:focus{outline:2px solid transparent;outline-offset:2px}";
|
|
12359
|
+
styleInject(css_248z$Z);
|
|
12348
12360
|
|
|
12349
12361
|
const BordMentions = ({ placeholder, style = {}, userList = [], userListProps = {}, updateMessageCallback, updateMentionedUsersCallback, }) => {
|
|
12350
12362
|
const [showOptions, setShowOptions] = useState(false);
|
|
@@ -12479,8 +12491,8 @@ const BordNotificationIcon = ({ variant, standardSize = 32, customWidth, stroke,
|
|
|
12479
12491
|
return (jsx("div", { style: { width: iconWidth }, children: React__default.createElement(notifications, { stroke, onClick }) }));
|
|
12480
12492
|
};
|
|
12481
12493
|
|
|
12482
|
-
var css_248z$
|
|
12483
|
-
styleInject(css_248z$
|
|
12494
|
+
var css_248z$Y = ".bordPasswordInputDS{display:flex;flex-direction:column;gap:.2rem;height:100%;padding:0;width:100%}.bordPasswordInputDS .bordPasswordInputLabel{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem}";
|
|
12495
|
+
styleInject(css_248z$Y);
|
|
12484
12496
|
|
|
12485
12497
|
const BordPasswordInput = ({ label, disabled, placeholder = "Password", errorText, hideErrorText, setCurrentValue, }) => {
|
|
12486
12498
|
const [isShowPassword, setIsShowPassword] = useState(false);
|
|
@@ -12498,8 +12510,8 @@ const BordPasswordInput = ({ label, disabled, placeholder = "Password", errorTex
|
|
|
12498
12510
|
}, disabled: disabled, setIsPassword: setIsShowPassword, isPassword: isShowPassword, errorText: errorText, hideErrorText: hideErrorText, showPasswordIcon: true }) }));
|
|
12499
12511
|
};
|
|
12500
12512
|
|
|
12501
|
-
var css_248z$
|
|
12502
|
-
styleInject(css_248z$
|
|
12513
|
+
var css_248z$X = ".bordProfileSummaryDS{align-items:center;display:flex;gap:1.2rem}.bordProfileSummaryTextContainer{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.4rem;line-height:1.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:13.6rem}.bordProfileSummaryTextContainer .bordProfileSummarySubTitle,.bordProfileSummaryTextContainer .bordProfileSummaryTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordProfileSummaryTextContainer .bordProfileSummarySubTitle{opacity:.75}";
|
|
12514
|
+
styleInject(css_248z$X);
|
|
12503
12515
|
|
|
12504
12516
|
const BordProfileSummary = ({ variant = 'circularWorld', imgUrl = null, title = 'Title', subTitle = 'Sub Title', }) => {
|
|
12505
12517
|
const defaultAvatar = jsx(BordAvatar, { variant: variant });
|
|
@@ -12510,15 +12522,15 @@ const BordScrollBar = () => {
|
|
|
12510
12522
|
return (jsx("div", { className: "w-300 h-200 overflow-auto bg-white-400", children: "BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar, BordScrollBar," }));
|
|
12511
12523
|
};
|
|
12512
12524
|
|
|
12513
|
-
var css_248z$
|
|
12514
|
-
styleInject(css_248z$
|
|
12525
|
+
var css_248z$W = ".sidebarLogoDS{margin:2rem auto 4rem;width:-moz-max-content;width:max-content}";
|
|
12526
|
+
styleInject(css_248z$W);
|
|
12515
12527
|
|
|
12516
12528
|
const SidebarLogo$1 = ({ isOpen, ...rest }) => {
|
|
12517
12529
|
return (jsxs("div", { className: "sidebarLogoDS", ...rest, children: [isOpen && jsx(BordLogo, { standardSize: 80 }), !isOpen && jsx(BordOneToneIcon, { variant: "bord", stroke: "white" })] }));
|
|
12518
12530
|
};
|
|
12519
12531
|
|
|
12520
|
-
var css_248z$
|
|
12521
|
-
styleInject(css_248z$
|
|
12532
|
+
var css_248z$V = ".bordSidebarButtonDS{--tw-text-opacity:1;align-items:center;border-radius:.8rem;color:rgb(198 199 203/var(--tw-text-opacity));display:flex;font-size:1.4rem;gap:.8rem;line-height:1.8rem;padding:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:17.2rem}.bordSidebarButtonDS.selected:not(:disabled){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(28 50 59/var(--tw-bg-opacity));color:rgb(34 207 171/var(--tw-text-opacity))}.bordSidebarButtonDS:hover:not(:disabled){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.bordSidebarButtonDS:disabled{--tw-text-opacity:1;background-color:transparent;color:rgb(98 108 130/var(--tw-text-opacity));cursor:not-allowed}.bordSidebarButtonDS.closed{width:4rem}";
|
|
12533
|
+
styleInject(css_248z$V);
|
|
12522
12534
|
|
|
12523
12535
|
const BordSidebarButton = ({ isSelected = false, isOpen = true, buttonText, buttonIcon, disabled, ...rest }) => {
|
|
12524
12536
|
const [isHovered, setIsHovered] = useState(false);
|
|
@@ -12554,8 +12566,8 @@ const BordSidebarButton = ({ isSelected = false, isOpen = true, buttonText, butt
|
|
|
12554
12566
|
return (jsxs("button", { className: classnames, disabled: disabled, onMouseEnter: startHover, onMouseLeave: stoptHover, ...rest, children: [buttonIcon && (jsx(BordTwoToneIcon, { variant: buttonIcon, colorTones: iconColors })), isOpen && buttonText] }));
|
|
12555
12567
|
};
|
|
12556
12568
|
|
|
12557
|
-
var css_248z$
|
|
12558
|
-
styleInject(css_248z$
|
|
12569
|
+
var css_248z$U = ".sidebarModulesListDS{margin-left:auto;margin-right:auto;width:-moz-max-content;width:max-content}.sidebarModulesListDS .bordSidebarButtonDS{margin-bottom:.4rem}";
|
|
12570
|
+
styleInject(css_248z$U);
|
|
12559
12571
|
|
|
12560
12572
|
const SidebarModulesList = ({ isOpen, modulesList, className = "", }) => {
|
|
12561
12573
|
const classnames = `sidebarModulesListDS ${className}`;
|
|
@@ -12565,8 +12577,8 @@ const SidebarModulesList = ({ isOpen, modulesList, className = "", }) => {
|
|
|
12565
12577
|
}) }));
|
|
12566
12578
|
};
|
|
12567
12579
|
|
|
12568
|
-
var css_248z$
|
|
12569
|
-
styleInject(css_248z$
|
|
12580
|
+
var css_248z$T = ".bordSidebarDS{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));border-color:rgb(38 43 57/var(--tw-border-opacity));border-right-width:1px;border-style:solid;border-top-width:1px;height:100vh;overflow-y:scroll;transition:all .5s ease-out;width:6.4rem}.bordSidebarDS .divider{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;margin:auto auto .4rem;margin-top:calc(100vh - 49.2rem)}.bordSidebarDS.open{width:20rem}";
|
|
12581
|
+
styleInject(css_248z$T);
|
|
12570
12582
|
|
|
12571
12583
|
const BordSidebar = ({ isOpen, sidebarBaseModules, sidebarAdditionalModules, logoProps, }) => {
|
|
12572
12584
|
const openStyles = isOpen ? "open" : "";
|
|
@@ -12574,15 +12586,15 @@ const BordSidebar = ({ isOpen, sidebarBaseModules, sidebarAdditionalModules, log
|
|
|
12574
12586
|
return (jsxs("div", { className: classnames, children: [jsx(SidebarLogo$1, { isOpen: isOpen, ...logoProps }), jsx(SidebarModulesList, { isOpen: isOpen, className: "baseModules", modulesList: sidebarBaseModules }), jsx("div", { className: "divider" }), jsx(SidebarModulesList, { isOpen: isOpen, className: "additionalModules", modulesList: sidebarAdditionalModules })] }));
|
|
12575
12587
|
};
|
|
12576
12588
|
|
|
12577
|
-
var css_248z$
|
|
12578
|
-
styleInject(css_248z$
|
|
12589
|
+
var css_248z$S = ".sidebarLogoDS{margin:2rem auto 4rem;width:-moz-max-content;width:max-content}";
|
|
12590
|
+
styleInject(css_248z$S);
|
|
12579
12591
|
|
|
12580
12592
|
const SidebarLogo = (props) => {
|
|
12581
12593
|
return (jsx("div", { className: "sidebarLogoDS", ...props, children: jsx(BordLogo, { standardSize: 80 }) }));
|
|
12582
12594
|
};
|
|
12583
12595
|
|
|
12584
|
-
var css_248z$
|
|
12585
|
-
styleInject(css_248z$
|
|
12596
|
+
var css_248z$R = ".sidebarFilterValueOptionDS{height:1.8rem;margin-bottom:.4rem}.sidebarFilterValueOptionDS:last-of-type{margin-bottom:0}";
|
|
12597
|
+
styleInject(css_248z$R);
|
|
12586
12598
|
|
|
12587
12599
|
const SidebarFilterValueOption = ({ filterValue, clickOptionCallback, }) => {
|
|
12588
12600
|
const { label, value, isSelected = false, isDisabled = false } = filterValue || {};
|
|
@@ -12590,8 +12602,8 @@ const SidebarFilterValueOption = ({ filterValue, clickOptionCallback, }) => {
|
|
|
12590
12602
|
return (jsx("div", { className: "sidebarFilterValueOptionDS", children: jsx(BordCheckBox, { label: label, isButtonActive: isSelected, isButtonDisabled: isDisabled, handleClickButton: clickOption }) }));
|
|
12591
12603
|
};
|
|
12592
12604
|
|
|
12593
|
-
var css_248z$
|
|
12594
|
-
styleInject(css_248z$
|
|
12605
|
+
var css_248z$Q = ".sidebarFilterDS{margin-bottom:1.6rem;overflow-y:hidden;transition:all .5s ease-out}.sidebarFilterDS:last-of-type{margin-bottom:0}.sidebarFilterDS .sidebarFilterTitle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebarFilterDS .sidebarFilterTitle .sidebarFilterName{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;line-height:1.8rem}.sidebarFilterDS .filterOptionsContainer{margin-top:.8rem}";
|
|
12606
|
+
styleInject(css_248z$Q);
|
|
12595
12607
|
|
|
12596
12608
|
const SidebarFilter = ({ filterData, updateFiltersCallback, showSkeletonLoader, }) => {
|
|
12597
12609
|
const [isFilterOpen, setIsFilterOpen] = useState();
|
|
@@ -12620,8 +12632,8 @@ const SidebarFilter = ({ filterData, updateFiltersCallback, showSkeletonLoader,
|
|
|
12620
12632
|
}) })] }));
|
|
12621
12633
|
};
|
|
12622
12634
|
|
|
12623
|
-
var css_248z$
|
|
12624
|
-
styleInject(css_248z$
|
|
12635
|
+
var css_248z$P = ".sidebarFiltersSectionDS{height:calc(100vh - 54.2rem);margin-left:auto;margin-right:auto;overflow-y:auto;padding-left:.8rem;padding-right:.8rem;width:18.4rem}.sidebarFiltersSectionDS::-webkit-scrollbar{height:.2rem;width:.2rem}.sidebarFiltersSectionDS::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.sidebarFiltersSectionDS::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}";
|
|
12636
|
+
styleInject(css_248z$P);
|
|
12625
12637
|
|
|
12626
12638
|
const SidebarFiltersSection = ({ filters, updateFiltersCallback, showSkeletonLoader = false, }) => {
|
|
12627
12639
|
return (jsxs("div", { className: "sidebarFiltersSectionDS", children: [showSkeletonLoader && [0, 1, 2, 3].map(id => jsx(SidebarFilter, {}, id)), !showSkeletonLoader &&
|
|
@@ -12630,8 +12642,8 @@ const SidebarFiltersSection = ({ filters, updateFiltersCallback, showSkeletonLoa
|
|
|
12630
12642
|
})] }));
|
|
12631
12643
|
};
|
|
12632
12644
|
|
|
12633
|
-
var css_248z$
|
|
12634
|
-
styleInject(css_248z$
|
|
12645
|
+
var css_248z$O = ".suggestionFilterDS{margin-bottom:1.6rem;overflow-y:hidden;transition:all .5s ease-out}.suggestionFilterDS:last-of-type{margin-bottom:0}.suggestionFilterDS .suggestionFilterName{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;line-height:1.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suggestionFilterDS .filterOptionsContainer{margin-top:.8rem}";
|
|
12646
|
+
styleInject(css_248z$O);
|
|
12635
12647
|
|
|
12636
12648
|
const SuggestionFilter = ({ filterData, updateFiltersCallback, }) => {
|
|
12637
12649
|
const { filterIdentifier, filterName, filterValues } = filterData;
|
|
@@ -12641,8 +12653,8 @@ const SuggestionFilter = ({ filterData, updateFiltersCallback, }) => {
|
|
|
12641
12653
|
}) })] }));
|
|
12642
12654
|
};
|
|
12643
12655
|
|
|
12644
|
-
var css_248z$
|
|
12645
|
-
styleInject(css_248z$
|
|
12656
|
+
var css_248z$N = ".sidebarSuggestionsFiltersDS{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-radius:.6rem;bottom:7.6rem;height:33.2rem;left:1.2rem;padding:1.6rem 1.2rem;position:absolute;width:17.6rem}.sidebarSuggestionsFiltersDS .question{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:700;line-height:1.5rem;margin-bottom:1.6rem;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebarSuggestionsFiltersDS .suggestionFiltersSection{height:26rem;overflow-y:auto}.sidebarSuggestionsFiltersDS .suggestionFiltersSection::-webkit-scrollbar{height:.2rem;width:.2rem}.sidebarSuggestionsFiltersDS .suggestionFiltersSection::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.sidebarSuggestionsFiltersDS .suggestionFiltersSection::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}";
|
|
12657
|
+
styleInject(css_248z$N);
|
|
12646
12658
|
|
|
12647
12659
|
const SidebarSuggestionsFilters = ({ filters, updateFiltersCallback, sidebarSuggestionFiltersTitle, showSkeletonLoader = false, }) => {
|
|
12648
12660
|
if (showSkeletonLoader)
|
|
@@ -12652,8 +12664,8 @@ const SidebarSuggestionsFilters = ({ filters, updateFiltersCallback, sidebarSugg
|
|
|
12652
12664
|
}) })] }));
|
|
12653
12665
|
};
|
|
12654
12666
|
|
|
12655
|
-
var css_248z$
|
|
12656
|
-
styleInject(css_248z$
|
|
12667
|
+
var css_248z$M = ".bordTextButtonDS{cursor:pointer;gap:.4rem;height:-moz-max-content;height:max-content;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordTextButtonDS,.bordTextButtonDS .text{align-items:center;display:flex}.bordTextButtonDS .text{--tw-text-opacity:1;align-content:center;color:rgb(34 207 171/var(--tw-text-opacity));font-size:1rem}.bordTextButtonDS .hoverElementContainer{display:none}.bordTextButtonDS.disabled{cursor:not-allowed}.bordTextButtonDS.disabled svg path{stroke:#626c82}.bordTextButtonDS.disabled .text{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity))}.bordTextButtonDS:hover .hoverElementContainer{display:block}";
|
|
12668
|
+
styleInject(css_248z$M);
|
|
12657
12669
|
|
|
12658
12670
|
/**
|
|
12659
12671
|
* @property { string } text - The text to show in the link like button
|
|
@@ -12673,8 +12685,8 @@ const BordTextButton = ({ text, isDisabled, explainingHover, onClick, className:
|
|
|
12673
12685
|
return (jsxs("div", { className: classnames, onClick: onClickCallback, children: [leftIconProps && jsx(BordOneToneIcon, { ...leftIconProps, stroke: leftIconStroke }), jsx("div", { className: "text", ...textProps, children: text }), rightIconProps && jsx(BordOneToneIcon, { ...rightIconProps, stroke: rightIconStroke }), explainingHover && jsx("div", { className: "hoverElementContainer", children: explainingHover })] }));
|
|
12674
12686
|
};
|
|
12675
12687
|
|
|
12676
|
-
var css_248z$
|
|
12677
|
-
styleInject(css_248z$
|
|
12688
|
+
var css_248z$L = ".bordSidebarWithFiltersDS{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));border-color:rgb(38 43 57/var(--tw-border-opacity));border-right-width:1px;border-style:solid;border-top-width:1px;height:100vh;overflow-y:scroll;position:relative;transition:all .5s ease-out;width:20rem}.bordSidebarWithFiltersDS .bordTextButton{align-items:center;bottom:2rem;display:flex;justify-content:center;left:3rem;padding-bottom:1.2rem;padding-top:1.2rem;position:absolute;width:14rem}.bordSidebarWithFiltersDS .filtersTitle{align-items:center;display:flex;gap:.8rem;margin-bottom:1.6rem;padding-left:1.6rem;padding-right:1.6rem;width:-moz-max-content;width:max-content}.bordSidebarWithFiltersDS .filtersTitle .title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.6rem;font-weight:500;line-height:2.1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}";
|
|
12689
|
+
styleInject(css_248z$L);
|
|
12678
12690
|
|
|
12679
12691
|
const BordSidebarWithFilters = ({ title, logoProps, dynamicFilters, suggestionFilters, updateFiltersCallback, sidebarSuggestionFiltersTitle, cleanFiltersButtonProps, loadingDynamicFilters, loadingSuggestionFilters, ...rest }) => {
|
|
12680
12692
|
const classnames = `bordSidebarWithFiltersDS`;
|
|
@@ -12695,8 +12707,8 @@ const SuccessStepperIcon = () => {
|
|
|
12695
12707
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 26 30", width: 26, height: 26, children: [jsx("rect", { width: "26", height: "26", y: "2", fill: "#09A432", rx: "13" }), jsx("path", { stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.1", d: "m17.667 11.5-6.416 6.417L8.334 15" })] }));
|
|
12696
12708
|
};
|
|
12697
12709
|
|
|
12698
|
-
var css_248z$
|
|
12699
|
-
styleInject(css_248z$
|
|
12710
|
+
var css_248z$K = ".bordStepperDS{align-items:center;display:flex;line-height:.75rem;width:-moz-max-content;width:max-content}.bordStepperDS .progressStep{--tw-text-opacity:1;align-items:flex-start;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-direction:column}.bordStepperDS .stepConectorAndStatusContainer{align-items:center;display:flex}.bordStepperDS .titleAndSubtitleContainer{margin-top:1.6rem}.bordStepperDS .titleAndSubtitleContainer .subTitleContainer{align-items:center;display:flex;gap:.4rem}.bordStepperDS .titleAndSubtitleContainer .subTitleContainer .subTitle{text-wrap:nowrap;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;line-height:1.8rem}.bordStepperDS .titleStepper{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1rem}.bordStepperDS .inProgressConectorContainer{display:flex;height:.1rem;margin-left:.2rem;margin-right:.2rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordStepperDS .inProgressConectorContainer .inProgressConectorFirst{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity));height:.1rem;width:100%}.bordStepperDS .inProgressConectorContainer .inProgressConectorSecond{--tw-bg-opacity:1;background-color:rgb(98 108 130/var(--tw-bg-opacity));height:.1rem;width:100%}.bordStepperDS .successConector{background-color:rgb(0 153 79/var(--tw-bg-opacity))}.bordStepperDS .successConector,.bordStepperDS .waitingConector{--tw-bg-opacity:1;height:.1rem;margin-left:.2rem;margin-right:.2rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordStepperDS .waitingConector{background-color:rgb(98 108 130/var(--tw-bg-opacity))}.bordStepperDS .errorConector{background-color:var(--ds-c-bool-danger-fg);height:.1rem;margin-left:.2rem;margin-right:.2rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordStepperDS .bordStepperCustomIcon{align-items:center;border-radius:15998.4rem;display:inline-flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.bordStepperDS .bordStepperCustomIcon--waiting{border-color:var(--ds-c-stroke-interactive);border-width:1px;color:var(--ds-c-content-secondary)}.bordStepperDS .bordStepperCustomIcon--inProgress{--tw-text-opacity:1;background-color:var(--ds-c-bool-info-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordStepperDS .bordStepperCustomIcon--success{--tw-text-opacity:1;background-color:var(--ds-c-bool-success-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordStepperDS .bordStepperCustomIcon--error{--tw-text-opacity:1;background-color:var(--ds-c-bool-danger-fg);color:rgb(255 255 255/var(--tw-text-opacity))}.bordStepperDS .bordStepperCustomIcon svg path{stroke:currentColor}.bordProgressBarSkeletonLoader{align-items:center;display:flex;gap:.4rem;width:-moz-max-content;width:max-content}.bordProgressBarSkeletonLoader .stepSkeleton{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity));border-radius:15998.4rem}.bordProgressBarSkeletonLoader .skeletonConector{height:.1rem;min-width:19rem}";
|
|
12711
|
+
styleInject(css_248z$K);
|
|
12700
12712
|
|
|
12701
12713
|
const ProgressBarSkeletonLoader = ({ skeletonSteps, firstAndLastConectorWidth, intermediateStepsConectorWidth, heightStyles, }) => {
|
|
12702
12714
|
const renderSkeletonStep = (skeletonStep, index) => {
|
|
@@ -12823,8 +12835,8 @@ const ICON_CONFIG = {
|
|
|
12823
12835
|
},
|
|
12824
12836
|
};
|
|
12825
12837
|
|
|
12826
|
-
var css_248z$
|
|
12827
|
-
styleInject(css_248z$
|
|
12838
|
+
var css_248z$J = ".verticalStepperIconHalo{align-items:center;border-radius:15998.4rem;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;width:3.2rem}.verticalStepperIconHalo .verticalStepperIconHaloInner{align-items:center;border-radius:15998.4rem;border-width:0;display:flex;height:2.4rem;justify-content:center;width:2.4rem}.verticalStepperIconHalo .verticalStepperIconHaloInner .verticalStepperIconGlyph{height:1.8rem;width:1.8rem}.verticalStepperIconHalo--success{background:color-mix(in srgb,var(--ds-c-bool-success-fg) 10%,transparent)}.verticalStepperIconHalo--success .verticalStepperIconHaloInner--success{background:var(--ds-c-bool-success-bg-op)}.verticalStepperIconHalo--inProgress{background:color-mix(in srgb,var(--ds-c-bool-info-fg) 10%,transparent)}.verticalStepperIconHalo--inProgress .verticalStepperIconHaloInner--inProgress{background:var(--ds-c-bool-info-bg-op)}.verticalStepperIconHalo--waiting{background:color-mix(in srgb,var(--ds-c-content-secondary) 10%,transparent)}.verticalStepperIconHalo--waiting .verticalStepperIconHaloInner--waiting{background:var(--ds-c-stroke-default)}.verticalStepperIconHalo--cancelled,.verticalStepperIconHalo--cancelled .verticalStepperIconHaloInner--cancelled{background:color-mix(in srgb,var(--ds-c-bool-danger-fg) 10%,transparent)}.verticalStepperIconHalo--cancelledSecondary{background:color-mix(in srgb,var(--ds-c-layout-l3),transparent)}.verticalStepperIconHalo--cancelledSecondary .verticalStepperIconHaloInner--cancelledSecondary{background:color-mix(in srgb,var(--ds-c-content-secondary) 10%,transparent)}";
|
|
12839
|
+
styleInject(css_248z$J);
|
|
12828
12840
|
|
|
12829
12841
|
const VerticalStepperStepIcon = (props) => {
|
|
12830
12842
|
const { iconVariant, haloModifier, innerModifier, iconColor } = props;
|
|
@@ -12837,8 +12849,8 @@ const InProgressIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['inPr
|
|
|
12837
12849
|
const WaitingIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['waiting'] });
|
|
12838
12850
|
const CancelledIcon = ({ isSecondaryCancelled = false }) => (jsx(VerticalStepperStepIcon, { ...(isSecondaryCancelled ? ICON_CONFIG['cancelledSecondary'] : ICON_CONFIG['cancelled']) }));
|
|
12839
12851
|
|
|
12840
|
-
var css_248z$
|
|
12841
|
-
styleInject(css_248z$
|
|
12852
|
+
var css_248z$I = ".bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer{--substepBetweenBlockGap:0.4rem;--substepBulletDiameter:2.4rem;align-items:flex-start;border-radius:.6rem;display:flex;flex-direction:column;gap:1.6rem;margin-left:3.6rem;padding-bottom:.8rem;padding-left:1.2rem;padding-top:.8rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer.subStepsContainerEmpty{background-color:transparent;padding-bottom:0;padding-top:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .emptySubStepSpacer{height:1.6rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent{position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-stroke-interactive);bottom:calc(var(--substepBetweenBlockGap)*-1 - var(--substepBulletDiameter)/2);left:.5rem;position:absolute;top:calc(var(--substepBulletDiameter)/2);width:1px}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent:last-child .subStepLine{display:none}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader{padding-left:2rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:0;width:1.2rem}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;max-width:100%;padding-bottom:.6rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitleRow{align-items:baseline;display:flex;gap:.8rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitle{color:var(--ds-c-content-default);font-weight:700;margin:0;min-width:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDate{color:var(--ds-c-content-secondary);flex-shrink:0;white-space:nowrap}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-content-default);margin:.4rem 0 0}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepDate,.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-disabled-sec-fg)}";
|
|
12853
|
+
styleInject(css_248z$I);
|
|
12842
12854
|
|
|
12843
12855
|
const SubSteps = ({ subSteps, stepIndex, subStepKeySuffix, }) => {
|
|
12844
12856
|
const hasSubSteps = subSteps.length > 0;
|
|
@@ -12848,8 +12860,8 @@ const SubSteps = ({ subSteps, stepIndex, subStepKeySuffix, }) => {
|
|
|
12848
12860
|
subSteps.map((subStep, subStepIdx) => (jsxs("div", { className: "subStepContent", children: [jsx("div", { className: "subStepLine", "aria-hidden": true }), jsxs("div", { className: "subStepHeader", children: [jsx("div", { className: "subStepCircle", "aria-hidden": true }), jsxs("div", { className: "subStepHeaderContent", children: [jsxs("div", { className: "subStepTitleRow", children: [jsx("span", { className: "subStepTitle", children: subStep.title }), jsx("span", { className: "subStepDate", children: subStep.date })] }), jsx("p", { className: "subStepDescription", children: subStep.description })] })] })] }, `verticalSubStep-${stepIndex}${keyFragment}-${subStepIdx}`))), !hasSubSteps ? jsx("div", { className: "emptySubStepSpacer", "aria-hidden": true }) : null] }));
|
|
12849
12861
|
};
|
|
12850
12862
|
|
|
12851
|
-
var css_248z$
|
|
12852
|
-
styleInject(css_248z$
|
|
12863
|
+
var css_248z$H = ".bordVerticalStepper .stepContainer.locationStepContainer .locationStepHeader{align-items:center;display:flex;justify-content:center;max-width:49.6rem;min-height:3.2rem;padding-left:0;position:relative}.bordVerticalStepper .stepContainer.locationStepContainer .locationPhotos{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;gap:.8rem}.bordVerticalStepper .stepContainer.locationStepContainer .locationStepSelect{color:var(--ds-c-content-secondary);display:flex;flex:1 1 0%;justify-content:flex-end}.bordVerticalStepper .stepContainer.locationStepContainer .locationStepSelectTrigger>span{color:var(--ds-c-primary-bg-default);font-weight:700}";
|
|
12864
|
+
styleInject(css_248z$H);
|
|
12853
12865
|
|
|
12854
12866
|
const LocationStep = ({ stepIndex, listItems, defaultOrderValue, selectedOrderValue, onSelectedOrderChange, selectPlaceholder = 'Selecciona una opción', selectClassName = '', }) => {
|
|
12855
12867
|
const isControlled = selectedOrderValue !== undefined;
|
|
@@ -12879,8 +12891,8 @@ const LocationStep = ({ stepIndex, listItems, defaultOrderValue, selectedOrderVa
|
|
|
12879
12891
|
return (jsxs(Fragment, { children: [jsxs("div", { className: "stepHeader locationStepHeader", children: [jsxs("div", { className: "locationPhotos", children: [activeListItem?.leadingPhotoProps ? (jsx(BordPhoto, { ...activeListItem.leadingPhotoProps }, `leading-${selectedValue}`)) : "", jsx(BordOneToneIcon, { variant: "arrowRight", standardSize: 16, stroke: "currentColor", customClassName: "locationPhotosArrow" }), activeListItem?.trailingPhotoProps ? (jsx(BordPhoto, { ...activeListItem.trailingPhotoProps }, `trailing-${selectedValue}`)) : ""] }), jsx(BordSelect, { triggerVariant: "bare", options: selectOptions, value: selectedValue, onChange: handleSelectChange, placeholder: selectPlaceholder, className: ['locationStepSelect', selectClassName].filter(Boolean).join(' '), triggerWidth: "max-content", triggerClassName: "locationStepSelectTrigger", dropdownAlign: "end" })] }), jsx(SubSteps, { subSteps: activeSubSteps, stepIndex: stepIndex, subStepKeySuffix: selectedValue })] }));
|
|
12880
12892
|
};
|
|
12881
12893
|
|
|
12882
|
-
var css_248z$
|
|
12883
|
-
styleInject(css_248z$
|
|
12894
|
+
var css_248z$G = ".bordVerticalStepper{position:relative}.bordVerticalStepper .stepContainer{margin-bottom:1.6rem;position:relative}.bordVerticalStepper .stepContainer .stepLine{background-color:var(--ds-c-stroke-interactive);bottom:0;left:1.6rem;position:absolute;top:4rem;width:1px}.bordVerticalStepper .stepContainer .stepHeader{padding-left:3.6rem;position:relative}.bordVerticalStepper .stepContainer .stepHeader .stepIconContainer{align-items:center;display:flex;height:3.2rem;justify-content:center;left:0;position:absolute;top:0;width:3.2rem}.bordVerticalStepper .stepContainer .stepHeader .stepTitle{align-items:center;display:flex;font-size:1.2rem;font-weight:700;line-height:1.5rem;line-height:1.375;margin:0;min-height:3.2rem;text-align:left}.bordVerticalStepper .stepContainer .stepHeader .stepMainTitleDefault{color:var(--ds-c-content-default)}.bordVerticalStepper .stepContainer .stepHeader .stepMainTitleMuted{color:var(--ds-c-content-secondary)}.bordVerticalStepper .stepContainer .stepHeader .stepMainTitleDanger{color:var(--ds-c-bool-danger-fg)}";
|
|
12895
|
+
styleInject(css_248z$G);
|
|
12884
12896
|
|
|
12885
12897
|
const STEP_TITLE_CLASS = {
|
|
12886
12898
|
[BORD_VERTICAL_STEPPER_STATUS.SUCCESS]: 'stepMainTitleDefault',
|
|
@@ -12953,8 +12965,8 @@ const BordVerticalStepper = (props) => {
|
|
|
12953
12965
|
return (jsx("div", { className: "bordVerticalStepper", children: jsx(DefaultVerticalStepperContent, { steps: props.steps }) }));
|
|
12954
12966
|
};
|
|
12955
12967
|
|
|
12956
|
-
var css_248z$
|
|
12957
|
-
styleInject(css_248z$
|
|
12968
|
+
var css_248z$F = ".bordTags{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.bordTagsResults{--tw-text-opacity:1;color:rgb(111 115 125/var(--tw-text-opacity));flex-shrink:0;font-size:1.2rem;font-weight:400;line-height:1.5rem;line-height:1.5}.bordTagsResults:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.bordTagsButtonAdd{align-items:center;background-color:transparent;border-width:0;cursor:pointer;display:flex;font:inherit;gap:.2rem;padding:0}.bordTagsButtonAdd .bordOneToneIcon svg>path{stroke:#00b188}.bordTagsButtonAddLabel{--tw-text-opacity:1;color:rgb(0 177 136/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem}.bordTagsButtonAddLabel:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}";
|
|
12969
|
+
styleInject(css_248z$F);
|
|
12958
12970
|
|
|
12959
12971
|
const defaultFormatResultsCount = (count) => `${count} ${count === 1 ? 'resultado' : 'resultados'}:`;
|
|
12960
12972
|
const BordTags = ({ items, standardSize = 'medium', className = '', visibleTags = 5, onRemove, onAddTags, tagLabel = 'Agregar etiquetas', showAction = false, showAddIcon = false, iconVariant = 'plus', resultsCount, colorForAll, colorForRest = 'blue', formatResultsCount = defaultFormatResultsCount, }) => {
|
|
@@ -12964,8 +12976,8 @@ const BordTags = ({ items, standardSize = 'medium', className = '', visibleTags
|
|
|
12964
12976
|
return (jsxs("div", { className: `bordTags ${className}`, children: [showResultsLine && (jsx("span", { className: "bordTagsResults", "aria-live": "polite", children: resultsText })), items.map((item, index) => index < visibleTags && (jsx(BordTag, { labelName: item.labelName, standardSize: standardSize, color: colorForAll ?? item.color, onRemove: item.onRemove ?? onRemove, removeButtonAriaLabel: item.removeButtonAriaLabel }, index))), restTags > 0 && (jsx(BordTag, { labelName: `+${restTags} más`, standardSize: standardSize, color: colorForAll ?? colorForRest, removeButtonAriaLabel: "Ver m\u00E1s" })), onAddTags && (showAction && (jsxs("button", { type: "button", className: "bordTagsButtonAdd", onClick: onAddTags, children: [showAddIcon && jsx(BordOneToneIcon, { variant: iconVariant, standardSize: 12 }), jsx("span", { className: "bordTagsButtonAddLabel", children: tagLabel })] })))] }));
|
|
12965
12977
|
};
|
|
12966
12978
|
|
|
12967
|
-
var css_248z$
|
|
12968
|
-
styleInject(css_248z$
|
|
12979
|
+
var css_248z$E = ".bordTextAreaSkeletonLoader{display:flex;flex-direction:column;gap:.8rem;width:100%}.bordTextAreaSkeletonLoader .skeletonLabelBar{border-radius:.4rem;height:1.4rem;width:33.333333%}.bordTextAreaSkeletonLoader .skeletonField{border-radius:.6rem;box-sizing:border-box;flex-shrink:0;min-height:calc(var(--bord-ta-inner-height, 7.2rem) + 2.8rem);overflow:hidden;padding:1.4rem 1.6rem;width:100%}.bordTextAreaSkeletonLoader .skeletonFooter{display:flex;gap:.8rem;justify-content:space-between}.bordTextAreaSkeletonLoader .skeletonFooter .skeletonCaptionBar{background-color:var(--ds-c-stroke-default);border-radius:.2rem;height:1.3rem;width:50%}.bordTextAreaSkeletonLoader .skeletonFooter .skeletonCounterBar{background-color:var(--ds-c-stroke-default);border-radius:.2rem;flex-shrink:0;height:1.3rem;width:16.666667%}";
|
|
12980
|
+
styleInject(css_248z$E);
|
|
12969
12981
|
|
|
12970
12982
|
const BordTextAreaSkeleton = ({ width = '38rem', height = '7.2rem', }) => {
|
|
12971
12983
|
const fieldStyle = {
|
|
@@ -12975,8 +12987,8 @@ const BordTextAreaSkeleton = ({ width = '38rem', height = '7.2rem', }) => {
|
|
|
12975
12987
|
return (jsxs("div", { className: "bordTextAreaSkeletonLoader", style: { width }, children: [jsx("div", { className: "skeletonLabelBar animationLoader" }), jsx("div", { className: "skeletonField animationLoader", style: fieldStyle }), jsxs("div", { className: "skeletonFooter", children: [jsx("div", { className: "skeletonCaptionBar animationLoader" }), jsx("div", { className: "skeletonCounterBar animationLoader" })] })] }));
|
|
12976
12988
|
};
|
|
12977
12989
|
|
|
12978
|
-
var css_248z$
|
|
12979
|
-
styleInject(css_248z$
|
|
12990
|
+
var css_248z$D = ".bordTextAreaDS{display:flex;flex-direction:column;gap:.4rem}.bordTextAreaDS .bordTextAreaLabel{text-wrap:wrap;color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;overflow-wrap:break-word}.bordTextAreaDS .bordTextAreaContent{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;gap:.8rem;overflow-y:auto;padding:1.4rem 1.6rem;width:100%}.bordTextAreaDS .bordTextAreaContent .bordTextAreaIcon{align-items:flex-start;display:flex;flex-shrink:0}.bordTextAreaDS .bordTextAreaContent .bordTextAreaIcon svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput{background-color:transparent;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:2rem;min-height:0;padding-top:0;resize:none;width:100%}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput::-moz-placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput::placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput:focus-visible{outline:2px solid transparent;outline-offset:2px}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput::-webkit-scrollbar{height:.2rem;width:.2rem}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordTextAreaDS .bordTextAreaContent .bordTextAreaInput::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordTextAreaDS .bordTextAreaInfo{align-items:flex-start;-moz-column-gap:.8rem;column-gap:.8rem;display:grid;font-size:1rem;grid-template-columns:minmax(0,1fr) auto;line-height:1.3rem}.bordTextAreaDS .bordTextAreaInfo:not(:has(.bordTextAreaValue)){grid-template-columns:minmax(0,1fr)}.bordTextAreaDS .bordTextAreaInfo .bordTextAreaCaption{color:var(--ds-c-content-secondary);min-width:0;overflow-wrap:anywhere}.bordTextAreaDS .bordTextAreaInfo .bordTextAreaValue{color:var(--ds-c-content-secondary);flex-shrink:0;text-align:end;white-space:nowrap}.bordTextAreaDS:not(.disabled):not(.error):hover .bordTextAreaContent:not(:focus-within){border-color:var(--ds-c-content-default)}.bordTextAreaDS:not(.disabled):not(.error):hover .bordTextAreaContent:not(:focus-within) .bordTextAreaIcon svg path{stroke:var(--ds-c-content-default)}.bordTextAreaDS:not(.disabled):not(.error):hover .bordTextAreaContent:not(:focus-within) .bordTextAreaInput::-moz-placeholder{color:var(--ds-c-content-default)}.bordTextAreaDS:not(.disabled):not(.error):hover .bordTextAreaContent:not(:focus-within) .bordTextAreaInput,.bordTextAreaDS:not(.disabled):not(.error):hover .bordTextAreaContent:not(:focus-within) .bordTextAreaInput::placeholder{color:var(--ds-c-content-default)}.bordTextAreaDS:not(.disabled):not(.error) .bordTextAreaContent:focus-within{border-color:var(--ds-c-primary-bg-default)}.bordTextAreaDS:not(.disabled):not(.error) .bordTextAreaContent:focus-within .bordTextAreaIcon svg path{stroke:var(--ds-c-content-default)}.bordTextAreaDS:not(.disabled):not(.error) .bordTextAreaContent:focus-within .bordTextAreaInput::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordTextAreaDS:not(.disabled):not(.error) .bordTextAreaContent:focus-within .bordTextAreaInput::placeholder{color:var(--ds-c-content-secondary)}.bordTextAreaDS:not(.disabled):not(.error) .bordTextAreaContent:focus-within .bordTextAreaInput{color:var(--ds-c-content-default)}.bordTextAreaDS.filled:not(.disabled):not(.error) .bordTextAreaIcon svg path{stroke:var(--ds-c-content-default)}.bordTextAreaDS.filled:not(.disabled):not(.error) .bordTextAreaInput{color:var(--ds-c-content-default)}.bordTextAreaDS.error,.bordTextAreaDS.error .bordTextAreaCaption,.bordTextAreaDS.error .bordTextAreaLabel,.bordTextAreaDS.error .bordTextAreaValue{color:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.error .bordTextAreaContent{border-color:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.error .bordTextAreaContent .bordTextAreaIcon svg path{stroke:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.error .bordTextAreaContent .bordTextAreaInput{color:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.error .bordTextAreaContent .bordTextAreaInput::-moz-placeholder{color:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.error .bordTextAreaContent .bordTextAreaInput::placeholder{color:var(--ds-c-bool-danger-fg)}.bordTextAreaDS.disabled{cursor:not-allowed}.bordTextAreaDS.disabled .bordTextAreaCaption,.bordTextAreaDS.disabled .bordTextAreaLabel,.bordTextAreaDS.disabled .bordTextAreaValue{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS.disabled .bordTextAreaContent{background-color:var(--ds-c-bool-disabled-sec-bg);border-color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordTextAreaDS.disabled .bordTextAreaContent .bordTextAreaIcon svg path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS.disabled .bordTextAreaContent .bordTextAreaInput{color:var(--ds-c-bool-disabled-sec-fg);cursor:not-allowed}.bordTextAreaDS.disabled .bordTextAreaContent .bordTextAreaInput::-moz-placeholder{color:var(--ds-c-bool-disabled-sec-fg)}.bordTextAreaDS.disabled .bordTextAreaContent .bordTextAreaInput::placeholder{color:var(--ds-c-bool-disabled-sec-fg)}";
|
|
12991
|
+
styleInject(css_248z$D);
|
|
12980
12992
|
|
|
12981
12993
|
const BordTextArea = ({ label, placeholder, value = '', setInputValue, caption, textareaHeight = '7.2rem', textareaWidth = '38rem', textareaName, textareaRef, filled = false, hasError = false, isLoading = false, isDisabled = false, maxCharacters = 1000, showCharactersCount = true, leftIconVariant = null, }) => {
|
|
12982
12994
|
const isFilled = filled || value.length > 0;
|
|
@@ -12993,21 +13005,21 @@ const BordTextArea = ({ label, placeholder, value = '', setInputValue, caption,
|
|
|
12993
13005
|
return (jsxs("div", { className: className, style: { width: textareaWidth }, children: [jsx("div", { className: "bordTextAreaLabel", children: label }), jsxs("div", { className: "bordTextAreaContent", children: [leftIconVariant && (jsx("div", { className: "bordTextAreaIcon", children: jsx(BordOneToneIcon, { variant: leftIconVariant, standardSize: 14 }) })), jsx("textarea", { ref: textareaRef, className: "bordTextAreaInput", placeholder: placeholder, name: textareaName, style: { height: textareaHeight, width: textareaWidth }, disabled: isDisabled, onChange: handleInputChange, maxLength: maxCharacters, value: value })] }), jsxs("div", { className: "bordTextAreaInfo", children: [jsx("div", { className: "bordTextAreaCaption", children: caption }), showCharactersCount && (jsxs("div", { className: "bordTextAreaValue", children: [value.length, "/", maxCharacters] }))] })] }));
|
|
12994
13006
|
};
|
|
12995
13007
|
|
|
12996
|
-
var css_248z$
|
|
12997
|
-
styleInject(css_248z$
|
|
13008
|
+
var css_248z$C = ".bordToolsPhotos{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(98 108 130/var(--tw-border-opacity));border-style:solid;border-width:.2rem;padding:.8rem}.bordToolsPhotos.rounded{border-radius:15998.4rem}.bordToolsPhotos.square{border-radius:1.2rem}";
|
|
13009
|
+
styleInject(css_248z$C);
|
|
12998
13010
|
|
|
12999
13011
|
const BordToolsPhotos = ({ url, size, customSize, variant = "square", }) => {
|
|
13000
13012
|
const renderSize = customSize ? customSize : size;
|
|
13001
13013
|
return (jsx("img", { className: `bordToolsPhotos ${renderSize} ${variant}`, src: url }));
|
|
13002
13014
|
};
|
|
13003
13015
|
|
|
13004
|
-
var css_248z$
|
|
13005
|
-
styleInject(css_248z$
|
|
13016
|
+
var css_248z$B = ".bordLateralModalContentDS{border-top:.1rem solid var(--ds-c-stroke-default);display:flex;flex:1 1 0;flex-direction:column;margin-top:1.8rem;min-height:0;padding:0}@media (max-width:768px){.bordLateralModalContentDS{margin-top:1.6rem}}.bordLateralModalContentDSWithFooter{border-bottom:.1rem solid var(--ds-c-stroke-default)}.bordLateralModalContentDSscroll{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 2.4rem}@media (max-width:768px){.bordLateralModalContentDSscroll{padding:0 1.2rem}}";
|
|
13017
|
+
styleInject(css_248z$B);
|
|
13006
13018
|
|
|
13007
13019
|
const BordLateralContent = ({ children, className = '' }) => (jsx("div", { className: `bordLateralModalContentDS ${className}`.trim(), children: jsx("div", { className: "bordLateralModalContentDSscroll", children: children }) }));
|
|
13008
13020
|
|
|
13009
|
-
var css_248z$
|
|
13010
|
-
styleInject(css_248z$
|
|
13021
|
+
var css_248z$A = ".bordLateralModalFooterDS{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1.2rem;justify-content:flex-end;margin-top:1.2rem;padding:0 2.4rem 2.4rem}@media (max-width:768px){.bordLateralModalFooterDS{margin-top:1.2rem;padding:0 1.2rem 1.2rem}}.bordLateralModalFooterDS.bordLateralModalFooterDSEmpty{padding:.8rem}@media (max-width:768px){.bordLateralModalFooterDS.bordLateralModalFooterDSEmpty{padding:.8rem}}.bordLateralModalFooterDSbuttons{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.2rem;justify-content:flex-end;width:100%}.bordLateralModalFooterDSbuttons .bordLateralModalFooterDSbutton{min-width:0}.bordLateralModalFooterDS.bordLateralModalFooterDScenteredFullWidth{align-items:stretch;align-self:stretch;flex-direction:row;flex-wrap:nowrap;justify-content:center;width:100%}.bordLateralModalFooterDS.bordLateralModalFooterDScenteredFullWidth .bordLateralModalFooterDSbuttons{justify-content:center}.bordLateralModalFooterDS.bordLateralModalFooterDScenteredFullWidth .bordLateralModalFooterDSbuttons .bordLateralModalFooterDSbutton{flex:1 1 0;min-width:0}";
|
|
13022
|
+
styleInject(css_248z$A);
|
|
13011
13023
|
|
|
13012
13024
|
const BordLateralModalFooter = ({ className = '', firstButton, secondButton, children, }) => {
|
|
13013
13025
|
const mergeFooterButtonProps = (button) => {
|
|
@@ -13046,18 +13058,31 @@ const BordLateralModalFooter = ({ className = '', firstButton, secondButton, chi
|
|
|
13046
13058
|
return jsx("footer", { className: rootClassName, children: children });
|
|
13047
13059
|
};
|
|
13048
13060
|
|
|
13049
|
-
var css_248z$
|
|
13050
|
-
styleInject(css_248z$
|
|
13061
|
+
var css_248z$z = ".bordLateralModalHeaderDS{flex-shrink:0;padding:2.4rem 2.4rem 0}@media (max-width:768px){.bordLateralModalHeaderDS{padding:1.6rem 1.2rem 0}}.bordLateralModalHeaderDSrow{align-items:flex-start;display:flex;gap:1.6rem;justify-content:space-between;margin-top:0}.bordLateralModalHeaderDSleft{align-items:flex-start;display:flex;flex:1;gap:1.6rem;min-width:0}.bordLateralModalHeaderDSleading{flex-shrink:0}.bordLateralModalHeaderDStext{flex:1;min-width:0}.bordLateralModalHeaderDStitle{color:var(--ds-c-content-default);font-size:1.6rem;font-weight:700;line-height:2.1rem}.bordLateralModalHeaderDSsubtitle{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5rem;margin-top:.4rem}.bordLateralModalHeaderDSclose{background:transparent;border:none;border-radius:.6rem;cursor:pointer;flex-shrink:0;line-height:0;margin:0;padding:4px}.bordLateralModalHeaderDSclose:focus-visible{outline:.2rem solid var(--ds-c-primary-bg-default,#22cfab);outline-offset:.2rem}.bordLateralModalHeaderDSclose svg path{stroke:var(--ds-c-content-secondary)}";
|
|
13062
|
+
styleInject(css_248z$z);
|
|
13051
13063
|
|
|
13052
13064
|
const BordLateralModalHeader = ({ title, titleClassName = '', subtitle, subtitleClassName = '', leading, onClose, showCloseButton = true, closeButtonAriaLabel = 'Cerrar', className = '', }) => {
|
|
13053
13065
|
return (jsx("header", { className: `bordLateralModalHeaderDS ${className}`.trim(), children: jsxs("div", { className: "bordLateralModalHeaderDSrow", children: [jsxs("div", { className: "bordLateralModalHeaderDSleft", children: [!!leading && jsx("div", { className: "bordLateralModalHeaderDSleading", children: leading }), jsxs("div", { className: "bordLateralModalHeaderDStext", children: [jsx("div", { className: `bordLateralModalHeaderDStitle ${titleClassName}`.trim(), children: title }), !!subtitle && (jsx("div", { className: `bordLateralModalHeaderDSsubtitle ${subtitleClassName}`.trim(), children: subtitle }))] })] }), showCloseButton && !!onClose && (jsx("button", { type: "button", className: "bordLateralModalHeaderDSclose", onClick: onClose, "aria-label": closeButtonAriaLabel, children: jsx(BordOneToneIcon, { variant: "x", standardSize: 24 }) }))] }) }));
|
|
13054
13066
|
};
|
|
13055
13067
|
|
|
13056
|
-
var css_248z$
|
|
13057
|
-
styleInject(css_248z$
|
|
13068
|
+
var css_248z$y = ".bordLateralModalDS{display:flex;inset:0;justify-content:flex-end;padding:.9rem;position:fixed;z-index:1050}.bordLateralModalDSoverlay{background-color:var(--ds-c-modal-overlay-secondary);cursor:pointer;inset:0;opacity:0;position:absolute;transition:opacity .24s ease;z-index:0}.bordLateralModalDS[data-entered=true] .bordLateralModalDSoverlay{opacity:var(--bordLateralModalOverlayOpacity,1)}.bordLateralModalDSpanel{background:var(--ds-c-layout-l1);border-radius:1.6rem;box-shadow:-.4rem 0 2.4rem rgba(0,0,0,.12);display:flex;flex-direction:column;height:100%;max-height:100%;max-width:min(100vw,52rem);min-height:0;position:relative;transform:translateX(100%);transition:transform .28s cubic-bezier(.33,1,.68,1);width:100%;will-change:transform;z-index:1}[data-theme=dark] .bordLateralModalDSpanel{background:var(--ds-c-layout-bg)}.bordLateralModalDS[data-entered=true] .bordLateralModalDSpanel{transform:translateX(0)}@media (max-width:1024px){.bordLateralModalDS{align-items:flex-end;justify-content:center;padding:0}.bordLateralModalDSpanel{border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 2.4rem rgba(0,0,0,.12);height:min(90dvh,100%);max-width:100%;transform:translateY(100%);width:100%}.bordLateralModalDS[data-entered=true] .bordLateralModalDSpanel{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.bordLateralModalDSoverlay,.bordLateralModalDSpanel{transition-duration:.01ms!important}}";
|
|
13069
|
+
styleInject(css_248z$y);
|
|
13058
13070
|
|
|
13059
13071
|
const LATERAL_MODAL_PANEL_TRANSITION_MS = 280;
|
|
13060
|
-
|
|
13072
|
+
/** Clases de Tailwind por grado de desenfoque del overlay (válidas en tema claro y oscuro). */
|
|
13073
|
+
const OVERLAY_BLUR_CLASSNAME = {
|
|
13074
|
+
sm: 'backdrop-blur-sm',
|
|
13075
|
+
md: 'backdrop-blur-md',
|
|
13076
|
+
lg: 'backdrop-blur-lg',
|
|
13077
|
+
};
|
|
13078
|
+
/** Valor de opacidad final del overlay por grado; `lg` reproduce el comportamiento original (opacidad completa). */
|
|
13079
|
+
const OVERLAY_OPACITY_VALUE = {
|
|
13080
|
+
sm: 0.5,
|
|
13081
|
+
md: 0.75,
|
|
13082
|
+
lg: 1,
|
|
13083
|
+
};
|
|
13084
|
+
/** Panel lateral (drawer) con overlay, header, contenido y footer opcionales. */
|
|
13085
|
+
const BordLateralModal = ({ open, onClose, closesOnOverlayClick = true, className = '', overlayClassName = '', overlayEffect = 'opacity', overlayBlur = 'sm', overlayOpacity = 'lg', panelClassName = '', panelMaxWidth, bordLateralModalHeaderProps, bordLateralModalContent, bordLateralModalFooterProps, bordLateralModalFooterClassName = '', }) => {
|
|
13061
13086
|
const panelRef = useRef(null);
|
|
13062
13087
|
const [present, setPresent] = useState(open);
|
|
13063
13088
|
const [entered, setEntered] = useState(false);
|
|
@@ -13122,11 +13147,15 @@ const BordLateralModal = ({ open, onClose, closesOnOverlayClick = true, classNam
|
|
|
13122
13147
|
return null;
|
|
13123
13148
|
const renderContent = (jsxs(Fragment, { children: [bordLateralModalHeaderProps != null && (jsx(BordLateralModalHeader, { ...bordLateralModalHeaderProps })), !!bordLateralModalContent && (jsx(BordLateralContent, { className: bordLateralModalFooterProps !== undefined ? 'bordLateralModalContentDSWithFooter' : '', children: bordLateralModalContent })), !!bordLateralModalFooterProps && (jsx(BordLateralModalFooter, { className: bordLateralModalFooterClassName, ...bordLateralModalFooterProps }))] }));
|
|
13124
13149
|
const panelStyle = panelMaxWidth !== undefined ? { maxWidth: panelMaxWidth } : undefined;
|
|
13125
|
-
|
|
13150
|
+
const overlayEffectClassName = overlayEffect === 'blur' ? OVERLAY_BLUR_CLASSNAME[overlayBlur] : '';
|
|
13151
|
+
const overlayStyle = overlayEffect === 'opacity'
|
|
13152
|
+
? { '--bordLateralModalOverlayOpacity': OVERLAY_OPACITY_VALUE[overlayOpacity] }
|
|
13153
|
+
: undefined;
|
|
13154
|
+
return createPortal(jsxs("div", { className: `bordLateralModalDS ${className}`.trim(), "data-entered": entered ? 'true' : 'false', children: [jsx("div", { className: `bordLateralModalDSoverlay ${overlayEffectClassName} ${overlayClassName}`.trim(), style: overlayStyle, onClick: handleOverlayClick, "aria-hidden": true }), jsx("div", { ref: panelRef, className: `bordLateralModalDSpanel ${panelClassName}`.trim(), style: panelStyle, role: "dialog", "aria-modal": "true", children: renderContent })] }), document.body);
|
|
13126
13155
|
};
|
|
13127
13156
|
|
|
13128
|
-
var css_248z$
|
|
13129
|
-
styleInject(css_248z$
|
|
13157
|
+
var css_248z$x = ".bordSwitchGroup{display:flex;flex-direction:column;justify-content:space-between;max-width:100%;padding:1rem 2.8rem 2.3rem;width:-moz-max-content;width:max-content}.bordSwitchGroupContent{display:flex;flex-direction:column;min-width:0;width:100%}.bordSwitchGroupRow{border-bottom-width:1px;border-color:var(--ds-c-stroke-default);border-style:solid;width:100%}.bordSwitchGroupRow .dsSwitchContainer{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding-bottom:1.2rem;padding-top:1.2rem;width:100%}.bordSwitchGroupRow .dsSwitchTextContainer{flex:1 1 0%;min-width:0}.bordSwitchGroupRow .dsSwitchRoot,.bordSwitchGroupRow .dsSwitchSkeleton{flex-shrink:0}";
|
|
13158
|
+
styleInject(css_248z$x);
|
|
13130
13159
|
|
|
13131
13160
|
const BordSwitchGroup = ({ switches, customClassName = '', }) => {
|
|
13132
13161
|
const rootClassName = ['bordSwitchGroup', customClassName].filter(Boolean).join(' ');
|
|
@@ -43711,15 +43740,15 @@ var animationData = {
|
|
|
43711
43740
|
assets: assets
|
|
43712
43741
|
};
|
|
43713
43742
|
|
|
43714
|
-
var css_248z$
|
|
43715
|
-
styleInject(css_248z$
|
|
43743
|
+
var css_248z$w = ".bordAnimationLoaderDS{align-items:center;display:inline-flex;line-height:0}";
|
|
43744
|
+
styleInject(css_248z$w);
|
|
43716
43745
|
|
|
43717
43746
|
const BordAnimationLoader = ({ width = '14.3rem', lottieClassName = '', className = '', style, ...rest }) => {
|
|
43718
43747
|
return (jsx("div", { className: `bordAnimationLoaderDS ${className}`.trim(), style: style, ...rest, children: jsx(Lottie, { className: lottieClassName, style: { width }, animationData: animationData }) }));
|
|
43719
43748
|
};
|
|
43720
43749
|
|
|
43721
|
-
var css_248z$
|
|
43722
|
-
styleInject(css_248z$
|
|
43750
|
+
var css_248z$v = ".bordConfigStatusCardDS{background-color:transparent;border-radius:1.2rem;width:100%}.bordConfigStatusCardDS .bordConfigStatusHeader{align-items:center;align-self:stretch;display:flex;flex-direction:row;gap:1.2rem;justify-content:space-between}.bordConfigStatusCardDS .bordConfigStatusHeader .bordConfigStatusTitle{color:var(--ds-c-content-default);font-size:1.4rem;font-weight:500;line-height:1.8rem;margin:0}.bordConfigStatusCardDS .bordConfigStatusHeader .bordConfigStatusAction{--tw-text-opacity:1;align-items:center;background-color:transparent;border-width:0;color:rgb(0 177 136/var(--tw-text-opacity));display:inline-flex;flex-shrink:0;font-size:1.4rem;font-weight:500;gap:.4rem;line-height:1.8rem;padding:0}.bordConfigStatusCardDS .bordConfigStatusHeader .bordConfigStatusAction .bordConfigStatusActionLabel{--tw-text-opacity:1;color:rgb(0 177 136/var(--tw-text-opacity));font-size:1.2rem}.bordConfigStatusCardDS .bordConfigStatusHeader .bordConfigStatusAction .bordConfigStatusActionIcon{--tw-text-opacity:1;color:rgb(0 177 136/var(--tw-text-opacity));width:1.1rem}.bordConfigStatusCardDS .bordConfigStatusHeader .bordConfigStatusAction .bordConfigStatusActionIcon svg path{stroke:#00b188}.bordConfigStatusCardDS .bordConfigStatusContent{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.3rem;margin-top:1.2rem}.bordConfigStatusCardDS .bordConfigStatusContent .bordConfigStatusItemLabel{color:var(--ds-c-content-secondary);font-size:1.2rem}";
|
|
43751
|
+
styleInject(css_248z$v);
|
|
43723
43752
|
|
|
43724
43753
|
const BordConfigStatusCard = ({ title, icon, iconCopy = '', statusOptions, selectedStatusId, onActionClick, onStatusChange, customClassName = '', ...rest }) => {
|
|
43725
43754
|
const rootClassName = `bordConfigStatusCardDS ${customClassName}`;
|
|
@@ -43737,8 +43766,8 @@ const BordConfigStatusCard = ({ title, icon, iconCopy = '', statusOptions, selec
|
|
|
43737
43766
|
return (jsxs("div", { className: rootClassName, ...rest, children: [jsxs("div", { className: "bordConfigStatusHeader", children: [title ? jsx("div", { className: "bordConfigStatusTitle", children: title }) : '', onActionClick ? (jsx("button", { type: "button", className: "bordConfigStatusAction", onClick: handleActionClick, children: actionInner })) : ('')] }), jsx("div", { className: contentClassName, children: statusOptions.map(option => (jsx(BordRadioButton, { label: option.label, labelProps: { className: 'bordConfigStatusItemLabel' }, isButtonActive: option.id === selectedStatusId, onClick: () => handleStatusClick(option.id) }, option.id))) })] }));
|
|
43738
43767
|
};
|
|
43739
43768
|
|
|
43740
|
-
var css_248z$
|
|
43741
|
-
styleInject(css_248z$
|
|
43769
|
+
var css_248z$u = ".bordGroupedComboBoxDS{display:inline-block;position:relative;width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSlabel{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSrow{align-items:flex-start;display:flex;gap:1.2rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputColumn{flex:1 1 0%;min-width:0;position:relative}.bordGroupedComboBoxDS .bordGroupedComboBoxDSsecondary{flex-shrink:0}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper{--tw-border-opacity:1;align-items:center;background-color:var(--ds-c-layout-l1);border-color:rgb(180 180 180/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;padding-left:1.2rem;padding-right:1.2rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover{border-color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputIcon{--tw-text-opacity:1;align-items:center;color:rgb(180 180 180/var(--tw-text-opacity));display:flex;flex-shrink:0;justify-content:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;outline:2px solid transparent;outline-offset:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;margin-top:.4rem;max-height:46.8rem;overflow-x:hidden;overflow-y:auto;padding-bottom:.8rem;padding-top:.8rem;position:absolute;right:0;top:100%;z-index:50}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar{width:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);min-height:71px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup{display:block}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup+.bordGroupedComboBoxDSgroup{margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroupLabel{--tw-border-opacity:1;border-bottom-width:1px;border-inline-start-color:rgb(180 180 180/var(--tw-border-opacity));border-style:solid;color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption{align-items:baseline;background-color:transparent;border-style:none;border-left:3px solid transparent;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;line-height:1.5rem;min-width:0;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.selected,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled{background-color:transparent;border-left-color:transparent;cursor:not-allowed}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled:hover,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled:hover{background-color:transparent;border-left-color:transparent}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionLabel,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-content-default);flex-shrink:0;font-size:1.4rem;line-height:1.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionId{color:var(--ds-c-content-secondary);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordGroupedComboBoxDS .bordGroupedComboBoxDSemptyState{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloader{display:block;padding:2.4rem 1.6rem;text-align:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloaderText{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDScaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSerrorText{color:var(--ds-c-bool-danger-fg);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS.filled .bordGroupedComboBoxDSinputWrapper,.bordGroupedComboBoxDS.isOpen .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS.error .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-bool-danger-fg)}.bordGroupedComboBoxDS.disabled{pointer-events:none}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputWrapper{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-bool-disabled-fg)}";
|
|
43770
|
+
styleInject(css_248z$u);
|
|
43742
43771
|
|
|
43743
43772
|
const DEFAULT_PLACEHOLDER = 'Selecciona o escribe el reporte';
|
|
43744
43773
|
const DEFAULT_EMPTY_STATE$1 = 'No hay reportes registrados';
|
|
@@ -43851,8 +43880,8 @@ const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptio
|
|
|
43851
43880
|
})] }, group.groupId)))) }))] }), showSecondary && secondarySelector && (jsx("div", { className: "bordGroupedComboBoxDSsecondary", children: jsx(BordSelect, { options: secondarySelector.options, value: secondarySelector.value, onChange: secondarySelector.onChange, placeholder: secondarySelector.placeholder, triggerWidth: secondarySelector.width, disabled: !isSecondaryEnabled }) }))] }), hasError ? (jsx("span", { className: "bordGroupedComboBoxDSerrorText", children: errorText })) : (caption && jsx("span", { className: "bordGroupedComboBoxDScaption", children: caption }))] }));
|
|
43852
43881
|
};
|
|
43853
43882
|
|
|
43854
|
-
var css_248z$
|
|
43855
|
-
styleInject(css_248z$
|
|
43883
|
+
var css_248z$t = ".bordEmailPreviewDS{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;height:47rem;overflow:hidden;position:relative;width:100%}.bordEmailPreviewDS .bordEmailPreviewDSimage{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;width:100%}";
|
|
43884
|
+
styleInject(css_248z$t);
|
|
43856
43885
|
|
|
43857
43886
|
const DEFAULT_IMAGE_ALT = 'Preview del correo a enviar al cliente';
|
|
43858
43887
|
/**
|
|
@@ -43864,8 +43893,8 @@ const BordEmailPreview = ({ imageUrl, imageAlt = DEFAULT_IMAGE_ALT, className =
|
|
|
43864
43893
|
return (jsx("div", { className: rootClassName, children: jsx("img", { src: imageUrl, alt: imageAlt, className: "bordEmailPreviewDSimage" }) }));
|
|
43865
43894
|
};
|
|
43866
43895
|
|
|
43867
|
-
var css_248z$
|
|
43868
|
-
styleInject(css_248z$
|
|
43896
|
+
var css_248z$s = ".bordIncidentDatesFormDS{display:block;width:100%}.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBanner{align-items:center;background-color:var(--ds-c-bool-info-bg);border-color:var(--ds-c-bool-info-fg);border-radius:.8rem;border-style:solid;border-width:1px;box-sizing:border-box;display:flex;gap:1.2rem;height:3.8rem;margin-bottom:1.6rem;max-width:46.8rem;padding:0 1.2rem;width:100%}.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBannerIcon{align-items:center;color:var(--ds-c-bool-info-fg);display:flex;flex-shrink:0;justify-content:center}.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBannerIcon svg path{stroke:var(--ds-c-bool-info-fg)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBannerLabel{font-weight:700}.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBannerLabel,.bordIncidentDatesFormDS .bordIncidentDatesFormDSslaBannerRange{color:var(--ds-c-bool-info-fg);font-size:1.2rem;line-height:1.5rem}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdates{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr;margin-bottom:1.6rem}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField{display:block;min-width:0}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS .bordDatePickerLabel{color:var(--ds-c-content-default);font-size:1.1rem;letter-spacing:-.01em;line-height:1.6rem;overflow:visible;white-space:nowrap}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input{border-color:var(--ds-c-stroke-default);color:var(--ds-c-content-secondary)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input::placeholder{color:var(--ds-c-content-secondary)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input:hover{background-color:transparent;border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-content-secondary)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input:active,.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input:focus{border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-content-secondary)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(70%) brightness(40%)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS.filled .bordDatePickerLabel{color:var(--ds-c-content-default)}.bordIncidentDatesFormDS .bordIncidentDatesFormDSdateField .bordDatePickerDS.filled input{border-color:var(--ds-c-primary-bg-default);color:var(--ds-c-content-default)}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField{display:block;margin-bottom:1.2rem;width:100%}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS{width:100%}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS label{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS .inputContainer{width:100%}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS .inputContainer input::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS .inputContainer input::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS.filled .inputContainer,.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS.focused .inputContainer,.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS:focus-within .inputContainer,.bordIncidentDatesFormDS .bordIncidentDatesFormDStrackingField .bordTextInputDS:hover .inputContainer{border-color:var(--ds-c-primary-bg-default)}";
|
|
43897
|
+
styleInject(css_248z$s);
|
|
43869
43898
|
|
|
43870
43899
|
const DEFAULT_PICKUP_FROM = 'Fecha estimada de recolección (Desde)*';
|
|
43871
43900
|
const DEFAULT_PICKUP_TO = 'Fecha estimada de recolección (Hasta)*';
|
|
@@ -43914,8 +43943,8 @@ const BordIncidentDatesForm = ({ value, onChange, slaStartDate, slaEndDate, pick
|
|
|
43914
43943
|
return (jsxs("div", { className: rootClassName, children: [slaRange && (jsxs("div", { className: "bordIncidentDatesFormDSslaBanner", children: [jsx("span", { className: "bordIncidentDatesFormDSslaBannerIcon", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: "info", standardSize: SLA_BANNER_ICON_SIZE, className: "bordIncidentDatesFormDSslaBannerIconSvg" }) }), jsx("span", { className: "bordIncidentDatesFormDSslaBannerLabel", children: slaBannerLabel }), jsx("span", { className: "bordIncidentDatesFormDSslaBannerRange", children: slaRange })] })), dateFields.length > 0 && (jsx("div", { className: "bordIncidentDatesFormDSdates", children: dateFields.map(({ key, label }) => (jsx("div", { className: "bordIncidentDatesFormDSdateField", children: jsx(BordDatePicker, { label: label, isFilled: Boolean(value[key]), defaultValue: value[key], updateCurrentValueCallback: (v) => update(key, v) }) }, key))) })), trackingFields.map(({ key, label, placeholder }) => (jsx("div", { className: "bordIncidentDatesFormDStrackingField", children: jsx(BordTextInput, { label: label, placeholder: placeholder, currentText: value[key] ?? '', isFilled: Boolean(value[key]), setCurrentText: (v) => update(key, v), hideErrorText: true }) }, key)))] }));
|
|
43915
43944
|
};
|
|
43916
43945
|
|
|
43917
|
-
var css_248z$
|
|
43918
|
-
styleInject(css_248z$
|
|
43946
|
+
var css_248z$r = ".bordIncidentClosureListDS{display:block;width:100%}.bordIncidentClosureListDS .bordIncidentClosureListDSselectAll{display:flex;justify-content:flex-end;margin-bottom:1.2rem}.bordIncidentClosureListDS .bordIncidentClosureListDSsearch{align-items:center;background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;margin-bottom:1.6rem;padding-left:1.2rem;padding-right:1.2rem;position:relative}.bordIncidentClosureListDS .bordIncidentClosureListDSsearch:focus-within{border-color:var(--ds-c-primary-bg-default)}.bordIncidentClosureListDS .bordIncidentClosureListDSsearchIcon{align-items:center;color:var(--ds-c-content-secondary);display:flex;flex-shrink:0;justify-content:center}.bordIncidentClosureListDS .bordIncidentClosureListDSsearchInput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.2rem;line-height:1.5rem;outline:2px solid transparent;outline-offset:2px}.bordIncidentClosureListDS .bordIncidentClosureListDSsearchInput::-moz-placeholder{color:var(--ds-c-content-secondary)}.bordIncidentClosureListDS .bordIncidentClosureListDSsearchInput::placeholder{color:var(--ds-c-content-secondary)}.bordIncidentClosureListDS .bordIncidentClosureListDSlist{display:flex;flex-direction:column;gap:.8rem;list-style-type:none;margin:0;padding:0}.bordIncidentClosureListDS .bordIncidentClosureListDSitem{--tw-bg-opacity:1;align-items:flex-start;background-color:rgb(250 250 249/var(--tw-bg-opacity));border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;display:flex;gap:1.2rem;padding:1.2rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordIncidentClosureListDS .bordIncidentClosureListDSitem:hover{background-color:var(--ds-c-primary-bg-secondary)}.bordIncidentClosureListDS .bordIncidentClosureListDSitem.selected{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordIncidentClosureListDS .bordIncidentClosureListDSitem.readOnly{cursor:not-allowed;opacity:.6}.bordIncidentClosureListDS .bordIncidentClosureListDSitem.readOnly:hover{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.bordIncidentClosureListDS .bordIncidentClosureListDSitemCheckbox{flex-shrink:0;margin-top:.2rem}.bordIncidentClosureListDS .bordCheckBoxButtonSvg svg .largeRect,.bordIncidentClosureListDS .bordCheckBoxButtonSvg svg .smallRect{stroke-width:1.6}.bordIncidentClosureListDS .bordIncidentClosureListDSitemContent{flex:1 1 0%;min-width:0}.bordIncidentClosureListDS .bordIncidentClosureListDSitemDate{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordIncidentClosureListDS .bordIncidentClosureListDSitemMessage{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem}.bordIncidentClosureListDS .bordIncidentClosureListDSitemMessage strong{font-weight:700}.bordIncidentClosureListDS .bordIncidentClosureListDSitemNotification{--tw-text-opacity:1;color:rgb(0 177 136/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem}.bordIncidentClosureListDS .bordIncidentClosureListDSemptyState{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;padding:2.4rem 1.6rem;text-align:center}";
|
|
43947
|
+
styleInject(css_248z$r);
|
|
43919
43948
|
|
|
43920
43949
|
const DEFAULT_SELECT_ALL_LABEL$1 = 'Seleccionar todos los incidentes abiertos';
|
|
43921
43950
|
const DEFAULT_SEARCH_PLACEHOLDER = 'Buscar...';
|
|
@@ -43964,8 +43993,8 @@ const BordIncidentClosureList = ({ incidents, selectedUids, onSelectionChange, s
|
|
|
43964
43993
|
}) }))] }));
|
|
43965
43994
|
};
|
|
43966
43995
|
|
|
43967
|
-
var css_248z$
|
|
43968
|
-
styleInject(css_248z$
|
|
43996
|
+
var css_248z$q = ".bordTrackingEventCardDS{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-radius:.8rem;color:var(--ds-c-content-default);display:flex;flex-direction:column;gap:.4rem;max-width:100%;min-height:6.9rem;padding:.8rem;width:65.4rem}.bordTrackingEventCardDS .bordTrackingEventCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordTrackingEventCardDS .bordTrackingEventCardTimestamp{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem}.bordTrackingEventCardDS .bordTrackingEventCardBadgeSlot{align-items:center;display:inline-flex}.bordTrackingEventCardDS .bordTrackingEventCardBadgeSlot .bordBadgeDS.outlined{align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordTrackingEventCardDS .bordTrackingEventCardTitle{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordTrackingEventCardDS .bordTrackingEventCardSubtitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordTrackingEventCardDS.isPast .bordTrackingEventCardSubtitle,.bordTrackingEventCardDS.isPast .bordTrackingEventCardTitle{color:var(--ds-c-content-secondary)}";
|
|
43997
|
+
styleInject(css_248z$q);
|
|
43969
43998
|
|
|
43970
43999
|
/**
|
|
43971
44000
|
* Tarjeta base del historial de tracking para eventos NO-incidente (creación, cambios de estado, etc.).
|
|
@@ -43975,8 +44004,8 @@ const BordTrackingEventCard = ({ timestamp, title, subtitle, badge, isPast = fal
|
|
|
43975
44004
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsxs("div", { className: "bordTrackingEventCardHeader", children: [jsx("span", { className: "bordTrackingEventCardTimestamp", children: timestamp }), badge && jsx("div", { className: "bordTrackingEventCardBadgeSlot", children: badge })] }), jsx("div", { className: "bordTrackingEventCardTitle", children: title }), subtitle && jsx("div", { className: "bordTrackingEventCardSubtitle", children: subtitle })] }));
|
|
43976
44005
|
};
|
|
43977
44006
|
|
|
43978
|
-
var css_248z$
|
|
43979
|
-
styleInject(css_248z$
|
|
44007
|
+
var css_248z$p = ".bordIncidentCardDS{border-radius:.8rem;border-width:1px;max-width:100%;min-height:6.9rem;padding:.8rem;position:relative;width:65.4rem}.bordIncidentCardDS .bordIncidentCardPin{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:.8rem;top:1.1rem}.bordIncidentCardDS .bordIncidentCardLayout{align-items:stretch;display:flex;gap:1rem;height:100%}.bordIncidentCardDS .bordIncidentCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;min-width:0}.bordIncidentCardDS .bordIncidentCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordIncidentCardDS .bordIncidentCardTimestamp{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem}.bordIncidentCardDS .bordIncidentCardBadgeSlot{align-items:center;display:inline-flex}.bordIncidentCardDS .bordIncidentCardBadgeSlot .bordBadgeDS.outlined:not(.dangerBordBadge){align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordIncidentCardDS .bordIncidentCardSubtitle,.bordIncidentCardDS .bordIncidentCardTitle{font-size:1.4rem;line-height:1.8rem;overflow-wrap:break-word}.bordIncidentCardDS .bordIncidentCardSubtitle{color:var(--ds-c-content-default)}.bordIncidentCardDS .bordIncidentCardCta{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:.8rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking{--tw-border-opacity:1;background-color:rgba(252,84,61,.1);border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity));display:inline-flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:-moz-fit-content;width:fit-content}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge .bordBadgeBullet{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex;gap:.8rem;height:3.6rem;justify-content:center;min-width:15rem;padding-left:.8rem;padding-right:.8rem;white-space:nowrap;width:-moz-fit-content;width:fit-content}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS .textContainer{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.4rem;font-weight:400;line-height:1.8rem}.bordIncidentCardDS.bordIncidentCardVariant--informative{--tw-border-opacity:1;background-color:rgba(220,196,16,.1);border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--informative .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress{--tw-border-opacity:1;background-color:rgba(34,207,171,.1);border-color:rgb(34 207 171/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-color:transparent}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardSubtitle{color:var(--ds-c-content-secondary)}.bordIncidentCardDS.bordIncidentCardState--cancelled{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}";
|
|
44008
|
+
styleInject(css_248z$p);
|
|
43980
44009
|
|
|
43981
44010
|
/**
|
|
43982
44011
|
* Tarjeta de incidente para el historial de tracking. Variants `blocking | informative | progress` definen colores.
|
|
@@ -43993,8 +44022,8 @@ const BordIncidentCard = ({ variant, state = 'open', timestamp, title, subtitle,
|
|
|
43993
44022
|
return (jsxs("div", { className: rootClass, ...restProps, children: [pinned && (jsx("span", { className: "bordIncidentCardPin", "aria-hidden": "true", children: jsx(BordOneToneIcon, { variant: "pin", customWidth: "1.1rem" }) })), jsxs("div", { className: "bordIncidentCardLayout", children: [jsxs("div", { className: "bordIncidentCardContent", children: [jsxs("div", { className: "bordIncidentCardHeader", children: [jsx("span", { className: "bordIncidentCardTimestamp", children: timestamp }), badge && jsx("div", { className: "bordIncidentCardBadgeSlot", children: badge })] }), jsx("div", { className: "bordIncidentCardTitle", children: title }), subtitle && jsx("div", { className: "bordIncidentCardSubtitle", children: subtitle })] }), ctaProps && (jsx("div", { className: "bordIncidentCardCta", children: jsx(BordButton, { ...ctaProps }) }))] })] }));
|
|
43994
44023
|
};
|
|
43995
44024
|
|
|
43996
|
-
var css_248z$
|
|
43997
|
-
styleInject(css_248z$
|
|
44025
|
+
var css_248z$o = ".bordTrackingEtaCardDS{--tw-bg-opacity:1;align-items:center;background-color:rgb(5 33 67/var(--tw-bg-opacity));border-radius:.8rem;color:var(--ds-c-content-default);display:flex;gap:1.2rem;height:3.2rem;justify-content:space-between;max-width:100%;padding-left:1.6rem;padding-right:1.6rem;width:65.4rem}.bordTrackingEtaCardDS .bordTrackingEtaCardSide{align-items:center;display:inline-flex;gap:.6rem}.bordTrackingEtaCardDS .bordTrackingEtaCardSide--end{justify-content:flex-end}.bordTrackingEtaCardDS .bordTrackingEtaCardLabel{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem}.bordTrackingEtaCardDS .bordTrackingEtaCardCode,.bordTrackingEtaCardDS .bordTrackingEtaCardDate{--tw-text-opacity:1;color:rgb(35 165 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem}.bordTrackingEtaCardDS .bordTrackingEtaCardCode{align-items:center;display:inline-flex;gap:.4rem}.bordTrackingEtaCardDS .bordTrackingEtaCardCodeLink{text-decoration-line:none}.bordTrackingEtaCardDS .bordTrackingEtaCardCodeLink:hover{text-decoration-line:underline}.bordTrackingEtaCardDS .bordTrackingEtaCardCodeLink svg path{stroke:currentColor}";
|
|
44026
|
+
styleInject(css_248z$o);
|
|
43998
44027
|
|
|
43999
44028
|
/**
|
|
44000
44029
|
* Card horizontal del tracking que muestra la ETA a destino y el código de rastreo.
|
|
@@ -44010,8 +44039,8 @@ const STATUS_VARIANTS = {
|
|
|
44010
44039
|
confirmed: 'confirmed',
|
|
44011
44040
|
};
|
|
44012
44041
|
|
|
44013
|
-
var css_248z$
|
|
44014
|
-
styleInject(css_248z$
|
|
44042
|
+
var css_248z$n = ".bordConfigStatusReportRoot{align-items:center;background-color:var(--ds-c-layout-l1);border-radius:1.2rem;border-width:1px;display:flex;flex-direction:row;gap:.4rem;height:5.6rem;padding:1.2rem;width:44rem}.bordConfigStatusReportRoot .bordConfigStatusReportTitle{color:var(--ds-c-content-secondary);flex-shrink:0;font-size:1.2rem}.bordConfigStatusReportRoot .bordConfigStatusReportDescription{font-size:1.2rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordConfigStatusReportRoot .bordConfigStatusReportDot{border-radius:.4rem;flex-shrink:0;height:.8rem;width:.8rem}";
|
|
44043
|
+
styleInject(css_248z$n);
|
|
44015
44044
|
|
|
44016
44045
|
const STATUS_STYLES = {
|
|
44017
44046
|
[STATUS_VARIANTS.notConfirmed]: {
|
|
@@ -44030,21 +44059,21 @@ const BordConfigStatusReport = ({ title, description, status }) => {
|
|
|
44030
44059
|
return (jsxs("div", { className: `bordConfigStatusReportRoot ${statusStyles.border}`, children: [jsx("span", { className: "bordConfigStatusReportTitle", children: title }), jsx("span", { className: `bordConfigStatusReportDescription ${statusStyles.text}`, children: description }), jsx("span", { className: `bordConfigStatusReportDot ${statusStyles.dot}`, "aria-hidden": "true" })] }));
|
|
44031
44060
|
};
|
|
44032
44061
|
|
|
44033
|
-
var css_248z$
|
|
44034
|
-
styleInject(css_248z$
|
|
44062
|
+
var css_248z$m = ".bordConditionTooltip{align-items:center;background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;border-width:.05rem;box-shadow:0 .5rem .8rem 0 rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;gap:.8rem;max-width:100%;padding:.8rem;width:29.6rem}.bordConditionTooltip .bordConditionTooltipTitle{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:700;letter-spacing:0;line-height:100%;margin:0;width:100%}.bordConditionTooltip .bordConditionTooltipSection{display:flex;flex-direction:column;gap:.2rem;width:100%}.bordConditionTooltip .bordConditionTooltipSection+.bordConditionTooltipSection{margin-top:1rem}.bordConditionTooltip .bordConditionTooltipSubtitle{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:700;letter-spacing:0;line-height:100%;margin:0;text-transform:uppercase}.bordConditionTooltip .bordConditionTooltipList{display:flex;flex-direction:column;gap:.2rem;list-style-type:none;margin:0;padding:0}.bordConditionTooltip .bordConditionTooltipItem{align-items:flex-start;color:var(--ds-c-content-default);display:flex;font-size:1.2rem;font-weight:400;gap:.2rem;letter-spacing:0;line-height:100%}.bordConditionTooltip .bordConditionTooltipIcon{flex-shrink:0;margin-top:.2rem}.bordConditionTooltip .bordConditionTooltipIcon--allowed svg path{stroke:var(--ds-c-bool-success-fg)}.bordConditionTooltip .bordConditionTooltipIcon--disallowed svg path{stroke:var(--ds-c-bool-danger-fg)}";
|
|
44063
|
+
styleInject(css_248z$m);
|
|
44035
44064
|
|
|
44036
44065
|
const BordConditionTooltip = ({ title, allowedLabel, disallowedLabel, allowedItems, disallowedItems, className = '', ...restProps }) => {
|
|
44037
44066
|
const rootClass = ['bordConditionTooltip', className].filter(Boolean).join(' ');
|
|
44038
44067
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsx("h3", { className: "bordConditionTooltipTitle", children: title }), allowedItems.length > 0 && (jsxs("div", { className: "bordConditionTooltipSection", children: [jsx("h4", { className: "bordConditionTooltipSubtitle", children: allowedLabel }), jsx("ul", { className: "bordConditionTooltipList", children: allowedItems.map((item, index) => (jsxs("li", { className: "bordConditionTooltipItem", children: [jsx(BordOneToneIcon, { variant: "check", customWidth: "1.2rem", customClassName: "bordConditionTooltipIcon bordConditionTooltipIcon--allowed" }), jsx("span", { className: "bordConditionTooltipText", children: item })] }, index))) })] })), disallowedItems.length > 0 && (jsxs("div", { className: "bordConditionTooltipSection", children: [jsx("h4", { className: "bordConditionTooltipSubtitle", children: disallowedLabel }), jsx("ul", { className: "bordConditionTooltipList", children: disallowedItems.map((item, index) => (jsxs("li", { className: "bordConditionTooltipItem", children: [jsx(BordOneToneIcon, { variant: "x", customWidth: "1.2rem", customClassName: "bordConditionTooltipIcon bordConditionTooltipIcon--disallowed" }), jsx("span", { className: "bordConditionTooltipText", children: item })] }, index))) })] }))] }));
|
|
44039
44068
|
};
|
|
44040
44069
|
|
|
44041
|
-
var css_248z$
|
|
44042
|
-
styleInject(css_248z$
|
|
44070
|
+
var css_248z$l = ".bordConditionBadge{align-items:center;border-radius:.8rem;display:inline-flex;flex-shrink:0;font-size:1.2rem;font-weight:700;gap:.4rem;justify-content:center;line-height:1.5rem}.bordConditionBadge--A,.bordConditionBadge--B,.bordConditionBadge--C,.bordConditionBadge--D{height:2.4rem;width:2.4rem}.bordConditionBadge--new{--tw-text-opacity:1;background:linear-gradient(95deg,#60ddc3 .3%,#23a5ff 93.7%);color:rgb(255 255 255/var(--tw-text-opacity));font-family:Causten Round,sans-serif;font-size:.8rem;font-weight:800;height:2.4rem;letter-spacing:normal;line-height:1rem;padding:0 .4rem}[data-theme=dark] .bordConditionBadge--new{background:linear-gradient(95deg,#22cfab .3%,#0057a7 93.7%)}.bordConditionBadge--A{background-color:var(--ds-c-bool-success-bg-op);color:var(--ds-c-bool-success-fg)}.bordConditionBadge--B{background-color:var(--ds-c-bool-info-bg-op);color:var(--ds-c-bool-info-fg)}.bordConditionBadge--C{background-color:var(--ds-c-bool-warning-bg-op);color:var(--ds-c-bool-warning-fg)}.bordConditionBadge--D{background-color:var(--ds-c-bool-danger-bg-op);color:var(--ds-c-bool-danger-fg)}";
|
|
44071
|
+
styleInject(css_248z$l);
|
|
44043
44072
|
|
|
44044
44073
|
const BordConditionBadge = ({ badge, className = '' }) => (jsx("span", { className: ['bordConditionBadge', `bordConditionBadge--${badge.variant}`, className].filter(Boolean).join(' '), children: badge.label }));
|
|
44045
44074
|
|
|
44046
|
-
var css_248z$
|
|
44047
|
-
styleInject(css_248z$
|
|
44075
|
+
var css_248z$k = ".bordDinamic{align-items:center;background-color:var(--ds-c-layout-l2);display:flex;justify-content:space-between;padding-bottom:1.2rem;padding-top:1.2rem;width:100%}.bordDinamic .bordDinamicText{display:flex;flex-direction:column}.bordDinamic .bordDinamicControl{align-items:center;display:flex}.bordDinamicSubtitle,.bordDinamicTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal}.bordDinamicSubtitle:empty{display:none}";
|
|
44076
|
+
styleInject(css_248z$k);
|
|
44048
44077
|
|
|
44049
44078
|
const BordDinamic = ({ title, child, subtitle = '', customClass = '', customClassTitle = '', customClassSubtitle = '', }) => {
|
|
44050
44079
|
const containerClass = customClass ? `${customClass} bordDinamic` : 'bordDinamic';
|
|
@@ -44053,16 +44082,16 @@ const BordDinamic = ({ title, child, subtitle = '', customClass = '', customClas
|
|
|
44053
44082
|
return (jsxs("div", { className: containerClass, children: [jsxs("div", { className: "bordDinamicText", children: [jsx("span", { className: titleClass, children: title }), jsx("p", { className: subtitleClass, children: subtitle })] }), jsx("div", { className: "bordDinamicControl", children: child })] }));
|
|
44054
44083
|
};
|
|
44055
44084
|
|
|
44056
|
-
var css_248z$
|
|
44057
|
-
styleInject(css_248z$
|
|
44085
|
+
var css_248z$j = ".bordDinamicList{background-color:var(--ds-c-layout-l2);display:flex;flex-direction:column;gap:1.2rem;width:100%}.bordDinamicList .bordDinamicListRow{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity));width:100%}.bordDinamicList .bordDinamicListRow .bordDinamic{background-color:transparent}.bordDinamicList .bordDinamicListRow:last-child{border-bottom-width:0;padding-bottom:0}";
|
|
44086
|
+
styleInject(css_248z$j);
|
|
44058
44087
|
|
|
44059
44088
|
const BordDinamicList = ({ items, customClass = '' }) => {
|
|
44060
44089
|
const containerClass = customClass ? `${customClass} bordDinamicList` : 'bordDinamicList';
|
|
44061
44090
|
return (jsx("div", { className: containerClass, children: items.map((item, index) => (jsx("div", { className: "bordDinamicListRow", children: jsx(BordDinamic, { ...item }) }, index))) }));
|
|
44062
44091
|
};
|
|
44063
44092
|
|
|
44064
|
-
var css_248z$
|
|
44065
|
-
styleInject(css_248z$
|
|
44093
|
+
var css_248z$i = ".bordUploadImageWrapperDS{display:inline-flex;flex-direction:column}.bordUploadImageWrapperDS .bordUploadImageError{color:var(--ds-c-bool-danger-fg);font-size:1rem;line-height:1.302rem;margin-top:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploadImageDS{background-color:var(--ds-c-layout-l1);border-radius:1.2rem;display:inline-flex;gap:1.2rem;padding:.8rem}.bordUploadImageDS,.bordUploadImageDS .bordUploadImagePreview{align-items:center;border-color:var(--ds-c-stroke-interactive);border-style:solid;border-width:1px}.bordUploadImageDS .bordUploadImagePreview{background-color:var(--ds-c-layout-l2);display:flex;flex-shrink:0;height:3.2rem;justify-content:center;overflow:hidden;position:relative;width:3.2rem}.bordUploadImageDS .bordUploadImagePreview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.bordUploadImageDS .bordUploadImagePreview svg path{stroke:var(--ds-c-content-secondary)}.bordUploadImageDS .bordUploadImagePreview.circle{border-radius:15998.4rem}.bordUploadImageDS .bordUploadImagePreview.square{border-radius:.8rem}.bordUploadImageDS .bordUploadImageInfo{display:flex;flex:1 1 0%;flex-direction:column;gap:.2rem;min-width:0}.bordUploadImageDS .bordUploadImageInfo .bordUploadImageTitleRow{align-items:center;display:flex;gap:.4rem}.bordUploadImageDS .bordUploadImageInfo .bordUploadImageTitle{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:400;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploadImageDS .bordUploadImageInfo .bordUploadImageCheckIcon{flex-shrink:0}.bordUploadImageDS .bordUploadImageInfo .bordUploadImageCheckIcon svg path{stroke:var(--ds-c-bool-success-fg)}.bordUploadImageDS .bordUploadImageInfo .bordUploadImageDescription{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.302rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordUploadImageDS .bordUploadImageButton{align-items:center;border-color:var(--ds-c-primary-bg-default);border-radius:.8rem;border-style:solid;border-width:1px;cursor:pointer;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;padding:0;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:3.2rem}.bordUploadImageDS .bordUploadImageButton svg path{stroke:var(--ds-c-primary-bg-default)}.bordUploadImageDS .bordUploadImageButton:hover:not(:disabled){background-color:var(--ds-c-primary-bg-default);border-color:transparent}.bordUploadImageDS .bordUploadImageButton:hover:not(:disabled) svg path{stroke:var(--ds-c-primary-fg-default)}.bordUploadImageDS .bordUploadImageButton:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordUploadImageDS .bordUploadImageButton:disabled svg path{stroke:var(--ds-c-bool-disabled-fg)}.bordUploadImageDS .bordUploadImageHiddenInput{display:none}";
|
|
44094
|
+
styleInject(css_248z$i);
|
|
44066
44095
|
|
|
44067
44096
|
const BordUploadImage = ({ title, description, variant = 'square', imageUrl, isLoading = false, isUploaded = false, disabled = false, acceptFileExtension = 'image/*', capture, errorMessage, onUpload, customWidth, customClassName = '', style, }) => {
|
|
44068
44097
|
const fileInputRef = useRef(null);
|
|
@@ -44192,8 +44221,8 @@ const BordTableScrollbar = ({ containerRef, orientation, scrollOffset, scrollSiz
|
|
|
44192
44221
|
return (jsx("div", { ref: trackRef, className: trackClass, style: trackStyle, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false), onMouseDown: handleTrackMouseDown, children: jsx("div", { className: thumbClass, style: thumbStyle, onMouseDown: handleThumbMouseDown }) }));
|
|
44193
44222
|
};
|
|
44194
44223
|
|
|
44195
|
-
var css_248z$
|
|
44196
|
-
styleInject(css_248z$
|
|
44224
|
+
var css_248z$h = ".bordTableDS{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-default);border-radius:1.2rem;border-width:1px;overflow:hidden;position:relative}.bordTableDS,.bordTableScrollArea{width:100%}.bordTableScrollArea{cursor:grab;overflow:auto;scrollbar-width:none}.bordTableScrollArea::-webkit-scrollbar{display:none}.bordTableScrollAreaDragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordTableScrollbarTrack{align-items:center;cursor:pointer;display:flex;position:absolute;z-index:30}.bordTableScrollbarTrackHorizontal{bottom:.4rem;height:1.4rem}.bordTableScrollbarTrackVertical{justify-content:center;right:.4rem;width:1.4rem}.bordTableScrollbarThumb{background-color:var(--ds-c-content-secondary);border-radius:15998.4rem;cursor:grab;opacity:.4;position:absolute;transition:height .15s ease,width .15s ease,opacity .15s ease,background-color .15s ease}.bordTableScrollbarThumbHorizontal{height:.5rem}.bordTableScrollbarThumbVertical{width:.5rem}.bordTableScrollbarThumbActive{background-color:var(--ds-c-primary-bg-default);box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:1}.bordTableScrollbarTrackHorizontal .bordTableScrollbarThumbActive{height:.9rem}.bordTableScrollbarTrackVertical .bordTableScrollbarThumbActive{width:.9rem}.bordTableEmptyState{align-items:center;color:var(--ds-c-content-secondary);display:flex;font-size:1.2rem;justify-content:center;line-height:1.5rem;padding-bottom:4rem;padding-top:4rem}.bordTableGrid{border-collapse:separate;border-spacing:0;width:100%}.bordTableGrid,.bordTableHeaderCell{box-sizing:border-box}.bordTableHeaderCell{background-color:var(--ds-c-layout-l1);border-bottom-width:1px;border-color:var(--ds-c-stroke-default);color:var(--ds-c-content-default);font-size:1.4rem;font-style:normal;font-weight:500;padding:.8rem 1.6rem;position:sticky;top:0;white-space:nowrap;z-index:10}.bordTableHeaderCell>*{opacity:.75}.bordTableHeaderCellStickyLeft{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-right-width:1px;cursor:auto;left:0;z-index:20}.bordTableHeaderCellStickyRight{background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-left-width:1px;cursor:auto;right:0;z-index:20}.bordTableCell{background-color:var(--ds-c-layout-bg);border-bottom-width:1px;border-color:var(--ds-c-stroke-default);box-sizing:border-box;color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.5rem;padding-bottom:1.2rem;padding-top:1.2rem;vertical-align:middle}.bordTableCellStickyLeft{border-color:var(--ds-c-stroke-default);border-right-width:1px;left:0}.bordTableCellStickyLeft,.bordTableCellStickyRight{background-color:var(--ds-c-layout-bg);cursor:auto;position:sticky;z-index:10}.bordTableCellStickyRight{border-color:var(--ds-c-stroke-default);border-left-width:1px;right:0}.bordTableDS:has(.bordTableStickyShadowOverlayLeft.bordTableStickyShadowOverlayVisible) .bordTableCellStickyLeft,.bordTableDS:has(.bordTableStickyShadowOverlayLeft.bordTableStickyShadowOverlayVisible) .bordTableHeaderCellStickyLeft{border-right-color:transparent}.bordTableDS:has(.bordTableStickyShadowOverlayRight.bordTableStickyShadowOverlayVisible) .bordTableCellStickyRight,.bordTableDS:has(.bordTableStickyShadowOverlayRight.bordTableStickyShadowOverlayVisible) .bordTableHeaderCellStickyRight{border-left-color:transparent}.bordTableStickyShadowOverlay{bottom:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.5rem;z-index:25}.bordTableStickyShadowOverlayLeft{background-image:linear-gradient(90deg,rgba(0,0,0,.12),transparent)}[data-theme=dark] .bordTableStickyShadowOverlayLeft{background-image:linear-gradient(90deg,rgba(0,0,0,.2),transparent)}.bordTableStickyShadowOverlayRight{background-image:linear-gradient(270deg,rgba(0,0,0,.12),transparent)}[data-theme=dark] .bordTableStickyShadowOverlayRight{background-image:linear-gradient(270deg,rgba(0,0,0,.2),transparent)}.bordTableStickyShadowOverlayVisible{opacity:1}.bordTableCellContent{align-items:center;display:flex;gap:.4rem;white-space:nowrap;width:100%}.bordTableCellContent,.bordTableCellDetail{--tw-text-opacity:1;color:rgb(111 115 125/var(--tw-text-opacity))}.bordTableCellDetail{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease-in-out,opacity .2s ease-in-out,margin-top .3s ease-in-out}.bordTableRow:nth-child(odd) .bordTableCell{background:var(--ds-c-layout-l2)}.bordTableRow:nth-child(2n) .bordTableCell{background:var(--ds-c-layout-l1)}.bordTableRow:hover .bordTableCell{background-color:var(--ds-c-layout-l3)}.bordTableRow:hover .bordTableCellDetail{margin-top:1.2rem;max-height:5rem;opacity:1}";
|
|
44225
|
+
styleInject(css_248z$h);
|
|
44197
44226
|
|
|
44198
44227
|
const DRAG_IGNORE_SELECTOR = 'button, a, input, textarea, select, [contenteditable="true"], .bordTableCellStickyLeft, .bordTableCellStickyRight, .bordTableHeaderCellStickyLeft, .bordTableHeaderCellStickyRight';
|
|
44199
44228
|
const BordTable = ({ columns, data, getRowId, maxHeight, showRowDetailsOnHover = false, className = '', }) => {
|
|
@@ -44292,8 +44321,8 @@ const BordTable = ({ columns, data, getRowId, maxHeight, showRowDetailsOnHover =
|
|
|
44292
44321
|
.join(' '), style: { right: scrollbarInsets.right } })), jsx(BordTableScrollbar, { containerRef: scrollRef, orientation: "horizontal", scrollOffset: scrollMetrics.scrollLeft, scrollSize: scrollMetrics.scrollWidth, clientSize: scrollMetrics.clientWidth, insetStart: scrollbarInsets.left, insetEnd: scrollbarInsets.right }), jsx(BordTableScrollbar, { containerRef: scrollRef, orientation: "vertical", scrollOffset: scrollMetrics.scrollTop, scrollSize: scrollMetrics.scrollHeight, clientSize: scrollMetrics.clientHeight, insetStart: scrollbarInsets.top })] }));
|
|
44293
44322
|
};
|
|
44294
44323
|
|
|
44295
|
-
var css_248z$
|
|
44296
|
-
styleInject(css_248z$
|
|
44324
|
+
var css_248z$g = ".bordCapacityDS{align-items:center;display:inline-flex;gap:1.2rem}@media (max-width:640px){.bordCapacityDS{align-items:flex-start;flex-direction:column;gap:.8rem}}.bordCapacityDS.bordCapacityDScard{background-color:color-mix(in srgb,var(--ds-c-layout-l1) 14%,transparent);border-radius:2.8rem;padding:.4rem 1.2rem .4rem .4rem}@media (max-width:640px){.bordCapacityDS.bordCapacityDScard{background-color:transparent}}.bordCapacityInfo{display:flex;flex-direction:column;min-width:0}.bordCapacityTitle{color:var(--ds-c-primary-fg-default);font-size:1rem;font-style:normal}.bordCapacityValue{color:var(--ds-c-primary-fg-default);font-size:2.4rem;font-weight:700;line-height:3.2rem}.bordCapacityDescription{color:var(--ds-c-primary-fg-default);font-size:1rem;font-weight:400;line-height:1.302rem}.bordCapacityRingDS{align-items:center;border-radius:9999px;display:flex;flex-shrink:0;justify-content:center;position:relative}.bordCapacityRingDS.bordCapacityRing{height:7.2rem;width:7.2rem}.bordCapacityRingOuter{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.bordCapacityRingOuterFill,.bordCapacityRingOuterTrack{border:2px solid transparent;border-radius:inherit;inset:0;position:absolute}.bordCapacityRingOuterTrack{border-color:color-mix(in srgb,var(--ds-c-layout-l1) 14%,transparent)}.bordCapacityRingOuterFill{border-color:var(--bord-capacity-color);clip-path:inset(calc(100% - var(--bord-capacity-percentage)) 0 0 0);transition:clip-path .3s ease,border-color .3s ease}.bordCapacityRingInner{align-items:center;border-radius:inherit;display:flex;inset:.6rem;justify-content:center;overflow:hidden;position:absolute}.bordCapacityRingFill,.bordCapacityRingTrack{border-radius:inherit;inset:0;position:absolute}.bordCapacityRingTrack{background-color:color-mix(in srgb,var(--ds-c-layout-l1) 14%,transparent);z-index:1}.bordCapacityRingFill{background-color:var(--bord-capacity-color);clip-path:inset(calc(100% - var(--bord-capacity-percentage)) 0 0 0);transition:clip-path .3s ease,background-color .3s ease;z-index:2}.bordCapacityRingValue{color:var(--ds-c-primary-fg-default);font-size:1.7rem;font-weight:700;position:relative;text-shadow:0 .1rem .2rem rgba(0,0,0,.35);z-index:4}";
|
|
44325
|
+
styleInject(css_248z$g);
|
|
44297
44326
|
|
|
44298
44327
|
const clampPercentage$1 = (percentage) => Math.round(Math.min(100, Math.max(0, percentage)));
|
|
44299
44328
|
const getCapacityColor = (percentage) => {
|
|
@@ -44321,8 +44350,8 @@ const BordCapacity = ({ percentage, title, value, description, customClassName =
|
|
|
44321
44350
|
return (jsxs("div", { className: `bordCapacityDS bordCapacityDScard ${customClassName}`.trim(), children: [ring, jsxs("div", { className: "bordCapacityInfo", children: [!isMobile && title != null && title !== '' && jsx("span", { className: "bordCapacityTitle", children: title }), value != null && value !== '' && jsx("span", { className: "bordCapacityValue", children: value }), description != null && description !== '' && jsx("span", { className: "bordCapacityDescription", children: description })] })] }));
|
|
44322
44351
|
};
|
|
44323
44352
|
|
|
44324
|
-
var css_248z$
|
|
44325
|
-
styleInject(css_248z$
|
|
44353
|
+
var css_248z$f = ".bordComposeMetricCardsDS{align-items:center;background-color:var(--ds-c-primary-bg-gradient);border:1px solid var(--ds-c-stroke-default);border-radius:3.4rem;box-sizing:border-box;display:flex;gap:1.2rem;justify-content:space-between;padding:1.2rem;width:100%}@media (max-width:1179px){.bordComposeMetricCardsDS{align-items:center;-moz-column-gap:0;column-gap:0;flex-wrap:wrap;padding:.8rem 1.2rem;row-gap:1.6rem}}@media (max-width:1179px) and (max-width:640px){.bordComposeMetricCardsDS{padding:.8rem}}.bordComposeMetricCardsMain{align-items:center;display:flex;flex:0 1 auto;gap:1.2rem;min-width:0}@media (max-width:1179px){.bordComposeMetricCardsMain{flex:1;order:1}}.bordComposeMetricCardsMainIcon{align-items:center;background-color:color-mix(in srgb,var(--ds-c-primary-fg-default) 10%,transparent);border-radius:15998.4rem;display:flex;flex-shrink:0;height:4.8rem;justify-content:center;width:4.8rem}@media (max-width:640px){.bordComposeMetricCardsMainIcon{display:none}}.bordComposeMetricCardsMainContent{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;flex-wrap:wrap;gap:.2rem;justify-content:flex-start;min-width:0}@media (min-width:640px){.bordComposeMetricCardsMainContent{flex-direction:row;gap:.8rem}}@media (min-width:1180px){.bordComposeMetricCardsMainContent{flex-direction:column;gap:.2rem}}@media (min-width:1231px){.bordComposeMetricCardsMainContent{flex-direction:row;gap:.8rem}}.bordComposeMetricCardsMainValue{color:var(--ds-c-primary-fg-default);flex-shrink:0;font-size:3.2rem;font-weight:700;line-height:1.1}.bordComposeMetricCardsMainLabel{align-self:center;color:var(--ds-c-primary-fg-default);display:block;font-size:1.6rem;font-weight:700;line-height:normal;white-space:normal;word-break:break-word}.bordComposeMetricCardsDS--info{--tw-bg-opacity:1;background-color:rgb(10 58 49/var(--tw-bg-opacity))}.bordComposeMetricCardsDS--info .bordComposeMetricCardsMainIcon{background-color:rgba(115,255,223,.1);height:4.8rem;width:4.8rem}.bordComposeMetricCardsDS--info .bordComposeMetricCardsMainContent{flex-direction:column;gap:.2rem}.bordComposeMetricCardsDS--info .bordComposeMetricCardsMainValue{color:var(--white-default,#fff);font-size:1.6rem;font-weight:700;line-height:1.3}.bordComposeMetricCardsDS--info .bordComposeMetricCardsMainLabel{align-self:flex-start;color:hsla(0,0%,100%,.7);font-size:1.2rem;font-weight:400}.bordComposeMetricCardsDS--info .bordComposeMetricCardsHighlightLabel{color:hsla(0,0%,100%,.7)}.bordComposeMetricCardsDS--info .bordComposeMetricCardsHighlightValue{color:var(--white-default,#fff)}.bordComposeMetricCardsDS--info .bordComposeMetricCardsHighlightDescription{color:hsla(0,0%,100%,.7)}@media (max-width:743px){.bordComposeMetricCardsDS--info{align-items:stretch;flex-direction:column}.bordComposeMetricCardsDS--info .bordComposeMetricCardsCapacity,.bordComposeMetricCardsDS--info .bordComposeMetricCardsHighlight{width:100%}}.bordComposeMetricCardsDS--stacked{align-items:stretch;flex-direction:column}.bordComposeMetricCardsDS--stacked .bordComposeMetricCardsItemGroups,.bordComposeMetricCardsDS--stacked .bordComposeMetricCardsItems{margin-left:0;width:100%}.bordComposeMetricCardsItems{align-items:center;background-color:color-mix(in srgb,var(--ds-c-layout-l1) 14%,transparent);border-radius:2.8rem;display:flex;flex:1 0 0;justify-content:space-between;min-height:8rem;min-width:0}@media (min-width:1180px){.bordComposeMetricCardsItems{margin-left:auto;max-width:69.2rem;min-width:69.2rem;width:100%}}@media (max-width:1179px){.bordComposeMetricCardsItems{flex-basis:100%;order:3;width:100%}}@media (max-width:640px){.bordComposeMetricCardsItems{flex-basis:100%;order:3;width:auto}}.bordComposeMetricCardsItemGroups{--bcmc-item-fg:var(--white-default,#fff);--bcmc-item-fg-muted:hsla(0,0%,100%,.6);align-items:center;display:flex;flex:1 0 0;gap:1.2rem;min-width:0}@media (min-width:1180px){.bordComposeMetricCardsItemGroups{margin-left:auto}}@media (max-width:1179px){.bordComposeMetricCardsItemGroups{flex-basis:100%;flex-wrap:wrap;order:3;width:100%}}.bordComposeMetricCardsItemGroups .bordComposeMetricCardsItems{background-color:color-mix(in srgb,var(--ds-c-primary-bg-hover) 14%,transparent);flex:0 1 0%;margin-left:0;max-width:none;min-width:0}@media (max-width:1179px){.bordComposeMetricCardsItemGroups .bordComposeMetricCardsItems{flex-basis:100%}}.bordComposeMetricCardsItemGroups .bordComposeMetricCardsItemValue{color:var(--bcmc-item-fg)}.bordComposeMetricCardsItemGroups .bordComposeMetricCardsItemDescription,.bordComposeMetricCardsItemGroups .bordComposeMetricCardsItemLabel{color:var(--bcmc-item-fg-muted)}.bordComposeMetricCardsItem{align-items:center;display:flex;flex:1 1 0;flex-direction:row;gap:.8rem;min-width:20.4rem;min-width:0;padding:.8rem 1.6rem;width:100%}.bordComposeMetricCardsItem:not(:first-child){border-left:1px solid var(--ds-c-primary-bg-hover)}@media (max-width:640px){.bordComposeMetricCardsItem{align-items:flex-start;flex-direction:column;gap:.2rem}}.bordComposeMetricCardsItemIcon{align-items:center;background-color:var(--ds-c-primary-bg-hover);border-radius:15998.4rem;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;width:3.2rem}@media (max-width:640px){.bordComposeMetricCardsItemIcon{display:none}}.bordComposeMetricCardsItemContent{display:flex;flex-direction:column;min-width:0;width:100%}.bordComposeMetricCardsItemLabel{color:color-mix(in srgb,var(--ds-c-primary-fg-default) 60%,transparent);font-size:1rem;font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bordComposeMetricCardsItemValue{color:var(--ds-c-primary-fg-default);font-size:1.6rem;font-weight:700}.bordComposeMetricCardsItemDescription,.bordComposeMetricCardsItemValue{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordComposeMetricCardsItemDescription{color:color-mix(in srgb,var(--ds-c-primary-fg-default) 60%,transparent);font-size:1rem;font-weight:400}.bordComposeMetricCardsCapacity{align-items:center;display:flex;flex:0 0 auto;justify-content:center;min-width:0}@media (max-width:1179px){.bordComposeMetricCardsCapacity{order:2}}.bordComposeMetricCardsHighlight{align-items:center;background-color:color-mix(in srgb,var(--ds-c-primary-bg-hover) 14%,transparent);border-radius:2.8rem;display:flex;flex-shrink:0;flex:0 0 auto;gap:.8rem;height:9.5rem;padding:2rem}@media (max-width:1179px){.bordComposeMetricCardsHighlight{order:2}}@media (max-width:640px){.bordComposeMetricCardsHighlight{width:100%}}.bordComposeMetricCardsHighlightIcon{align-items:center;background-color:var(--ds-c-primary-bg-hover);border-radius:15998.4rem;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;width:3.2rem}.bordComposeMetricCardsHighlightContent{display:flex;flex-direction:column;min-width:0}.bordComposeMetricCardsHighlightLabel{color:var(--ds-c-content-secondary);font-size:1rem;font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bordComposeMetricCardsHighlightValue{color:var(--ds-c-content-default);font-size:1.6rem;font-weight:700}.bordComposeMetricCardsHighlightDescription,.bordComposeMetricCardsHighlightValue{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordComposeMetricCardsHighlightDescription{color:var(--ds-c-content-secondary);font-size:1rem;font-weight:400}";
|
|
44354
|
+
styleInject(css_248z$f);
|
|
44326
44355
|
|
|
44327
44356
|
const MAIN_ICON_SIZE = 24;
|
|
44328
44357
|
const SECONDARY_ICON_SIZE = 18;
|
|
@@ -44380,8 +44409,8 @@ const BordComposeMetricCards = ({ variant = 'metric', main, items = [], itemGrou
|
|
|
44380
44409
|
return (jsxs("div", { className: `bordComposeMetricCardsDS ${variantModifier} ${stackedModifier} ${customClassName}`.trim(), children: [jsxs("div", { className: "bordComposeMetricCardsMain", children: [mainIcon && jsx("div", { className: "bordComposeMetricCardsMainIcon", children: mainIcon }), jsxs("div", { className: "bordComposeMetricCardsMainContent", children: [jsx("div", { className: "bordComposeMetricCardsMainValue", children: main.value }), jsx("div", { className: "bordComposeMetricCardsMainLabel", children: main.label })] })] }), hasItemGroups && (jsx("div", { className: "bordComposeMetricCardsItemGroups", children: itemGroups.map((group, gi) => renderItemsPill(group, `group-${gi}`, oneToneStroke, { flexGrow: group.length })) })), hasItems && renderItemsPill(items, 'items', oneToneStroke), capacity && (jsx("div", { className: "bordComposeMetricCardsCapacity", children: jsx(BordCapacity, { ...capacity, customClassName: capacity.customClassName?.trim() ?? '' }) })), !capacity && highlight && renderEntry('Highlight', highlight, SECONDARY_ICON_SIZE, oneToneStroke)] }));
|
|
44381
44410
|
};
|
|
44382
44411
|
|
|
44383
|
-
var css_248z$
|
|
44384
|
-
styleInject(css_248z$
|
|
44412
|
+
var css_248z$e = ".bordProgressBarLayout{align-items:center;display:flex;flex-wrap:wrap;gap:1.6rem;width:100%}@media (min-width:641px){.bordProgressBarLayout{flex-wrap:nowrap}}.bordProgressBarCenter{flex:0 0 100%;max-width:100%;order:3;width:100%}@media (min-width:641px){.bordProgressBarCenter{flex:0 0 auto;order:0;width:21rem}}.bordProgressBarInfo{display:flex;flex:1 1 0%;flex-basis:calc(50% - 0.8rem);flex-direction:column;min-width:0}@media (min-width:641px){.bordProgressBarInfo{flex-basis:0}}.bordProgressBarInfo.bordProgressBarInfo--left{align-items:flex-start;text-align:left}.bordProgressBarInfo.bordProgressBarInfo--right{align-items:flex-end;text-align:right}.bordProgressBarInfoTitle{font-size:2.8rem;font-weight:600;line-height:3.2rem}.bordProgressBarInfoSubtitle{font-size:2.4rem;line-height:2.8rem}.bordProgressBarDS{align-items:center;background-color:transparent;display:flex;position:relative;width:100%}.bordProgressBarDS.bordProgressBarDS--track .bordProgressBarTrack{background-color:color-mix(in srgb,var(--ds-c-layout-l1) 14%,transparent)}.bordProgressBarDS.bordProgressBarDS--sm{height:.8rem}.bordProgressBarDS.bordProgressBarDS--md{height:1.6rem}.bordProgressBarDS.bordProgressBarDS--lg{height:2.4rem}.bordProgressBarDS.bordProgressBarDS--radius-none{border-radius:0}.bordProgressBarDS.bordProgressBarDS--radius-sm{border-radius:.2rem}.bordProgressBarDS.bordProgressBarDS--radius-md{border-radius:.6rem}.bordProgressBarDS.bordProgressBarDS--radius-lg{border-radius:.8rem}.bordProgressBarDS.bordProgressBarDS--radius-full{border-radius:15998.4rem}.bordProgressBarTrack{align-items:center;border-radius:inherit;display:flex;height:100%;width:100%}.bordProgressBarTooltipAnchor{border-radius:inherit;flex-shrink:0;height:100%;position:relative}.bordProgressBarTooltipAnchor--solid{inset:0;position:absolute;width:100%}.bordProgressBarTooltipContent{--bord-progress-bar-tooltip-shift-x:-50%;--bord-progress-bar-tooltip-shift-y-hidden:0.4rem;--bord-progress-bar-tooltip-shift-y-visible:0;background-color:var(--bord-progress-bar-fill-color);border-radius:1.2rem;bottom:calc(100% + .8rem);color:#fff;font-size:1.6rem;left:50%;line-height:2rem;opacity:0;padding:1rem 1.4rem;pointer-events:none;position:absolute;transform:translate(var(--bord-progress-bar-tooltip-shift-x),var(--bord-progress-bar-tooltip-shift-y-hidden));transition:opacity .18s ease,transform .18s ease,visibility .18s ease;visibility:hidden;white-space:pre-line;width:-moz-max-content;width:max-content;z-index:3}.bordProgressBarTooltipContent:after{border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:.7rem solid var(--bord-progress-bar-fill-color);content:\"\";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:first-child .bordProgressBarTooltipContent{--bord-progress-bar-tooltip-shift-x:0;left:0}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:first-child .bordProgressBarTooltipContent:after{left:1.6rem;transform:none}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:last-child .bordProgressBarTooltipContent{--bord-progress-bar-tooltip-shift-x:0;left:auto;right:0}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:last-child .bordProgressBarTooltipContent:after{left:auto;right:1.6rem;transform:none}.bordProgressBarDS:hover .bordProgressBarTooltipAnchor--solid .bordProgressBarTooltipContent,.bordProgressBarTooltipAnchor:hover .bordProgressBarTooltipContent{opacity:1;transform:translate(var(--bord-progress-bar-tooltip-shift-x),var(--bord-progress-bar-tooltip-shift-y-visible));visibility:visible}.bordProgressBarFill,.bordProgressBarSegment{border-radius:inherit;flex-shrink:0;height:100%;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordProgressBarFill.bordProgressBarFill--flat,.bordProgressBarFill.bordProgressBarSegment--flat,.bordProgressBarSegment.bordProgressBarFill--flat,.bordProgressBarSegment.bordProgressBarSegment--flat{background-color:var(--bord-progress-bar-fill-color)}.bordProgressBarFill.bordProgressBarFill--striped,.bordProgressBarFill.bordProgressBarSegment--striped,.bordProgressBarSegment.bordProgressBarFill--striped,.bordProgressBarSegment.bordProgressBarSegment--striped{background-image:repeating-linear-gradient(45deg,var(--bord-progress-bar-fill-color) 0,var(--bord-progress-bar-fill-color) .3rem,color-mix(in srgb,#fff 15%,var(--bord-progress-bar-fill-color)) .3rem,color-mix(in srgb,#fff 15%,var(--bord-progress-bar-fill-color)) .7rem)}.bordProgressBarSegment{border-radius:0;width:100%}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor+.bordProgressBarTooltipAnchor .bordProgressBarSegment{box-shadow:-.2rem 0 0 0 var(--ds-c-layout-l1)}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:first-child .bordProgressBarSegment{border-bottom-left-radius:inherit;border-top-left-radius:inherit}.bordProgressBarDS--segmented .bordProgressBarTooltipAnchor:last-child .bordProgressBarSegment{border-bottom-right-radius:inherit;border-top-right-radius:inherit}";
|
|
44413
|
+
styleInject(css_248z$e);
|
|
44385
44414
|
|
|
44386
44415
|
/** Mapa de color semántico a la variable CSS del sistema de diseño que le corresponde. */
|
|
44387
44416
|
const COLOR_TOKENS = {
|
|
@@ -44472,8 +44501,8 @@ const BORD_TIMELINE_MARKER_VARIANT = {
|
|
|
44472
44501
|
CANCELLED: 'cancelled',
|
|
44473
44502
|
};
|
|
44474
44503
|
|
|
44475
|
-
var css_248z$
|
|
44476
|
-
styleInject(css_248z$
|
|
44504
|
+
var css_248z$d = ".bordTimelineMarkerDS{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);align-items:center;border-radius:15998.4rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:grid;flex-shrink:0;height:3.2rem;justify-content:center;width:3.2rem}.bordTimelineMarkerDS.current,.bordTimelineMarkerDS.inProgress{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bordTimelineMarkerDS.past{background-color:#09a4321a}.bordTimelineMarkerDS.cancelled{background-color:#fc543d1a}";
|
|
44505
|
+
styleInject(css_248z$d);
|
|
44477
44506
|
|
|
44478
44507
|
const MARKER_ICON = {
|
|
44479
44508
|
[BORD_TIMELINE_MARKER_VARIANT.CURRENT]: 'mapPin',
|
|
@@ -44493,24 +44522,24 @@ const BordTimelineMarker = ({ variant, className = '', ...restProps }) => {
|
|
|
44493
44522
|
return (jsx("div", { className: rootClass, ...restProps, children: jsx(BordOneToneIcon, { variant: MARKER_ICON[variant], standardSize: 18, stroke: MARKER_ICON_COLOR[variant] }) }));
|
|
44494
44523
|
};
|
|
44495
44524
|
|
|
44496
|
-
var css_248z$
|
|
44497
|
-
styleInject(css_248z$
|
|
44525
|
+
var css_248z$c = ".bordTimelineSpineDS{border-radius:15998.4rem;height:100%;margin-left:auto;margin-right:auto;width:.5rem}.bordTimelineSpineDS.current,.bordTimelineSpineDS.inProgress{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bordTimelineSpineDS.past{background-color:#09a4321a}.bordTimelineSpineDS.cancelled{background-color:#fc543d1a}";
|
|
44526
|
+
styleInject(css_248z$c);
|
|
44498
44527
|
|
|
44499
44528
|
const BordTimelineSpine = ({ variant, className = '', ...restProps }) => {
|
|
44500
44529
|
const rootClass = ['bordTimelineSpineDS', variant, className].filter(Boolean).join(' ');
|
|
44501
44530
|
return jsx("div", { className: rootClass, "aria-hidden": true, ...restProps });
|
|
44502
44531
|
};
|
|
44503
44532
|
|
|
44504
|
-
var css_248z$
|
|
44505
|
-
styleInject(css_248z$
|
|
44533
|
+
var css_248z$b = ".bordTimelineHolderChipDS{align-items:center;display:flex;gap:.8rem;min-width:0}.bordTimelineHolderChipDS .bordTimelineHolderChipName{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;font-weight:700;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
44534
|
+
styleInject(css_248z$b);
|
|
44506
44535
|
|
|
44507
44536
|
const BordTimelineHolderChip = ({ icon, label, countryCode, className = '', ...restProps }) => {
|
|
44508
44537
|
const rootClass = ['bordTimelineHolderChipDS', className].filter(Boolean).join(' ');
|
|
44509
44538
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsx(BordOneToneIcon, { variant: icon, standardSize: 18 }), jsx("span", { className: "bordTimelineHolderChipName", children: label }), countryCode && jsx(BordFlag, { variant: "circle", country: countryCode, standardSize: 16 })] }));
|
|
44510
44539
|
};
|
|
44511
44540
|
|
|
44512
|
-
var css_248z$
|
|
44513
|
-
styleInject(css_248z$
|
|
44541
|
+
var css_248z$a = ".bordTimelineEventDS{padding-bottom:1.6rem;position:relative}.bordTimelineEventDS.isLast{padding-bottom:0}.bordTimelineEventDS .bordTimelineEventConnectorLine{--tw-bg-opacity:1;background-color:rgb(198 199 203/var(--tw-bg-opacity));bottom:0;left:.55rem;position:absolute;top:1.2rem;width:.1rem}.bordTimelineEventDS .bordTimelineEventCircle{--tw-border-opacity:1;border-color:rgb(198 199 203/var(--tw-border-opacity));border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:.05rem;width:1.2rem}.bordTimelineEventDS .bordTimelineEventContent{display:flex;flex-direction:column;gap:.4rem;min-width:0;padding-left:2.2rem}.bordTimelineEventDS.hideMarker .bordTimelineEventContent{padding-left:0}.bordTimelineEventDS .bordTimelineEventTitleRow{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.bordTimelineEventDS .bordTimelineEventTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;font-weight:700;line-height:1.5rem}.bordTimelineEventDS .bordTimelineEventDate{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1rem;line-height:1.3rem}.bordTimelineEventDS .bordTimelineEventSubtitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordTimelineEventDS.isCancelled .bordTimelineEventSubtitle,.bordTimelineEventDS.isCancelled .bordTimelineEventTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}";
|
|
44542
|
+
styleInject(css_248z$a);
|
|
44514
44543
|
|
|
44515
44544
|
const BordTimelineEvent = ({ title, date, subtitle, isCancelled = false, isLast = false, hideMarker = false, className = '', ...restProps }) => {
|
|
44516
44545
|
const rootClass = [
|
|
@@ -44525,24 +44554,24 @@ const BordTimelineEvent = ({ title, date, subtitle, isCancelled = false, isLast
|
|
|
44525
44554
|
return (jsxs("div", { className: rootClass, ...restProps, children: [!hideMarker && !isLast && jsx("div", { className: "bordTimelineEventConnectorLine", "aria-hidden": true }), !hideMarker && jsx("div", { className: "bordTimelineEventCircle", "aria-hidden": true }), jsxs("div", { className: "bordTimelineEventContent", children: [jsxs("div", { className: "bordTimelineEventTitleRow", children: [jsx("span", { className: "bordTimelineEventTitle", children: title }), jsx("span", { className: "bordTimelineEventDate", children: date })] }), subtitle !== undefined && subtitle !== '' && jsx("div", { className: "bordTimelineEventSubtitle", children: subtitle })] })] }));
|
|
44526
44555
|
};
|
|
44527
44556
|
|
|
44528
|
-
var css_248z$
|
|
44529
|
-
styleInject(css_248z$
|
|
44557
|
+
var css_248z$9 = ".bordTimelineGroupHeaderDS{align-items:center;display:flex;gap:.8rem;width:100%}.bordTimelineGroupHeaderDS .bordTimelineGroupHeaderHolders{align-items:center;display:flex;flex:1 1 0%;gap:.8rem;min-width:0}";
|
|
44558
|
+
styleInject(css_248z$9);
|
|
44530
44559
|
|
|
44531
44560
|
const BordTimelineGroupHeader = ({ markerVariant, holders, referenceBadge, className = '', ...restProps }) => {
|
|
44532
44561
|
const rootClass = ['bordTimelineGroupHeaderDS', className].filter(Boolean).join(' ');
|
|
44533
44562
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsx(BordTimelineMarker, { variant: markerVariant }), jsx("div", { className: "bordTimelineGroupHeaderHolders", children: holders }), referenceBadge] }));
|
|
44534
44563
|
};
|
|
44535
44564
|
|
|
44536
|
-
var css_248z$
|
|
44537
|
-
styleInject(css_248z$
|
|
44565
|
+
var css_248z$8 = ".bordTimelineStandaloneEventDS{padding-bottom:1.6rem;position:relative;width:100%}.bordTimelineStandaloneEventDS.isLast{padding-bottom:0}.bordTimelineStandaloneEventDS .bordTimelineStandaloneEventMarker{left:0;position:absolute;top:0}.bordTimelineStandaloneEventDS .bordTimelineStandaloneEventStubLine{bottom:0;left:0;position:absolute;top:3.6rem;width:3.2rem}.bordTimelineStandaloneEventDS .bordTimelineStandaloneEventContent{min-height:3.2rem;min-width:0;padding-left:4rem;padding-top:.85rem;width:100%}";
|
|
44566
|
+
styleInject(css_248z$8);
|
|
44538
44567
|
|
|
44539
44568
|
const BordTimelineStandaloneEvent = ({ markerVariant, isLast = false, children, className = '', ...restProps }) => {
|
|
44540
44569
|
const rootClass = ['bordTimelineStandaloneEventDS', isLast ? 'isLast' : '', className].filter(Boolean).join(' ');
|
|
44541
44570
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsx(BordTimelineMarker, { variant: markerVariant, className: "bordTimelineStandaloneEventMarker" }), !isLast && (jsx("div", { className: "bordTimelineStandaloneEventStubLine", children: jsx(BordTimelineSpine, { variant: markerVariant }) })), jsx("div", { className: "bordTimelineStandaloneEventContent", children: children })] }));
|
|
44542
44571
|
};
|
|
44543
44572
|
|
|
44544
|
-
var css_248z$
|
|
44545
|
-
styleInject(css_248z$
|
|
44573
|
+
var css_248z$7 = "@keyframes bordNotificationBellShakeDS{0%,to{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.bordNotificationBellContainerDS{align-items:center;display:flex;height:100%;position:relative}.bordNotificationBellContainerDS .bordNotificationBellTrigger{flex-shrink:0;height:3.2rem;position:relative;width:3.2rem}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton{--tw-text-opacity:1;align-items:center;border-radius:.4rem;color:rgb(198 199 203/var(--tw-text-opacity));cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isOpen,.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isShaking .bordNotificationBellIcon svg{animation:bordNotificationBellShakeDS .7s ease-in-out;transform-origin:50% 0}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton .bordNotificationBellBadge{--tw-text-opacity:1;align-items:center;background-color:#fc543d;border-radius:15998.4rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:1.6rem;justify-content:center;line-height:1;min-width:1.6rem;padding-left:.2rem;padding-right:.2rem;position:absolute;right:.2rem;top:0}";
|
|
44574
|
+
styleInject(css_248z$7);
|
|
44546
44575
|
|
|
44547
44576
|
/**
|
|
44548
44577
|
* Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
|
|
@@ -44615,8 +44644,8 @@ const BORD_NOTIFICATION_VARIANT = {
|
|
|
44615
44644
|
MESSAGE: 'MESSAGE',
|
|
44616
44645
|
};
|
|
44617
44646
|
|
|
44618
|
-
var css_248z$
|
|
44619
|
-
styleInject(css_248z$
|
|
44647
|
+
var css_248z$6 = ".bordNotificationRowDS{align-items:flex-start;border-bottom-width:1px;border-style:solid;cursor:pointer;display:flex;gap:1.2rem;padding:1.6rem 1.6rem 1.7rem;transition:filter .15s ease;width:100%}.bordNotificationRowDS:hover{filter:brightness(1.1)}.bordNotificationRowDS:active{filter:brightness(.9)}.bordNotificationRowDS.isUnread{--tw-bg-opacity:1;background-color:rgb(28 50 59/var(--tw-bg-opacity));border-color:rgba(98,108,130,.3)}.bordNotificationRowDS.isRead{--tw-bg-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));border-color:rgba(73,80,96,.4)}.bordNotificationRowDS .bordNotificationRowIcon{align-items:center;border-radius:.6667rem;display:flex;flex-shrink:0;height:3.6rem;justify-content:center;width:3.6rem}.bordNotificationRowDS .bordNotificationRowIcon.isSuccess{background-color:rgba(9,164,50,.102)}.bordNotificationRowDS .bordNotificationRowIcon.isUrgent{background-color:rgba(252,84,61,.102)}.bordNotificationRowDS .bordNotificationRowIcon.isImportant{background-color:rgba(220,196,16,.102)}.bordNotificationRowDS .bordNotificationRowIcon.isDefault{background-color:rgba(35,165,255,.102)}.bordNotificationRowDS .bordNotificationRowIcon.isMessage{background-color:rgba(0,177,136,.102)}.bordNotificationRowDS .bordNotificationRowContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem;min-width:0}.bordNotificationRowDS .bordNotificationRowMeta{align-items:flex-start;display:flex;gap:.8rem;justify-content:space-between}.bordNotificationRowDS .bordNotificationRowMeta .bordNotificationRowReference{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity));font-size:1.2rem;font-weight:600;line-height:1.6rem}.bordNotificationRowDS .bordNotificationRowMeta .bordNotificationRowTime{align-items:center;display:flex;flex-shrink:0;font-size:1rem;font-weight:500;gap:.6rem;line-height:1.302rem}.bordNotificationRowDS .bordNotificationRowMeta .bordNotificationRowUnreadDot{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:15998.4rem;flex-shrink:0;height:.6rem;width:.6rem}.bordNotificationRowDS.isUnread .bordNotificationRowTime{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.bordNotificationRowDS.isRead .bordNotificationRowTime{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity))}.bordNotificationRowDS .bordNotificationRowTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:600;line-height:2rem;line-height:normal}.bordNotificationRowDS .bordNotificationRowSubtitle{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:500;line-height:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}";
|
|
44648
|
+
styleInject(css_248z$6);
|
|
44620
44649
|
|
|
44621
44650
|
/** Mapeo puramente visual de variant -> ícono/color. No depende de datos ni traducciones. */
|
|
44622
44651
|
const NOTIFICATION_VARIANT_ICON = {
|
|
@@ -44656,14 +44685,14 @@ const BordNotificationRow = ({ notification, onClick }) => {
|
|
|
44656
44685
|
return (jsxs("div", { className: `bordNotificationRowDS ${notification.isRead ? 'isRead' : 'isUnread'}`, onClick: onClick, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, children: [jsx("div", { className: `bordNotificationRowIcon ${iconClassName}`, children: renderIcon() }), jsxs("div", { className: "bordNotificationRowContent", children: [jsxs("div", { className: "bordNotificationRowMeta", children: [notification.referenceLabel && (jsx("span", { className: "bordNotificationRowReference", children: notification.referenceLabel })), jsxs("span", { className: "bordNotificationRowTime", children: [notification.relativeTime, !notification.isRead && jsx("span", { className: "bordNotificationRowUnreadDot", "aria-hidden": "true" })] })] }), jsx("p", { className: "bordNotificationRowTitle", children: notification.title }), notification.subtitle && (jsx("p", { className: "bordNotificationRowSubtitle", title: notification.subtitle, children: notification.subtitle }))] })] }));
|
|
44657
44686
|
};
|
|
44658
44687
|
|
|
44659
|
-
var css_248z$
|
|
44660
|
-
styleInject(css_248z$
|
|
44688
|
+
var css_248z$5 = ".bordNotificationRowSkeletonDS{--tw-border-opacity:1;align-items:flex-start;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;display:flex;gap:1.2rem;padding:1.6rem 1.6rem 1.7rem;width:100%}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonIcon{border-radius:.6667rem;flex-shrink:0;height:3.6rem;width:3.6rem}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.8rem;min-width:0}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonMeta{align-items:center;display:flex;gap:.8rem;justify-content:space-between}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonBar{border-radius:.4rem}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonReference{height:1.2rem;width:6.4rem}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonTime{height:1rem;width:3.2rem}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonTitle{height:1.4rem;width:75%}.bordNotificationRowSkeletonDS .bordNotificationRowSkeletonSubtitle{height:1.2rem;width:91.666667%}";
|
|
44689
|
+
styleInject(css_248z$5);
|
|
44661
44690
|
|
|
44662
44691
|
/** Placeholder de carga de una fila de notificación, con el mismo padding/gap/tamaño de ícono que BordNotificationRow para evitar saltos de layout cuando llegan los datos. */
|
|
44663
44692
|
const BordNotificationRowSkeleton = () => (jsxs("div", { className: "bordNotificationRowSkeletonDS", "aria-hidden": "true", children: [jsx("div", { className: "bordNotificationRowSkeletonIcon animationLoader" }), jsxs("div", { className: "bordNotificationRowSkeletonContent", children: [jsxs("div", { className: "bordNotificationRowSkeletonMeta", children: [jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonReference animationLoader" }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonTime animationLoader" })] }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonTitle animationLoader" }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonSubtitle animationLoader" })] })] }));
|
|
44664
44693
|
|
|
44665
|
-
var css_248z$
|
|
44666
|
-
styleInject(css_248z$
|
|
44694
|
+
var css_248z$4 = ".bordNotificationPanelDS{--tw-border-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-radius:1.4rem;border-style:solid;border-width:1px;box-shadow:0 1.6rem 4.8rem rgba(0,0,0,.6);cursor:default;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + .7rem);width:36.2rem;z-index:10}.bordNotificationPanelDS .bordNotificationPanelHeader{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;display:flex;justify-content:space-between;padding:1.2rem 1.4rem 1.3rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitleGroup{align-items:center;display:flex;gap:.4rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:600;line-height:2rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelCount{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:600;line-height:1.6rem}.bordNotificationPanelDS .bordNotificationPanelBody{display:flex;flex-direction:column;max-height:36rem;overflow-y:auto}.bordNotificationPanelDS .bordNotificationPanelGroupLabel{--tw-text-opacity:1;background-color:#131828;border-bottom-width:1px;border-color:#1a1f2e;border-style:solid;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1rem;font-weight:700;letter-spacing:.06rem;line-height:1.302rem;padding:.5rem 1.4rem .6rem;text-transform:uppercase}.bordNotificationPanelDS .bordNotificationPanelEmpty{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.3rem;height:9.6rem;line-height:1.95rem;text-align:center}.bordNotificationPanelDS .bordNotificationPanelEmpty,.bordNotificationPanelDS .bordNotificationPanelViewAll{align-items:center;display:flex;justify-content:center}.bordNotificationPanelDS .bordNotificationPanelViewAll{--tw-border-opacity:1;--tw-text-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;border-top-width:1px;color:rgb(34 207 171/var(--tw-text-opacity));cursor:pointer;font-size:1.2rem;font-weight:500;gap:.6rem;height:4.3rem;line-height:1.6rem;padding-top:.1rem;transition:background-color .15s ease}.bordNotificationPanelDS .bordNotificationPanelViewAll:hover{background-color:hsla(0,0%,100%,.05)}";
|
|
44695
|
+
styleInject(css_248z$4);
|
|
44667
44696
|
|
|
44668
44697
|
/**
|
|
44669
44698
|
* Panel rápido de notificaciones (dropdown de la campana). Puramente presentacional: recibe los
|
|
@@ -44677,8 +44706,8 @@ const BordNotificationPanel = ({ groups, unreadCount, isLoading, error, title, e
|
|
|
44677
44706
|
groups.map(group => (jsxs("div", { className: "bordNotificationPanelGroup", children: [jsx("div", { className: "bordNotificationPanelGroupLabel", children: group.label }), group.notifications.map(notification => (jsx(BordNotificationRow, { notification: notification, onClick: () => onNotificationClick(notification.id) }, notification.id)))] }, group.key)))] }), jsxs("button", { type: "button", className: "bordNotificationPanelViewAll", onClick: onViewAll, children: [viewAllButtonText, jsx(BordOneToneIcon, { variant: "arrowRight", standardSize: 12, stroke: "#22CFAB" })] })] }));
|
|
44678
44707
|
};
|
|
44679
44708
|
|
|
44680
|
-
var css_248z$
|
|
44681
|
-
styleInject(css_248z$
|
|
44709
|
+
var css_248z$3 = ".bordModalDS.bordNotificationModalOverlay{background-color:rgba(27,32,47,.8)}.bordNotificationModalDS{--tw-border-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-radius:1.4rem;border-style:solid;border-width:1px;box-shadow:0 2.4rem 6.4rem rgba(0,0,0,.7);display:flex;flex-direction:column;max-height:80vh;overflow:hidden;width:68rem}.bordNotificationModalDS .bordNotificationModalSearchWrapper{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;flex-shrink:0;padding:1rem 1.4rem 1.1rem}.bordNotificationModalDS .bordNotificationModalSearch{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(27 32 47/var(--tw-bg-opacity));border-color:rgb(38 43 57/var(--tw-border-opacity));border-radius:.8rem;border-style:solid;border-width:1px;display:flex;gap:.8rem;padding:.8rem 1.1rem;width:53rem}.bordNotificationModalDS .bordNotificationModalSearch input{--tw-text-opacity:1;background-color:transparent;border-style:none;color:rgb(180 180 180/var(--tw-text-opacity));flex:1 1 0%;font-size:1.3rem;height:1.95rem;line-height:1.95rem;margin:0;min-width:0;outline:2px solid transparent;outline-offset:2px;padding:0}.bordNotificationModalDS .bordNotificationModalSearch input::-moz-placeholder{color:hsla(228,5%,79%,.5)}.bordNotificationModalDS .bordNotificationModalSearch input::placeholder{color:hsla(228,5%,79%,.5)}.bordNotificationModalDS .bordNotificationModalHeader{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;display:flex;flex-shrink:0;justify-content:space-between;padding:1.2rem 1.4rem 1.4rem}.bordNotificationModalDS .bordNotificationModalHeader .bordNotificationModalTitleGroup{align-items:center;display:flex;gap:.4rem}.bordNotificationModalDS .bordNotificationModalHeader .bordNotificationModalTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:600;line-height:2rem}.bordNotificationModalDS .bordNotificationModalHeader .bordNotificationModalCount{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:600;line-height:1.6rem}.bordNotificationModalDS .bordNotificationModalHeader .bordNotificationModalCloseButton{align-items:center;border-radius:.6rem;cursor:pointer;display:flex;height:2.6rem;justify-content:center;width:2.6rem}.bordNotificationModalDS .bordNotificationModalHeader .bordNotificationModalCloseButton:hover{--tw-bg-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity))}.bordNotificationModalDS .bordNotificationModalBody{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.bordNotificationModalDS .bordNotificationModalGroupLabel{--tw-text-opacity:1;background-color:#131828;border-bottom-width:1px;border-color:#1a1f2e;border-style:solid;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1rem;font-weight:700;letter-spacing:.06rem;line-height:1.302rem;padding:.6rem 1.4rem .7rem;text-transform:uppercase}.bordNotificationModalDS .bordNotificationModalEmpty{--tw-text-opacity:1;align-items:center;color:rgb(98 108 130/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-size:1.3rem;justify-content:center;line-height:1.95rem;min-height:22rem;text-align:center}";
|
|
44710
|
+
styleInject(css_248z$3);
|
|
44682
44711
|
|
|
44683
44712
|
const NOTIFICATION_SEARCH_PREFIXES = [/^n[°ºo.]*\s*/i, /^servicio\s+/i, /^orden\s+/i];
|
|
44684
44713
|
/**
|
|
@@ -44739,6 +44768,26 @@ const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore
|
|
|
44739
44768
|
Array.from({ length: loadMoreSkeletonRowsCount }, (_, index) => (jsx(BordNotificationRowSkeleton, {}, `load-more-${index}`)))] })] }) }));
|
|
44740
44769
|
};
|
|
44741
44770
|
|
|
44771
|
+
var css_248z$2 = ".bordInfoRowDS{align-items:flex-start;background-color:var(--ds-c-layout-l3);border-radius:1.2rem;display:flex;gap:1.2rem;padding:1.2rem}.bordInfoRowDS .iconContainer{align-items:center;background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-style:solid;border-width:1px;display:flex;flex-shrink:0;height:3.6rem;justify-content:center;width:3.6rem}.bordInfoRowDS .content{align-items:center;display:flex;flex:1 1 0%;gap:1.2rem;justify-content:space-between;min-width:0}.bordInfoRowDS .titleAndSubtitle{flex:1 1 0%;min-width:0}.bordInfoRowDS .title{font-size:1.4rem;font-weight:700}.bordInfoRowDS .subtitle,.bordInfoRowDS .title{color:var(--ds-c-content-secondary);font-family:DM Sans,sans-serif;line-height:normal}.bordInfoRowDS .subtitle{font-size:1.2rem;font-weight:400;margin-top:.4rem}";
|
|
44772
|
+
styleInject(css_248z$2);
|
|
44773
|
+
|
|
44774
|
+
/**
|
|
44775
|
+
* @description Fila con ícono opcional a la izquierda, título/subtítulo, y un botón terciario opcional a la derecha que ejecuta una acción definida por la plataforma consumidora.
|
|
44776
|
+
* @prop {TbordOneToneIcon} [icon] - Nombre del ícono que se muestra dentro de un contenedor circular a la izquierda.
|
|
44777
|
+
* @prop {IbordOneToneIconProps} [iconProps] - Props adicionales para el ícono izquierdo.
|
|
44778
|
+
* @prop {ReactNode} title - Título de la fila.
|
|
44779
|
+
* @prop {string} [titleColor] - Color del título.
|
|
44780
|
+
* @prop {ReactNode} [subtitle] - Subtítulo opcional de la fila.
|
|
44781
|
+
* @prop {IBordButton} [tertiaryButtonProps] - Props del botón terciario opcional a la derecha.
|
|
44782
|
+
* @prop {string} [customWidth="w-456"] - Ancho del componente.
|
|
44783
|
+
* @prop {string} [customClassName=""] - Clase custom adicional para el contenedor raíz.
|
|
44784
|
+
* @returns {React.ReactElement} Un componente de fila informativa.
|
|
44785
|
+
*/
|
|
44786
|
+
const BordInfoRow = ({ icon, iconProps, title, titleColor, subtitle, tertiaryButtonProps, customWidth = 'w-456', customClassName = '', className = '', style, ...restProps }) => {
|
|
44787
|
+
const rootClassName = `bordInfoRowDS ${customWidth} ${customClassName} ${className}`.trim();
|
|
44788
|
+
return (jsxs("div", { className: rootClassName, style: style, ...restProps, children: [icon && (jsx("div", { className: "iconContainer", children: jsx(BordOneToneIcon, { standardSize: 18, ...iconProps, variant: icon }) })), jsxs("div", { className: "content", children: [jsxs("div", { className: "titleAndSubtitle", children: [jsx("div", { className: "title", style: { color: titleColor }, children: title }), subtitle && jsx("div", { className: "subtitle", children: subtitle })] }), tertiaryButtonProps && jsx(BordButton, { ...tertiaryButtonProps })] })] }));
|
|
44789
|
+
};
|
|
44790
|
+
|
|
44742
44791
|
const POPOVER_PORTAL_Z_INDEX = 10000;
|
|
44743
44792
|
const SKELETON_ROWS_COUNT = 3;
|
|
44744
44793
|
/**
|
|
@@ -44959,7 +45008,7 @@ const BordFavoriteButton = ({ isFavorited, onToggleFavorite, stores = EMPTY_STOR
|
|
|
44959
45008
|
return (jsxs(Fragment, { children: [renderPill(), isFavorited && (jsx(BordFavoriteStoresPopover, { isOpen: isPopoverOpen, onClose: closePopover, triggerRef: containerRef, popoverId: popoverId, stores: stores, onSaveStores: onSaveStores, onSelectAllToggle: onSelectAllToggle, isLoading: isLoading, isLoadingStores: isLoadingStores, instructionText: popoverInstructionText, selectAllLabel: selectAllLabel, saveLabel: saveLabel, popoverWidth: popoverWidth, accessibleName: popoverAccessibleName }))] }));
|
|
44960
45009
|
};
|
|
44961
45010
|
|
|
44962
|
-
var css_248z = "/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--ds-c-layout-bg:#fafaf9;--ds-c-layout-l1:#fff;--ds-c-layout-l2:#fafaf9;--ds-c-layout-l3:#f1f1f1;--ds-c-primary-fg-default:#fff;--ds-c-primary-bg-default:#00b188;--ds-c-primary-bg-hover:#1b9f88;--ds-c-primary-bg-secondary:#00b1881a;--ds-c-primary-bg-gradient:#0a3931;--ds-c-secondary-bg-default:#ebebeb;--ds-c-content-default:#070f21;--ds-c-content-secondary:#6f737d;--ds-c-stroke-default:#e6e6e6;--ds-c-stroke-interactive:#b4b4b4;--ds-c-bool-info-fg:#4096f0;--ds-c-bool-info-bg:#dff2ff;--ds-c-bool-info-bg-op:#23a5ff1a;--ds-c-bool-success-fg:#00994f;--ds-c-bool-success-bg:#eaf9f4;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#de072e;--ds-c-bool-danger-bg:#ffd7dc;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#e29e28;--ds-c-bool-warning-bg:#fefbe8;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-backlog-fg:#6f737d;--ds-c-bool-backlog-sec-fg:#fff;--ds-c-bool-backlog-bg:#6f737d1a;--ds-c-bool-backlog-bg-op:#6f737d1a;--ds-c-bool-disabled-fg:#b4b4b4;--ds-c-bool-disabled-bg:#e6e6e6;--ds-c-bool-disabled-sec-fg:#b4b4b4;--ds-c-bool-disabled-sec-bg:#e6e6e6;--ds-c-tags-blue-fg:#23a5ff;--ds-c-tags-blue-bg:#4096f0;--ds-c-comp-default:#070f21;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c14;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-tags-blue-fg) 10%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 10%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 10%,transparent);--ds-c-tags-brown-surface:color-mix(in srgb,var(--ds-c-comp-brown) 10%,transparent);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 10%,transparent);--ds-c-tags-yellow-surface:var(--ds-c-bool-warning-bg-op);--ds-c-tags-green-surface:var(--ds-c-bool-success-bg-op);--ds-c-metric-icon-muted:#c2c5cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#070f211f;--ds-c-modal-overlay-secondary:#0000004d}[data-theme=dark]{--ds-c-layout-bg:#070f21;--ds-c-layout-l1:#1b202f;--ds-c-layout-l2:#262b39;--ds-c-layout-l3:#070f21;--ds-c-primary-fg-default:#070f21;--ds-c-primary-bg-default:#22cfab;--ds-c-primary-bg-hover:#60ddc3;--ds-c-primary-bg-secondary:#1c323b;--ds-c-secondary-bg-default:#1b202f;--ds-c-content-default:#fff;--ds-c-content-secondary:#c6c7cb;--ds-c-stroke-default:#262b39;--ds-c-stroke-interactive:#626c82;--ds-c-bool-info-fg:#23a5ff;--ds-c-bool-info-bg:#052143;--ds-c-bool-info-bg-op:#0a1e37;--ds-c-bool-success-fg:#09a432;--ds-c-bool-success-bg:#00230a;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#fc543d;--ds-c-bool-danger-bg:#210602;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#dcc410;--ds-c-bool-warning-bg:#272300;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-backlog-fg:#c6c7cb;--ds-c-bool-backlog-sec-fg:#070f21;--ds-c-bool-backlog-bg:#6f737d1a;--ds-c-bool-backlog-bg-op:#6f737d1a;--ds-c-bool-disabled-fg:#262b39;--ds-c-bool-disabled-bg:#626c82;--ds-c-bool-disabled-sec-fg:#626c82;--ds-c-bool-disabled-sec-bg:#262b39;--ds-c-tags-blue-fg:#0057a7;--ds-c-tags-blue-bg:#0057a7;--ds-c-comp-default:#fff;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c144d;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-comp-blue) 30%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 30%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 30%,transparent);--ds-c-tags-brown-surface:var(--ds-c-comp-brown);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 30%,transparent);--ds-c-tags-yellow-surface:color-mix(in srgb,var(--ds-c-comp-yellow) 30%,transparent);--ds-c-tags-green-surface:color-mix(in srgb,var(--ds-c-bool-success-fg) 30%,transparent);--ds-c-metric-icon-muted:#c6c7cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#885ef74d;--ds-c-modal-overlay-secondary:#0000004d}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width:400px){.\\!container{max-width:400px!important}.container{max-width:400px}}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1440px){.\\!container{max-width:1440px!important}.container{max-width:1440px}}@media (min-width:1920px){.\\!container{max-width:1920px!important}.container{max-width:1920px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.order-3{order:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.3rem}.mb-auto{margin-bottom:auto}.mt-16{margin-top:1.6rem}.mt-50{margin-top:5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-100{height:10rem}.h-200{height:20rem}.h-300{height:30rem}.h-32{height:3.2rem}.h-50{height:5rem}.h-500{height:50rem}.h-56{height:5.6rem}.h-64{height:6.4rem}.h-80{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.w-1\\/3{width:33.333333%}.w-1000{width:100rem}.w-110{width:11rem}.w-180{width:18rem}.w-24{width:2.4rem}.w-280{width:28rem}.w-300{width:30rem}.w-320{width:32rem}.w-362{width:36.2rem}.w-380{width:38rem}.w-464{width:46.4rem}.w-500{width:50rem}.w-80{width:8rem}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-190{min-width:19rem}.max-w-780{max-width:78rem}.max-w-\\[110rem\\]{max-width:110rem}.max-w-\\[148px\\]{max-width:148px}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[44rem\\]{max-width:44rem}.max-w-\\[72rem\\]{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-12{gap:1.2rem}.gap-16{gap:1.6rem}.gap-3{gap:.3rem}.gap-32{gap:3.2rem}.gap-4{gap:.4rem}.gap-8{gap:.8rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.2rem*var(--tw-space-y-reverse));margin-top:calc(1.2rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.4rem}.rounded-3xl{border-radius:2.4rem}.rounded-full{border-radius:15998.4rem}.rounded-lg{border-radius:.8rem}.rounded-md{border-radius:.6rem}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-dashed{border-style:dashed}.border-boolean-disabled-secondary-fg{--tw-border-opacity:1;border-color:rgb(180 180 180/var(--tw-border-opacity))}.border-boolean-warning-fg-primary{--tw-border-opacity:1;border-color:rgb(226 158 40/var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgb(252 84 61/var(--tw-border-opacity))}.border-disabled-fg-primary{--tw-border-opacity:1;border-color:rgb(38 43 57/var(--tw-border-opacity))}.border-informative-bg-primary{--tw-border-opacity:1;border-color:rgb(35 165 255/var(--tw-border-opacity))}.border-stroke-interactive{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgb(0 153 79/var(--tw-border-opacity))}.border-theme-stroke-interactive{border-color:var(--ds-c-stroke-interactive)}.border-transparent{border-color:transparent}.\\!bg-\\[\\#EBEBEB\\]{--tw-bg-opacity:1!important;background-color:rgb(235 235 235/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-boolean-disabled-secondary-fg{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.bg-boolean-warning-fg-primary{--tw-bg-opacity:1;background-color:rgb(226 158 40/var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bg-disabled-fg-primary{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bg-informative-bg-primary{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bg-layout-backgroud{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-layout-level1-opacity{background-color:#1b202fcc}.bg-navy-blue-900{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(0 153 79/var(--tw-bg-opacity))}.bg-theme-layout-background{background-color:var(--ds-c-layout-bg)}.bg-theme-layout-l3{background-color:var(--ds-c-layout-l3)}.bg-white-400{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.\\!p-0{padding:0!important}.p-16{padding:1.6rem}.p-24{padding:2.4rem}.p-32{padding:3.2rem}.p-6{padding:.6rem}.p-8{padding:.8rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-24{padding-left:2.4rem;padding-right:2.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-bottom:1.2rem;padding-top:1.2rem}.py-4{padding-bottom:.4rem;padding-top:.4rem}.py-8{padding-bottom:.8rem;padding-top:.8rem}.pb-24{padding-bottom:2.4rem}.pb-3{padding-bottom:.3rem}.pe-20{padding-inline-end:2rem}.pt-64{padding-top:6.4rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-base{font-size:1.6rem!important;line-height:2.4rem!important}.\\!text-lg{font-size:1.8rem!important;line-height:2.8rem!important}.\\!text-xs{font-size:1.2rem!important;line-height:1.6rem!important}.text-bord-sm{font-size:1.2rem;line-height:1.5rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.italic{font-style:italic}.\\!text-cyan-300{--tw-text-opacity:1!important;color:rgb(34 207 171/var(--tw-text-opacity))!important}.\\!text-red-300{--tw-text-opacity:1!important;color:rgb(255 97 117/var(--tw-text-opacity))!important}.\\!text-yellow-500{--tw-text-opacity:1!important;color:rgb(245 221 40/var(--tw-text-opacity))!important}.text-boolean-warning-fg-primary{--tw-text-opacity:1;color:rgb(226 158 40/var(--tw-text-opacity))}.text-bord-gradient-cyan{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.text-content-secondary{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgb(0 153 79/var(--tw-text-opacity))}.text-theme-bool-info-fg{color:var(--ds-c-bool-info-fg)}.text-theme-content-default{color:var(--ds-c-content-default)}.text-theme-content-secondary{color:var(--ds-c-content-secondary)}.text-theme-primary-bg{color:var(--ds-c-primary-bg-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\\[key\\:string\\]{key:string}html{font-size:62.5%}body{overflow-x:hidden;width:100vw}@keyframes shine-lines{0%{background-position:-2rem}30%,to{background-position:20rem}}.animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#f6f7f9 0,#edeef1 20%,#f6f7f9 40%,#f6f7f9)}[data-theme=dark] .animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#262b39 0,#3b4256 50%,#262b39)}";
|
|
45011
|
+
var css_248z = "/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--ds-c-layout-bg:#fafaf9;--ds-c-layout-l1:#fff;--ds-c-layout-l2:#fafaf9;--ds-c-layout-l3:#f1f1f1;--ds-c-primary-fg-default:#fff;--ds-c-primary-bg-default:#00b188;--ds-c-primary-bg-hover:#1b9f88;--ds-c-primary-bg-secondary:#00b1881a;--ds-c-primary-bg-gradient:#0a3931;--ds-c-secondary-bg-default:#ebebeb;--ds-c-content-default:#070f21;--ds-c-content-secondary:#6f737d;--ds-c-stroke-default:#e6e6e6;--ds-c-stroke-interactive:#b4b4b4;--ds-c-bool-info-fg:#4096f0;--ds-c-bool-info-bg:#dff2ff;--ds-c-bool-info-bg-op:#23a5ff1a;--ds-c-bool-success-fg:#00994f;--ds-c-bool-success-bg:#eaf9f4;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#de072e;--ds-c-bool-danger-bg:#ffd7dc;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#e29e28;--ds-c-bool-warning-bg:#fefbe8;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-backlog-fg:#6f737d;--ds-c-bool-backlog-sec-fg:#fff;--ds-c-bool-backlog-bg:#6f737d1a;--ds-c-bool-backlog-bg-op:#6f737d1a;--ds-c-bool-disabled-fg:#b4b4b4;--ds-c-bool-disabled-bg:#e6e6e6;--ds-c-bool-disabled-sec-fg:#b4b4b4;--ds-c-bool-disabled-sec-bg:#e6e6e6;--ds-c-tags-blue-fg:#23a5ff;--ds-c-tags-blue-bg:#4096f0;--ds-c-comp-default:#070f21;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c14;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-tags-blue-fg) 10%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 10%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 10%,transparent);--ds-c-tags-brown-surface:color-mix(in srgb,var(--ds-c-comp-brown) 10%,transparent);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 10%,transparent);--ds-c-tags-yellow-surface:var(--ds-c-bool-warning-bg-op);--ds-c-tags-green-surface:var(--ds-c-bool-success-bg-op);--ds-c-metric-icon-muted:#c2c5cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#070f211f;--ds-c-modal-overlay-secondary:#0000004d}[data-theme=dark]{--ds-c-layout-bg:#070f21;--ds-c-layout-l1:#1b202f;--ds-c-layout-l2:#262b39;--ds-c-layout-l3:#070f21;--ds-c-primary-fg-default:#070f21;--ds-c-primary-bg-default:#22cfab;--ds-c-primary-bg-hover:#60ddc3;--ds-c-primary-bg-secondary:#1c323b;--ds-c-secondary-bg-default:#1b202f;--ds-c-content-default:#fff;--ds-c-content-secondary:#c6c7cb;--ds-c-stroke-default:#262b39;--ds-c-stroke-interactive:#626c82;--ds-c-bool-info-fg:#23a5ff;--ds-c-bool-info-bg:#052143;--ds-c-bool-info-bg-op:#0a1e37;--ds-c-bool-success-fg:#09a432;--ds-c-bool-success-bg:#00230a;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#fc543d;--ds-c-bool-danger-bg:#210602;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#dcc410;--ds-c-bool-warning-bg:#272300;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-backlog-fg:#c6c7cb;--ds-c-bool-backlog-sec-fg:#070f21;--ds-c-bool-backlog-bg:#6f737d1a;--ds-c-bool-backlog-bg-op:#6f737d1a;--ds-c-bool-disabled-fg:#262b39;--ds-c-bool-disabled-bg:#626c82;--ds-c-bool-disabled-sec-fg:#626c82;--ds-c-bool-disabled-sec-bg:#262b39;--ds-c-tags-blue-fg:#0057a7;--ds-c-tags-blue-bg:#0057a7;--ds-c-comp-default:#fff;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c144d;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-comp-blue) 30%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 30%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 30%,transparent);--ds-c-tags-brown-surface:var(--ds-c-comp-brown);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 30%,transparent);--ds-c-tags-yellow-surface:color-mix(in srgb,var(--ds-c-comp-yellow) 30%,transparent);--ds-c-tags-green-surface:color-mix(in srgb,var(--ds-c-bool-success-fg) 30%,transparent);--ds-c-metric-icon-muted:#c6c7cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#885ef74d;--ds-c-modal-overlay-secondary:color-mix(in srgb,var(--ds-c-layout-l1) 80%,transparent)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width:400px){.\\!container{max-width:400px!important}.container{max-width:400px}}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1440px){.\\!container{max-width:1440px!important}.container{max-width:1440px}}@media (min-width:1920px){.\\!container{max-width:1920px!important}.container{max-width:1920px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.order-3{order:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.3rem}.mb-auto{margin-bottom:auto}.mt-16{margin-top:1.6rem}.mt-50{margin-top:5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-100{height:10rem}.h-200{height:20rem}.h-300{height:30rem}.h-32{height:3.2rem}.h-50{height:5rem}.h-500{height:50rem}.h-56{height:5.6rem}.h-64{height:6.4rem}.h-80{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.w-1\\/3{width:33.333333%}.w-1000{width:100rem}.w-110{width:11rem}.w-180{width:18rem}.w-24{width:2.4rem}.w-280{width:28rem}.w-300{width:30rem}.w-320{width:32rem}.w-362{width:36.2rem}.w-380{width:38rem}.w-456{width:45.6rem}.w-464{width:46.4rem}.w-500{width:50rem}.w-80{width:8rem}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-190{min-width:19rem}.max-w-780{max-width:78rem}.max-w-\\[110rem\\]{max-width:110rem}.max-w-\\[148px\\]{max-width:148px}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[44rem\\]{max-width:44rem}.max-w-\\[72rem\\]{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-12{gap:1.2rem}.gap-16{gap:1.6rem}.gap-3{gap:.3rem}.gap-32{gap:3.2rem}.gap-4{gap:.4rem}.gap-8{gap:.8rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.2rem*var(--tw-space-y-reverse));margin-top:calc(1.2rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.4rem}.rounded-3xl{border-radius:2.4rem}.rounded-full{border-radius:15998.4rem}.rounded-lg{border-radius:.8rem}.rounded-md{border-radius:.6rem}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-dashed{border-style:dashed}.border-boolean-disabled-secondary-fg{--tw-border-opacity:1;border-color:rgb(180 180 180/var(--tw-border-opacity))}.border-boolean-warning-fg-primary{--tw-border-opacity:1;border-color:rgb(226 158 40/var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgb(252 84 61/var(--tw-border-opacity))}.border-disabled-fg-primary{--tw-border-opacity:1;border-color:rgb(38 43 57/var(--tw-border-opacity))}.border-informative-bg-primary{--tw-border-opacity:1;border-color:rgb(35 165 255/var(--tw-border-opacity))}.border-stroke-interactive{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgb(0 153 79/var(--tw-border-opacity))}.border-theme-stroke-interactive{border-color:var(--ds-c-stroke-interactive)}.border-transparent{border-color:transparent}.\\!bg-\\[\\#EBEBEB\\]{--tw-bg-opacity:1!important;background-color:rgb(235 235 235/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-boolean-disabled-secondary-fg{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.bg-boolean-warning-fg-primary{--tw-bg-opacity:1;background-color:rgb(226 158 40/var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bg-disabled-fg-primary{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bg-informative-bg-primary{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bg-layout-backgroud{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-layout-level1-opacity{background-color:#1b202fcc}.bg-navy-blue-900{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(0 153 79/var(--tw-bg-opacity))}.bg-theme-layout-background{background-color:var(--ds-c-layout-bg)}.bg-theme-layout-l3{background-color:var(--ds-c-layout-l3)}.bg-white-400{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.\\!p-0{padding:0!important}.p-16{padding:1.6rem}.p-24{padding:2.4rem}.p-32{padding:3.2rem}.p-6{padding:.6rem}.p-8{padding:.8rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-24{padding-left:2.4rem;padding-right:2.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-bottom:1.2rem;padding-top:1.2rem}.py-4{padding-bottom:.4rem;padding-top:.4rem}.py-8{padding-bottom:.8rem;padding-top:.8rem}.pb-24{padding-bottom:2.4rem}.pb-3{padding-bottom:.3rem}.pe-20{padding-inline-end:2rem}.pt-64{padding-top:6.4rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-base{font-size:1.6rem!important;line-height:2.4rem!important}.\\!text-lg{font-size:1.8rem!important;line-height:2.8rem!important}.\\!text-xs{font-size:1.2rem!important;line-height:1.6rem!important}.text-bord-sm{font-size:1.2rem;line-height:1.5rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.italic{font-style:italic}.\\!text-cyan-300{--tw-text-opacity:1!important;color:rgb(34 207 171/var(--tw-text-opacity))!important}.\\!text-red-300{--tw-text-opacity:1!important;color:rgb(255 97 117/var(--tw-text-opacity))!important}.\\!text-yellow-500{--tw-text-opacity:1!important;color:rgb(245 221 40/var(--tw-text-opacity))!important}.text-boolean-warning-fg-primary{--tw-text-opacity:1;color:rgb(226 158 40/var(--tw-text-opacity))}.text-bord-gradient-cyan{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.text-content-secondary{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgb(0 153 79/var(--tw-text-opacity))}.text-theme-bool-info-fg{color:var(--ds-c-bool-info-fg)}.text-theme-content-default{color:var(--ds-c-content-default)}.text-theme-content-secondary{color:var(--ds-c-content-secondary)}.text-theme-primary-bg{color:var(--ds-c-primary-bg-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.\\[key\\:string\\]{key:string}html{font-size:62.5%}body{overflow-x:hidden;width:100vw}@keyframes shine-lines{0%{background-position:-2rem}30%,to{background-position:20rem}}.animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#f6f7f9 0,#edeef1 20%,#f6f7f9 40%,#f6f7f9)}[data-theme=dark] .animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#262b39 0,#3b4256 50%,#262b39)}";
|
|
44963
45012
|
styleInject(css_248z);
|
|
44964
45013
|
|
|
44965
45014
|
var BORD_AVATARS;
|
|
@@ -45349,6 +45398,7 @@ var BORD_TWO_TONE_ICONS;
|
|
|
45349
45398
|
BORD_TWO_TONE_ICONS["moving"] = "moving";
|
|
45350
45399
|
BORD_TWO_TONE_ICONS["timer"] = "timer";
|
|
45351
45400
|
BORD_TWO_TONE_ICONS["hierarchy"] = "hierarchy";
|
|
45401
|
+
BORD_TWO_TONE_ICONS["reload"] = "reload";
|
|
45352
45402
|
})(BORD_TWO_TONE_ICONS || (BORD_TWO_TONE_ICONS = {}));
|
|
45353
45403
|
|
|
45354
45404
|
const INCIDENT_TYPE_CONFIG = {
|
|
@@ -45370,5 +45420,5 @@ const INCIDENT_TYPE_CONFIG = {
|
|
|
45370
45420
|
},
|
|
45371
45421
|
};
|
|
45372
45422
|
|
|
45373
|
-
export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_NOTIFICATION_VARIANT, BORD_ONE_TONE_ICONS, BORD_TIMELINE_MARKER_VARIANT, BORD_TWO_TONE_ICONS, BORD_VERTICAL_STEPPER_STATUS, BORD_VERTICAL_STEPPER_VARIANT, BordAccordion, BordActionButton, BordAnimationLoader, BordAssignUsersButton, BordAssignUsersDropdown, BordAttentionButton, BordAvatar, BordAvatarStack, BordBackButton, BordBadge, BordBanner, BordBreadCrumb, BordButton, BordCapacity, BordCard, BordCellCard, BordCheckBox, BordComment, BordCommentBubble, BordCommentInput, BordCommentsPanel, BordComposeMetricCards, BordConditionBadge, BordConditionTooltip, BordConfigStatusCard, BordConfigStatusReport, BordDatePicker, BordDinamic, BordDinamicList, BordDropdown, BordEmailPreview, BordEmptyState, BordFavoriteButton, BordFeedbackAlert, BordFilters, BordFiltersExpandableSelect, BordFlag, BordFloatDropdown, BordGenericSelect, BordGlass, BordGroupedComboBox, BordIlustrationIcon, BordIncidentCard, BordIncidentClosureList, BordIncidentDatesForm, BordInfoBanner, BordInfoCard, BordLateralModal, BordLogo, BordMarketplaceButton, BordMentions, BordMetricCard, BordMetricCards, BordModal, BordNotificationBell, BordNotificationIcon, BordNotificationModal, BordNotificationPanel, BordNotificationRow, BordNotificationRowSkeleton, BordOneToneIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordProgressBar, BordRadioButton, BordScrollBar, BordSearchBar, BordSelect, BordSelectDropdown, BordSelectTriggerBare, BordSelectTriggerDefault, BordSelectTriggerGradient, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordSortSelect, BordStatus, BordStepper, BordSwitch, BordSwitchGroup, BordTab, BordTabBar, BordTable, BordTabs, BordTabsGroupWithBadge, BordTag, BordTags, BordTextArea, BordTextButton, BordTextInput, BordTickSpinner, BordTimelineEvent, BordTimelineGroupHeader, BordTimelineHolderChip, BordTimelineMarker, BordTimelineSpine, BordTimelineStandaloneEvent, BordToast, BordToolModelMarker, BordToolsPhotos, BordTooltip, BordTooltipKeyValueMessage, BordTrackingEtaCard, BordTrackingEventCard, BordTrelloRowFooterBadgeList, BordTwoToneIcon, BordUploadImage, BordUploaderButton, BordVerticalStepper, COMPACT_MESSAGE_CONTAINER_SIZE, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, INCIDENT_TYPE_CONFIG, ModalContent, STATUS_VARIANTS, ThemeProvider };
|
|
45423
|
+
export { BORD_AVATARS, BORD_ILUSTRATION_ICONS, BORD_NOTIFICATION_ICONS, BORD_NOTIFICATION_VARIANT, BORD_ONE_TONE_ICONS, BORD_TIMELINE_MARKER_VARIANT, BORD_TWO_TONE_ICONS, BORD_VERTICAL_STEPPER_STATUS, BORD_VERTICAL_STEPPER_VARIANT, BordAccordion, BordActionButton, BordAnimationLoader, BordAssignUsersButton, BordAssignUsersDropdown, BordAttentionButton, BordAvatar, BordAvatarStack, BordBackButton, BordBadge, BordBanner, BordBreadCrumb, BordButton, BordCapacity, BordCard, BordCellCard, BordCheckBox, BordComment, BordCommentBubble, BordCommentInput, BordCommentsPanel, BordComposeMetricCards, BordConditionBadge, BordConditionTooltip, BordConfigStatusCard, BordConfigStatusReport, BordDatePicker, BordDinamic, BordDinamicList, BordDropdown, BordEmailPreview, BordEmptyState, BordFavoriteButton, BordFeedbackAlert, BordFilters, BordFiltersExpandableSelect, BordFlag, BordFloatDropdown, BordGenericSelect, BordGlass, BordGroupedComboBox, BordIlustrationIcon, BordIncidentCard, BordIncidentClosureList, BordIncidentDatesForm, BordInfoBanner, BordInfoCard, BordInfoRow, BordLateralModal, BordLogo, BordMarketplaceButton, BordMentions, BordMetricCard, BordMetricCards, BordModal, BordNotificationBell, BordNotificationIcon, BordNotificationModal, BordNotificationPanel, BordNotificationRow, BordNotificationRowSkeleton, BordOneToneIcon, BordPasswordInput, BordPhoto, BordProfileSummary, BordProgressBar, BordRadioButton, BordScrollBar, BordSearchBar, BordSelect, BordSelectDropdown, BordSelectTriggerBare, BordSelectTriggerDefault, BordSelectTriggerGradient, BordSidebar, BordSidebarButton, BordSidebarWithFilters, BordSortSelect, BordStatus, BordStepper, BordSwitch, BordSwitchGroup, BordTab, BordTabBar, BordTable, BordTabs, BordTabsGroupWithBadge, BordTag, BordTags, BordTextArea, BordTextButton, BordTextInput, BordTickSpinner, BordTimelineEvent, BordTimelineGroupHeader, BordTimelineHolderChip, BordTimelineMarker, BordTimelineSpine, BordTimelineStandaloneEvent, BordToast, BordToolModelMarker, BordToolsPhotos, BordTooltip, BordTooltipKeyValueMessage, BordTrackingEtaCard, BordTrackingEventCard, BordTrelloRowFooterBadgeList, BordTwoToneIcon, BordUploadImage, BordUploaderButton, BordVerticalStepper, COMPACT_MESSAGE_CONTAINER_SIZE, COUNTRY_CODES, FORM_COMPONENTS_STANDARD_SIZES, INCIDENT_TYPE_CONFIG, ModalContent, STATUS_VARIANTS, ThemeProvider };
|
|
45374
45424
|
//# sourceMappingURL=index.esm.js.map
|