bord-design-system 0.0.41 → 0.0.42
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/BordNotificationRow/BordNotificationRow.d.ts.map +1 -1
- package/dist/components/BordNotificationRow/BordNotificationRow.types.d.ts +1 -0
- package/dist/components/BordNotificationRow/BordNotificationRow.types.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +6 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +6 -1
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordNotificationRow.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationRow/BordNotificationRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,yBAAyB,EAA4B,MAAM,6BAA6B,CAAC;AAE7H,OAAO,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"BordNotificationRow.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationRow/BordNotificationRow.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,yBAAyB,EAA4B,MAAM,6BAA6B,CAAC;AAE7H,OAAO,4BAA4B,CAAC;AA+BpC;;;GAGG;AACH,QAAA,MAAM,mBAAmB,8BAA+B,yBAAyB,4CAsChF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -3,6 +3,7 @@ export declare const BORD_NOTIFICATION_VARIANT: {
|
|
|
3
3
|
readonly IMPORTANT: "IMPORTANT";
|
|
4
4
|
readonly SUCCESS: "SUCCESS";
|
|
5
5
|
readonly DEFAULT: "DEFAULT";
|
|
6
|
+
readonly MESSAGE: "MESSAGE";
|
|
6
7
|
};
|
|
7
8
|
export type TBordNotificationVariant = (typeof BORD_NOTIFICATION_VARIANT)[keyof typeof BORD_NOTIFICATION_VARIANT];
|
|
8
9
|
/** Fila de notificación ya resuelta (copy traducido y hora relativa ya formateada) por la app consumidora. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordNotificationRow.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationRow/BordNotificationRow.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB
|
|
1
|
+
{"version":3,"file":"BordNotificationRow.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationRow/BordNotificationRow.types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;;;CAM5B,CAAC;AAEX,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,OAAO,yBAAyB,CAAC,CAAC;AAElH,8GAA8G;AAC9G,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,wBAAwB,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,wBAAwB,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2846,6 +2846,7 @@ declare const BORD_NOTIFICATION_VARIANT: {
|
|
|
2846
2846
|
readonly IMPORTANT: "IMPORTANT";
|
|
2847
2847
|
readonly SUCCESS: "SUCCESS";
|
|
2848
2848
|
readonly DEFAULT: "DEFAULT";
|
|
2849
|
+
readonly MESSAGE: "MESSAGE";
|
|
2849
2850
|
};
|
|
2850
2851
|
type TBordNotificationVariant = (typeof BORD_NOTIFICATION_VARIANT)[keyof typeof BORD_NOTIFICATION_VARIANT];
|
|
2851
2852
|
/** Fila de notificación ya resuelta (copy traducido y hora relativa ya formateada) por la app consumidora. */
|
package/dist/index.esm.js
CHANGED
|
@@ -44427,9 +44427,10 @@ const BORD_NOTIFICATION_VARIANT = {
|
|
|
44427
44427
|
IMPORTANT: 'IMPORTANT',
|
|
44428
44428
|
SUCCESS: 'SUCCESS',
|
|
44429
44429
|
DEFAULT: 'DEFAULT',
|
|
44430
|
+
MESSAGE: 'MESSAGE',
|
|
44430
44431
|
};
|
|
44431
44432
|
|
|
44432
|
-
var css_248z$4 = ".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 .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%}";
|
|
44433
|
+
var css_248z$4 = ".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%}";
|
|
44433
44434
|
styleInject(css_248z$4);
|
|
44434
44435
|
|
|
44435
44436
|
/** Mapeo puramente visual de variant -> ícono/color. No depende de datos ni traducciones. */
|
|
@@ -44450,6 +44451,10 @@ const NOTIFICATION_VARIANT_ICON = {
|
|
|
44450
44451
|
iconClassName: 'isDefault',
|
|
44451
44452
|
render: () => jsx(BordOneToneIcon, { variant: "info", standardSize: 20, stroke: "#23A5FF" }),
|
|
44452
44453
|
},
|
|
44454
|
+
[BORD_NOTIFICATION_VARIANT.MESSAGE]: {
|
|
44455
|
+
iconClassName: 'isMessage',
|
|
44456
|
+
render: () => jsx(BordOneToneIcon, { variant: "messageSquare", standardSize: 18, stroke: "#22CFAB" }),
|
|
44457
|
+
},
|
|
44453
44458
|
};
|
|
44454
44459
|
/**
|
|
44455
44460
|
* Fila individual del centro de notificaciones. Es puramente presentacional: recibe el
|