@bytebrand/fe-ui-core 4.8.114 → 4.8.116

package/media/locales/de/promoSlider.json

@@ -1,6 +1,6 @@
 {
   "consumptionCombined": "{{consumptionCombined}}l/100km (komb)*",
-  "co2": "{{co2}}g CO2/km (komb)*",
+  "co2": "CO₂ {{co2}} g/km (komb)*",
   "co2Class": "CO2-Klasse {{class}} (komb)",
   "weDeliverMagdeburg": "Wir liefern Ihr Auto zu Ihnen nach Magdeburg!",
   "weDeliverToYou": "Wir liefern Ihr Auto zu Ihnen!",

package/media/locales/en/promoSlider.json

@@ -1,6 +1,6 @@
 {
   "consumptionCombined": "{{consumptionCombined}}/100km (comb)*",
-  "co2": "{{co2}}g CO2/km (comb)*",
+  "co2": "CO₂ {{co2}} g/km (comb)*",
   "co2Class": "CO2-class {{class}} (comb)",
   "weDeliverMagdeburg": "We will deliver your car to Magdeburg!",
   "weDeliverToYou": "We deliver your car to you!",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.8.114",
+  "version": "4.8.116",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",
@@ -104,7 +104,6 @@
     "@types/react": "^16.8.3"
   },
   "scripts": {
-    "prepare": "husky",
     "storybook": "start-storybook -p 6006",
     "clean": "rm -rf ./dist/*.*",
     "build:lib": "yarn clean && webpack --config ./webpack.config.js --progress",

package/package.json.pubbak

@@ -0,0 +1,118 @@
+{
+  "name": "@bytebrand/fe-ui-core",
+  "version": "4.8.115",
+  "description": "UI components for the auto.de project",
+  "main": "index.ts",
+  "module": "dist/common.js",
+  "dependencies": {
+    "@babel/core": "^7.17.8",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-decorators": "^7.17.8",
+    "@babel/plugin-transform-react-constant-elements": "^7.17.6",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.0",
+    "@bytebrand/car-schema-selectors": "^2.0.7",
+    "@bytebrand/fe-histoslider": "3.0.0",
+    "@bytebrand/i18n-dictionaries": "^1.5.2",
+    "@emotion/react": "^11.9.3",
+    "@emotion/styled": "^11.9.3",
+    "@mui/material": "^5.9.0",
+    "@mui/styles": "^5.9.0",
+    "@mui/x-date-pickers": "^5.0.0-beta.1",
+    "classnames": "2.2.6",
+    "d3-format": "1.4.5",
+    "d3-scale": "^2.2.2",
+    "date-fns": "2.29.1",
+    "i18next": "^15.0.4",
+    "jest": "^26.0.0",
+    "js-cookie": "^2.2.0",
+    "moment": "^2.29.1",
+    "rc-slider": "^8.6.13",
+    "react": "^17.0.2",
+    "react-device-detect": "^2.1.2",
+    "react-dom": "^17.0.2",
+    "react-grid-system": "^5.0.2",
+    "react-i18next": "9.0.4",
+    "react-lazyload": "3.2.0",
+    "react-scroll": "^1.7.13",
+    "react-select": "^3.0.4",
+    "react-slick": "^0.29.0",
+    "slick-carousel": "1.8.1",
+    "uuid": "^8.3.2"
+  },
+  "devDependencies": {
+    "@storybook/addon-actions": "^5.1.11",
+    "@storybook/addon-backgrounds": "^5.1.11",
+    "@storybook/addon-centered": "^5.1.11",
+    "@storybook/addon-info": "^5.1.11",
+    "@storybook/addon-links": "^5.1.11",
+    "@storybook/addons": "^5.1.11",
+    "@storybook/react": "^5.3.21",
+    "@testing-library/dom": "^9.0.1",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^11.2.6",
+    "@types/classnames": "2.2.6",
+    "@types/d3-format": "^1.3.1",
+    "@types/i18next": "^12.1.0",
+    "@types/jest": "^29.4.0",
+    "@types/js-cookie": "^2.1.0",
+    "@types/lodash": "^4.14.134",
+    "@types/qs": "^6.9.7",
+    "@types/rc-slider": "^9.3.1",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
+    "@types/react-lazyload": "^2.5.0",
+    "@types/react-scroll": "^1.8.7",
+    "@types/react-select": "^3.0.2",
+    "@types/react-slick": "^0.23.4 ",
+    "@types/uuid": "^8.3.1",
+    "autoprefixer": "^9.6.0",
+    "babel-loader": "^8.0.6",
+    "babel-plugin-minify-dead-code-elimination": "^0.5.0",
+    "babel-plugin-transform-imports": "^2.0.0",
+    "css-loader": "^3.2.0",
+    "jest-css-modules": "^2.1.0",
+    "jest-css-modules-transform": "^4.4.2",
+    "jest-dom": "^4.0.0",
+    "jest-environment-jsdom-sixteen": "^2.0.0",
+    "jest-junit": "^15.0.0",
+    "jest-stylus": "^0.1.2",
+    "jest-svg-transformer": "^1.0.0",
+    "jest-transform-stub": "^2.0.0",
+    "lodash": "^4.17.15",
+    "mobx": "4.6.0",
+    "mobx-react": "5.4.3",
+    "postcss-loader": "^3.0.0",
+    "qs": "6.5.1",
+    "re-resizable": "^6.0.0",
+    "react-checkbox-tree": "^1.5.1",
+    "react-circular-progressbar": "^2.0.4",
+    "storybook-addon-i18next": "^1.1.0",
+    "style-loader": "^1.0.0",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.2",
+    "ts-jest": "^26.0.0",
+    "tslint": "^5.17.0",
+    "tslint-config-airbnb": "^5.11.1",
+    "tslint-loader": "^3.5.4",
+    "typescript": "^3.5.1",
+    "webpack-cli": "^3.3.6",
+    "husky": "^9.0.11"
+  },
+  "resolutions": {
+    "@types/react": "^16.8.3"
+  },
+  "scripts": {
+    "prepare": "husky",
+    "storybook": "start-storybook -p 6006",
+    "clean": "rm -rf ./dist/*.*",
+    "build:lib": "yarn clean && webpack --config ./webpack.config.js --progress",
+    "build:story": "build-storybook",
+    "test": "jest --watch",
+    "test:ci": "jest --config ./jest.config.js --collectCoverage --coverageDirectory=\"./coverage\" --ci --reporters=default --reporters=jest-junit --watchAll=false",
+    "test:coverage": "yarn run test -- --coverage --watchAll=false || exit 0"
+  },
+  "author": "Maks Okhmatenko",
+  "license": "UNLICENSED"
+}

package/source/components/AccordionWidget/AccordionWidget.styl

@@ -208,7 +208,7 @@
   line-height: 1.45
   padding: 10px 7.5px
   span
-    font-size: 10px
+    font-size: 11px
     word-break: break-word
 
 .propertyIcon

package/source/components/Vehicle/VehicleConsumption/VehicleConsumption.styl

@@ -3,8 +3,8 @@
 .vehicleConsumption
   display: flex
   flex-direction: column
-  font-size: 10px
+  font-size: 12px
   font-family: $font-style-arial
 
   +media-tablet-landscape-down()
-    font-size: 8px
+    font-size: 12px

package/source/components/VehiclePromoSlider/VehiclePromoSlide/VehiclePromoSlide.styl

@@ -178,7 +178,7 @@
     flex-direction: row
     color: black
     z-index: $zIndex-sticky
-    font-size: 10px
+    font-size: 12px
 
     :first-child
       border-right: 0.5px solid $grey-3

package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.styl

@@ -12,7 +12,8 @@
   grid-area: info;
 
   & > .consumptionCombined
-    font-size: 9px
+    font-size: 12px
+    color: rgba(76, 78, 100, 0.87)
 
   // ADV-88: new plug-in hybrid consumption line — full-width row at the very bottom of the
   // card on every breakpoint. `order` pushes it past the price-rating strip so the long text
@@ -27,8 +28,9 @@
     border-bottom: none
     padding-top: 4px
     span
-      font-size: 9px
+      font-size: 12px
       line-height: 1.35
+      color: rgba(76, 78, 100, 0.87)
 
   +media-tablet-landscape-down()
     padding: 0 10px;
@@ -128,7 +130,7 @@
       grid-auto-rows: 38px;
 
       & > .consumptionCombined span
-        font-size: 8px
+        font-size: 12px
 
     +media-tablet-landscape-up()
       grid-auto-rows: 36px;

package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.styl

@@ -11,11 +11,11 @@
 
 .smallProp
   span
-    font-size: 9px !important
+    font-size: 12px !important
 
 .pluginVal
   span
-    font-size: 9px !important
+    font-size: 12px !important
 
 .carIcon
   width: 28px;
@@ -30,4 +30,4 @@
   padding-left: 5px
 
 [class*='smallText']
-  font-size:10px;
+  font-size:11px;

package/source/components/VehicleSmallCard/VehicleSmallCard.styl

@@ -272,13 +272,13 @@
   // a few px of space ABOVE the divider so the line doesn't hug the price/"Zum Angebot" block.
   margin-top: 6px;
   padding: 6px 10px 2px 10px;
-  font-size: 9px;
+  font-size: 12px;
   line-height: 1.4;
   color: rgba(76, 78, 100, 0.87);
   word-break: break-word;
 
   span
-    font-size: 9px !important;
+    font-size: 12px !important;
     line-height: 1.4 !important;
 
 .wrapAlternativeData

package/source/locales/data.ts

@@ -37,13 +37,13 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
     vehicleProps: {
       promoSlider: {
         consumptionCombined: `${vehicleOption.consumptionCombined}l/100km (komb)*`,
-        co2: `${vehicleOption.co2} g CO2/km (komb)*`,
+        co2: `CO₂ ${vehicleOption.co2} g/km (komb)*`,
         // wltpEnergyEfficiencyClass arrives as `selector_energyEfficiencyClass_X`; map to the bare letter via cbd dict.
         co2Class: `CO2-Klasse ${(cbd.cbd as any)[vehicleOption.wltpEnergyEfficiencyClass] || vehicleOption.wltpEnergyEfficiencyClass || ''} (komb)`,
         new: 'neu',
         downPayment: '0€ Anzahlung',
         downPaymentShort: '0€ Anz.',
-        wltpCo2: `${vehicleOption.wltpCo2}g CO2/km (WLTP, komb.)*`,
+        wltpCo2: `CO₂ ${vehicleOption.wltpCo2} g/km (WLTP, komb.)*`,
         wltpConsumptionCombined: `${vehicleOption.consumptionCombined}l/100km`
       },
       value: {
@@ -61,9 +61,9 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
         powerPS: `${vehicleOption.powerPS} PS`,
         deliveryPeriodMonths: `${Math.round(monthsTo)} Monat\nab Bestellung`,
         deliveryPeriodDays: `${count} Tag\nab Bestellung`,
-        co2Combined: `${vehicleOption.co2}g CO2/km (komb)*`,
+        co2Combined: `CO₂ ${vehicleOption.co2} g/km (komb)*`,
         co2Class: `CO2-Klasse ${(cbd.cbd as any)[vehicleOption.wltpEnergyEfficiencyClass] || vehicleOption.wltpEnergyEfficiencyClass || ''} (komb)`,
-        co2: `${vehicleOption.co2} g/km `,
+        co2: `CO₂ ${vehicleOption.co2} g/km`,
         na: 'N/A',
         priceSub: '/mtl.',
         priceSubMtl: '/mtl.',
@@ -91,8 +91,8 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
         no: 'Nein',
         yes: 'Ja',
         batteryCapacity: `${vehicleOption.batteryCapacity} kWh`,
-        wltpCo2Combined: `${getFormattedNumber(vehicleOption.wltpCo2)}g CO2/km (WLTP, komb)*`,
-        wltpCo2WtdCombined: `${getFormattedNumber(vehicleOption.wltpCo2)}g CO2/km (WLTP, gew., komb)*`,
+        wltpCo2Combined: `CO₂ ${getFormattedNumber(vehicleOption.wltpCo2)} g/km (WLTP, komb)*`,
+        wltpCo2WtdCombined: `CO₂ ${getFormattedNumber(vehicleOption.wltpCo2)} g/km (WLTP, gew., komb)*`,
         wltpCombined: `${getFormattedNumber(vehicleOption.wltpCombined)}l/100km`,
         wltpWeightedCombined: `${getFormattedNumber(vehicleOption.wltpWeightedCombined)}l/100km`,
         wltpWeightedPowerCombined: `${getFormattedNumber(vehicleOption.wltpWeightedPowerCombined)}kWh/100km`,
@@ -101,7 +101,7 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
         // ADV-88: labelled weighted/discharged consumption + both CO2 classes for new plug-in hybrids.
         wltpWeightedCombinedLabel: `${getFormattedNumber(vehicleOption.wltpWeightedCombined)}l/100km (gew., komb)`,
         wltpDischargedCombinedLabel: `${getFormattedNumber(vehicleOption.wltpCombined != null ? vehicleOption.wltpCombined : 19.9)}l/100km (entladen, komb)`,
-        wltpCo2WtdCombinedShort: `${getFormattedNumber(vehicleOption.wltpCo2)}g CO2/km (gew., komb)*`,
+        wltpCo2WtdCombinedShort: `CO₂ ${getFormattedNumber(vehicleOption.wltpCo2)} g/km (gew., komb)*`,
         co2ClassWeighted: `CO2-Klasse ${(cbd.cbd as any)[vehicleOption.wltpEnergyEfficiencyClass] || vehicleOption.wltpEnergyEfficiencyClass || ''} (gew., komb)`,
         co2ClassDischarged: `CO2-Klasse ${(cbd.cbd as any)[vehicleOption.wltpDischargedEnergyEfficiencyClass || 'selector_energyEfficiencyClass_g'] || ''} (entladen, komb)`
       },