kupos-ui-components-lib 10.4.40 → 10.4.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.
Files changed (15) hide show
  1. package/dist/assets/images/discount/green_new.png +0 -0
  2. package/dist/assets/images/discount/green_rt.png +0 -0
  3. package/dist/assets/images/discount/last_minute.png +0 -0
  4. package/dist/assets/images/discount/purple.png +0 -0
  5. package/dist/assets/images/discount/yellow_instant.png +0 -0
  6. package/dist/components/DiscountBanners/DiscountBannerMobile.js +3 -0
  7. package/dist/ui/DiscountBanners/defaultBackgrounds.js +11 -10
  8. package/package.json +1 -1
  9. package/src/assets/images/discount/green_new.png +0 -0
  10. package/src/assets/images/discount/green_rt.png +0 -0
  11. package/src/assets/images/discount/last_minute.png +0 -0
  12. package/src/assets/images/discount/purple.png +0 -0
  13. package/src/assets/images/discount/yellow_instant.png +0 -0
  14. package/src/components/DiscountBanners/DiscountBannerMobile.tsx +2 -2
  15. package/src/ui/DiscountBanners/defaultBackgrounds.ts +11 -11
package/dist/components/DiscountBanners/DiscountBannerMobile.js CHANGED
@@ -120,6 +120,9 @@ class DiscountBannersMobile extends React.Component {
120
120
  React.createElement("span", { className: `bold-text flex-shrink-0 rounded-full text-center text-[#464647] overflow-hidden whitespace-nowrap ${sizeClasses.chip}`, style: chipPillInArt
121
121
  ? undefined
122
122
  : { backgroundColor: "rgba(255,255,255,0.55)" } }, label),
123
+ showFlamePercent && (React.createElement("span", { className: `bold-text absolute text-[#ffffff] text-center pointer-events-none ${sizeClasses.flameBadge}`, style: Object.assign(Object.assign({}, FLAME_CENTER), { transform: "translate(-50%, -50%)", textShadow: "0 1px 2px rgba(0,0,0,0.28)", fontWeight: 900, whiteSpace: "nowrap" }) },
124
+ card.amount,
125
+ React.createElement("span", { className: sizeClasses.flamePercent, style: { fontWeight: 700 } }, "%"))),
123
126
  React.createElement("span", { className: `flex flex-col ${sizeClasses.column}` },
124
127
  React.createElement("span", { className: `bold-text text-[#464647] ${sizeClasses.discount}` }, card.discountLabel),
125
128
  React.createElement("span", { className: `bold-text ${sizeClasses.subtitle}`, style: { color: accentColor } }, card.subtitle))));
package/dist/ui/DiscountBanners/defaultBackgrounds.js CHANGED
@@ -1,12 +1,13 @@
1
- import greenArt from "../../assets/images/discount/instant.png";
1
+ import greenArt from "../../assets/images/discount/green_new.png";
2
2
  import yellowArt from "../../assets/images/discount/yellow.png";
3
3
  import blueArt from "../../assets/images/discount/blue.png";
4
- import lastMinuteArt from "../../assets/images/discount/last.png";
5
- import firstTimeArt from "../../assets/images/discount/first.png";
4
+ import lastMinuteArt from "../../assets/images/discount/last_minute.png";
5
+ import firstTimeArt from "../../assets/images/discount/purple.png";
6
6
  import cashbackArt from "../../assets/images/discount/cash.png";
7
- import roundTripArt from "../../assets/images/discount/round.png";
8
- import promoCodeArt from "../../assets/images/discount/promo.png";
7
+ import roundTripArt from "../../assets/images/discount/green_rt.png";
8
+ import promoCodeArt from "../../assets/images/discount/yellow.png";
9
9
  import seatLevelArt from "../../assets/images/discount/seat.png";
