bord-design-system 0.0.39 → 0.0.41
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/BordButton/BordButton.types.d.ts +1 -1
- package/dist/components/BordButton/BordButton.types.d.ts.map +1 -1
- package/dist/components/BordNotificationBell/BordNotificationBell.d.ts +5 -3
- package/dist/components/BordNotificationBell/BordNotificationBell.d.ts.map +1 -1
- package/dist/components/BordVerticalStepper/BordVerticalStepper.d.ts.map +1 -1
- package/dist/components/BordVerticalStepper/BordVerticalStepper.types.d.ts +1 -0
- package/dist/components/BordVerticalStepper/BordVerticalStepper.types.d.ts.map +1 -1
- package/dist/index.d.ts +7 -4
- package/dist/index.esm.js +61 -25
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +61 -25
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +61 -25
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ export interface IBordButton extends ComponentProps<'button'> {
|
|
|
13
13
|
customFontSize?: string;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
isLoading?: boolean;
|
|
16
|
-
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
|
|
16
|
+
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger' | 'warningFilled';
|
|
17
17
|
standardPaddingSize?: 'rectangular' | 'squared';
|
|
18
18
|
buttonIconOneProps?: IbordOneToneIconProps;
|
|
19
19
|
buttonIconTwoProps?: IbordOneToneIconProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,CAAC;IAC9F,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { IBordNotificationBellProps } from './BordNotificationBell.types';
|
|
2
2
|
import './BordNotificationBell.scss';
|
|
3
3
|
/**
|
|
4
|
-
* Botón de campana del centro de notificaciones: badge, animación de shake
|
|
5
|
-
* contador de no leídas
|
|
6
|
-
*
|
|
4
|
+
* Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
|
|
5
|
+
* ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
|
|
6
|
+
* el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
|
|
7
|
+
* de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
|
|
8
|
+
* "ver todas".
|
|
7
9
|
*/
|
|
8
10
|
declare const BordNotificationBell: ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax, children, }: IBordNotificationBellProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
export default BordNotificationBell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordNotificationBell.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationBell/BordNotificationBell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,6BAA6B,CAAC;AAErC
|
|
1
|
+
{"version":3,"file":"BordNotificationBell.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationBell/BordNotificationBell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,6BAA6B,CAAC;AAErC;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB,sFAQvB,0BAA0B,4CA8E5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;AA6FpC,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,4CAmB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -14,6 +14,7 @@ export declare const BORD_VERTICAL_STEPPER_STATUS: {
|
|
|
14
14
|
readonly WAITING: "WAITING";
|
|
15
15
|
readonly CANCELLED: "CANCELLED";
|
|
16
16
|
readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
|
|
17
|
+
readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
|
|
17
18
|
};
|
|
18
19
|
export type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
|
|
19
20
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B
|
|
1
|
+
{"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;CAO/B,CAAC;AAEX,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,OAAO,6BAA6B,CAAC,OAAO,CAAC;IACvD,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,qCAAqC;IACpD,OAAO,EAAE,OAAO,6BAA6B,CAAC,QAAQ,CAAC;IACvD,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,GAAG,qCAAqC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -343,7 +343,7 @@ interface IBordButton extends ComponentProps<'button'> {
|
|
|
343
343
|
customFontSize?: string;
|
|
344
344
|
disabled?: boolean;
|
|
345
345
|
isLoading?: boolean;
|
|
346
|
-
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
|
|
346
|
+
modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger' | 'warningFilled';
|
|
347
347
|
standardPaddingSize?: 'rectangular' | 'squared';
|
|
348
348
|
buttonIconOneProps?: IbordOneToneIconProps;
|
|
349
349
|
buttonIconTwoProps?: IbordOneToneIconProps;
|
|
@@ -2195,6 +2195,7 @@ declare const BORD_VERTICAL_STEPPER_STATUS: {
|
|
|
2195
2195
|
readonly WAITING: "WAITING";
|
|
2196
2196
|
readonly CANCELLED: "CANCELLED";
|
|
2197
2197
|
readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
|
|
2198
|
+
readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
|
|
2198
2199
|
};
|
|
2199
2200
|
type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
|
|
2200
2201
|
/**
|
|
@@ -2832,9 +2833,11 @@ interface IBordNotificationBellProps {
|
|
|
2832
2833
|
}
|
|
2833
2834
|
|
|
2834
2835
|
/**
|
|
2835
|
-
* Botón de campana del centro de notificaciones: badge, animación de shake
|
|
2836
|
-
* contador de no leídas
|
|
2837
|
-
*
|
|
2836
|
+
* Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
|
|
2837
|
+
* ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
|
|
2838
|
+
* el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
|
|
2839
|
+
* de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
|
|
2840
|
+
* "ver todas".
|
|
2838
2841
|
*/
|
|
2839
2842
|
declare const BordNotificationBell: ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax, children, }: IBordNotificationBellProps) => react_jsx_runtime.JSX.Element;
|
|
2840
2843
|
|
package/dist/index.esm.js
CHANGED
|
@@ -1878,7 +1878,7 @@ function styleInject(css, ref) {
|
|
|
1878
1878
|
}
|
|
1879
1879
|
}
|
|
1880
1880
|
|
|
1881
|
-
var css_248z$23 = ".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)}.bordButtonSkeletonLoader{background-color:var(--ds-c-stroke-default);border-radius:.6rem;height:4.2rem;pointer-events:none}";
|
|
1881
|
+
var css_248z$23 = ".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}";
|
|
1882
1882
|
styleInject(css_248z$23);
|
|
1883
1883
|
|
|
1884
1884
|
/**
|
|
@@ -12605,6 +12605,7 @@ const BORD_VERTICAL_STEPPER_STATUS = {
|
|
|
12605
12605
|
WAITING: "WAITING",
|
|
12606
12606
|
CANCELLED: "CANCELLED",
|
|
12607
12607
|
SECONDARY_CANCELLED: "SECONDARY_CANCELLED",
|
|
12608
|
+
SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED",
|
|
12608
12609
|
};
|
|
12609
12610
|
|
|
12610
12611
|
const ICON_CONFIG = {
|
|
@@ -12654,7 +12655,7 @@ const InProgressIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['inPr
|
|
|
12654
12655
|
const WaitingIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['waiting'] });
|
|
12655
12656
|
const CancelledIcon = ({ isSecondaryCancelled = false }) => (jsx(VerticalStepperStepIcon, { ...(isSecondaryCancelled ? ICON_CONFIG['cancelledSecondary'] : ICON_CONFIG['cancelled']) }));
|
|
12656
12657
|
|
|
12657
|
-
var css_248z$G = ".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;
|
|
12658
|
+
var css_248z$G = ".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)}";
|
|
12658
12659
|
styleInject(css_248z$G);
|
|
12659
12660
|
|
|
12660
12661
|
const SubSteps = ({ subSteps, stepIndex, subStepKeySuffix, }) => {
|
|
@@ -12705,9 +12706,10 @@ const STEP_TITLE_CLASS = {
|
|
|
12705
12706
|
[BORD_VERTICAL_STEPPER_STATUS.WAITING]: 'stepMainTitleMuted',
|
|
12706
12707
|
[BORD_VERTICAL_STEPPER_STATUS.CANCELLED]: 'stepMainTitleDanger',
|
|
12707
12708
|
[BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED]: 'stepMainTitleMuted',
|
|
12709
|
+
[BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED]: 'stepMainTitleMuted',
|
|
12708
12710
|
};
|
|
12709
12711
|
/**
|
|
12710
|
-
* Resuelve icono, clase de título y
|
|
12712
|
+
* Resuelve icono, clase de título y clase modificadora de subpasos según el estado del paso.
|
|
12711
12713
|
*/
|
|
12712
12714
|
function getStepPresentation(status) {
|
|
12713
12715
|
switch (status) {
|
|
@@ -12715,45 +12717,51 @@ function getStepPresentation(status) {
|
|
|
12715
12717
|
return {
|
|
12716
12718
|
icon: jsx(SuccessIcon, {}),
|
|
12717
12719
|
titleClassName: STEP_TITLE_CLASS[status],
|
|
12718
|
-
|
|
12720
|
+
subStepModifierClass: '',
|
|
12719
12721
|
};
|
|
12720
12722
|
case BORD_VERTICAL_STEPPER_STATUS.IN_PROGRESS:
|
|
12721
12723
|
return {
|
|
12722
12724
|
icon: jsx(InProgressIcon, {}),
|
|
12723
12725
|
titleClassName: STEP_TITLE_CLASS[status],
|
|
12724
|
-
|
|
12726
|
+
subStepModifierClass: '',
|
|
12725
12727
|
};
|
|
12726
12728
|
case BORD_VERTICAL_STEPPER_STATUS.WAITING:
|
|
12727
12729
|
return {
|
|
12728
12730
|
icon: jsx(WaitingIcon, {}),
|
|
12729
12731
|
titleClassName: STEP_TITLE_CLASS[status],
|
|
12730
|
-
|
|
12732
|
+
subStepModifierClass: '',
|
|
12731
12733
|
};
|
|
12732
12734
|
case BORD_VERTICAL_STEPPER_STATUS.CANCELLED:
|
|
12733
12735
|
return {
|
|
12734
12736
|
icon: jsx(CancelledIcon, {}),
|
|
12735
12737
|
titleClassName: STEP_TITLE_CLASS[status],
|
|
12736
|
-
|
|
12738
|
+
subStepModifierClass: '',
|
|
12737
12739
|
};
|
|
12738
12740
|
case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED:
|
|
12739
12741
|
return {
|
|
12740
12742
|
icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
|
|
12741
12743
|
titleClassName: STEP_TITLE_CLASS[status],
|
|
12742
|
-
|
|
12744
|
+
subStepModifierClass: 'subStepOpaque',
|
|
12745
|
+
};
|
|
12746
|
+
case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED:
|
|
12747
|
+
return {
|
|
12748
|
+
icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
|
|
12749
|
+
titleClassName: STEP_TITLE_CLASS[status],
|
|
12750
|
+
subStepModifierClass: 'subStepMuted',
|
|
12743
12751
|
};
|
|
12744
12752
|
default:
|
|
12745
12753
|
return {
|
|
12746
12754
|
icon: jsx(WaitingIcon, {}),
|
|
12747
12755
|
titleClassName: STEP_TITLE_CLASS[BORD_VERTICAL_STEPPER_STATUS.WAITING],
|
|
12748
|
-
|
|
12756
|
+
subStepModifierClass: '',
|
|
12749
12757
|
};
|
|
12750
12758
|
}
|
|
12751
12759
|
}
|
|
12752
12760
|
function DefaultVerticalStepperContent({ steps }) {
|
|
12753
12761
|
return (jsx(Fragment, { children: steps.map((step, stepIdx) => {
|
|
12754
|
-
const { icon, titleClassName,
|
|
12755
|
-
const
|
|
12756
|
-
return (jsxs("div", { className: `stepContainer ${
|
|
12762
|
+
const { icon, titleClassName, subStepModifierClass } = getStepPresentation(step.status ?? BORD_VERTICAL_STEPPER_STATUS.WAITING);
|
|
12763
|
+
const isLastStep = stepIdx === steps.length - 1;
|
|
12764
|
+
return (jsxs("div", { className: `stepContainer ${subStepModifierClass}`, children: [!isLastStep && jsx("div", { className: "stepLine", "aria-hidden": true }), jsxs("div", { className: "stepHeader", children: [jsx("div", { className: "stepIconContainer", children: icon }), jsx("p", { className: `stepTitle ${titleClassName}`, children: step.title })] }), jsx(SubSteps, { subSteps: step.subSteps ?? [], stepIndex: stepIdx })] }, `verticalStep-${stepIdx}`));
|
|
12757
12765
|
}) }));
|
|
12758
12766
|
}
|
|
12759
12767
|
const BordVerticalStepper = (props) => {
|
|
@@ -44348,29 +44356,57 @@ const BordTimelineStandaloneEvent = ({ markerVariant, isLast = false, children,
|
|
|
44348
44356
|
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 })] }));
|
|
44349
44357
|
};
|
|
44350
44358
|
|
|
44351
|
-
var css_248z$5 = "@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
|
|
44359
|
+
var css_248z$5 = "@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}";
|
|
44352
44360
|
styleInject(css_248z$5);
|
|
44353
44361
|
|
|
44354
44362
|
/**
|
|
44355
|
-
* Botón de campana del centro de notificaciones: badge, animación de shake
|
|
44356
|
-
* contador de no leídas
|
|
44357
|
-
*
|
|
44363
|
+
* Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
|
|
44364
|
+
* ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
|
|
44365
|
+
* el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
|
|
44366
|
+
* de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
|
|
44367
|
+
* "ver todas".
|
|
44358
44368
|
*/
|
|
44359
44369
|
const BordNotificationBell = ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax = 9, children, }) => {
|
|
44360
44370
|
const [isShaking, setIsShaking] = useState(false);
|
|
44371
|
+
const [displayedUnreadCount, setDisplayedUnreadCount] = useState(0);
|
|
44361
44372
|
const bellRef = useRef(null);
|
|
44362
44373
|
const previousUnreadCount = useRef(null);
|
|
44363
|
-
|
|
44374
|
+
/**
|
|
44375
|
+
* Si el contador sube y el valor anterior todavía se mostraba como número real (≤ `badgeMax`),
|
|
44376
|
+
* dispara el shake y cuenta de a uno — incluso si el nuevo valor supera `badgeMax`, en cuyo
|
|
44377
|
+
* caso el tope de la animación es `badgeMax + 1` (ya se muestra como `+badgeMax`), para no
|
|
44378
|
+
* saltarse los números intermedios que todavía son mostrables (ej. de 7 a 11: 7, 8, 9, +9, no
|
|
44379
|
+
* un salto directo de 7 a +9). En cualquier otro caso (primera carga, baja, o ya se mostraba
|
|
44380
|
+
* `+badgeMax`) actualiza directo, sin animar. Va en `useLayoutEffect` (no `useEffect`) para que
|
|
44381
|
+
* ese "salto directo" se corrija antes del pintado del browser — con `useEffect` se llega a
|
|
44382
|
+
* ver un frame con el valor viejo antes de corregirse.
|
|
44383
|
+
*/
|
|
44384
|
+
useLayoutEffect(() => {
|
|
44364
44385
|
if (unreadCount === undefined)
|
|
44365
44386
|
return;
|
|
44366
44387
|
const previous = previousUnreadCount.current;
|
|
44367
44388
|
previousUnreadCount.current = unreadCount;
|
|
44368
|
-
|
|
44369
|
-
|
|
44370
|
-
|
|
44371
|
-
|
|
44389
|
+
const isIncrease = previous !== null && unreadCount > previous;
|
|
44390
|
+
const shouldAnimateCount = isIncrease && previous !== null && previous <= badgeMax;
|
|
44391
|
+
const animationTarget = Math.min(unreadCount, badgeMax + 1);
|
|
44392
|
+
if (!shouldAnimateCount)
|
|
44393
|
+
setDisplayedUnreadCount(unreadCount);
|
|
44394
|
+
if (!isIncrease)
|
|
44395
|
+
return;
|
|
44396
|
+
setIsShaking(true);
|
|
44397
|
+
const shakeTimeout = setTimeout(() => setIsShaking(false), 700);
|
|
44398
|
+
let countInterval;
|
|
44399
|
+
if (shouldAnimateCount) {
|
|
44400
|
+
countInterval = setInterval(() => {
|
|
44401
|
+
setDisplayedUnreadCount(current => Math.min(current + 1, animationTarget));
|
|
44402
|
+
}, 350);
|
|
44372
44403
|
}
|
|
44373
|
-
|
|
44404
|
+
return () => {
|
|
44405
|
+
clearTimeout(shakeTimeout);
|
|
44406
|
+
if (countInterval)
|
|
44407
|
+
clearInterval(countInterval);
|
|
44408
|
+
};
|
|
44409
|
+
}, [unreadCount, badgeMax]);
|
|
44374
44410
|
useEffect(() => {
|
|
44375
44411
|
if (!isPanelOpen)
|
|
44376
44412
|
return;
|
|
@@ -44382,7 +44418,7 @@ const BordNotificationBell = ({ unreadCount, isPanelOpen, onToggle, onClose, tog
|
|
|
44382
44418
|
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
44383
44419
|
}, [isPanelOpen, onClose]);
|
|
44384
44420
|
const resolvedUnreadCount = unreadCount ?? 0;
|
|
44385
|
-
const badgeLabel =
|
|
44421
|
+
const badgeLabel = displayedUnreadCount > badgeMax ? `+${badgeMax}` : String(displayedUnreadCount);
|
|
44386
44422
|
return (jsx("div", { className: "bordNotificationBellContainerDS", ref: bellRef, children: jsxs("div", { className: "bordNotificationBellTrigger", children: [jsxs("button", { type: "button", className: `bordNotificationBellButton ${isPanelOpen ? 'isOpen' : ''} ${isShaking ? 'isShaking' : ''}`, onClick: onToggle, "aria-label": toggleLabel, "aria-expanded": isPanelOpen, children: [jsx("span", { className: "bordNotificationBellIcon", children: jsx(BordOneToneIcon, { variant: "notification", standardSize: 24, stroke: "currentColor" }) }), resolvedUnreadCount > 0 && jsx("span", { className: "bordNotificationBellBadge", children: badgeLabel })] }), isPanelOpen && children] }) }));
|
|
44387
44423
|
};
|
|
44388
44424
|
|
|
@@ -44436,7 +44472,7 @@ styleInject(css_248z$3);
|
|
|
44436
44472
|
/** 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. */
|
|
44437
44473
|
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" })] })] }));
|
|
44438
44474
|
|
|
44439
|
-
var css_248z$2 = ".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% +
|
|
44475
|
+
var css_248z$2 = ".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)}";
|
|
44440
44476
|
styleInject(css_248z$2);
|
|
44441
44477
|
|
|
44442
44478
|
/**
|
|
@@ -44510,7 +44546,7 @@ const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore
|
|
|
44510
44546
|
Array.from({ length: loadMoreSkeletonRowsCount }, (_, index) => (jsx(BordNotificationRowSkeleton, {}, `load-more-${index}`)))] })] }) }));
|
|
44511
44547
|
};
|
|
44512
44548
|
|
|
44513
|
-
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-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-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-1000{width:100rem}.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)}";
|
|
44549
|
+
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-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-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-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)}";
|
|
44514
44550
|
styleInject(css_248z);
|
|
44515
44551
|
|
|
44516
44552
|
var BORD_AVATARS;
|