Merge pull request #1484 from undp/develop

Release 1.3.9

Author: Jura

docs/css/base-minimal-no-grid.min.css

@@ -1,6 +1,6 @@
 {
   "name": "@undp/design-system",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "description": "UNDP Design System",
   "homepage": "https://design.undp.org",
   "main": "index.js",

docs/css/base-minimal.min.css

@@ -186,7 +186,7 @@ $colors: (
       }
     }
   }
-  // Apply full-width style when max-width is set to "No"
+  /* Apply full-width style when max-width is set to "No" */
   &.full-width {
     max-width: none;
   }

docs/css/ckeditor5.min.css

@@ -1,19 +1,28 @@
-import React, { useEffect } from 'react';
-import './stats-card-slider.scss';
-import { swiper } from '../../assets/js/swiper';
-import { StatsCards } from '../../Components/UIcomponents/Cards/StatsCards/StatsCards';
+import React, { useEffect } from "react";
+import "./stats-card-slider.scss";
+import "../../../stories/assets/scss/_swiper.scss";
+import { swiper } from "../../assets/js/swiper";
+import { StatsCards } from "../../Components/UIcomponents/Cards/StatsCards/StatsCards";
 
 // RTL Fix for Storybook.
 let rtl = document.dir || undefined;
-if (window.location.href.indexOf('direction=rtl') > -1) {
-  rtl = 'rtl';
+if (window.location.href.indexOf("direction=rtl") > -1) {
+  rtl = "rtl";
 }
 export function Statscardslider({ data, ...args }) {
   useEffect(() => {
-    swiper('.stats-slider');
+    swiper(".stats-slider");
   }, []);
+
   return (
-    <div className="stats-slider" data-swiper-slides-view-mobile="1" data-swiper-slides-view-tablet="2" data-swiper-slides-view-desktop="4" data-swiper-offset="50" dir={rtl}>
+    <div
+      className="stats-slider"
+      data-swiper-slides-view-mobile="1"
+      data-swiper-slides-view-tablet="2"
+      data-swiper-slides-view-desktop="4"
+      data-swiper-offset="50"
+      dir={rtl}
+    >
       <div className="swiper-scrollbar" />
       <div className="swiper-wrapper">
         {data.map((item, index) => (

docs/js/all.min.js

@@ -1,12 +1,12 @@
-@import '../../assets/scss/breakpoints';
-@import '../../assets/scss/variables';
+@import "../../assets/scss/breakpoints";
+@import "../../assets/scss/variables";
 
 $backgroundcolors: (
-  'yellow': $color-yellow,
-  'red': $color-red,
-  'green': $color-green,
-  'blue': $color-azure,
-  'gray': $color-gray-100
+  "yellow": $color-yellow,
+  "red": $color-red,
+  "green": $color-green,
+  "blue": $color-azure,
+  "gray": $color-gray-100,
 );
 
 .stats-slider {
@@ -16,8 +16,7 @@ $backgroundcolors: (
     &:hover {
       //background-color: $color-yellow;
 
-      @each $name,
-      $color in $backgroundcolors {
+      @each $name, $color in $backgroundcolors {
         &.#{$name} {
           background-color: #{$color};
         }
@@ -32,7 +31,7 @@ $backgroundcolors: (
   }
 }
 
-[dir='rtl'] {
+[dir="rtl"] {
   .stats-slider {
     &.swiper-initialized {
       .swiper-scrollbar {
@@ -42,4 +41,4 @@ $backgroundcolors: (
       }
     }
   }
-}
+}

docs/js/swiper.min.js

@@ -181,7 +181,12 @@
   }
 
   body,
-  div {
+  div,
+  p,
+  ul li,
+  ol li,
+  dl,
+  input {
     font-weight: 350;
   }
 }