10
+ import instantArt from "../../assets/images/discount/yellow_instant.png";
10
11
  export function toImageUrl(art) {
11
12
  if (typeof art === "string")
12
13
  return art;
@@ -27,11 +28,11 @@ export const DEFAULT_BACKGROUND_IMAGES = [
27
28
  blueArt,
28
29
  ].map(toImageUrl);
29
30
  export const CAMPAIGN_ART = {
30
- last_minute: { image: toImageUrl(lastMinuteArt), accent: "#4457C7" },
31
- first_time: { image: toImageUrl(firstTimeArt), accent: "#D63384" },
31
+ last_minute: { image: toImageUrl(lastMinuteArt), accent: "#1633DB" },
32
+ first_time: { image: toImageUrl(firstTimeArt), accent: "#FB488E" },
32
33
  cashback: { image: toImageUrl(cashbackArt), accent: "#0069D1" },
33
- round_trip: { image: toImageUrl(roundTripArt), accent: "#5C8A00" },
34
- instant_discount: { image: toImageUrl(promoCodeArt), accent: "#E08A00" },
34
+ round_trip: { image: toImageUrl(roundTripArt), accent: "#107E23" },
35
+ instant_discount: { image: toImageUrl(instantArt), accent: "#FDA105" },
35
36
  seat_level: { image: toImageUrl(seatLevelArt), accent: "#B87500" },
36
- promo_code: { image: toImageUrl(seatLevelArt), accent: "#B87500" },
37
+ promo_code: { image: toImageUrl(promoCodeArt), accent: "#FFC000" },
37
38
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.4.40",
3
+ "version": "10.4.41",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/DiscountBanners/DiscountBannerMobile.tsx CHANGED
@@ -190,7 +190,7 @@ class DiscountBannersMobile extends React.Component<
190
190
  >
191
191
  {label}
192
192
  </span>
193
- {/* {showFlamePercent && (
193
+ {showFlamePercent && (
194
194
  <span
195
195
  className={`bold-text absolute text-[#ffffff] text-center pointer-events-none ${sizeClasses.flameBadge}`}
196
196
  style={{
@@ -209,7 +209,7 @@ class DiscountBannersMobile extends React.Component<
209
209
  %
210
210
  </span>
211
211
  </span>
212
- )} */}
212
+ )}
213
213
  <span className={`flex flex-col ${sizeClasses.column}`}>
214
214
  <span
215
215
  className={`bold-text text-[#464647] ${sizeClasses.discount}`}
package/src/ui/DiscountBanners/defaultBackgrounds.ts CHANGED
@@ -1,13 +1,13 @@
1
- import greenArt from "../../assets/images/discount/instant.png";
1
+ import greenArt from "../../assets/images/discount/green_new.png";
2
2
  import yellowArt from "../../assets/images/discount/yellow.png";
3
3
  import blueArt from "../../assets/images/discount/blue.png";
4
- import lastMinuteArt from "../../assets/images/discount/last.png";
5
- import firstTimeArt from "../../assets/images/discount/first.png";
4
+ import lastMinuteArt from "../../assets/images/discount/last_minute.png";
5
+ import firstTimeArt from "../../assets/images/discount/purple.png";
6
6
  import cashbackArt from "../../assets/images/discount/cash.png";
7
- import roundTripArt from "../../assets/images/discount/round.png";
8
- import promoCodeArt from "../../assets/images/discount/promo.png";
7
+ import roundTripArt from "../../assets/images/discount/green_rt.png";
8
+ import promoCodeArt from "../../assets/images/discount/yellow.png";
9
9
  import seatLevelArt from "../../assets/images/discount/seat.png";
10
- import instantArt from "../../assets/images/discount/instant.png";
10
+ import instantArt from "../../assets/images/discount/yellow_instant.png";
11
11
 
12
12
  export type ImageRef =
13
13
  | string
@@ -32,11 +32,11 @@ export const DEFAULT_BACKGROUND_IMAGES: string[] = [
32
32
  ].map(toImageUrl);
33
33
 
34
34
  export const CAMPAIGN_ART: Record<string, { image: string; accent: string }> = {
35
- last_minute: { image: toImageUrl(lastMinuteArt), accent: "#4457C7" },
36
- first_time: { image: toImageUrl(firstTimeArt), accent: "#D63384" },
35
+ last_minute: { image: toImageUrl(lastMinuteArt), accent: "#1633DB" },
36
+ first_time: { image: toImageUrl(firstTimeArt), accent: "#FB488E" },
37
37
  cashback: { image: toImageUrl(cashbackArt), accent: "#0069D1" },
38
- round_trip: { image: toImageUrl(roundTripArt), accent: "#5C8A00" },
39
- instant_discount: { image: toImageUrl(promoCodeArt), accent: "#E08A00" },
38
+ round_trip: { image: toImageUrl(roundTripArt), accent: "#107E23" },
39
+ instant_discount: { image: toImageUrl(instantArt), accent: "#FDA105" },
40
40
  seat_level: { image: toImageUrl(seatLevelArt), accent: "#B87500" },
41
- promo_code: { image: toImageUrl(seatLevelArt), accent: "#B87500" },
41
+ promo_code: { image: toImageUrl(promoCodeArt), accent: "#FFC000" },
42
42
  };